/*! * devextreme-angular * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-angular */ import { TransferState } from '@angular/platform-browser'; import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxMenu from 'devextreme/ui/menu'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; import { DxiItemComponent } from './nested/item-dxi'; /** * The Menu widget is a panel with clickable items. A click on an item opens a drop-down menu, which can contain several submenus. */ export declare class DxMenuComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxMenu; /** * Specifies the shortcut key that sets focus on the widget. */ accessKey: string; /** * A Boolean value specifying whether or not the widget changes its state when interacting with a user. */ activeStateEnabled: boolean; /** * Specifies whether adaptive widget rendering is enabled on small screens. Applies only if the orientation is "horizontal". */ adaptivityEnabled: boolean; /** * Configures widget visibility animations. This object contains two fields: show and hide. */ animation: { hide?: DevExpress.animationConfig; show?: DevExpress.animationConfig; }; /** * Specifies the name of the CSS class to be applied to the root menu level and all submenus. */ cssClass: string; /** * Binds the widget to data. */ dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array; /** * Specifies whether the widget responds to user interaction. */ disabled: boolean; /** * Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */ disabledExpr: Function | string; /** * Specifies the data field whose values should be displayed. */ displayExpr: Function | string; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * Specifies whether the widget can be focused using keyboard navigation. */ focusStateEnabled: boolean; /** * Specifies the widget's height. */ height: number | Function | string; /** * Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */ hideSubmenuOnMouseLeave: boolean; /** * Specifies text for a hint that appears when a user pauses on the widget. */ hint: string; /** * Specifies whether the widget changes its state when a user pauses on it. */ hoverStateEnabled: boolean; /** * Holds an array of menu items. */ items: Array; /** * Specifies which data field contains nested items. */ itemsExpr: Function | string; /** * Specifies a custom template for items. */ itemTemplate: any; /** * Specifies whether the menu has horizontal or vertical orientation. */ orientation: string; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies whether or not an item becomes selected if a user clicks it. */ selectByClick: boolean; /** * Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */ selectedExpr: Function | string; /** * The selected item object. */ selectedItem: any; /** * Specifies the selection mode supported by the menu. */ selectionMode: string; /** * Specifies options for showing and hiding the first level submenu. */ showFirstSubmenuMode: string | { delay?: number | { hide?: number; show?: number; }; name?: string; }; /** * Specifies options of submenu showing and hiding. */ showSubmenuMode: string | { delay?: number | { hide?: number; show?: number; }; name?: string; }; /** * Specifies the direction at which the submenus are displayed. */ submenuDirection: string; /** * Specifies the number of the element when the Tab key is used for navigating. */ tabIndex: number; /** * Specifies whether the widget is visible. */ visible: boolean; /** * Specifies the widget's width. */ width: number | Function | string; /** * A function that is executed when the widget's content is ready and each time the content is changed. */ onContentReady: EventEmitter; /** * A function that is executed before the widget is disposed of. */ onDisposing: EventEmitter; /** * A function used in JavaScript frameworks to save the widget instance. */ onInitialized: EventEmitter; /** * A function that is executed when a collection item is clicked or tapped. */ onItemClick: EventEmitter; /** * A function that is executed when a collection item is right-clicked or pressed. */ onItemContextMenu: EventEmitter; /** * A function that is executed after a collection item is rendered. */ onItemRendered: EventEmitter; /** * A function that is executed after a widget option is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when a collection item is selected or selection is canceled. */ onSelectionChanged: EventEmitter; /** * A function that is executed after a submenu is hidden. */ onSubmenuHidden: EventEmitter; /** * A function that is executed before a submenu is hidden. */ onSubmenuHiding: EventEmitter; /** * A function that is executed before a submenu is displayed. */ onSubmenuShowing: EventEmitter; /** * A function that is executed after a submenu is displayed. */ onSubmenuShown: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ accessKeyChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ activeStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ adaptivityEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ animationChange: EventEmitter<{ hide?: DevExpress.animationConfig; show?: DevExpress.animationConfig; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ cssClassChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataSourceChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledExprChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ displayExprChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ focusStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hideSubmenuOnMouseLeaveChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hintChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverStateEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ itemsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ itemsExprChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ itemTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ orientationChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectByClickChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectedExprChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectedItemChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showFirstSubmenuModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ showSubmenuModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ submenuDirectionChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tabIndexChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ visibleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter; itemsChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxMenu; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxMenuModule { }