tree-list.js 60 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518
  1. "use strict";
  2. var __extends = (this && this.__extends) || (function () {
  3. var extendStatics = Object.setPrototypeOf ||
  4. ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  5. function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  6. return function (d, b) {
  7. extendStatics(d, b);
  8. function __() { this.constructor = d; }
  9. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  10. };
  11. })();
  12. /*!
  13. * devextreme-angular
  14. * Version: 19.1.16
  15. * Build date: Tue Oct 18 2022
  16. *
  17. * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  18. *
  19. * This software may be modified and distributed under the terms
  20. * of the MIT license. See the LICENSE file in the root of the project for details.
  21. *
  22. * https://github.com/DevExpress/devextreme-angular
  23. */
  24. Object.defineProperty(exports, "__esModule", { value: true });
  25. var platform_browser_1 = require("@angular/platform-browser");
  26. var platform_browser_2 = require("@angular/platform-browser");
  27. var core_1 = require("@angular/core");
  28. var tree_list_1 = require("devextreme/ui/tree_list");
  29. var component_1 = require("../core/component");
  30. var template_host_1 = require("../core/template-host");
  31. var integration_1 = require("../core/integration");
  32. var template_1 = require("../core/template");
  33. var nested_option_1 = require("../core/nested-option");
  34. var watcher_helper_1 = require("../core/watcher-helper");
  35. var iterable_differ_helper_1 = require("../core/iterable-differ-helper");
  36. var column_chooser_1 = require("./nested/column-chooser");
  37. var column_fixing_1 = require("./nested/column-fixing");
  38. var texts_1 = require("./nested/texts");
  39. var column_dxi_1 = require("./nested/column-dxi");
  40. var button_dxi_1 = require("./nested/button-dxi");
  41. var header_filter_1 = require("./nested/header-filter");
  42. var lookup_1 = require("./nested/lookup");
  43. var format_1 = require("./nested/format");
  44. var form_item_1 = require("./nested/form-item");
  45. var label_1 = require("./nested/label");
  46. var validation_rule_dxi_1 = require("./nested/validation-rule-dxi");
  47. var editing_1 = require("./nested/editing");
  48. var form_1 = require("./nested/form");
  49. var col_count_by_screen_1 = require("./nested/col-count-by-screen");
  50. var item_dxi_1 = require("./nested/item-dxi");
  51. var tab_panel_options_1 = require("./nested/tab-panel-options");
  52. var tab_dxi_1 = require("./nested/tab-dxi");
  53. var button_options_1 = require("./nested/button-options");
  54. var popup_1 = require("./nested/popup");
  55. var animation_1 = require("./nested/animation");
  56. var hide_1 = require("./nested/hide");
  57. var show_1 = require("./nested/show");
  58. var position_1 = require("./nested/position");
  59. var at_1 = require("./nested/at");
  60. var boundary_offset_1 = require("./nested/boundary-offset");
  61. var collision_1 = require("./nested/collision");
  62. var my_1 = require("./nested/my");
  63. var offset_1 = require("./nested/offset");
  64. var toolbar_item_dxi_1 = require("./nested/toolbar-item-dxi");
  65. var filter_builder_1 = require("./nested/filter-builder");
  66. var custom_operation_dxi_1 = require("./nested/custom-operation-dxi");
  67. var field_dxi_1 = require("./nested/field-dxi");
  68. var filter_operation_descriptions_1 = require("./nested/filter-operation-descriptions");
  69. var group_operation_descriptions_1 = require("./nested/group-operation-descriptions");
  70. var filter_builder_popup_1 = require("./nested/filter-builder-popup");
  71. var filter_panel_1 = require("./nested/filter-panel");
  72. var filter_row_1 = require("./nested/filter-row");
  73. var operation_descriptions_1 = require("./nested/operation-descriptions");
  74. var keyboard_navigation_1 = require("./nested/keyboard-navigation");
  75. var load_panel_1 = require("./nested/load-panel");
  76. var pager_1 = require("./nested/pager");
  77. var paging_1 = require("./nested/paging");
  78. var remote_operations_1 = require("./nested/remote-operations");
  79. var scrolling_1 = require("./nested/scrolling");
  80. var search_panel_1 = require("./nested/search-panel");
  81. var selection_1 = require("./nested/selection");
  82. var sorting_1 = require("./nested/sorting");
  83. var state_storing_1 = require("./nested/state-storing");
  84. var column_dxi_2 = require("./nested/column-dxi");
  85. /**
  86. * The TreeList is a widget that represents data from a local or remote source in the form of a multi-column tree view. This widget offers such features as sorting, filtering, editing, selection, etc.
  87. */
  88. var DxTreeListComponent = (function (_super) {
  89. __extends(DxTreeListComponent, _super);
  90. function DxTreeListComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
  91. var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
  92. _this._watcherHelper = _watcherHelper;
  93. _this._idh = _idh;
  94. _this._createEventEmitters([
  95. { subscribe: 'adaptiveDetailRowPreparing', emit: 'onAdaptiveDetailRowPreparing' },
  96. { subscribe: 'cellClick', emit: 'onCellClick' },
  97. { subscribe: 'cellDblClick', emit: 'onCellDblClick' },
  98. { subscribe: 'cellHoverChanged', emit: 'onCellHoverChanged' },
  99. { subscribe: 'cellPrepared', emit: 'onCellPrepared' },
  100. { subscribe: 'contentReady', emit: 'onContentReady' },
  101. { subscribe: 'contextMenuPreparing', emit: 'onContextMenuPreparing' },
  102. { subscribe: 'dataErrorOccurred', emit: 'onDataErrorOccurred' },
  103. { subscribe: 'disposing', emit: 'onDisposing' },
  104. { subscribe: 'editingStart', emit: 'onEditingStart' },
  105. { subscribe: 'editorPrepared', emit: 'onEditorPrepared' },
  106. { subscribe: 'editorPreparing', emit: 'onEditorPreparing' },
  107. { subscribe: 'focusedCellChanged', emit: 'onFocusedCellChanged' },
  108. { subscribe: 'focusedCellChanging', emit: 'onFocusedCellChanging' },
  109. { subscribe: 'focusedRowChanged', emit: 'onFocusedRowChanged' },
  110. { subscribe: 'focusedRowChanging', emit: 'onFocusedRowChanging' },
  111. { subscribe: 'initialized', emit: 'onInitialized' },
  112. { subscribe: 'initNewRow', emit: 'onInitNewRow' },
  113. { subscribe: 'keyDown', emit: 'onKeyDown' },
  114. { subscribe: 'nodesInitialized', emit: 'onNodesInitialized' },
  115. { subscribe: 'optionChanged', emit: 'onOptionChanged' },
  116. { subscribe: 'rowClick', emit: 'onRowClick' },
  117. { subscribe: 'rowCollapsed', emit: 'onRowCollapsed' },
  118. { subscribe: 'rowCollapsing', emit: 'onRowCollapsing' },
  119. { subscribe: 'rowDblClick', emit: 'onRowDblClick' },
  120. { subscribe: 'rowExpanded', emit: 'onRowExpanded' },
  121. { subscribe: 'rowExpanding', emit: 'onRowExpanding' },
  122. { subscribe: 'rowInserted', emit: 'onRowInserted' },
  123. { subscribe: 'rowInserting', emit: 'onRowInserting' },
  124. { subscribe: 'rowPrepared', emit: 'onRowPrepared' },
  125. { subscribe: 'rowRemoved', emit: 'onRowRemoved' },
  126. { subscribe: 'rowRemoving', emit: 'onRowRemoving' },
  127. { subscribe: 'rowUpdated', emit: 'onRowUpdated' },
  128. { subscribe: 'rowUpdating', emit: 'onRowUpdating' },
  129. { subscribe: 'rowValidating', emit: 'onRowValidating' },
  130. { subscribe: 'selectionChanged', emit: 'onSelectionChanged' },
  131. { subscribe: 'toolbarPreparing', emit: 'onToolbarPreparing' },
  132. { emit: 'accessKeyChange' },
  133. { emit: 'activeStateEnabledChange' },
  134. { emit: 'allowColumnReorderingChange' },
  135. { emit: 'allowColumnResizingChange' },
  136. { emit: 'autoExpandAllChange' },
  137. { emit: 'cacheEnabledChange' },
  138. { emit: 'cellHintEnabledChange' },
  139. { emit: 'columnAutoWidthChange' },
  140. { emit: 'columnChooserChange' },
  141. { emit: 'columnFixingChange' },
  142. { emit: 'columnHidingEnabledChange' },
  143. { emit: 'columnMinWidthChange' },
  144. { emit: 'columnResizingModeChange' },
  145. { emit: 'columnsChange' },
  146. { emit: 'columnWidthChange' },
  147. { emit: 'customizeColumnsChange' },
  148. { emit: 'dataSourceChange' },
  149. { emit: 'dataStructureChange' },
  150. { emit: 'dateSerializationFormatChange' },
  151. { emit: 'disabledChange' },
  152. { emit: 'editingChange' },
  153. { emit: 'elementAttrChange' },
  154. { emit: 'errorRowEnabledChange' },
  155. { emit: 'expandedRowKeysChange' },
  156. { emit: 'expandNodesOnFilteringChange' },
  157. { emit: 'filterBuilderChange' },
  158. { emit: 'filterBuilderPopupChange' },
  159. { emit: 'filterModeChange' },
  160. { emit: 'filterPanelChange' },
  161. { emit: 'filterRowChange' },
  162. { emit: 'filterSyncEnabledChange' },
  163. { emit: 'filterValueChange' },
  164. { emit: 'focusedColumnIndexChange' },
  165. { emit: 'focusedRowEnabledChange' },
  166. { emit: 'focusedRowIndexChange' },
  167. { emit: 'focusedRowKeyChange' },
  168. { emit: 'focusStateEnabledChange' },
  169. { emit: 'hasItemsExprChange' },
  170. { emit: 'headerFilterChange' },
  171. { emit: 'heightChange' },
  172. { emit: 'highlightChangesChange' },
  173. { emit: 'hintChange' },
  174. { emit: 'hoverStateEnabledChange' },
  175. { emit: 'itemsExprChange' },
  176. { emit: 'keyboardNavigationChange' },
  177. { emit: 'keyExprChange' },
  178. { emit: 'loadPanelChange' },
  179. { emit: 'noDataTextChange' },
  180. { emit: 'pagerChange' },
  181. { emit: 'pagingChange' },
  182. { emit: 'parentIdExprChange' },
  183. { emit: 'remoteOperationsChange' },
  184. { emit: 'renderAsyncChange' },
  185. { emit: 'repaintChangesOnlyChange' },
  186. { emit: 'rootValueChange' },
  187. { emit: 'rowAlternationEnabledChange' },
  188. { emit: 'rtlEnabledChange' },
  189. { emit: 'scrollingChange' },
  190. { emit: 'searchPanelChange' },
  191. { emit: 'selectedRowKeysChange' },
  192. { emit: 'selectionChange' },
  193. { emit: 'showBordersChange' },
  194. { emit: 'showColumnHeadersChange' },
  195. { emit: 'showColumnLinesChange' },
  196. { emit: 'showRowLinesChange' },
  197. { emit: 'sortingChange' },
  198. { emit: 'stateStoringChange' },
  199. { emit: 'tabIndexChange' },
  200. { emit: 'twoWayBindingEnabledChange' },
  201. { emit: 'visibleChange' },
  202. { emit: 'widthChange' },
  203. { emit: 'wordWrapEnabledChange' }
  204. ]);
  205. _this._idh.setHost(_this);
  206. optionHost.setHost(_this);
  207. return _this;
  208. }
  209. Object.defineProperty(DxTreeListComponent.prototype, "accessKey", {
  210. get: /**
  211. * Specifies the shortcut key that sets focus on the widget.
  212. */
  213. function () {
  214. return this._getOption('accessKey');
  215. },
  216. set: function (value) {
  217. this._setOption('accessKey', value);
  218. },
  219. enumerable: true,
  220. configurable: true
  221. });
  222. Object.defineProperty(DxTreeListComponent.prototype, "activeStateEnabled", {
  223. get: /**
  224. * Specifies whether or not the widget changes its state when interacting with a user.
  225. */
  226. function () {
  227. return this._getOption('activeStateEnabled');
  228. },
  229. set: function (value) {
  230. this._setOption('activeStateEnabled', value);
  231. },
  232. enumerable: true,
  233. configurable: true
  234. });
  235. Object.defineProperty(DxTreeListComponent.prototype, "allowColumnReordering", {
  236. get: /**
  237. * Specifies whether a user can reorder columns.
  238. */
  239. function () {
  240. return this._getOption('allowColumnReordering');
  241. },
  242. set: function (value) {
  243. this._setOption('allowColumnReordering', value);
  244. },
  245. enumerable: true,
  246. configurable: true
  247. });
  248. Object.defineProperty(DxTreeListComponent.prototype, "allowColumnResizing", {
  249. get: /**
  250. * Specifies whether a user can resize columns.
  251. */
  252. function () {
  253. return this._getOption('allowColumnResizing');
  254. },
  255. set: function (value) {
  256. this._setOption('allowColumnResizing', value);
  257. },
  258. enumerable: true,
  259. configurable: true
  260. });
  261. Object.defineProperty(DxTreeListComponent.prototype, "autoExpandAll", {
  262. get: /**
  263. * Specifies whether all rows are expanded initially.
  264. */
  265. function () {
  266. return this._getOption('autoExpandAll');
  267. },
  268. set: function (value) {
  269. this._setOption('autoExpandAll', value);
  270. },
  271. enumerable: true,
  272. configurable: true
  273. });
  274. Object.defineProperty(DxTreeListComponent.prototype, "cacheEnabled", {
  275. get: /**
  276. * Specifies whether data should be cached.
  277. */
  278. function () {
  279. return this._getOption('cacheEnabled');
  280. },
  281. set: function (value) {
  282. this._setOption('cacheEnabled', value);
  283. },
  284. enumerable: true,
  285. configurable: true
  286. });
  287. Object.defineProperty(DxTreeListComponent.prototype, "cellHintEnabled", {
  288. get: /**
  289. * Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content.
  290. */
  291. function () {
  292. return this._getOption('cellHintEnabled');
  293. },
  294. set: function (value) {
  295. this._setOption('cellHintEnabled', value);
  296. },
  297. enumerable: true,
  298. configurable: true
  299. });
  300. Object.defineProperty(DxTreeListComponent.prototype, "columnAutoWidth", {
  301. get: /**
  302. * Specifies whether columns should adjust their widths to the content.
  303. */
  304. function () {
  305. return this._getOption('columnAutoWidth');
  306. },
  307. set: function (value) {
  308. this._setOption('columnAutoWidth', value);
  309. },
  310. enumerable: true,
  311. configurable: true
  312. });
  313. Object.defineProperty(DxTreeListComponent.prototype, "columnChooser", {
  314. get: /**
  315. * Configures the column chooser.
  316. */
  317. function () {
  318. return this._getOption('columnChooser');
  319. },
  320. set: function (value) {
  321. this._setOption('columnChooser', value);
  322. },
  323. enumerable: true,
  324. configurable: true
  325. });
  326. Object.defineProperty(DxTreeListComponent.prototype, "columnFixing", {
  327. get: /**
  328. * Configures column fixing.
  329. */
  330. function () {
  331. return this._getOption('columnFixing');
  332. },
  333. set: function (value) {
  334. this._setOption('columnFixing', value);
  335. },
  336. enumerable: true,
  337. configurable: true
  338. });
  339. Object.defineProperty(DxTreeListComponent.prototype, "columnHidingEnabled", {
  340. get: /**
  341. * Specifies whether the widget should hide columns to adapt to the screen or container size. Ignored if allowColumnResizing is true and columnResizingMode is "widget".
  342. */
  343. function () {
  344. return this._getOption('columnHidingEnabled');
  345. },
  346. set: function (value) {
  347. this._setOption('columnHidingEnabled', value);
  348. },
  349. enumerable: true,
  350. configurable: true
  351. });
  352. Object.defineProperty(DxTreeListComponent.prototype, "columnMinWidth", {
  353. get: /**
  354. * Specifies the minimum width of columns.
  355. */
  356. function () {
  357. return this._getOption('columnMinWidth');
  358. },
  359. set: function (value) {
  360. this._setOption('columnMinWidth', value);
  361. },
  362. enumerable: true,
  363. configurable: true
  364. });
  365. Object.defineProperty(DxTreeListComponent.prototype, "columnResizingMode", {
  366. get: /**
  367. * Specifies how the widget resizes columns. Applies only if allowColumnResizing is true.
  368. */
  369. function () {
  370. return this._getOption('columnResizingMode');
  371. },
  372. set: function (value) {
  373. this._setOption('columnResizingMode', value);
  374. },
  375. enumerable: true,
  376. configurable: true
  377. });
  378. Object.defineProperty(DxTreeListComponent.prototype, "columns", {
  379. get: /**
  380. * Configures columns.
  381. */
  382. function () {
  383. return this._getOption('columns');
  384. },
  385. set: function (value) {
  386. this._setOption('columns', value);
  387. },
  388. enumerable: true,
  389. configurable: true
  390. });
  391. Object.defineProperty(DxTreeListComponent.prototype, "columnWidth", {
  392. get: /**
  393. * Specifies the width for all data columns. Has a lower priority than the column.width option.
  394. */
  395. function () {
  396. return this._getOption('columnWidth');
  397. },
  398. set: function (value) {
  399. this._setOption('columnWidth', value);
  400. },
  401. enumerable: true,
  402. configurable: true
  403. });
  404. Object.defineProperty(DxTreeListComponent.prototype, "customizeColumns", {
  405. get: /**
  406. * Customizes columns after they are created.
  407. */
  408. function () {
  409. return this._getOption('customizeColumns');
  410. },
  411. set: function (value) {
  412. this._setOption('customizeColumns', value);
  413. },
  414. enumerable: true,
  415. configurable: true
  416. });
  417. Object.defineProperty(DxTreeListComponent.prototype, "dataSource", {
  418. get: /**
  419. * Binds the widget to data.
  420. */
  421. function () {
  422. return this._getOption('dataSource');
  423. },
  424. set: function (value) {
  425. this._setOption('dataSource', value);
  426. },
  427. enumerable: true,
  428. configurable: true
  429. });
  430. Object.defineProperty(DxTreeListComponent.prototype, "dataStructure", {
  431. get: /**
  432. * Notifies the widget of the used data structure.
  433. */
  434. function () {
  435. return this._getOption('dataStructure');
  436. },
  437. set: function (value) {
  438. this._setOption('dataStructure', value);
  439. },
  440. enumerable: true,
  441. configurable: true
  442. });
  443. Object.defineProperty(DxTreeListComponent.prototype, "dateSerializationFormat", {
  444. get: /**
  445. * Specifies the format in which date-time values should be sent to the server. Use it only if you do not specify the dataSource at design time.
  446. */
  447. function () {
  448. return this._getOption('dateSerializationFormat');
  449. },
  450. set: function (value) {
  451. this._setOption('dateSerializationFormat', value);
  452. },
  453. enumerable: true,
  454. configurable: true
  455. });
  456. Object.defineProperty(DxTreeListComponent.prototype, "disabled", {
  457. get: /**
  458. * Specifies whether the widget responds to user interaction.
  459. */
  460. function () {
  461. return this._getOption('disabled');
  462. },
  463. set: function (value) {
  464. this._setOption('disabled', value);
  465. },
  466. enumerable: true,
  467. configurable: true
  468. });
  469. Object.defineProperty(DxTreeListComponent.prototype, "editing", {
  470. get: /**
  471. * Configures editing.
  472. */
  473. function () {
  474. return this._getOption('editing');
  475. },
  476. set: function (value) {
  477. this._setOption('editing', value);
  478. },
  479. enumerable: true,
  480. configurable: true
  481. });
  482. Object.defineProperty(DxTreeListComponent.prototype, "elementAttr", {
  483. get: /**
  484. * Specifies the attributes to be attached to the widget's root element.
  485. */
  486. function () {
  487. return this._getOption('elementAttr');
  488. },
  489. set: function (value) {
  490. this._setOption('elementAttr', value);
  491. },
  492. enumerable: true,
  493. configurable: true
  494. });
  495. Object.defineProperty(DxTreeListComponent.prototype, "errorRowEnabled", {
  496. get: /**
  497. * Indicates whether to show the error row.
  498. */
  499. function () {
  500. return this._getOption('errorRowEnabled');
  501. },
  502. set: function (value) {
  503. this._setOption('errorRowEnabled', value);
  504. },
  505. enumerable: true,
  506. configurable: true
  507. });
  508. Object.defineProperty(DxTreeListComponent.prototype, "expandedRowKeys", {
  509. get: /**
  510. * Specifies keys of the initially expanded rows.
  511. */
  512. function () {
  513. return this._getOption('expandedRowKeys');
  514. },
  515. set: function (value) {
  516. this._setOption('expandedRowKeys', value);
  517. },
  518. enumerable: true,
  519. configurable: true
  520. });
  521. Object.defineProperty(DxTreeListComponent.prototype, "expandNodesOnFiltering", {
  522. get: /**
  523. * Specifies whether nodes appear expanded or collapsed after filtering is applied.
  524. */
  525. function () {
  526. return this._getOption('expandNodesOnFiltering');
  527. },
  528. set: function (value) {
  529. this._setOption('expandNodesOnFiltering', value);
  530. },
  531. enumerable: true,
  532. configurable: true
  533. });
  534. Object.defineProperty(DxTreeListComponent.prototype, "filterBuilder", {
  535. get: /**
  536. * Configures the integrated filter builder.
  537. */
  538. function () {
  539. return this._getOption('filterBuilder');
  540. },
  541. set: function (value) {
  542. this._setOption('filterBuilder', value);
  543. },
  544. enumerable: true,
  545. configurable: true
  546. });
  547. Object.defineProperty(DxTreeListComponent.prototype, "filterBuilderPopup", {
  548. get: /**
  549. * Configures the popup in which the integrated filter builder is shown.
  550. */
  551. function () {
  552. return this._getOption('filterBuilderPopup');
  553. },
  554. set: function (value) {
  555. this._setOption('filterBuilderPopup', value);
  556. },
  557. enumerable: true,
  558. configurable: true
  559. });
  560. Object.defineProperty(DxTreeListComponent.prototype, "filterMode", {
  561. get: /**
  562. * Specifies whether to show filtered rows with ancestors and descendants (full branch) or with ancestors only.
  563. */
  564. function () {
  565. return this._getOption('filterMode');
  566. },
  567. set: function (value) {
  568. this._setOption('filterMode', value);
  569. },
  570. enumerable: true,
  571. configurable: true
  572. });
  573. Object.defineProperty(DxTreeListComponent.prototype, "filterPanel", {
  574. get: /**
  575. * Configures the filter panel.
  576. */
  577. function () {
  578. return this._getOption('filterPanel');
  579. },
  580. set: function (value) {
  581. this._setOption('filterPanel', value);
  582. },
  583. enumerable: true,
  584. configurable: true
  585. });
  586. Object.defineProperty(DxTreeListComponent.prototype, "filterRow", {
  587. get: /**
  588. * Configures the filter row.
  589. */
  590. function () {
  591. return this._getOption('filterRow');
  592. },
  593. set: function (value) {
  594. this._setOption('filterRow', value);
  595. },
  596. enumerable: true,
  597. configurable: true
  598. });
  599. Object.defineProperty(DxTreeListComponent.prototype, "filterSyncEnabled", {
  600. get: /**
  601. * Specifies whether to synchronize the filter row, header filter, and filter builder. The synchronized filter expression is stored in the filterValue option.
  602. */
  603. function () {
  604. return this._getOption('filterSyncEnabled');
  605. },
  606. set: function (value) {
  607. this._setOption('filterSyncEnabled', value);
  608. },
  609. enumerable: true,
  610. configurable: true
  611. });
  612. Object.defineProperty(DxTreeListComponent.prototype, "filterValue", {
  613. get: /**
  614. * Specifies a filter expression.
  615. */
  616. function () {
  617. return this._getOption('filterValue');
  618. },
  619. set: function (value) {
  620. this._setOption('filterValue', value);
  621. },
  622. enumerable: true,
  623. configurable: true
  624. });
  625. Object.defineProperty(DxTreeListComponent.prototype, "focusedColumnIndex", {
  626. get: /**
  627. * Specifies the index of the column focused initially or currently in the data row area.
  628. */
  629. function () {
  630. return this._getOption('focusedColumnIndex');
  631. },
  632. set: function (value) {
  633. this._setOption('focusedColumnIndex', value);
  634. },
  635. enumerable: true,
  636. configurable: true
  637. });
  638. Object.defineProperty(DxTreeListComponent.prototype, "focusedRowEnabled", {
  639. get: /**
  640. * Specifies whether the focused row feature is enabled.
  641. */
  642. function () {
  643. return this._getOption('focusedRowEnabled');
  644. },
  645. set: function (value) {
  646. this._setOption('focusedRowEnabled', value);
  647. },
  648. enumerable: true,
  649. configurable: true
  650. });
  651. Object.defineProperty(DxTreeListComponent.prototype, "focusedRowIndex", {
  652. get: /**
  653. * Specifies the initially or currently focused grid row's index. Use it when focusedRowEnabled is true.
  654. */
  655. function () {
  656. return this._getOption('focusedRowIndex');
  657. },
  658. set: function (value) {
  659. this._setOption('focusedRowIndex', value);
  660. },
  661. enumerable: true,
  662. configurable: true
  663. });
  664. Object.defineProperty(DxTreeListComponent.prototype, "focusedRowKey", {
  665. get: /**
  666. * Specifies initially or currently focused grid row's key. Use it when focusedRowEnabled is true.
  667. */
  668. function () {
  669. return this._getOption('focusedRowKey');
  670. },
  671. set: function (value) {
  672. this._setOption('focusedRowKey', value);
  673. },
  674. enumerable: true,
  675. configurable: true
  676. });
  677. Object.defineProperty(DxTreeListComponent.prototype, "focusStateEnabled", {
  678. get: /**
  679. * Specifies whether the widget can be focused using keyboard navigation.
  680. */
  681. function () {
  682. return this._getOption('focusStateEnabled');
  683. },
  684. set: function (value) {
  685. this._setOption('focusStateEnabled', value);
  686. },
  687. enumerable: true,
  688. configurable: true
  689. });
  690. Object.defineProperty(DxTreeListComponent.prototype, "hasItemsExpr", {
  691. get: /**
  692. * Specifies which data field defines whether the node has children.
  693. */
  694. function () {
  695. return this._getOption('hasItemsExpr');
  696. },
  697. set: function (value) {
  698. this._setOption('hasItemsExpr', value);
  699. },
  700. enumerable: true,
  701. configurable: true
  702. });
  703. Object.defineProperty(DxTreeListComponent.prototype, "headerFilter", {
  704. get: /**
  705. * Configures the header filter feature.
  706. */
  707. function () {
  708. return this._getOption('headerFilter');
  709. },
  710. set: function (value) {
  711. this._setOption('headerFilter', value);
  712. },
  713. enumerable: true,
  714. configurable: true
  715. });
  716. Object.defineProperty(DxTreeListComponent.prototype, "height", {
  717. get: /**
  718. * Specifies the widget's height.
  719. */
  720. function () {
  721. return this._getOption('height');
  722. },
  723. set: function (value) {
  724. this._setOption('height', value);
  725. },
  726. enumerable: true,
  727. configurable: true
  728. });
  729. Object.defineProperty(DxTreeListComponent.prototype, "highlightChanges", {
  730. get: /**
  731. * Specifies whether to highlight rows and cells with edited data. repaintChangesOnly should be true.
  732. */
  733. function () {
  734. return this._getOption('highlightChanges');
  735. },
  736. set: function (value) {
  737. this._setOption('highlightChanges', value);
  738. },
  739. enumerable: true,
  740. configurable: true
  741. });
  742. Object.defineProperty(DxTreeListComponent.prototype, "hint", {
  743. get: /**
  744. * Specifies text for a hint that appears when a user pauses on the widget.
  745. */
  746. function () {
  747. return this._getOption('hint');
  748. },
  749. set: function (value) {
  750. this._setOption('hint', value);
  751. },
  752. enumerable: true,
  753. configurable: true
  754. });
  755. Object.defineProperty(DxTreeListComponent.prototype, "hoverStateEnabled", {
  756. get: /**
  757. * Specifies whether the widget changes its state when a user pauses on it.
  758. */
  759. function () {
  760. return this._getOption('hoverStateEnabled');
  761. },
  762. set: function (value) {
  763. this._setOption('hoverStateEnabled', value);
  764. },
  765. enumerable: true,
  766. configurable: true
  767. });
  768. Object.defineProperty(DxTreeListComponent.prototype, "itemsExpr", {
  769. get: /**
  770. * Specifies which data field contains nested items. Set this option when your data has a hierarchical structure.
  771. */
  772. function () {
  773. return this._getOption('itemsExpr');
  774. },
  775. set: function (value) {
  776. this._setOption('itemsExpr', value);
  777. },
  778. enumerable: true,
  779. configurable: true
  780. });
  781. Object.defineProperty(DxTreeListComponent.prototype, "keyboardNavigation", {
  782. get: /**
  783. * Configures keyboard navigation.
  784. */
  785. function () {
  786. return this._getOption('keyboardNavigation');
  787. },
  788. set: function (value) {
  789. this._setOption('keyboardNavigation', value);
  790. },
  791. enumerable: true,
  792. configurable: true
  793. });
  794. Object.defineProperty(DxTreeListComponent.prototype, "keyExpr", {
  795. get: /**
  796. * Specifies which data field provides keys for nodes.
  797. */
  798. function () {
  799. return this._getOption('keyExpr');
  800. },
  801. set: function (value) {
  802. this._setOption('keyExpr', value);
  803. },
  804. enumerable: true,
  805. configurable: true
  806. });
  807. Object.defineProperty(DxTreeListComponent.prototype, "loadPanel", {
  808. get: /**
  809. * Configures the load panel.
  810. */
  811. function () {
  812. return this._getOption('loadPanel');
  813. },
  814. set: function (value) {
  815. this._setOption('loadPanel', value);
  816. },
  817. enumerable: true,
  818. configurable: true
  819. });
  820. Object.defineProperty(DxTreeListComponent.prototype, "noDataText", {
  821. get: /**
  822. * Specifies text shown when the widget does not display any data.
  823. */
  824. function () {
  825. return this._getOption('noDataText');
  826. },
  827. set: function (value) {
  828. this._setOption('noDataText', value);
  829. },
  830. enumerable: true,
  831. configurable: true
  832. });
  833. Object.defineProperty(DxTreeListComponent.prototype, "pager", {
  834. get: /**
  835. * Configures the pager.
  836. */
  837. function () {
  838. return this._getOption('pager');
  839. },
  840. set: function (value) {
  841. this._setOption('pager', value);
  842. },
  843. enumerable: true,
  844. configurable: true
  845. });
  846. Object.defineProperty(DxTreeListComponent.prototype, "paging", {
  847. get: /**
  848. * Configures paging.
  849. */
  850. function () {
  851. return this._getOption('paging');
  852. },
  853. set: function (value) {
  854. this._setOption('paging', value);
  855. },
  856. enumerable: true,
  857. configurable: true
  858. });
  859. Object.defineProperty(DxTreeListComponent.prototype, "parentIdExpr", {
  860. get: /**
  861. * Specifies which data field provides parent keys.
  862. */
  863. function () {
  864. return this._getOption('parentIdExpr');
  865. },
  866. set: function (value) {
  867. this._setOption('parentIdExpr', value);
  868. },
  869. enumerable: true,
  870. configurable: true
  871. });
  872. Object.defineProperty(DxTreeListComponent.prototype, "remoteOperations", {
  873. get: /**
  874. * Notifies the TreeList of the server's data processing operations. Applies only if data has a plain structure.
  875. */
  876. function () {
  877. return this._getOption('remoteOperations');
  878. },
  879. set: function (value) {
  880. this._setOption('remoteOperations', value);
  881. },
  882. enumerable: true,
  883. configurable: true
  884. });
  885. Object.defineProperty(DxTreeListComponent.prototype, "renderAsync", {
  886. get: /**
  887. * Specifies whether to render the filter row, command columns, and columns with showEditorAlways set to true after other elements.
  888. */
  889. function () {
  890. return this._getOption('renderAsync');
  891. },
  892. set: function (value) {
  893. this._setOption('renderAsync', value);
  894. },
  895. enumerable: true,
  896. configurable: true
  897. });
  898. Object.defineProperty(DxTreeListComponent.prototype, "repaintChangesOnly", {
  899. get: /**
  900. * Specifies whether to repaint only those cells whose data changed.
  901. */
  902. function () {
  903. return this._getOption('repaintChangesOnly');
  904. },
  905. set: function (value) {
  906. this._setOption('repaintChangesOnly', value);
  907. },
  908. enumerable: true,
  909. configurable: true
  910. });
  911. Object.defineProperty(DxTreeListComponent.prototype, "rootValue", {
  912. get: /**
  913. * Specifies the root node's identifier. Applies if dataStructure is "plain".
  914. */
  915. function () {
  916. return this._getOption('rootValue');
  917. },
  918. set: function (value) {
  919. this._setOption('rootValue', value);
  920. },
  921. enumerable: true,
  922. configurable: true
  923. });
  924. Object.defineProperty(DxTreeListComponent.prototype, "rowAlternationEnabled", {
  925. get: /**
  926. * Specifies whether rows should be shaded differently.
  927. */
  928. function () {
  929. return this._getOption('rowAlternationEnabled');
  930. },
  931. set: function (value) {
  932. this._setOption('rowAlternationEnabled', value);
  933. },
  934. enumerable: true,
  935. configurable: true
  936. });
  937. Object.defineProperty(DxTreeListComponent.prototype, "rtlEnabled", {
  938. get: /**
  939. * Switches the widget to a right-to-left representation.
  940. */
  941. function () {
  942. return this._getOption('rtlEnabled');
  943. },
  944. set: function (value) {
  945. this._setOption('rtlEnabled', value);
  946. },
  947. enumerable: true,
  948. configurable: true
  949. });
  950. Object.defineProperty(DxTreeListComponent.prototype, "scrolling", {
  951. get: /**
  952. * Configures scrolling.
  953. */
  954. function () {
  955. return this._getOption('scrolling');
  956. },
  957. set: function (value) {
  958. this._setOption('scrolling', value);
  959. },
  960. enumerable: true,
  961. configurable: true
  962. });
  963. Object.defineProperty(DxTreeListComponent.prototype, "searchPanel", {
  964. get: /**
  965. * Configures the search panel.
  966. */
  967. function () {
  968. return this._getOption('searchPanel');
  969. },
  970. set: function (value) {
  971. this._setOption('searchPanel', value);
  972. },
  973. enumerable: true,
  974. configurable: true
  975. });
  976. Object.defineProperty(DxTreeListComponent.prototype, "selectedRowKeys", {
  977. get: /**
  978. * Allows you to select rows or determine which rows are selected.
  979. */
  980. function () {
  981. return this._getOption('selectedRowKeys');
  982. },
  983. set: function (value) {
  984. this._setOption('selectedRowKeys', value);
  985. },
  986. enumerable: true,
  987. configurable: true
  988. });
  989. Object.defineProperty(DxTreeListComponent.prototype, "selection", {
  990. get: /**
  991. * Configures runtime selection.
  992. */
  993. function () {
  994. return this._getOption('selection');
  995. },
  996. set: function (value) {
  997. this._setOption('selection', value);
  998. },
  999. enumerable: true,
  1000. configurable: true
  1001. });
  1002. Object.defineProperty(DxTreeListComponent.prototype, "showBorders", {
  1003. get: /**
  1004. * Specifies whether the outer borders of the widget are visible.
  1005. */
  1006. function () {
  1007. return this._getOption('showBorders');
  1008. },
  1009. set: function (value) {
  1010. this._setOption('showBorders', value);
  1011. },
  1012. enumerable: true,
  1013. configurable: true
  1014. });
  1015. Object.defineProperty(DxTreeListComponent.prototype, "showColumnHeaders", {
  1016. get: /**
  1017. * Specifies whether column headers are visible.
  1018. */
  1019. function () {
  1020. return this._getOption('showColumnHeaders');
  1021. },
  1022. set: function (value) {
  1023. this._setOption('showColumnHeaders', value);
  1024. },
  1025. enumerable: true,
  1026. configurable: true
  1027. });
  1028. Object.defineProperty(DxTreeListComponent.prototype, "showColumnLines", {
  1029. get: /**
  1030. * Specifies whether vertical lines that separate one column from another are visible.
  1031. */
  1032. function () {
  1033. return this._getOption('showColumnLines');
  1034. },
  1035. set: function (value) {
  1036. this._setOption('showColumnLines', value);
  1037. },
  1038. enumerable: true,
  1039. configurable: true
  1040. });
  1041. Object.defineProperty(DxTreeListComponent.prototype, "showRowLines", {
  1042. get: /**
  1043. * Specifies whether horizontal lines that separate one row from another are visible.
  1044. */
  1045. function () {
  1046. return this._getOption('showRowLines');
  1047. },
  1048. set: function (value) {
  1049. this._setOption('showRowLines', value);
  1050. },
  1051. enumerable: true,
  1052. configurable: true
  1053. });
  1054. Object.defineProperty(DxTreeListComponent.prototype, "sorting", {
  1055. get: /**
  1056. * Configures runtime sorting.
  1057. */
  1058. function () {
  1059. return this._getOption('sorting');
  1060. },
  1061. set: function (value) {
  1062. this._setOption('sorting', value);
  1063. },
  1064. enumerable: true,
  1065. configurable: true
  1066. });
  1067. Object.defineProperty(DxTreeListComponent.prototype, "stateStoring", {
  1068. get: /**
  1069. * Configures state storing.
  1070. */
  1071. function () {
  1072. return this._getOption('stateStoring');
  1073. },
  1074. set: function (value) {
  1075. this._setOption('stateStoring', value);
  1076. },
  1077. enumerable: true,
  1078. configurable: true
  1079. });
  1080. Object.defineProperty(DxTreeListComponent.prototype, "tabIndex", {
  1081. get: /**
  1082. * Specifies the number of the element when the Tab key is used for navigating.
  1083. */
  1084. function () {
  1085. return this._getOption('tabIndex');
  1086. },
  1087. set: function (value) {
  1088. this._setOption('tabIndex', value);
  1089. },
  1090. enumerable: true,
  1091. configurable: true
  1092. });
  1093. Object.defineProperty(DxTreeListComponent.prototype, "twoWayBindingEnabled", {
  1094. get: /**
  1095. * Specifies whether to enable two-way data binding.
  1096. */
  1097. function () {
  1098. return this._getOption('twoWayBindingEnabled');
  1099. },
  1100. set: function (value) {
  1101. this._setOption('twoWayBindingEnabled', value);
  1102. },
  1103. enumerable: true,
  1104. configurable: true
  1105. });
  1106. Object.defineProperty(DxTreeListComponent.prototype, "visible", {
  1107. get: /**
  1108. * Specifies whether the widget is visible.
  1109. */
  1110. function () {
  1111. return this._getOption('visible');
  1112. },
  1113. set: function (value) {
  1114. this._setOption('visible', value);
  1115. },
  1116. enumerable: true,
  1117. configurable: true
  1118. });
  1119. Object.defineProperty(DxTreeListComponent.prototype, "width", {
  1120. get: /**
  1121. * Specifies the widget's width.
  1122. */
  1123. function () {
  1124. return this._getOption('width');
  1125. },
  1126. set: function (value) {
  1127. this._setOption('width', value);
  1128. },
  1129. enumerable: true,
  1130. configurable: true
  1131. });
  1132. Object.defineProperty(DxTreeListComponent.prototype, "wordWrapEnabled", {
  1133. get: /**
  1134. * Specifies whether text that does not fit into a column should be wrapped.
  1135. */
  1136. function () {
  1137. return this._getOption('wordWrapEnabled');
  1138. },
  1139. set: function (value) {
  1140. this._setOption('wordWrapEnabled', value);
  1141. },
  1142. enumerable: true,
  1143. configurable: true
  1144. });
  1145. Object.defineProperty(DxTreeListComponent.prototype, "columnsChildren", {
  1146. get: function () {
  1147. return this._getOption('columns');
  1148. },
  1149. set: function (value) {
  1150. this.setChildren('columns', value);
  1151. },
  1152. enumerable: true,
  1153. configurable: true
  1154. });
  1155. DxTreeListComponent.prototype._createInstance = function (element, options) {
  1156. return new tree_list_1.default(element, options);
  1157. };
  1158. DxTreeListComponent.prototype.ngOnDestroy = function () {
  1159. this._destroyWidget();
  1160. };
  1161. DxTreeListComponent.prototype.ngOnChanges = function (changes) {
  1162. _super.prototype.ngOnChanges.call(this, changes);
  1163. this.setupChanges('columns', changes);
  1164. this.setupChanges('dataSource', changes);
  1165. this.setupChanges('expandedRowKeys', changes);
  1166. this.setupChanges('selectedRowKeys', changes);
  1167. };
  1168. DxTreeListComponent.prototype.setupChanges = function (prop, changes) {
  1169. if (!(prop in this._optionsToUpdate)) {
  1170. this._idh.setup(prop, changes);
  1171. }
  1172. };
  1173. DxTreeListComponent.prototype.ngDoCheck = function () {
  1174. this._idh.doCheck('columns');
  1175. this._idh.doCheck('dataSource');
  1176. this._idh.doCheck('expandedRowKeys');
  1177. this._idh.doCheck('selectedRowKeys');
  1178. this._watcherHelper.checkWatchers();
  1179. _super.prototype.ngDoCheck.call(this);
  1180. _super.prototype.clearChangedOptions.call(this);
  1181. };
  1182. DxTreeListComponent.prototype._setOption = function (name, value) {
  1183. var isSetup = this._idh.setupSingle(name, value);
  1184. var isChanged = this._idh.getChanges(name, value) !== null;
  1185. if (isSetup || isChanged) {
  1186. _super.prototype._setOption.call(this, name, value);
  1187. }
  1188. };
  1189. DxTreeListComponent.decorators = [
  1190. { type: core_1.Component, args: [{
  1191. selector: 'dx-tree-list',
  1192. template: '',
  1193. providers: [
  1194. template_host_1.DxTemplateHost,
  1195. watcher_helper_1.WatcherHelper,
  1196. nested_option_1.NestedOptionHost,
  1197. iterable_differ_helper_1.IterableDifferHelper
  1198. ]
  1199. },] },
  1200. ];
  1201. /** @nocollapse */
  1202. DxTreeListComponent.ctorParameters = function () { return [
  1203. { type: core_1.ElementRef, },
  1204. { type: core_1.NgZone, },
  1205. { type: template_host_1.DxTemplateHost, },
  1206. { type: watcher_helper_1.WatcherHelper, },
  1207. { type: iterable_differ_helper_1.IterableDifferHelper, },
  1208. { type: nested_option_1.NestedOptionHost, },
  1209. { type: platform_browser_2.TransferState, },
  1210. { type: undefined, decorators: [{ type: core_1.Inject, args: [core_1.PLATFORM_ID,] },] },
  1211. ]; };
  1212. DxTreeListComponent.propDecorators = {
  1213. "accessKey": [{ type: core_1.Input },],
  1214. "activeStateEnabled": [{ type: core_1.Input },],
  1215. "allowColumnReordering": [{ type: core_1.Input },],
  1216. "allowColumnResizing": [{ type: core_1.Input },],
  1217. "autoExpandAll": [{ type: core_1.Input },],
  1218. "cacheEnabled": [{ type: core_1.Input },],
  1219. "cellHintEnabled": [{ type: core_1.Input },],
  1220. "columnAutoWidth": [{ type: core_1.Input },],
  1221. "columnChooser": [{ type: core_1.Input },],
  1222. "columnFixing": [{ type: core_1.Input },],
  1223. "columnHidingEnabled": [{ type: core_1.Input },],
  1224. "columnMinWidth": [{ type: core_1.Input },],
  1225. "columnResizingMode": [{ type: core_1.Input },],
  1226. "columns": [{ type: core_1.Input },],
  1227. "columnWidth": [{ type: core_1.Input },],
  1228. "customizeColumns": [{ type: core_1.Input },],
  1229. "dataSource": [{ type: core_1.Input },],
  1230. "dataStructure": [{ type: core_1.Input },],
  1231. "dateSerializationFormat": [{ type: core_1.Input },],
  1232. "disabled": [{ type: core_1.Input },],
  1233. "editing": [{ type: core_1.Input },],
  1234. "elementAttr": [{ type: core_1.Input },],
  1235. "errorRowEnabled": [{ type: core_1.Input },],
  1236. "expandedRowKeys": [{ type: core_1.Input },],
  1237. "expandNodesOnFiltering": [{ type: core_1.Input },],
  1238. "filterBuilder": [{ type: core_1.Input },],
  1239. "filterBuilderPopup": [{ type: core_1.Input },],
  1240. "filterMode": [{ type: core_1.Input },],
  1241. "filterPanel": [{ type: core_1.Input },],
  1242. "filterRow": [{ type: core_1.Input },],
  1243. "filterSyncEnabled": [{ type: core_1.Input },],
  1244. "filterValue": [{ type: core_1.Input },],
  1245. "focusedColumnIndex": [{ type: core_1.Input },],
  1246. "focusedRowEnabled": [{ type: core_1.Input },],
  1247. "focusedRowIndex": [{ type: core_1.Input },],
  1248. "focusedRowKey": [{ type: core_1.Input },],
  1249. "focusStateEnabled": [{ type: core_1.Input },],
  1250. "hasItemsExpr": [{ type: core_1.Input },],
  1251. "headerFilter": [{ type: core_1.Input },],
  1252. "height": [{ type: core_1.Input },],
  1253. "highlightChanges": [{ type: core_1.Input },],
  1254. "hint": [{ type: core_1.Input },],
  1255. "hoverStateEnabled": [{ type: core_1.Input },],
  1256. "itemsExpr": [{ type: core_1.Input },],
  1257. "keyboardNavigation": [{ type: core_1.Input },],
  1258. "keyExpr": [{ type: core_1.Input },],
  1259. "loadPanel": [{ type: core_1.Input },],
  1260. "noDataText": [{ type: core_1.Input },],
  1261. "pager": [{ type: core_1.Input },],
  1262. "paging": [{ type: core_1.Input },],
  1263. "parentIdExpr": [{ type: core_1.Input },],
  1264. "remoteOperations": [{ type: core_1.Input },],
  1265. "renderAsync": [{ type: core_1.Input },],
  1266. "repaintChangesOnly": [{ type: core_1.Input },],
  1267. "rootValue": [{ type: core_1.Input },],
  1268. "rowAlternationEnabled": [{ type: core_1.Input },],
  1269. "rtlEnabled": [{ type: core_1.Input },],
  1270. "scrolling": [{ type: core_1.Input },],
  1271. "searchPanel": [{ type: core_1.Input },],
  1272. "selectedRowKeys": [{ type: core_1.Input },],
  1273. "selection": [{ type: core_1.Input },],
  1274. "showBorders": [{ type: core_1.Input },],
  1275. "showColumnHeaders": [{ type: core_1.Input },],
  1276. "showColumnLines": [{ type: core_1.Input },],
  1277. "showRowLines": [{ type: core_1.Input },],
  1278. "sorting": [{ type: core_1.Input },],
  1279. "stateStoring": [{ type: core_1.Input },],
  1280. "tabIndex": [{ type: core_1.Input },],
  1281. "twoWayBindingEnabled": [{ type: core_1.Input },],
  1282. "visible": [{ type: core_1.Input },],
  1283. "width": [{ type: core_1.Input },],
  1284. "wordWrapEnabled": [{ type: core_1.Input },],
  1285. "onAdaptiveDetailRowPreparing": [{ type: core_1.Output },],
  1286. "onCellClick": [{ type: core_1.Output },],
  1287. "onCellDblClick": [{ type: core_1.Output },],
  1288. "onCellHoverChanged": [{ type: core_1.Output },],
  1289. "onCellPrepared": [{ type: core_1.Output },],
  1290. "onContentReady": [{ type: core_1.Output },],
  1291. "onContextMenuPreparing": [{ type: core_1.Output },],
  1292. "onDataErrorOccurred": [{ type: core_1.Output },],
  1293. "onDisposing": [{ type: core_1.Output },],
  1294. "onEditingStart": [{ type: core_1.Output },],
  1295. "onEditorPrepared": [{ type: core_1.Output },],
  1296. "onEditorPreparing": [{ type: core_1.Output },],
  1297. "onFocusedCellChanged": [{ type: core_1.Output },],
  1298. "onFocusedCellChanging": [{ type: core_1.Output },],
  1299. "onFocusedRowChanged": [{ type: core_1.Output },],
  1300. "onFocusedRowChanging": [{ type: core_1.Output },],
  1301. "onInitialized": [{ type: core_1.Output },],
  1302. "onInitNewRow": [{ type: core_1.Output },],
  1303. "onKeyDown": [{ type: core_1.Output },],
  1304. "onNodesInitialized": [{ type: core_1.Output },],
  1305. "onOptionChanged": [{ type: core_1.Output },],
  1306. "onRowClick": [{ type: core_1.Output },],
  1307. "onRowCollapsed": [{ type: core_1.Output },],
  1308. "onRowCollapsing": [{ type: core_1.Output },],
  1309. "onRowDblClick": [{ type: core_1.Output },],
  1310. "onRowExpanded": [{ type: core_1.Output },],
  1311. "onRowExpanding": [{ type: core_1.Output },],
  1312. "onRowInserted": [{ type: core_1.Output },],
  1313. "onRowInserting": [{ type: core_1.Output },],
  1314. "onRowPrepared": [{ type: core_1.Output },],
  1315. "onRowRemoved": [{ type: core_1.Output },],
  1316. "onRowRemoving": [{ type: core_1.Output },],
  1317. "onRowUpdated": [{ type: core_1.Output },],
  1318. "onRowUpdating": [{ type: core_1.Output },],
  1319. "onRowValidating": [{ type: core_1.Output },],
  1320. "onSelectionChanged": [{ type: core_1.Output },],
  1321. "onToolbarPreparing": [{ type: core_1.Output },],
  1322. "accessKeyChange": [{ type: core_1.Output },],
  1323. "activeStateEnabledChange": [{ type: core_1.Output },],
  1324. "allowColumnReorderingChange": [{ type: core_1.Output },],
  1325. "allowColumnResizingChange": [{ type: core_1.Output },],
  1326. "autoExpandAllChange": [{ type: core_1.Output },],
  1327. "cacheEnabledChange": [{ type: core_1.Output },],
  1328. "cellHintEnabledChange": [{ type: core_1.Output },],
  1329. "columnAutoWidthChange": [{ type: core_1.Output },],
  1330. "columnChooserChange": [{ type: core_1.Output },],
  1331. "columnFixingChange": [{ type: core_1.Output },],
  1332. "columnHidingEnabledChange": [{ type: core_1.Output },],
  1333. "columnMinWidthChange": [{ type: core_1.Output },],
  1334. "columnResizingModeChange": [{ type: core_1.Output },],
  1335. "columnsChange": [{ type: core_1.Output },],
  1336. "columnWidthChange": [{ type: core_1.Output },],
  1337. "customizeColumnsChange": [{ type: core_1.Output },],
  1338. "dataSourceChange": [{ type: core_1.Output },],
  1339. "dataStructureChange": [{ type: core_1.Output },],
  1340. "dateSerializationFormatChange": [{ type: core_1.Output },],
  1341. "disabledChange": [{ type: core_1.Output },],
  1342. "editingChange": [{ type: core_1.Output },],
  1343. "elementAttrChange": [{ type: core_1.Output },],
  1344. "errorRowEnabledChange": [{ type: core_1.Output },],
  1345. "expandedRowKeysChange": [{ type: core_1.Output },],
  1346. "expandNodesOnFilteringChange": [{ type: core_1.Output },],
  1347. "filterBuilderChange": [{ type: core_1.Output },],
  1348. "filterBuilderPopupChange": [{ type: core_1.Output },],
  1349. "filterModeChange": [{ type: core_1.Output },],
  1350. "filterPanelChange": [{ type: core_1.Output },],
  1351. "filterRowChange": [{ type: core_1.Output },],
  1352. "filterSyncEnabledChange": [{ type: core_1.Output },],
  1353. "filterValueChange": [{ type: core_1.Output },],
  1354. "focusedColumnIndexChange": [{ type: core_1.Output },],
  1355. "focusedRowEnabledChange": [{ type: core_1.Output },],
  1356. "focusedRowIndexChange": [{ type: core_1.Output },],
  1357. "focusedRowKeyChange": [{ type: core_1.Output },],
  1358. "focusStateEnabledChange": [{ type: core_1.Output },],
  1359. "hasItemsExprChange": [{ type: core_1.Output },],
  1360. "headerFilterChange": [{ type: core_1.Output },],
  1361. "heightChange": [{ type: core_1.Output },],
  1362. "highlightChangesChange": [{ type: core_1.Output },],
  1363. "hintChange": [{ type: core_1.Output },],
  1364. "hoverStateEnabledChange": [{ type: core_1.Output },],
  1365. "itemsExprChange": [{ type: core_1.Output },],
  1366. "keyboardNavigationChange": [{ type: core_1.Output },],
  1367. "keyExprChange": [{ type: core_1.Output },],
  1368. "loadPanelChange": [{ type: core_1.Output },],
  1369. "noDataTextChange": [{ type: core_1.Output },],
  1370. "pagerChange": [{ type: core_1.Output },],
  1371. "pagingChange": [{ type: core_1.Output },],
  1372. "parentIdExprChange": [{ type: core_1.Output },],
  1373. "remoteOperationsChange": [{ type: core_1.Output },],
  1374. "renderAsyncChange": [{ type: core_1.Output },],
  1375. "repaintChangesOnlyChange": [{ type: core_1.Output },],
  1376. "rootValueChange": [{ type: core_1.Output },],
  1377. "rowAlternationEnabledChange": [{ type: core_1.Output },],
  1378. "rtlEnabledChange": [{ type: core_1.Output },],
  1379. "scrollingChange": [{ type: core_1.Output },],
  1380. "searchPanelChange": [{ type: core_1.Output },],
  1381. "selectedRowKeysChange": [{ type: core_1.Output },],
  1382. "selectionChange": [{ type: core_1.Output },],
  1383. "showBordersChange": [{ type: core_1.Output },],
  1384. "showColumnHeadersChange": [{ type: core_1.Output },],
  1385. "showColumnLinesChange": [{ type: core_1.Output },],
  1386. "showRowLinesChange": [{ type: core_1.Output },],
  1387. "sortingChange": [{ type: core_1.Output },],
  1388. "stateStoringChange": [{ type: core_1.Output },],
  1389. "tabIndexChange": [{ type: core_1.Output },],
  1390. "twoWayBindingEnabledChange": [{ type: core_1.Output },],
  1391. "visibleChange": [{ type: core_1.Output },],
  1392. "widthChange": [{ type: core_1.Output },],
  1393. "wordWrapEnabledChange": [{ type: core_1.Output },],
  1394. "columnsChildren": [{ type: core_1.ContentChildren, args: [column_dxi_2.DxiColumnComponent,] },],
  1395. };
  1396. return DxTreeListComponent;
  1397. }(component_1.DxComponent));
  1398. exports.DxTreeListComponent = DxTreeListComponent;
  1399. var DxTreeListModule = (function () {
  1400. function DxTreeListModule() {
  1401. }
  1402. DxTreeListModule.decorators = [
  1403. { type: core_1.NgModule, args: [{
  1404. imports: [
  1405. column_chooser_1.DxoColumnChooserModule,
  1406. column_fixing_1.DxoColumnFixingModule,
  1407. texts_1.DxoTextsModule,
  1408. column_dxi_1.DxiColumnModule,
  1409. button_dxi_1.DxiButtonModule,
  1410. header_filter_1.DxoHeaderFilterModule,
  1411. lookup_1.DxoLookupModule,
  1412. format_1.DxoFormatModule,
  1413. form_item_1.DxoFormItemModule,
  1414. label_1.DxoLabelModule,
  1415. validation_rule_dxi_1.DxiValidationRuleModule,
  1416. editing_1.DxoEditingModule,
  1417. form_1.DxoFormModule,
  1418. col_count_by_screen_1.DxoColCountByScreenModule,
  1419. item_dxi_1.DxiItemModule,
  1420. tab_panel_options_1.DxoTabPanelOptionsModule,
  1421. tab_dxi_1.DxiTabModule,
  1422. button_options_1.DxoButtonOptionsModule,
  1423. popup_1.DxoPopupModule,
  1424. animation_1.DxoAnimationModule,
  1425. hide_1.DxoHideModule,
  1426. show_1.DxoShowModule,
  1427. position_1.DxoPositionModule,
  1428. at_1.DxoAtModule,
  1429. boundary_offset_1.DxoBoundaryOffsetModule,
  1430. collision_1.DxoCollisionModule,
  1431. my_1.DxoMyModule,
  1432. offset_1.DxoOffsetModule,
  1433. toolbar_item_dxi_1.DxiToolbarItemModule,
  1434. filter_builder_1.DxoFilterBuilderModule,
  1435. custom_operation_dxi_1.DxiCustomOperationModule,
  1436. field_dxi_1.DxiFieldModule,
  1437. filter_operation_descriptions_1.DxoFilterOperationDescriptionsModule,
  1438. group_operation_descriptions_1.DxoGroupOperationDescriptionsModule,
  1439. filter_builder_popup_1.DxoFilterBuilderPopupModule,
  1440. filter_panel_1.DxoFilterPanelModule,
  1441. filter_row_1.DxoFilterRowModule,
  1442. operation_descriptions_1.DxoOperationDescriptionsModule,
  1443. keyboard_navigation_1.DxoKeyboardNavigationModule,
  1444. load_panel_1.DxoLoadPanelModule,
  1445. pager_1.DxoPagerModule,
  1446. paging_1.DxoPagingModule,
  1447. remote_operations_1.DxoRemoteOperationsModule,
  1448. scrolling_1.DxoScrollingModule,
  1449. search_panel_1.DxoSearchPanelModule,
  1450. selection_1.DxoSelectionModule,
  1451. sorting_1.DxoSortingModule,
  1452. state_storing_1.DxoStateStoringModule,
  1453. integration_1.DxIntegrationModule,
  1454. template_1.DxTemplateModule,
  1455. platform_browser_1.BrowserTransferStateModule
  1456. ],
  1457. declarations: [
  1458. DxTreeListComponent
  1459. ],
  1460. exports: [
  1461. DxTreeListComponent,
  1462. column_chooser_1.DxoColumnChooserModule,
  1463. column_fixing_1.DxoColumnFixingModule,
  1464. texts_1.DxoTextsModule,
  1465. column_dxi_1.DxiColumnModule,
  1466. button_dxi_1.DxiButtonModule,
  1467. header_filter_1.DxoHeaderFilterModule,
  1468. lookup_1.DxoLookupModule,
  1469. format_1.DxoFormatModule,
  1470. form_item_1.DxoFormItemModule,
  1471. label_1.DxoLabelModule,
  1472. validation_rule_dxi_1.DxiValidationRuleModule,
  1473. editing_1.DxoEditingModule,
  1474. form_1.DxoFormModule,
  1475. col_count_by_screen_1.DxoColCountByScreenModule,
  1476. item_dxi_1.DxiItemModule,
  1477. tab_panel_options_1.DxoTabPanelOptionsModule,
  1478. tab_dxi_1.DxiTabModule,
  1479. button_options_1.DxoButtonOptionsModule,
  1480. popup_1.DxoPopupModule,
  1481. animation_1.DxoAnimationModule,
  1482. hide_1.DxoHideModule,
  1483. show_1.DxoShowModule,
  1484. position_1.DxoPositionModule,
  1485. at_1.DxoAtModule,
  1486. boundary_offset_1.DxoBoundaryOffsetModule,
  1487. collision_1.DxoCollisionModule,
  1488. my_1.DxoMyModule,
  1489. offset_1.DxoOffsetModule,
  1490. toolbar_item_dxi_1.DxiToolbarItemModule,
  1491. filter_builder_1.DxoFilterBuilderModule,
  1492. custom_operation_dxi_1.DxiCustomOperationModule,
  1493. field_dxi_1.DxiFieldModule,
  1494. filter_operation_descriptions_1.DxoFilterOperationDescriptionsModule,
  1495. group_operation_descriptions_1.DxoGroupOperationDescriptionsModule,
  1496. filter_builder_popup_1.DxoFilterBuilderPopupModule,
  1497. filter_panel_1.DxoFilterPanelModule,
  1498. filter_row_1.DxoFilterRowModule,
  1499. operation_descriptions_1.DxoOperationDescriptionsModule,
  1500. keyboard_navigation_1.DxoKeyboardNavigationModule,
  1501. load_panel_1.DxoLoadPanelModule,
  1502. pager_1.DxoPagerModule,
  1503. paging_1.DxoPagingModule,
  1504. remote_operations_1.DxoRemoteOperationsModule,
  1505. scrolling_1.DxoScrollingModule,
  1506. search_panel_1.DxoSearchPanelModule,
  1507. selection_1.DxoSelectionModule,
  1508. sorting_1.DxoSortingModule,
  1509. state_storing_1.DxoStateStoringModule,
  1510. template_1.DxTemplateModule
  1511. ]
  1512. },] },
  1513. ];
  1514. return DxTreeListModule;
  1515. }());
  1516. exports.DxTreeListModule = DxTreeListModule;
  1517. //# sourceMappingURL=tree-list.js.map