range-selector.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784
  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 range_selector_1 = require("devextreme/viz/range_selector");
  29. var forms_1 = require("@angular/forms");
  30. var component_1 = require("../core/component");
  31. var template_host_1 = require("../core/template-host");
  32. var integration_1 = require("../core/integration");
  33. var template_1 = require("../core/template");
  34. var nested_option_1 = require("../core/nested-option");
  35. var watcher_helper_1 = require("../core/watcher-helper");
  36. var iterable_differ_helper_1 = require("../core/iterable-differ-helper");
  37. var background_1 = require("./nested/background");
  38. var image_1 = require("./nested/image");
  39. var behavior_1 = require("./nested/behavior");
  40. var chart_1 = require("./nested/chart");
  41. var common_series_settings_1 = require("./nested/common-series-settings");
  42. var aggregation_1 = require("./nested/aggregation");
  43. var area_1 = require("./nested/area");
  44. var border_1 = require("./nested/border");
  45. var hover_style_1 = require("./nested/hover-style");
  46. var hatching_1 = require("./nested/hatching");
  47. var label_1 = require("./nested/label");
  48. var connector_1 = require("./nested/connector");
  49. var point_1 = require("./nested/point");
  50. var height_1 = require("./nested/height");
  51. var url_1 = require("./nested/url");
  52. var width_1 = require("./nested/width");
  53. var selection_style_1 = require("./nested/selection-style");
  54. var reduction_1 = require("./nested/reduction");
  55. var value_error_bar_1 = require("./nested/value-error-bar");
  56. var bar_1 = require("./nested/bar");
  57. var bubble_1 = require("./nested/bubble");
  58. var candlestick_1 = require("./nested/candlestick");
  59. var fullstackedarea_1 = require("./nested/fullstackedarea");
  60. var fullstackedbar_1 = require("./nested/fullstackedbar");
  61. var fullstackedline_1 = require("./nested/fullstackedline");
  62. var fullstackedspline_1 = require("./nested/fullstackedspline");
  63. var fullstackedsplinearea_1 = require("./nested/fullstackedsplinearea");
  64. var argument_format_1 = require("./nested/argument-format");
  65. var font_1 = require("./nested/font");
  66. var format_1 = require("./nested/format");
  67. var line_1 = require("./nested/line");
  68. var rangearea_1 = require("./nested/rangearea");
  69. var rangebar_1 = require("./nested/rangebar");
  70. var scatter_1 = require("./nested/scatter");
  71. var spline_1 = require("./nested/spline");
  72. var splinearea_1 = require("./nested/splinearea");
  73. var stackedarea_1 = require("./nested/stackedarea");
  74. var stackedbar_1 = require("./nested/stackedbar");
  75. var stackedline_1 = require("./nested/stackedline");
  76. var stackedspline_1 = require("./nested/stackedspline");
  77. var stackedsplinearea_1 = require("./nested/stackedsplinearea");
  78. var steparea_1 = require("./nested/steparea");
  79. var stepline_1 = require("./nested/stepline");
  80. var stock_1 = require("./nested/stock");
  81. var data_prepare_settings_1 = require("./nested/data-prepare-settings");
  82. var series_dxi_1 = require("./nested/series-dxi");
  83. var series_template_1 = require("./nested/series-template");
  84. var value_axis_1 = require("./nested/value-axis");
  85. var export_1 = require("./nested/export");
  86. var indent_1 = require("./nested/indent");
  87. var loading_indicator_1 = require("./nested/loading-indicator");
  88. var margin_1 = require("./nested/margin");
  89. var scale_1 = require("./nested/scale");
  90. var aggregation_interval_1 = require("./nested/aggregation-interval");
  91. var break_dxi_1 = require("./nested/break-dxi");
  92. var break_style_1 = require("./nested/break-style");
  93. var marker_1 = require("./nested/marker");
  94. var max_range_1 = require("./nested/max-range");
  95. var minor_tick_1 = require("./nested/minor-tick");
  96. var minor_tick_interval_1 = require("./nested/minor-tick-interval");
  97. var min_range_1 = require("./nested/min-range");
  98. var tick_1 = require("./nested/tick");
  99. var tick_interval_1 = require("./nested/tick-interval");
  100. var shutter_1 = require("./nested/shutter");
  101. var size_1 = require("./nested/size");
  102. var slider_handle_1 = require("./nested/slider-handle");
  103. var slider_marker_1 = require("./nested/slider-marker");
  104. var title_1 = require("./nested/title");
  105. var subtitle_1 = require("./nested/subtitle");
  106. var CUSTOM_VALUE_ACCESSOR_PROVIDER = {
  107. provide: forms_1.NG_VALUE_ACCESSOR,
  108. useExisting: core_1.forwardRef(function () { return DxRangeSelectorComponent; }),
  109. multi: true
  110. };
  111. /**
  112. * The RangeSelector is a widget that allows a user to select a range of values on a scale.
  113. */
  114. var DxRangeSelectorComponent = (function (_super) {
  115. __extends(DxRangeSelectorComponent, _super);
  116. function DxRangeSelectorComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
  117. var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
  118. _this._watcherHelper = _watcherHelper;
  119. _this._idh = _idh;
  120. _this.touched = function (_) { };
  121. _this._createEventEmitters([
  122. { subscribe: 'disposing', emit: 'onDisposing' },
  123. { subscribe: 'drawn', emit: 'onDrawn' },
  124. { subscribe: 'exported', emit: 'onExported' },
  125. { subscribe: 'exporting', emit: 'onExporting' },
  126. { subscribe: 'fileSaving', emit: 'onFileSaving' },
  127. { subscribe: 'incidentOccurred', emit: 'onIncidentOccurred' },
  128. { subscribe: 'initialized', emit: 'onInitialized' },
  129. { subscribe: 'optionChanged', emit: 'onOptionChanged' },
  130. { subscribe: 'valueChanged', emit: 'onValueChanged' },
  131. { emit: 'backgroundChange' },
  132. { emit: 'behaviorChange' },
  133. { emit: 'chartChange' },
  134. { emit: 'containerBackgroundColorChange' },
  135. { emit: 'dataSourceChange' },
  136. { emit: 'dataSourceFieldChange' },
  137. { emit: 'disabledChange' },
  138. { emit: 'elementAttrChange' },
  139. { emit: 'exportChange' },
  140. { emit: 'indentChange' },
  141. { emit: 'loadingIndicatorChange' },
  142. { emit: 'marginChange' },
  143. { emit: 'pathModifiedChange' },
  144. { emit: 'redrawOnResizeChange' },
  145. { emit: 'rtlEnabledChange' },
  146. { emit: 'scaleChange' },
  147. { emit: 'selectedRangeColorChange' },
  148. { emit: 'selectedRangeUpdateModeChange' },
  149. { emit: 'shutterChange' },
  150. { emit: 'sizeChange' },
  151. { emit: 'sliderHandleChange' },
  152. { emit: 'sliderMarkerChange' },
  153. { emit: 'themeChange' },
  154. { emit: 'titleChange' },
  155. { emit: 'valueChange' },
  156. { emit: 'onBlur' }
  157. ]);
  158. _this._idh.setHost(_this);
  159. optionHost.setHost(_this);
  160. return _this;
  161. }
  162. Object.defineProperty(DxRangeSelectorComponent.prototype, "background", {
  163. get: /**
  164. * Specifies the options for the range selector's background.
  165. */
  166. function () {
  167. return this._getOption('background');
  168. },
  169. set: function (value) {
  170. this._setOption('background', value);
  171. },
  172. enumerable: true,
  173. configurable: true
  174. });
  175. Object.defineProperty(DxRangeSelectorComponent.prototype, "behavior", {
  176. get: /**
  177. * Specifies the RangeSelector's behavior options.
  178. */
  179. function () {
  180. return this._getOption('behavior');
  181. },
  182. set: function (value) {
  183. this._setOption('behavior', value);
  184. },
  185. enumerable: true,
  186. configurable: true
  187. });
  188. Object.defineProperty(DxRangeSelectorComponent.prototype, "chart", {
  189. get: /**
  190. * Specifies the options required to display a chart as the range selector's background.
  191. */
  192. function () {
  193. return this._getOption('chart');
  194. },
  195. set: function (value) {
  196. this._setOption('chart', value);
  197. },
  198. enumerable: true,
  199. configurable: true
  200. });
  201. Object.defineProperty(DxRangeSelectorComponent.prototype, "containerBackgroundColor", {
  202. get: /**
  203. * Specifies the color of the parent page element.
  204. */
  205. function () {
  206. return this._getOption('containerBackgroundColor');
  207. },
  208. set: function (value) {
  209. this._setOption('containerBackgroundColor', value);
  210. },
  211. enumerable: true,
  212. configurable: true
  213. });
  214. Object.defineProperty(DxRangeSelectorComponent.prototype, "dataSource", {
  215. get: /**
  216. * Specifies a data source for the scale values and for the chart at the background.
  217. */
  218. function () {
  219. return this._getOption('dataSource');
  220. },
  221. set: function (value) {
  222. this._setOption('dataSource', value);
  223. },
  224. enumerable: true,
  225. configurable: true
  226. });
  227. Object.defineProperty(DxRangeSelectorComponent.prototype, "dataSourceField", {
  228. get: /**
  229. * Specifies the data source field that provides data for the scale.
  230. */
  231. function () {
  232. return this._getOption('dataSourceField');
  233. },
  234. set: function (value) {
  235. this._setOption('dataSourceField', value);
  236. },
  237. enumerable: true,
  238. configurable: true
  239. });
  240. Object.defineProperty(DxRangeSelectorComponent.prototype, "disabled", {
  241. get: /**
  242. * Specifies whether the widget responds to the user interaction.
  243. */
  244. function () {
  245. return this._getOption('disabled');
  246. },
  247. set: function (value) {
  248. this._setOption('disabled', value);
  249. },
  250. enumerable: true,
  251. configurable: true
  252. });
  253. Object.defineProperty(DxRangeSelectorComponent.prototype, "elementAttr", {
  254. get: /**
  255. * Specifies the attributes to be attached to the widget's root element.
  256. */
  257. function () {
  258. return this._getOption('elementAttr');
  259. },
  260. set: function (value) {
  261. this._setOption('elementAttr', value);
  262. },
  263. enumerable: true,
  264. configurable: true
  265. });
  266. Object.defineProperty(DxRangeSelectorComponent.prototype, "export", {
  267. get: /**
  268. * Configures the exporting and printing features.
  269. */
  270. function () {
  271. return this._getOption('export');
  272. },
  273. set: function (value) {
  274. this._setOption('export', value);
  275. },
  276. enumerable: true,
  277. configurable: true
  278. });
  279. Object.defineProperty(DxRangeSelectorComponent.prototype, "indent", {
  280. get: /**
  281. * Range selector's indent options.
  282. */
  283. function () {
  284. return this._getOption('indent');
  285. },
  286. set: function (value) {
  287. this._setOption('indent', value);
  288. },
  289. enumerable: true,
  290. configurable: true
  291. });
  292. Object.defineProperty(DxRangeSelectorComponent.prototype, "loadingIndicator", {
  293. get: /**
  294. * Configures the loading indicator.
  295. */
  296. function () {
  297. return this._getOption('loadingIndicator');
  298. },
  299. set: function (value) {
  300. this._setOption('loadingIndicator', value);
  301. },
  302. enumerable: true,
  303. configurable: true
  304. });
  305. Object.defineProperty(DxRangeSelectorComponent.prototype, "margin", {
  306. get: /**
  307. * Generates space around the widget.
  308. */
  309. function () {
  310. return this._getOption('margin');
  311. },
  312. set: function (value) {
  313. this._setOption('margin', value);
  314. },
  315. enumerable: true,
  316. configurable: true
  317. });
  318. Object.defineProperty(DxRangeSelectorComponent.prototype, "pathModified", {
  319. get: /**
  320. * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path.
  321. */
  322. function () {
  323. return this._getOption('pathModified');
  324. },
  325. set: function (value) {
  326. this._setOption('pathModified', value);
  327. },
  328. enumerable: true,
  329. configurable: true
  330. });
  331. Object.defineProperty(DxRangeSelectorComponent.prototype, "redrawOnResize", {
  332. get: /**
  333. * Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates.
  334. */
  335. function () {
  336. return this._getOption('redrawOnResize');
  337. },
  338. set: function (value) {
  339. this._setOption('redrawOnResize', value);
  340. },
  341. enumerable: true,
  342. configurable: true
  343. });
  344. Object.defineProperty(DxRangeSelectorComponent.prototype, "rtlEnabled", {
  345. get: /**
  346. * Switches the widget to a right-to-left representation.
  347. */
  348. function () {
  349. return this._getOption('rtlEnabled');
  350. },
  351. set: function (value) {
  352. this._setOption('rtlEnabled', value);
  353. },
  354. enumerable: true,
  355. configurable: true
  356. });
  357. Object.defineProperty(DxRangeSelectorComponent.prototype, "scale", {
  358. get: /**
  359. * Specifies options of the range selector's scale.
  360. */
  361. function () {
  362. return this._getOption('scale');
  363. },
  364. set: function (value) {
  365. this._setOption('scale', value);
  366. },
  367. enumerable: true,
  368. configurable: true
  369. });
  370. Object.defineProperty(DxRangeSelectorComponent.prototype, "selectedRangeColor", {
  371. get: /**
  372. * Specifies the color of the selected range.
  373. */
  374. function () {
  375. return this._getOption('selectedRangeColor');
  376. },
  377. set: function (value) {
  378. this._setOption('selectedRangeColor', value);
  379. },
  380. enumerable: true,
  381. configurable: true
  382. });
  383. Object.defineProperty(DxRangeSelectorComponent.prototype, "selectedRangeUpdateMode", {
  384. get: /**
  385. * Specifies how the selected range should behave when data is updated. Applies only when the RangeSelector is bound to a data source.
  386. */
  387. function () {
  388. return this._getOption('selectedRangeUpdateMode');
  389. },
  390. set: function (value) {
  391. this._setOption('selectedRangeUpdateMode', value);
  392. },
  393. enumerable: true,
  394. configurable: true
  395. });
  396. Object.defineProperty(DxRangeSelectorComponent.prototype, "shutter", {
  397. get: /**
  398. * Specifies range selector shutter options.
  399. */
  400. function () {
  401. return this._getOption('shutter');
  402. },
  403. set: function (value) {
  404. this._setOption('shutter', value);
  405. },
  406. enumerable: true,
  407. configurable: true
  408. });
  409. Object.defineProperty(DxRangeSelectorComponent.prototype, "size", {
  410. get: /**
  411. * Specifies the widget's size in pixels.
  412. */
  413. function () {
  414. return this._getOption('size');
  415. },
  416. set: function (value) {
  417. this._setOption('size', value);
  418. },
  419. enumerable: true,
  420. configurable: true
  421. });
  422. Object.defineProperty(DxRangeSelectorComponent.prototype, "sliderHandle", {
  423. get: /**
  424. * Specifies the appearance of the range selector's slider handles.
  425. */
  426. function () {
  427. return this._getOption('sliderHandle');
  428. },
  429. set: function (value) {
  430. this._setOption('sliderHandle', value);
  431. },
  432. enumerable: true,
  433. configurable: true
  434. });
  435. Object.defineProperty(DxRangeSelectorComponent.prototype, "sliderMarker", {
  436. get: /**
  437. * Defines the options of the range selector slider markers.
  438. */
  439. function () {
  440. return this._getOption('sliderMarker');
  441. },
  442. set: function (value) {
  443. this._setOption('sliderMarker', value);
  444. },
  445. enumerable: true,
  446. configurable: true
  447. });
  448. Object.defineProperty(DxRangeSelectorComponent.prototype, "theme", {
  449. get: /**
  450. * Sets the name of the theme the widget uses.
  451. */
  452. function () {
  453. return this._getOption('theme');
  454. },
  455. set: function (value) {
  456. this._setOption('theme', value);
  457. },
  458. enumerable: true,
  459. configurable: true
  460. });
  461. Object.defineProperty(DxRangeSelectorComponent.prototype, "title", {
  462. get: /**
  463. * Configures the widget's title.
  464. */
  465. function () {
  466. return this._getOption('title');
  467. },
  468. set: function (value) {
  469. this._setOption('title', value);
  470. },
  471. enumerable: true,
  472. configurable: true
  473. });
  474. Object.defineProperty(DxRangeSelectorComponent.prototype, "value", {
  475. get: /**
  476. * The selected range (initial or current). Equals the entire scale when not set.
  477. */
  478. function () {
  479. return this._getOption('value');
  480. },
  481. set: function (value) {
  482. this._setOption('value', value);
  483. },
  484. enumerable: true,
  485. configurable: true
  486. });
  487. DxRangeSelectorComponent.prototype.change = function (_) { };
  488. DxRangeSelectorComponent.prototype._createInstance = function (element, options) {
  489. return new range_selector_1.default(element, options);
  490. };
  491. DxRangeSelectorComponent.prototype.writeValue = function (value) {
  492. this.eventHelper.lockedValueChangeEvent = true;
  493. this.value = value;
  494. this.eventHelper.lockedValueChangeEvent = false;
  495. };
  496. DxRangeSelectorComponent.prototype.registerOnChange = function (fn) { this.change = fn; };
  497. DxRangeSelectorComponent.prototype.registerOnTouched = function (fn) { this.touched = fn; };
  498. DxRangeSelectorComponent.prototype._createWidget = function (element) {
  499. var _this = this;
  500. _super.prototype._createWidget.call(this, element);
  501. this.instance.on('focusOut', function (e) {
  502. _this.eventHelper.fireNgEvent('onBlur', [e]);
  503. });
  504. };
  505. DxRangeSelectorComponent.prototype.ngOnDestroy = function () {
  506. this._destroyWidget();
  507. };
  508. DxRangeSelectorComponent.prototype.ngOnChanges = function (changes) {
  509. _super.prototype.ngOnChanges.call(this, changes);
  510. this.setupChanges('dataSource', changes);
  511. this.setupChanges('value', changes);
  512. };
  513. DxRangeSelectorComponent.prototype.setupChanges = function (prop, changes) {
  514. if (!(prop in this._optionsToUpdate)) {
  515. this._idh.setup(prop, changes);
  516. }
  517. };
  518. DxRangeSelectorComponent.prototype.ngDoCheck = function () {
  519. this._idh.doCheck('dataSource');
  520. this._idh.doCheck('value');
  521. this._watcherHelper.checkWatchers();
  522. _super.prototype.ngDoCheck.call(this);
  523. _super.prototype.clearChangedOptions.call(this);
  524. };
  525. DxRangeSelectorComponent.prototype._setOption = function (name, value) {
  526. var isSetup = this._idh.setupSingle(name, value);
  527. var isChanged = this._idh.getChanges(name, value) !== null;
  528. if (isSetup || isChanged) {
  529. _super.prototype._setOption.call(this, name, value);
  530. }
  531. };
  532. DxRangeSelectorComponent.decorators = [
  533. { type: core_1.Component, args: [{
  534. selector: 'dx-range-selector',
  535. template: '',
  536. styles: [' :host { display: block; }'],
  537. providers: [
  538. template_host_1.DxTemplateHost,
  539. watcher_helper_1.WatcherHelper,
  540. CUSTOM_VALUE_ACCESSOR_PROVIDER,
  541. nested_option_1.NestedOptionHost,
  542. iterable_differ_helper_1.IterableDifferHelper
  543. ]
  544. },] },
  545. ];
  546. /** @nocollapse */
  547. DxRangeSelectorComponent.ctorParameters = function () { return [
  548. { type: core_1.ElementRef, },
  549. { type: core_1.NgZone, },
  550. { type: template_host_1.DxTemplateHost, },
  551. { type: watcher_helper_1.WatcherHelper, },
  552. { type: iterable_differ_helper_1.IterableDifferHelper, },
  553. { type: nested_option_1.NestedOptionHost, },
  554. { type: platform_browser_2.TransferState, },
  555. { type: undefined, decorators: [{ type: core_1.Inject, args: [core_1.PLATFORM_ID,] },] },
  556. ]; };
  557. DxRangeSelectorComponent.propDecorators = {
  558. "background": [{ type: core_1.Input },],
  559. "behavior": [{ type: core_1.Input },],
  560. "chart": [{ type: core_1.Input },],
  561. "containerBackgroundColor": [{ type: core_1.Input },],
  562. "dataSource": [{ type: core_1.Input },],
  563. "dataSourceField": [{ type: core_1.Input },],
  564. "disabled": [{ type: core_1.Input },],
  565. "elementAttr": [{ type: core_1.Input },],
  566. "export": [{ type: core_1.Input },],
  567. "indent": [{ type: core_1.Input },],
  568. "loadingIndicator": [{ type: core_1.Input },],
  569. "margin": [{ type: core_1.Input },],
  570. "pathModified": [{ type: core_1.Input },],
  571. "redrawOnResize": [{ type: core_1.Input },],
  572. "rtlEnabled": [{ type: core_1.Input },],
  573. "scale": [{ type: core_1.Input },],
  574. "selectedRangeColor": [{ type: core_1.Input },],
  575. "selectedRangeUpdateMode": [{ type: core_1.Input },],
  576. "shutter": [{ type: core_1.Input },],
  577. "size": [{ type: core_1.Input },],
  578. "sliderHandle": [{ type: core_1.Input },],
  579. "sliderMarker": [{ type: core_1.Input },],
  580. "theme": [{ type: core_1.Input },],
  581. "title": [{ type: core_1.Input },],
  582. "value": [{ type: core_1.Input },],
  583. "onDisposing": [{ type: core_1.Output },],
  584. "onDrawn": [{ type: core_1.Output },],
  585. "onExported": [{ type: core_1.Output },],
  586. "onExporting": [{ type: core_1.Output },],
  587. "onFileSaving": [{ type: core_1.Output },],
  588. "onIncidentOccurred": [{ type: core_1.Output },],
  589. "onInitialized": [{ type: core_1.Output },],
  590. "onOptionChanged": [{ type: core_1.Output },],
  591. "onValueChanged": [{ type: core_1.Output },],
  592. "backgroundChange": [{ type: core_1.Output },],
  593. "behaviorChange": [{ type: core_1.Output },],
  594. "chartChange": [{ type: core_1.Output },],
  595. "containerBackgroundColorChange": [{ type: core_1.Output },],
  596. "dataSourceChange": [{ type: core_1.Output },],
  597. "dataSourceFieldChange": [{ type: core_1.Output },],
  598. "disabledChange": [{ type: core_1.Output },],
  599. "elementAttrChange": [{ type: core_1.Output },],
  600. "exportChange": [{ type: core_1.Output },],
  601. "indentChange": [{ type: core_1.Output },],
  602. "loadingIndicatorChange": [{ type: core_1.Output },],
  603. "marginChange": [{ type: core_1.Output },],
  604. "pathModifiedChange": [{ type: core_1.Output },],
  605. "redrawOnResizeChange": [{ type: core_1.Output },],
  606. "rtlEnabledChange": [{ type: core_1.Output },],
  607. "scaleChange": [{ type: core_1.Output },],
  608. "selectedRangeColorChange": [{ type: core_1.Output },],
  609. "selectedRangeUpdateModeChange": [{ type: core_1.Output },],
  610. "shutterChange": [{ type: core_1.Output },],
  611. "sizeChange": [{ type: core_1.Output },],
  612. "sliderHandleChange": [{ type: core_1.Output },],
  613. "sliderMarkerChange": [{ type: core_1.Output },],
  614. "themeChange": [{ type: core_1.Output },],
  615. "titleChange": [{ type: core_1.Output },],
  616. "valueChange": [{ type: core_1.Output },],
  617. "onBlur": [{ type: core_1.Output },],
  618. "change": [{ type: core_1.HostListener, args: ['valueChange', ['$event'],] },],
  619. "touched": [{ type: core_1.HostListener, args: ['onBlur', ['$event'],] },],
  620. };
  621. return DxRangeSelectorComponent;
  622. }(component_1.DxComponent));
  623. exports.DxRangeSelectorComponent = DxRangeSelectorComponent;
  624. var DxRangeSelectorModule = (function () {
  625. function DxRangeSelectorModule() {
  626. }
  627. DxRangeSelectorModule.decorators = [
  628. { type: core_1.NgModule, args: [{
  629. imports: [
  630. background_1.DxoBackgroundModule,
  631. image_1.DxoImageModule,
  632. behavior_1.DxoBehaviorModule,
  633. chart_1.DxoChartModule,
  634. common_series_settings_1.DxoCommonSeriesSettingsModule,
  635. aggregation_1.DxoAggregationModule,
  636. area_1.DxoAreaModule,
  637. border_1.DxoBorderModule,
  638. hover_style_1.DxoHoverStyleModule,
  639. hatching_1.DxoHatchingModule,
  640. label_1.DxoLabelModule,
  641. connector_1.DxoConnectorModule,
  642. point_1.DxoPointModule,
  643. height_1.DxoHeightModule,
  644. url_1.DxoUrlModule,
  645. width_1.DxoWidthModule,
  646. selection_style_1.DxoSelectionStyleModule,
  647. reduction_1.DxoReductionModule,
  648. value_error_bar_1.DxoValueErrorBarModule,
  649. bar_1.DxoBarModule,
  650. bubble_1.DxoBubbleModule,
  651. candlestick_1.DxoCandlestickModule,
  652. fullstackedarea_1.DxoFullstackedareaModule,
  653. fullstackedbar_1.DxoFullstackedbarModule,
  654. fullstackedline_1.DxoFullstackedlineModule,
  655. fullstackedspline_1.DxoFullstackedsplineModule,
  656. fullstackedsplinearea_1.DxoFullstackedsplineareaModule,
  657. argument_format_1.DxoArgumentFormatModule,
  658. font_1.DxoFontModule,
  659. format_1.DxoFormatModule,
  660. line_1.DxoLineModule,
  661. rangearea_1.DxoRangeareaModule,
  662. rangebar_1.DxoRangebarModule,
  663. scatter_1.DxoScatterModule,
  664. spline_1.DxoSplineModule,
  665. splinearea_1.DxoSplineareaModule,
  666. stackedarea_1.DxoStackedareaModule,
  667. stackedbar_1.DxoStackedbarModule,
  668. stackedline_1.DxoStackedlineModule,
  669. stackedspline_1.DxoStackedsplineModule,
  670. stackedsplinearea_1.DxoStackedsplineareaModule,
  671. steparea_1.DxoStepareaModule,
  672. stepline_1.DxoSteplineModule,
  673. stock_1.DxoStockModule,
  674. data_prepare_settings_1.DxoDataPrepareSettingsModule,
  675. series_dxi_1.DxiSeriesModule,
  676. series_template_1.DxoSeriesTemplateModule,
  677. value_axis_1.DxoValueAxisModule,
  678. export_1.DxoExportModule,
  679. indent_1.DxoIndentModule,
  680. loading_indicator_1.DxoLoadingIndicatorModule,
  681. margin_1.DxoMarginModule,
  682. scale_1.DxoScaleModule,
  683. aggregation_interval_1.DxoAggregationIntervalModule,
  684. break_dxi_1.DxiBreakModule,
  685. break_style_1.DxoBreakStyleModule,
  686. marker_1.DxoMarkerModule,
  687. max_range_1.DxoMaxRangeModule,
  688. minor_tick_1.DxoMinorTickModule,
  689. minor_tick_interval_1.DxoMinorTickIntervalModule,
  690. min_range_1.DxoMinRangeModule,
  691. tick_1.DxoTickModule,
  692. tick_interval_1.DxoTickIntervalModule,
  693. shutter_1.DxoShutterModule,
  694. size_1.DxoSizeModule,
  695. slider_handle_1.DxoSliderHandleModule,
  696. slider_marker_1.DxoSliderMarkerModule,
  697. title_1.DxoTitleModule,
  698. subtitle_1.DxoSubtitleModule,
  699. integration_1.DxIntegrationModule,
  700. template_1.DxTemplateModule,
  701. platform_browser_1.BrowserTransferStateModule
  702. ],
  703. declarations: [
  704. DxRangeSelectorComponent
  705. ],
  706. exports: [
  707. DxRangeSelectorComponent,
  708. background_1.DxoBackgroundModule,
  709. image_1.DxoImageModule,
  710. behavior_1.DxoBehaviorModule,
  711. chart_1.DxoChartModule,
  712. common_series_settings_1.DxoCommonSeriesSettingsModule,
  713. aggregation_1.DxoAggregationModule,
  714. area_1.DxoAreaModule,
  715. border_1.DxoBorderModule,
  716. hover_style_1.DxoHoverStyleModule,
  717. hatching_1.DxoHatchingModule,
  718. label_1.DxoLabelModule,
  719. connector_1.DxoConnectorModule,
  720. point_1.DxoPointModule,
  721. height_1.DxoHeightModule,
  722. url_1.DxoUrlModule,
  723. width_1.DxoWidthModule,
  724. selection_style_1.DxoSelectionStyleModule,
  725. reduction_1.DxoReductionModule,
  726. value_error_bar_1.DxoValueErrorBarModule,
  727. bar_1.DxoBarModule,
  728. bubble_1.DxoBubbleModule,
  729. candlestick_1.DxoCandlestickModule,
  730. fullstackedarea_1.DxoFullstackedareaModule,
  731. fullstackedbar_1.DxoFullstackedbarModule,
  732. fullstackedline_1.DxoFullstackedlineModule,
  733. fullstackedspline_1.DxoFullstackedsplineModule,
  734. fullstackedsplinearea_1.DxoFullstackedsplineareaModule,
  735. argument_format_1.DxoArgumentFormatModule,
  736. font_1.DxoFontModule,
  737. format_1.DxoFormatModule,
  738. line_1.DxoLineModule,
  739. rangearea_1.DxoRangeareaModule,
  740. rangebar_1.DxoRangebarModule,
  741. scatter_1.DxoScatterModule,
  742. spline_1.DxoSplineModule,
  743. splinearea_1.DxoSplineareaModule,
  744. stackedarea_1.DxoStackedareaModule,
  745. stackedbar_1.DxoStackedbarModule,
  746. stackedline_1.DxoStackedlineModule,
  747. stackedspline_1.DxoStackedsplineModule,
  748. stackedsplinearea_1.DxoStackedsplineareaModule,
  749. steparea_1.DxoStepareaModule,
  750. stepline_1.DxoSteplineModule,
  751. stock_1.DxoStockModule,
  752. data_prepare_settings_1.DxoDataPrepareSettingsModule,
  753. series_dxi_1.DxiSeriesModule,
  754. series_template_1.DxoSeriesTemplateModule,
  755. value_axis_1.DxoValueAxisModule,
  756. export_1.DxoExportModule,
  757. indent_1.DxoIndentModule,
  758. loading_indicator_1.DxoLoadingIndicatorModule,
  759. margin_1.DxoMarginModule,
  760. scale_1.DxoScaleModule,
  761. aggregation_interval_1.DxoAggregationIntervalModule,
  762. break_dxi_1.DxiBreakModule,
  763. break_style_1.DxoBreakStyleModule,
  764. marker_1.DxoMarkerModule,
  765. max_range_1.DxoMaxRangeModule,
  766. minor_tick_1.DxoMinorTickModule,
  767. minor_tick_interval_1.DxoMinorTickIntervalModule,
  768. min_range_1.DxoMinRangeModule,
  769. tick_1.DxoTickModule,
  770. tick_interval_1.DxoTickIntervalModule,
  771. shutter_1.DxoShutterModule,
  772. size_1.DxoSizeModule,
  773. slider_handle_1.DxoSliderHandleModule,
  774. slider_marker_1.DxoSliderMarkerModule,
  775. title_1.DxoTitleModule,
  776. subtitle_1.DxoSubtitleModule,
  777. template_1.DxTemplateModule
  778. ]
  779. },] },
  780. ];
  781. return DxRangeSelectorModule;
  782. }());
  783. exports.DxRangeSelectorModule = DxRangeSelectorModule;
  784. //# sourceMappingURL=range-selector.js.map