slide-out.d.ts 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. /*!
  2. * devextreme-angular
  3. * Version: 19.1.16
  4. * Build date: Tue Oct 18 2022
  5. *
  6. * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  7. *
  8. * This software may be modified and distributed under the terms
  9. * of the MIT license. See the LICENSE file in the root of the project for details.
  10. *
  11. * https://github.com/DevExpress/devextreme-angular
  12. */
  13. import { TransferState } from '@angular/platform-browser';
  14. import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core';
  15. import DevExpress from 'devextreme/bundles/dx.all';
  16. import DxSlideOut from 'devextreme/ui/slide_out';
  17. import { DxComponent } from '../core/component';
  18. import { DxTemplateHost } from '../core/template-host';
  19. import { NestedOptionHost } from '../core/nested-option';
  20. import { WatcherHelper } from '../core/watcher-helper';
  21. import { IterableDifferHelper } from '../core/iterable-differ-helper';
  22. import { DxiItemComponent } from './nested/item-dxi';
  23. /**
  24. * The SlideOut widget is a classic slide-out menu paired with a view. An end user opens the menu by swiping away the view.
  25. */
  26. export declare class DxSlideOutComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {
  27. private _watcherHelper;
  28. private _idh;
  29. instance: DxSlideOut;
  30. /**
  31. * A Boolean value specifying whether or not the widget changes its state when interacting with a user.
  32. */
  33. activeStateEnabled: boolean;
  34. /**
  35. * Specifies a custom template for the widget content. Rendered only once - when the widget is created.
  36. */
  37. contentTemplate: any;
  38. /**
  39. * Binds the widget to data.
  40. */
  41. dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItem>;
  42. /**
  43. * Specifies whether the widget responds to user interaction.
  44. */
  45. disabled: boolean;
  46. /**
  47. * Specifies the attributes to be attached to the widget's root element.
  48. */
  49. elementAttr: any;
  50. /**
  51. * Specifies the widget's height.
  52. */
  53. height: number | Function | string;
  54. /**
  55. * Specifies text for a hint that appears when a user pauses on the widget.
  56. */
  57. hint: string;
  58. /**
  59. * Specifies whether the widget changes its state when a user pauses on it.
  60. */
  61. hoverStateEnabled: boolean;
  62. /**
  63. * The time period in milliseconds before the onItemHold event is raised.
  64. */
  65. itemHoldTimeout: number;
  66. /**
  67. * An array of items displayed by the widget.
  68. */
  69. items: Array<string | any | {
  70. disabled?: boolean;
  71. html?: string;
  72. menuTemplate?: any;
  73. template?: any;
  74. text?: string;
  75. visible?: boolean;
  76. }>;
  77. /**
  78. * Specifies a custom template for items.
  79. */
  80. itemTemplate: any;
  81. /**
  82. * A Boolean value specifying whether or not to display a grouped menu.
  83. */
  84. menuGrouped: boolean;
  85. /**
  86. * Specifies a custom template for group captions.
  87. */
  88. menuGroupTemplate: any;
  89. /**
  90. * Specifies a custom template for menu items.
  91. */
  92. menuItemTemplate: any;
  93. /**
  94. * Specifies the current menu position.
  95. */
  96. menuPosition: string;
  97. /**
  98. * Specifies whether or not the slide-out menu is displayed.
  99. */
  100. menuVisible: boolean;
  101. /**
  102. * The text or HTML markup displayed by the widget if the item collection is empty.
  103. */
  104. noDataText: string;
  105. /**
  106. * Switches the widget to a right-to-left representation.
  107. */
  108. rtlEnabled: boolean;
  109. /**
  110. * The index number of the currently selected item.
  111. */
  112. selectedIndex: number;
  113. /**
  114. * The selected item object.
  115. */
  116. selectedItem: any;
  117. /**
  118. * Indicates whether the menu can be shown/hidden by swiping the widget's main panel.
  119. */
  120. swipeEnabled: boolean;
  121. /**
  122. * Specifies whether the widget is visible.
  123. */
  124. visible: boolean;
  125. /**
  126. * Specifies the widget's width.
  127. */
  128. width: number | Function | string;
  129. /**
  130. * A function that is executed when the widget's content is ready and each time the content is changed.
  131. */
  132. onContentReady: EventEmitter<any>;
  133. /**
  134. * A function that is executed before the widget is disposed of.
  135. */
  136. onDisposing: EventEmitter<any>;
  137. /**
  138. * A function used in JavaScript frameworks to save the widget instance.
  139. */
  140. onInitialized: EventEmitter<any>;
  141. /**
  142. * A function that is executed when a collection item is clicked or tapped.
  143. */
  144. onItemClick: EventEmitter<any>;
  145. /**
  146. * A function that is executed when a collection item is right-clicked or pressed.
  147. */
  148. onItemContextMenu: EventEmitter<any>;
  149. /**
  150. * A function that is executed when a collection item has been held for a specified period.
  151. */
  152. onItemHold: EventEmitter<any>;
  153. /**
  154. * A function that is executed after a collection item is rendered.
  155. */
  156. onItemRendered: EventEmitter<any>;
  157. /**
  158. * A function that is executed when a group menu item is rendered.
  159. */
  160. onMenuGroupRendered: EventEmitter<any>;
  161. /**
  162. * A function that is executed when a regular menu item is rendered.
  163. */
  164. onMenuItemRendered: EventEmitter<any>;
  165. /**
  166. * A function that is executed after a widget option is changed.
  167. */
  168. onOptionChanged: EventEmitter<any>;
  169. /**
  170. * A function that is executed when a collection item is selected or selection is canceled.
  171. */
  172. onSelectionChanged: EventEmitter<any>;
  173. /**
  174. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  175. */
  176. activeStateEnabledChange: EventEmitter<boolean>;
  177. /**
  178. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  179. */
  180. contentTemplateChange: EventEmitter<any>;
  181. /**
  182. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  183. */
  184. dataSourceChange: EventEmitter<DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItem>>;
  185. /**
  186. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  187. */
  188. disabledChange: EventEmitter<boolean>;
  189. /**
  190. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  191. */
  192. elementAttrChange: EventEmitter<any>;
  193. /**
  194. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  195. */
  196. heightChange: EventEmitter<number | Function | string>;
  197. /**
  198. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  199. */
  200. hintChange: EventEmitter<string>;
  201. /**
  202. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  203. */
  204. hoverStateEnabledChange: EventEmitter<boolean>;
  205. /**
  206. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  207. */
  208. itemHoldTimeoutChange: EventEmitter<number>;
  209. /**
  210. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  211. */
  212. itemsChange: EventEmitter<Array<string | any | {
  213. disabled?: boolean;
  214. html?: string;
  215. menuTemplate?: any;
  216. template?: any;
  217. text?: string;
  218. visible?: boolean;
  219. }>>;
  220. /**
  221. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  222. */
  223. itemTemplateChange: EventEmitter<any>;
  224. /**
  225. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  226. */
  227. menuGroupedChange: EventEmitter<boolean>;
  228. /**
  229. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  230. */
  231. menuGroupTemplateChange: EventEmitter<any>;
  232. /**
  233. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  234. */
  235. menuItemTemplateChange: EventEmitter<any>;
  236. /**
  237. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  238. */
  239. menuPositionChange: EventEmitter<string>;
  240. /**
  241. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  242. */
  243. menuVisibleChange: EventEmitter<boolean>;
  244. /**
  245. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  246. */
  247. noDataTextChange: EventEmitter<string>;
  248. /**
  249. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  250. */
  251. rtlEnabledChange: EventEmitter<boolean>;
  252. /**
  253. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  254. */
  255. selectedIndexChange: EventEmitter<number>;
  256. /**
  257. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  258. */
  259. selectedItemChange: EventEmitter<any>;
  260. /**
  261. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  262. */
  263. swipeEnabledChange: EventEmitter<boolean>;
  264. /**
  265. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  266. */
  267. visibleChange: EventEmitter<boolean>;
  268. /**
  269. * This member supports the internal infrastructure and is not intended to be used directly from your code.
  270. */
  271. widthChange: EventEmitter<number | Function | string>;
  272. itemsChildren: QueryList<DxiItemComponent>;
  273. constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any);
  274. protected _createInstance(element: any, options: any): DxSlideOut;
  275. ngOnDestroy(): void;
  276. ngOnChanges(changes: SimpleChanges): void;
  277. setupChanges(prop: string, changes: SimpleChanges): void;
  278. ngDoCheck(): void;
  279. _setOption(name: string, value: any): void;
  280. }
  281. export declare class DxSlideOutModule {
  282. }