From 6716d274c7af65aedee2887d9d09e2242af97095 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Mon, 30 Oct 2023 15:44:57 +0400
Subject: [PATCH 01/16] Update demos to ng 15

---
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Basics/Angular/app/app.component.ts       |   1 +
 .../PopoverMode/Angular/app/app.component.ts  |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Box/Overview/Angular/app/app.component.ts |   1 +
 .../Button/Icons/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../AjaxRequest/Angular/app/app.component.ts  |   1 +
 .../Annotation/Angular/app/app.component.ts   |   1 +
 .../Charts/Area/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Bubble/Angular/app/app.component.ts       |   1 +
 .../Candlestick/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../ColorEachBar/Angular/app/app.component.ts |   1 +
 .../Colorization/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Crosshair/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../DiscreteData/Angular/app/app.component.ts |   1 +
 .../Doughnut/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../DrillDown/Angular/app/app.component.ts    |   1 +
 .../ErrorBars/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../FunnelChart/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../HoverMode/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Charts/Line/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../MultipleAxes/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Palette/Angular/app/app.component.ts      |   1 +
 .../Charts/Palette/Angular/app/app.service.ts |   4 +-
 .../ParetoChart/Angular/app/app.component.ts  |   1 +
 .../PeriodicData/Angular/app/app.component.ts |   1 +
 .../Charts/Pie/Angular/app/app.component.ts   |   1 +
 .../Charts/Pie/Angular/app/app.service.ts     |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../PointImage/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../PyramidChart/Angular/app/app.component.ts |   1 +
 .../RangeArea/Angular/app/app.component.ts    |   1 +
 .../RangeArea/Angular/app/app.service.ts      |   4 +-
 .../RangeBar/Angular/app/app.component.ts     |   1 +
 .../RangeBar/Angular/app/app.service.ts       |   4 +-
 .../SankeyChart/Angular/app/app.component.ts  |   1 +
 .../ScaleBreaks/Angular/app/app.component.ts  |   1 +
 .../Scatter/Angular/app/app.component.ts      |   1 +
 .../Selection/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../SimpleArray/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../SimpleBullets/Angular/app/app.service.ts  |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../SpiderWeb/Angular/app/app.component.ts    |   1 +
 .../Spline/Angular/app/app.component.ts       |   1 +
 .../SplineArea/Angular/app/app.component.ts   |   1 +
 .../StackedBar/Angular/app/app.component.ts   |   1 +
 .../StandardBar/Angular/app/app.component.ts  |   1 +
 .../StepArea/Angular/app/app.component.ts     |   1 +
 .../StepLine/Angular/app/app.component.ts     |   1 +
 .../Charts/Stock/Angular/app/app.component.ts |   1 +
 .../Strips/Angular/app/app.component.ts       |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Timeline/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../WindRose/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Basics/Angular/app/app.component.ts       |   1 +
 .../Templates/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../app/detail-view/detail-view.component.ts  |   1 +
 .../AjaxRequest/Angular/app/app.component.ts  |   1 +
 .../Appearance/Angular/app/app.component.ts   |   1 +
 .../BatchEditing/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../FilterPanel/Angular/app/app.component.ts  |   1 +
 .../Filtering/Angular/app/app.component.ts    |   1 +
 .../FilteringAPI/Angular/app/app.component.ts |   1 +
 .../FocusedRow/Angular/app/app.component.ts   |   1 +
 .../FormEditing/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../app/detail-grid/detail-grid.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../OdataService/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../PDFOverview/Angular/app/app.component.ts  |   1 +
 .../PopupEditing/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../RecordPaging/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../RowSelection/Angular/app/app.component.ts |   1 +
 .../RowTemplate/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../SimpleArray/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../app/detail-grid/detail-grid.component.ts  |   1 +
 .../Formatting/Angular/app/app.component.ts   |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Formatting/Angular/app/app.component.ts   |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Adaptability/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Containers/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../ReadOnly/Angular/app/app.component.ts     |   1 +
 .../SimpleView/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../BindingToEF/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Validation/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../WithDataGrid/Angular/app/app.component.ts |   1 +
 .../WithList/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Validation/Angular/app/app.component.ts   |   1 +
 .../ItemTemplate/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../ContextMenu/Angular/app/app.component.ts  |   1 +
 .../DataBinding/Angular/app/app.component.ts  |   1 +
 .../ExportToPDF/Angular/app/app.component.ts  |   1 +
 .../FilterRow/Angular/app/app.component.ts    |   1 +
 .../HeaderFilter/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Sorting/Angular/app/app.component.ts      |   1 +
 .../StripLines/Angular/app/app.component.ts   |   1 +
 .../TaskTemplate/Angular/app/app.component.ts |   1 +
 .../Toolbar/Angular/app/app.component.ts      |   1 +
 .../Validation/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../CustomLayout/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../GaugeTooltip/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Palette/Angular/app/app.component.ts      |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Tooltip/Angular/app/app.component.ts      |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.service.ts                |   4 +-
 .../Angular/app/app.component.ts              |   1 +
 .../Mentions/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Tables/Angular/app/app.component.ts       |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../GroupedList/Angular/app/app.component.ts  |   1 +
 .../ItemDragging/Angular/app/app.component.ts |   1 +
 .../ItemTemplate/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../List/WebAPI/Angular/app/app.component.ts  |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../UsingIntl/Angular/app/app.component.ts    |   1 +
 .../Basics/Angular/app/app.component.ts       |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Templates/Angular/app/app.component.ts    |   1 +
 .../Map/Markers/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Map/Routes/Angular/app/app.component.ts   |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Formatting/Angular/app/app.component.ts   |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../DrillDown/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../FieldPanel/Angular/app/app.component.ts   |   1 +
 .../HeaderFilter/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../SimpleArray/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Scrolling/Angular/app/app.component.ts    |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../NumericScale/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Adaptability/Angular/app/app.component.ts |   1 +
 .../Agenda/Angular/app/app.component.ts       |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../BasicViews/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Editing/Angular/app/app.component.ts      |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../GroupByDate/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Resources/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../SimpleArray/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Timelines/Angular/app/app.component.ts    |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../GroupedItems/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Kanban/Angular/app/app.component.ts       |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Templates/Angular/app/app.component.ts    |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Selection/Angular/app/app.component.ts    |   1 +
 .../GroupedItems/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Basics/Angular/app/app.component.ts       |   1 +
 .../Directions/Angular/app/app.component.ts   |   1 +
 .../ItemTemplate/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Toast/Stack/Angular/app/app.component.ts  |   1 +
 .../Adaptability/Angular/app/app.component.ts |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Adaptability/Angular/app/app.component.ts |   1 +
 .../BatchEditing/Angular/app/app.component.ts |   1 +
 .../CellEditing/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../ColumnFixing/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../FilterModes/Angular/app/app.component.ts  |   1 +
 .../FilterPanel/Angular/app/app.component.ts  |   1 +
 .../FocusedRow/Angular/app/app.component.ts   |   1 +
 .../FormEditing/Angular/app/app.component.ts  |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Paging/Angular/app/app.component.ts       |   1 +
 .../PopupEditing/Angular/app/app.component.ts |   1 +
 .../Reordering/Angular/app/app.component.ts   |   1 +
 .../Resizing/Angular/app/app.component.ts     |   1 +
 .../RowEditing/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../VirtualMode/Angular/app/app.component.ts  |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../FloorPlan/Angular/app/app.component.ts    |   1 +
 .../ImageMarkers/Angular/app/app.component.ts |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Overview/Angular/app/app.component.ts     |   1 +
 .../Palette/Angular/app/app.component.ts      |   1 +
 .../PieMarkers/Angular/app/app.component.ts   |   1 +
 .../Angular/app/app.component.ts              |   1 +
 .../Angular/app/app.component.ts              |   1 +
 JSDemos/configs/Angular/config.bundle.js      |   2 +
 JSDemos/configs/Angular/config.js             | 294 ++++++++++++------
 package.json                                  |  14 +-
 utils/bundle/index.js                         |  12 +-
 485 files changed, 701 insertions(+), 147 deletions(-)

diff --git a/JSDemos/Demos/Accordion/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Accordion/Overview/Angular/app/app.component.ts
index cc27848c98b..ee5b68666cb 100644
--- a/JSDemos/Demos/Accordion/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Accordion/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/ActionSheet/Basics/Angular/app/app.component.ts b/JSDemos/Demos/ActionSheet/Basics/Angular/app/app.component.ts
index f4aef2947ce..9f5ac802019 100644
--- a/JSDemos/Demos/ActionSheet/Basics/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ActionSheet/Basics/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.ts b/JSDemos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.ts
index 15736801cbf..5c149c810f6 100644
--- a/JSDemos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ActionSheet/PopoverMode/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Autocomplete/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
index 0accec9e080..e20ad28ad45 100644
--- a/JSDemos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Autocomplete/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule, HttpParams } from '@angular/common/http';
diff --git a/JSDemos/Demos/Box/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Box/Overview/Angular/app/app.component.ts
index 64f846f0c1f..f48e88faa56 100644
--- a/JSDemos/Demos/Box/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Box/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Button/Icons/Angular/app/app.component.ts b/JSDemos/Demos/Button/Icons/Angular/app/app.component.ts
index 4911c6c73d5..a8a464d6612 100644
--- a/JSDemos/Demos/Button/Icons/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Button/Icons/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Button/PredefinedTypes/Angular/app/app.component.ts b/JSDemos/Demos/Button/PredefinedTypes/Angular/app/app.component.ts
index 5fd4bb31d7a..3801e47e845 100644
--- a/JSDemos/Demos/Button/PredefinedTypes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Button/PredefinedTypes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/ButtonGroup/Overview/Angular/app/app.component.ts b/JSDemos/Demos/ButtonGroup/Overview/Angular/app/app.component.ts
index 8b42730a214..da89496de53 100644
--- a/JSDemos/Demos/ButtonGroup/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ButtonGroup/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxButtonGroupModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts b/JSDemos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
index 6a5578b7885..cd8b03eb9c1 100644
--- a/JSDemos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Calendar/MultipleSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   Component, NgModule, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Calendar/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Calendar/Overview/Angular/app/app.component.ts
index e2a1fa979ec..fe0fb3e837e 100644
--- a/JSDemos/Demos/Calendar/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Calendar/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/app/app.component.ts b/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/app/app.component.ts
index 7962cc96d17..a1b7382ce99 100644
--- a/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule, DxSelectBoxModule, DxPieChartComponent } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/APISelectAPoint/Angular/app/app.component.ts b/JSDemos/Demos/Charts/APISelectAPoint/Angular/app/app.component.ts
index b31770ff5ed..b2b46d85cb5 100644
--- a/JSDemos/Demos/Charts/APISelectAPoint/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/APISelectAPoint/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts b/JSDemos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
index 115b0a868f9..7e721786eca 100644
--- a/JSDemos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/AjaxRequest/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Annotation/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Annotation/Angular/app/app.component.ts
index 056600f1f22..5ce517cb003 100644
--- a/JSDemos/Demos/Charts/Annotation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Annotation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Area/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Area/Angular/app/app.component.ts
index ce72dcc9336..39eefd8e5ce 100644
--- a/JSDemos/Demos/Charts/Area/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Area/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts b/JSDemos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
index 186da7083d9..c3718a489a4 100644
--- a/JSDemos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/AreaSparklines/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSparklineModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts b/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
index f22d840c907..a7ffafd6423 100644
--- a/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts b/JSDemos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
index 53945d4c07f..0f1cda043ca 100644
--- a/JSDemos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/AxisCustomPosition/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxNumberBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/app/app.component.ts b/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/app/app.component.ts
index b2d8d285c49..ddc9a37c67d 100644
--- a/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/app/app.component.ts b/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/app/app.component.ts
index ef92d683535..023830b505a 100644
--- a/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/BarSparklines/Angular/app/app.component.ts b/JSDemos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
index b390728bc57..d44d21e9369 100644
--- a/JSDemos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/BarSparklines/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts
index 47fb4e78555..37ed5eb9915 100644
--- a/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Bubble/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Bubble/Angular/app/app.component.ts
index 79617aa8ab3..03591d932ee 100644
--- a/JSDemos/Demos/Charts/Bubble/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Bubble/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Candlestick/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Candlestick/Angular/app/app.component.ts
index 5bfa39bdacb..2bcd6745078 100644
--- a/JSDemos/Demos/Charts/Candlestick/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Candlestick/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/ChartsDrillDown/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ChartsDrillDown/Angular/app/app.component.ts
index 4451052f114..f6899923d55 100644
--- a/JSDemos/Demos/Charts/ChartsDrillDown/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ChartsDrillDown/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ElementRef, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
index 72512b9bb95..a36e2f89ecd 100644
--- a/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, AfterViewInit, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Charts/ColorEachBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ColorEachBar/Angular/app/app.component.ts
index 0ab5f7ae224..92517226980 100644
--- a/JSDemos/Demos/Charts/ColorEachBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ColorEachBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Colorization/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Colorization/Angular/app/app.component.ts
index 33071c15ac3..210d74299b6 100644
--- a/JSDemos/Demos/Charts/Colorization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Colorization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeMapModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ContinuousData/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ContinuousData/Angular/app/app.component.ts
index 8fc1a7f57ff..48139799c9e 100644
--- a/JSDemos/Demos/Charts/ContinuousData/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ContinuousData/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Crosshair/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Crosshair/Angular/app/app.component.ts
index 698667742b7..ac56157d2a9 100644
--- a/JSDemos/Demos/Charts/Crosshair/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Crosshair/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts b/JSDemos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts
index 23b91e0cdb1..6bc05c0e215 100644
--- a/JSDemos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/CustomAnnotations/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { DecimalPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts b/JSDemos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts
index 3851a9d966f..8f8eb605e37 100644
--- a/JSDemos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/CustomBarWidth/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/app/app.component.ts b/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/app/app.component.ts
index 36fa2ab077f..2ce98bf619e 100644
--- a/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts b/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts
index 3cefaa19c85..184c583c07f 100644
--- a/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/DiscreteAggregation/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DiscreteAggregation/Angular/app/app.component.ts
index e11b13c0396..22982cef88a 100644
--- a/JSDemos/Demos/Charts/DiscreteAggregation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DiscreteAggregation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts
index ba04538083f..17b9edb15bd 100644
--- a/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/DiscreteData/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DiscreteData/Angular/app/app.component.ts
index 7eb00d415fd..f9498214d5a 100644
--- a/JSDemos/Demos/Charts/DiscreteData/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DiscreteData/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Doughnut/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Doughnut/Angular/app/app.component.ts
index e54cff5a4fc..803c4fd76fa 100644
--- a/JSDemos/Demos/Charts/Doughnut/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Doughnut/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts
index 1942c0dac05..9b6ad227d3e 100644
--- a/JSDemos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DoughnutSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/app/app.component.ts
index 907897b7fb6..d18b7fab0dc 100644
--- a/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts
index 9916e2db70a..fea01e20f88 100644
--- a/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/DrillDown/Angular/app/app.component.ts b/JSDemos/Demos/Charts/DrillDown/Angular/app/app.component.ts
index a13a4894e26..8237de794a5 100644
--- a/JSDemos/Demos/Charts/DrillDown/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/DrillDown/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ErrorBars/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ErrorBars/Angular/app/app.component.ts
index ee243cc6810..eb2f59b9ceb 100644
--- a/JSDemos/Demos/Charts/ErrorBars/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ErrorBars/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts
index 7791744d43c..e7488717851 100644
--- a/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxChartComponent, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
index 1ed6e864ef8..c9c38e3613f 100644
--- a/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxChartComponent, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts
index ee27332375d..e9faf6aca95 100644
--- a/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts b/JSDemos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts
index 1d007362788..137d79eb846 100644
--- a/JSDemos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/FlatDataStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts
index 656a4356e82..bdfb34d64bc 100644
--- a/JSDemos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/FullStackedBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/FunnelChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/FunnelChart/Angular/app/app.component.ts
index 21565fa68d2..b2981ca8326 100644
--- a/JSDemos/Demos/Charts/FunnelChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/FunnelChart/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts b/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts
index 1d007362788..137d79eb846 100644
--- a/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/HoverMode/Angular/app/app.component.ts b/JSDemos/Demos/Charts/HoverMode/Angular/app/app.component.ts
index 15456ccfcd5..1c8d047b521 100644
--- a/JSDemos/Demos/Charts/HoverMode/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/HoverMode/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/InvertedChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/InvertedChart/Angular/app/app.component.ts
index 8fc1a7f57ff..48139799c9e 100644
--- a/JSDemos/Demos/Charts/InvertedChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/InvertedChart/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Line/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Line/Angular/app/app.component.ts
index 35254fb9ee5..beb853039d5 100644
--- a/JSDemos/Demos/Charts/Line/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Line/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts b/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts
index 09f6ab3ac3a..1d021e42309 100644
--- a/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts b/JSDemos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts
index 80c8933cf6d..cfa9ab0cfaf 100644
--- a/JSDemos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/LogarithmicAxis/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts b/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts
index ffedf4942b3..bff5d4f373f 100644
--- a/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts b/JSDemos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts
index d9f202a7397..698f71635f0 100644
--- a/JSDemos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/MultipleAxes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts b/JSDemos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts
index 17cfd335c33..a2d153255b7 100644
--- a/JSDemos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/MultiplePanes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts b/JSDemos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts
index a8691d482a8..5e608fa55c8 100644
--- a/JSDemos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/MultiplePointSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts b/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts
index d8fd87357e7..6fd03adeb87 100644
--- a/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts b/JSDemos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts
index 72649cbdf3d..6ded2616d0c 100644
--- a/JSDemos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/NullPointSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Overview/Angular/app/app.component.ts
index 703221d9093..33a2ae376d5 100644
--- a/JSDemos/Demos/Charts/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Palette/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Palette/Angular/app/app.component.ts
index 2905b2a3d31..d13b0b8eb66 100644
--- a/JSDemos/Demos/Charts/Palette/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Palette/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Palette/Angular/app/app.service.ts b/JSDemos/Demos/Charts/Palette/Angular/app/app.service.ts
index 53529e5d2b1..e09debd74fc 100644
--- a/JSDemos/Demos/Charts/Palette/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/Palette/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class DataItem {
   arg: string;
diff --git a/JSDemos/Demos/Charts/ParetoChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ParetoChart/Angular/app/app.component.ts
index 703221d9093..33a2ae376d5 100644
--- a/JSDemos/Demos/Charts/ParetoChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ParetoChart/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PeriodicData/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PeriodicData/Angular/app/app.component.ts
index 8fc1a7f57ff..48139799c9e 100644
--- a/JSDemos/Demos/Charts/PeriodicData/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PeriodicData/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Pie/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Pie/Angular/app/app.component.ts
index 3905b6972ae..c86daf4baf7 100644
--- a/JSDemos/Demos/Charts/Pie/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Pie/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Pie/Angular/app/app.service.ts b/JSDemos/Demos/Charts/Pie/Angular/app/app.service.ts
index 26ec4460655..3ece68fd664 100644
--- a/JSDemos/Demos/Charts/Pie/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/Pie/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class Area {
   country: string;
diff --git a/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.component.ts
index 0beedb77bfb..c8b3a95b81b 100644
--- a/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.service.ts b/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.service.ts
index a6b32459cc7..66cec096b88 100644
--- a/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/PieWithAnnotations/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class MedalistData {
   country?: string;
diff --git a/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.component.ts
index b7d7518fdc2..5d7a67ab6dc 100644
--- a/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.service.ts b/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.service.ts
index abf30f6a40e..3257c58b982 100644
--- a/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class MedalsInfo {
   country: string;
diff --git a/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/app/app.component.ts
index e82da76c7c9..06bed2c2904 100644
--- a/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts
index 239c515e3bf..422bd9b2aa7 100644
--- a/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.service.ts b/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.service.ts
index 18cc51dbe46..2495aa9cab4 100644
--- a/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class ExportImportEntry {
   Country: string;
diff --git a/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.component.ts
index 10f8598bd02..3fb25f5e41c 100644
--- a/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.service.ts b/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.service.ts
index c672d7536e9..b82d07d55af 100644
--- a/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class MedalsInfo {
   country: string;
diff --git a/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.component.ts
index 9916e2db70a..fea01e20f88 100644
--- a/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.service.ts b/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.service.ts
index 622ff8c78c7..220aaabc818 100644
--- a/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class LanguageData {
   language: string;
diff --git a/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.component.ts
index bc9281ccb86..6af45d90909 100644
--- a/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPieChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.service.ts b/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.service.ts
index 24df49ddf78..9e614466755 100644
--- a/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 class Area {
   name: string;
diff --git a/JSDemos/Demos/Charts/PointImage/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PointImage/Angular/app/app.component.ts
index 9c2a1dfd93c..be8084b56eb 100644
--- a/JSDemos/Demos/Charts/PointImage/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PointImage/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts
index ece121d14b8..85d76aa8a90 100644
--- a/JSDemos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PointsAggregation/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts
index a8368d06fe9..3c8dbe92861 100644
--- a/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxChartComponent, DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts
index 43f58de45a0..9814648bdd3 100644
--- a/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts
index 16aedb73518..e50c8db8415 100644
--- a/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/PyramidChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/PyramidChart/Angular/app/app.component.ts
index 06029c7f58b..58408a127a2 100644
--- a/JSDemos/Demos/Charts/PyramidChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/PyramidChart/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxFunnelModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/RangeArea/Angular/app/app.component.ts b/JSDemos/Demos/Charts/RangeArea/Angular/app/app.component.ts
index 3fab201c69c..6b707e00dda 100644
--- a/JSDemos/Demos/Charts/RangeArea/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/RangeArea/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/RangeArea/Angular/app/app.service.ts b/JSDemos/Demos/Charts/RangeArea/Angular/app/app.service.ts
index f5564e04a2b..30b8cbccebf 100644
--- a/JSDemos/Demos/Charts/RangeArea/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/RangeArea/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class InflationEntry {
   date: Date;
diff --git a/JSDemos/Demos/Charts/RangeBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/RangeBar/Angular/app/app.component.ts
index ad792b15e08..e5d45cbc342 100644
--- a/JSDemos/Demos/Charts/RangeBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/RangeBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/RangeBar/Angular/app/app.service.ts b/JSDemos/Demos/Charts/RangeBar/Angular/app/app.service.ts
index 05684398103..33695062201 100644
--- a/JSDemos/Demos/Charts/RangeBar/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/RangeBar/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class OilPrice {
   date: Date;
diff --git a/JSDemos/Demos/Charts/SankeyChart/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SankeyChart/Angular/app/app.component.ts
index d06c303152d..0c3415ca055 100644
--- a/JSDemos/Demos/Charts/SankeyChart/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SankeyChart/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSankeyModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts
index c1f7ad7bbc4..39e1fc15c02 100644
--- a/JSDemos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ScaleBreaks/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Scatter/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Scatter/Angular/app/app.component.ts
index 2dfae5854af..eadb95f41b3 100644
--- a/JSDemos/Demos/Charts/Scatter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Scatter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Selection/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Selection/Angular/app/app.component.ts
index 59ab9f811ec..f5f614491ed 100644
--- a/JSDemos/Demos/Charts/Selection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Selection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/SeriesTemplates/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SeriesTemplates/Angular/app/app.component.ts
index 1bd6cf49038..20c49b389bf 100644
--- a/JSDemos/Demos/Charts/SeriesTemplates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SeriesTemplates/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts
index e7cf9ac3c2d..b78a5798384 100644
--- a/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts
index a4d0d20675c..a22d6b72c00 100644
--- a/JSDemos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SideBySideBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts
index d9d8f92fae8..9f047ab7ef3 100644
--- a/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts
index 1aec3b38928..8e2f74680bf 100644
--- a/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/SignalRService/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SignalRService/Angular/app/app.component.ts
index 9a9f963aa4c..ea62c9e4387 100644
--- a/JSDemos/Demos/Charts/SignalRService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SignalRService/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { DecimalPipe, CurrencyPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/Charts/SimpleArray/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SimpleArray/Angular/app/app.component.ts
index ad6366194b5..8c67c70a0b5 100644
--- a/JSDemos/Demos/Charts/SimpleArray/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SimpleArray/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts
index e60f2df74b6..290da870140 100644
--- a/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxBulletModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.service.ts b/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.service.ts
index bcf0b2f4d21..fcace0eed21 100644
--- a/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Charts/SimpleBullets/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class Week {
   weekCount: string;
diff --git a/JSDemos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
index dae108f04cc..da1682824a6 100644
--- a/JSDemos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SimpleSparklines/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSparklineModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts
index 9f14f981c8c..917d5b33e85 100644
--- a/JSDemos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SpiderWeb/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Spline/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Spline/Angular/app/app.component.ts
index 662abf2ca05..c32597ea2a4 100644
--- a/JSDemos/Demos/Charts/Spline/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Spline/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/SplineArea/Angular/app/app.component.ts b/JSDemos/Demos/Charts/SplineArea/Angular/app/app.component.ts
index e55fc494d2f..4172ee0bd0d 100644
--- a/JSDemos/Demos/Charts/SplineArea/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/SplineArea/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/StackedBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/StackedBar/Angular/app/app.component.ts
index f14bdbb98ba..1d8222d4419 100644
--- a/JSDemos/Demos/Charts/StackedBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/StackedBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/StandardBar/Angular/app/app.component.ts b/JSDemos/Demos/Charts/StandardBar/Angular/app/app.component.ts
index ffedf4942b3..bff5d4f373f 100644
--- a/JSDemos/Demos/Charts/StandardBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/StandardBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/StepArea/Angular/app/app.component.ts b/JSDemos/Demos/Charts/StepArea/Angular/app/app.component.ts
index f44d5876352..90e1c189c0d 100644
--- a/JSDemos/Demos/Charts/StepArea/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/StepArea/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/StepLine/Angular/app/app.component.ts b/JSDemos/Demos/Charts/StepLine/Angular/app/app.component.ts
index e2b7db37c35..e9e9e7e96f7 100644
--- a/JSDemos/Demos/Charts/StepLine/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/StepLine/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Stock/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Stock/Angular/app/app.component.ts
index 5bfa39bdacb..2bcd6745078 100644
--- a/JSDemos/Demos/Charts/Stock/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Stock/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/Strips/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Strips/Angular/app/app.component.ts
index 095253dbe61..ccd476903cc 100644
--- a/JSDemos/Demos/Charts/Strips/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Strips/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts b/JSDemos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
index 0918dae3712..b91a3c25912 100644
--- a/JSDemos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/TilingAlgorithms/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeMapModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/Timeline/Angular/app/app.component.ts b/JSDemos/Demos/Charts/Timeline/Angular/app/app.component.ts
index ffedf4942b3..bff5d4f373f 100644
--- a/JSDemos/Demos/Charts/Timeline/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/Timeline/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/app/app.component.ts b/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/app/app.component.ts
index 06991d35449..404da83e2a1 100644
--- a/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { DecimalPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/Charts/WindRose/Angular/app/app.component.ts b/JSDemos/Demos/Charts/WindRose/Angular/app/app.component.ts
index 156f7a00e35..eed3e7d40ea 100644
--- a/JSDemos/Demos/Charts/WindRose/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/WindRose/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts b/JSDemos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
index bea3376d197..024a3face49 100644
--- a/JSDemos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/WinlossSparklines/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSparklineModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts
index b9df07734db..cf5e460e368 100644
--- a/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts
index a9e5817811f..094452231a0 100644
--- a/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/app/app.component.ts b/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/app/app.component.ts
index 8d20c40fe78..c1a47b8a738 100644
--- a/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxChartModule, DxChartComponent, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/CheckBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/CheckBox/Overview/Angular/app/app.component.ts
index f158e1f4e12..4ce3684c39e 100644
--- a/JSDemos/Demos/CheckBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/CheckBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/ColorBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/ColorBox/Overview/Angular/app/app.component.ts
index 2fd4ed21f75..36a8cbd11bd 100644
--- a/JSDemos/Demos/ColorBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ColorBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxColorBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Common/ActionAndListsOverview/Angular/app/app.component.ts b/JSDemos/Demos/Common/ActionAndListsOverview/Angular/app/app.component.ts
index 42c5fc91bc5..d4c00fe93d8 100644
--- a/JSDemos/Demos/Common/ActionAndListsOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/ActionAndListsOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTileViewModule, DxButtonModule, DxListModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/app/app.component.ts b/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/app/app.component.ts
index 4afc39eaaa2..361cd994244 100644
--- a/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/app/app.component.ts b/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/app/app.component.ts
index fe938a60c77..981ca786b98 100644
--- a/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { DecimalPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.ts b/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.ts
index 6b3085502c5..dc42f305d53 100644
--- a/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Common/EditorsOverview/Angular/app/app.component.ts b/JSDemos/Demos/Common/EditorsOverview/Angular/app/app.component.ts
index 330e2c51e34..8f638203758 100644
--- a/JSDemos/Demos/Common/EditorsOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/EditorsOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/app/app.component.ts b/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/app/app.component.ts
index 4171beb2ba9..a3caa8a2593 100644
--- a/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/app/app.component.ts b/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/app/app.component.ts
index 8cea09a47ac..868806ba12f 100644
--- a/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Common/NavigationOverview/Angular/app/app.component.ts b/JSDemos/Demos/Common/NavigationOverview/Angular/app/app.component.ts
index 8dabbd6aacc..277bd3570e5 100644
--- a/JSDemos/Demos/Common/NavigationOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/NavigationOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/app/app.component.ts b/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/app/app.component.ts
index 4ca4c25bfb5..2ccc62d14ef 100644
--- a/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/ContextMenu/Basics/Angular/app/app.component.ts b/JSDemos/Demos/ContextMenu/Basics/Angular/app/app.component.ts
index 983a5fef103..9a7269de169 100644
--- a/JSDemos/Demos/ContextMenu/Basics/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ContextMenu/Basics/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxContextMenuModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/ContextMenu/Templates/Angular/app/app.component.ts b/JSDemos/Demos/ContextMenu/Templates/Angular/app/app.component.ts
index 53b4ab0bd1b..a6e5b45dd31 100644
--- a/JSDemos/Demos/ContextMenu/Templates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ContextMenu/Templates/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxContextMenuModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts
index f0942ba6c01..a3ed5888844 100644
--- a/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/detail-view/detail-view.component.ts b/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/detail-view/detail-view.component.ts
index b977c1651eb..620c9132faf 100644
--- a/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/detail-view/detail-view.component.ts
+++ b/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/app/detail-view/detail-view.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input, AfterViewInit } from '@angular/core';
+import "@angular/compiler";
 import DataSource from 'devextreme/data/data_source';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 
diff --git a/JSDemos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts
index dbe0ca6e9f6..08e52516ed9 100644
--- a/JSDemos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/AjaxRequest/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/Appearance/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/Appearance/Angular/app/app.component.ts
index 3bf926490ea..5fe15644615 100644
--- a/JSDemos/Demos/DataGrid/Appearance/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/Appearance/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts
index df28031e294..96cc3e4e7cd 100644
--- a/JSDemos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/BatchEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxSelectBoxModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts
index b8838a6cee0..7a7ebe0230e 100644
--- a/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/DataGrid/CRUDOperations/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CRUDOperations/Angular/app/app.component.ts
index 6c246d2f857..7e90fb14d3c 100644
--- a/JSDemos/Demos/DataGrid/CRUDOperations/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CRUDOperations/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ChangeDetectionStrategy,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts
index 44ddf8e0508..b4da7b5de73 100644
--- a/JSDemos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CascadingLookups/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/CellCustomization/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CellCustomization/Angular/app/app.component.ts
index 40f4d0357a4..b271128530d 100644
--- a/JSDemos/Demos/DataGrid/CellCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CellCustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Pipe, PipeTransform, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/app/app.component.ts
index 0668e5d474d..a4fc9676b1b 100644
--- a/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts
index f7f07189914..a1a48bab0fe 100644
--- a/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxTextBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts
index d45caa89fed..1baa3c20910 100644
--- a/JSDemos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ColumnChooser/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/app/app.component.ts
index 2994160d02d..ed2633f7e18 100644
--- a/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts
index 3bc0df25722..2b0df85654e 100644
--- a/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts
index 6dca59a074b..2bccc381d8e 100644
--- a/JSDemos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ColumnResizing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/app/app.component.ts
index 397abf728da..e42f1eb3d97 100644
--- a/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.ts
index 07bd535ab76..6252236ab69 100644
--- a/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/app/app.component.ts
index cd6c7821fc8..a4cedce2e2b 100644
--- a/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts
index 8cdf806fc32..c9355c8ed28 100644
--- a/JSDemos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CustomDataSource/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule, HttpParams } from '@angular/common/http';
diff --git a/JSDemos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
index fd8e7a483b2..f150402edd5 100644
--- a/JSDemos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CustomEditors/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.ts
index 8f50fb7a453..5e5300bb2af 100644
--- a/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ChangeDetectorRef,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts
index e0b40a9a00c..cf2c4f98ed2 100644
--- a/JSDemos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CustomSummaries/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts
index ab5489c5355..6c84b599f76 100644
--- a/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
index d595d327400..de44f27dee7 100644
--- a/JSDemos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/DataValidation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
index 86f5fe6a7f0..9faf8d55cc5 100644
--- a/JSDemos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/DeferredSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, AfterViewInit, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts
index 84be15b9fd7..1e4d8f489e9 100644
--- a/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts
index 5e8e6772596..447e1065cd0 100644
--- a/JSDemos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/EditStateManagement/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, OnInit, OnDestroy, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
index eeaee313195..9162936ebcd 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts
index 3cb64c2e77d..e1c103b6a72 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts
index 8b6801df9a9..ef822cf6fc7 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts
index dd11a48c65a..f386822c5ed 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts
index 07e70065001..42cb5bd95dc 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts
index fbaf2ab9058..d103cef85b2 100644
--- a/JSDemos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/FilterPanel/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/Filtering/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/Filtering/Angular/app/app.component.ts
index 24094736c83..15a67291099 100644
--- a/JSDemos/Demos/DataGrid/Filtering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/Filtering/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts
index 08be34e7f1a..27ae5835e4e 100644
--- a/JSDemos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/FilteringAPI/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts
index 99cb05a751d..5bd67197ae5 100644
--- a/JSDemos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/FocusedRow/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import {
   BrowserModule, BrowserTransferStateModule, DomSanitizer, SafeHtml,
 } from '@angular/platform-browser';
diff --git a/JSDemos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
index 28101da74b9..47691114b3b 100644
--- a/JSDemos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts
index ecd4612385e..d86cb3f1032 100644
--- a/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/app/app.component.ts
index ecd4612385e..d86cb3f1032 100644
--- a/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts
index 55042d575fe..0db06c8cc1f 100644
--- a/JSDemos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/GridSummaries/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts
index a1796f48f54..0dccfb4a734 100644
--- a/JSDemos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/GroupSummaries/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts
index 0e987b81d62..c8ab1e8e4c9 100644
--- a/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts
index 1d985de925e..cbee44815cb 100644
--- a/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts
index 9f7db28d4bd..a9e67d9d10b 100644
--- a/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts
index 6b15a3f4f0a..95d2f497455 100644
--- a/JSDemos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/LocalReordering/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts
index e4e631ec595..f2cacb871a8 100644
--- a/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts
index 050ab51cb25..bcc2400841f 100644
--- a/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts b/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts
index 68de4f3eac7..c1ab73f940c 100644
--- a/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts
+++ b/JSDemos/Demos/DataGrid/MasterDetailView/Angular/app/detail-grid/detail-grid.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input, AfterViewInit } from '@angular/core';
+import "@angular/compiler";
 import DataSource from 'devextreme/data/data_source';
 import ArrayStore from 'devextreme/data/array_store';
 import { Service, Task } from '../app.service';
diff --git a/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts
index 223d85c7346..ab540779d18 100644
--- a/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts
index b3af1c86b33..d03de7b9ab9 100644
--- a/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Pipe, PipeTransform, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxButtonModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts
index dc1f6284b28..037e71fa633 100644
--- a/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts
index 584228a5005..a4b8e079837 100644
--- a/JSDemos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/MultipleSorting/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridComponent, DxDataGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/OdataService/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/OdataService/Angular/app/app.component.ts
index 4c37387c5e2..49f39ded32e 100644
--- a/JSDemos/Demos/DataGrid/OdataService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/OdataService/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/Overview/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/Overview/Angular/app/app.component.ts
index e19ff3eb8f0..c0371f2fa54 100644
--- a/JSDemos/Demos/DataGrid/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Pipe, PipeTransform, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts
index d3108e34f97..37cd1a491cb 100644
--- a/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts
index 7f30893a160..f70b80c6985 100644
--- a/JSDemos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/PDFExportImages/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts
index f4c6a677cd1..756f75d7ad3 100644
--- a/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts
index f9f0e827087..96c6dbb3219 100644
--- a/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts
index db6e762f20c..27970ee220c 100644
--- a/JSDemos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/PDFOverview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
index 28101da74b9..47691114b3b 100644
--- a/JSDemos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts
index 93035c7dbe0..cef0e0135d8 100644
--- a/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ChangeDetectionStrategy,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts
index b8e466c355e..2e517e06f8d 100644
--- a/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts
index 46380f544d6..61c905db3bc 100644
--- a/JSDemos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RecordGrouping/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts
index 92054c05af8..61a5e52dae5 100644
--- a/JSDemos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RecordPaging/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts
index 1dbf4af78bb..57555f9fa87 100644
--- a/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ChangeDetectionStrategy,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts
index 85c80239902..7194e0f6791 100644
--- a/JSDemos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RemoteReordering/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
index 1dbf4af78bb..57555f9fa87 100644
--- a/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ChangeDetectionStrategy,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts
index b7529a780b5..c699b10c85a 100644
--- a/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/app/app.component.ts
index 933d50d1a70..fac72bf66e4 100644
--- a/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
index 4b7b8f5cef9..eec4e8f3f5e 100644
--- a/JSDemos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RowSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/RowTemplate/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/RowTemplate/Angular/app/app.component.ts
index 397abf728da..e42f1eb3d97 100644
--- a/JSDemos/Demos/DataGrid/RowTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/RowTemplate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
index 3ca41806879..b78950b350c 100644
--- a/JSDemos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/SignalRService/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
diff --git a/JSDemos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
index c3a63cf9644..ad52465fc0d 100644
--- a/JSDemos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/SimpleArray/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
index c8fb87ba2fa..c1b954ad992 100644
--- a/JSDemos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/StatePersistence/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule, DxDataGridComponent } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/app/app.component.ts
index d032c6809a2..bb4b57c5dfd 100644
--- a/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
index 76f58c64654..4bb5da82941 100644
--- a/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts b/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
index c26b9c607a3..753fdf76570 100644
--- a/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts b/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts
index 2f51ff05207..21bef505a28 100644
--- a/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts
+++ b/JSDemos/Demos/DataGrid/WebAPIService/Angular/app/detail-grid/detail-grid.component.ts
@@ -1,4 +1,5 @@
 import { Component, Input, AfterViewInit } from '@angular/core';
+import "@angular/compiler";
 import DataSource from 'devextreme/data/data_source';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 
diff --git a/JSDemos/Demos/DateBox/Formatting/Angular/app/app.component.ts b/JSDemos/Demos/DateBox/Formatting/Angular/app/app.component.ts
index 1b6296c34c6..c88f9505cb4 100644
--- a/JSDemos/Demos/DateBox/Formatting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DateBox/Formatting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDateBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DateBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/DateBox/Overview/Angular/app/app.component.ts
index 7bb0c9f5780..bd3628778e0 100644
--- a/JSDemos/Demos/DateBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DateBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDateBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts b/JSDemos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
index 8c87450997a..839eb94c018 100644
--- a/JSDemos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DateRangeBox/Formatting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDateRangeBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
index 905f6ba0496..7bf4398409e 100644
--- a/JSDemos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DateRangeBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxDateRangeBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Diagram/Adaptability/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
index bc395288a50..02e85e2f407 100644
--- a/JSDemos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/Adaptability/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
index dfaf54590ee..2a25ff2a2b8 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/Containers/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/Containers/Angular/app/app.component.ts
index 011669fa0af..bebc38db766 100644
--- a/JSDemos/Demos/Diagram/Containers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/Containers/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
index 594e3875320..18902048886 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
index 9e4fbadd2cc..7358b176529 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
index 51f4c03cbf3..a613e202a0a 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
index 22f9c1b0f59..0bebc1149bb 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
index cb8d3d260ac..f8a64cd4010 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
index 3699b073ba0..5a6004efee3 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/ItemSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Pipe, PipeTransform, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
index 87eda22aca7..f646dbf55a5 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
index 62e4dbfef0b..17375a14d4e 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
index 8ea4ed2ff38..7a2b78b2fc5 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
index a626adc71bc..2429c107d89 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/Overview/Angular/app/app.component.ts
index bc395288a50..02e85e2f407 100644
--- a/JSDemos/Demos/Diagram/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
index 011669fa0af..bebc38db766 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/ReadOnly/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/SimpleView/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
index 8ea4ed2ff38..7a2b78b2fc5 100644
--- a/JSDemos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/SimpleView/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/UICustomization/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
index 901c1592e9d..0064e965639 100644
--- a/JSDemos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/UICustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts b/JSDemos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
index 083bc16f38f..ceec6618a27 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Diagram/WebAPIService/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts b/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts
index 3087f51c9c9..1d5766e4e19 100644
--- a/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts b/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts
index d9530309481..89b7a1ca33d 100644
--- a/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts b/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
index b809aa3703e..303afc17126 100644
--- a/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts b/JSDemos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
index 1d65de3517b..38f09afc6db 100644
--- a/JSDemos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DropDownBox/SingleSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode, ChangeDetectionStrategy, ChangeDetectorRef,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/DropDownButton/Overview/Angular/app/app.component.ts b/JSDemos/Demos/DropDownButton/Overview/Angular/app/app.component.ts
index cb705f5aa31..c96114dba9e 100644
--- a/JSDemos/Demos/DropDownButton/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/DropDownButton/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import notify from 'devextreme/ui/notify';
diff --git a/JSDemos/Demos/FieldSet/Overview/Angular/app/app.component.ts b/JSDemos/Demos/FieldSet/Overview/Angular/app/app.component.ts
index b4a3ac97cc2..aa89e76d5c8 100644
--- a/JSDemos/Demos/FieldSet/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FieldSet/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileManager/AzureClientBinding/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/AzureClientBinding/Angular/app/app.component.ts
index 2b20ade5042..69fafb5c9d8 100644
--- a/JSDemos/Demos/FileManager/AzureClientBinding/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/AzureClientBinding/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/FileManager/AzureServerBinding/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/AzureServerBinding/Angular/app/app.component.ts
index a024eb81669..b2460c6b62f 100644
--- a/JSDemos/Demos/FileManager/AzureServerBinding/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/AzureServerBinding/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts
index 12249a2dea6..34f4f6190c8 100644
--- a/JSDemos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/BindingToEF/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts
index 5827f0874c0..73d02ae03b4 100644
--- a/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts
index 6decb21d627..afe14d3b982 100644
--- a/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts
index 67480749650..abf73300df2 100644
--- a/JSDemos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/CustomThumbnails/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileManager/Overview/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/Overview/Angular/app/app.component.ts
index 93bf7520db9..6ad9c817ff3 100644
--- a/JSDemos/Demos/FileManager/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileManager/UICustomization/Angular/app/app.component.ts b/JSDemos/Demos/FileManager/UICustomization/Angular/app/app.component.ts
index 6e84aed62e0..4a38545a625 100644
--- a/JSDemos/Demos/FileManager/UICustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileManager/UICustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/app/app.component.ts b/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/app/app.component.ts
index 945b9fdd76f..6131733328a 100644
--- a/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/FileUploader/ChunkUploading/Angular/app/app.component.ts b/JSDemos/Demos/FileUploader/ChunkUploading/Angular/app/app.component.ts
index abb1c5fffab..dfb04dde7a8 100644
--- a/JSDemos/Demos/FileUploader/ChunkUploading/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileUploader/ChunkUploading/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts b/JSDemos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
index 69bf444beeb..23a3ac7f924 100644
--- a/JSDemos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileUploader/CustomDropzone/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts b/JSDemos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
index 05402f01d2a..fe0b1cfa23e 100644
--- a/JSDemos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileUploader/FileSelection/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { NgForm } from '@angular/forms';
diff --git a/JSDemos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts b/JSDemos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
index 25fd1891716..26b82632891 100644
--- a/JSDemos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileUploader/FileUploading/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FileUploader/Validation/Angular/app/app.component.ts b/JSDemos/Demos/FileUploader/Validation/Angular/app/app.component.ts
index d19f3e5cd6a..ce37f1be408 100644
--- a/JSDemos/Demos/FileUploader/Validation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FileUploader/Validation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts b/JSDemos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
index bea20443742..9ce86a0c06d 100644
--- a/JSDemos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FilterBuilder/Customization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts b/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
index 017e82c4876..ea4dc63ed90 100644
--- a/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts b/JSDemos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
index 0a5187a1a9b..2cfc7bff94d 100644
--- a/JSDemos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FilterBuilder/WithList/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts b/JSDemos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts
index 407890ed6cd..561b9738d26 100644
--- a/JSDemos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/FloatingActionButton/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Form/ColumnsAdaptability/Angular/app/app.component.ts b/JSDemos/Demos/Form/ColumnsAdaptability/Angular/app/app.component.ts
index af076a730bb..5e49312c994 100644
--- a/JSDemos/Demos/Form/ColumnsAdaptability/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Form/ColumnsAdaptability/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxFormModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Form/CustomizeItem/Angular/app/app.component.ts b/JSDemos/Demos/Form/CustomizeItem/Angular/app/app.component.ts
index 78f2166c074..459db3fd7e9 100644
--- a/JSDemos/Demos/Form/CustomizeItem/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Form/CustomizeItem/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode, AfterViewInit,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Form/GroupedFields/Angular/app/app.component.ts b/JSDemos/Demos/Form/GroupedFields/Angular/app/app.component.ts
index c6a97696bcf..6fcdcc154e0 100644
--- a/JSDemos/Demos/Form/GroupedFields/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Form/GroupedFields/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxFormModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Form/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Form/Overview/Angular/app/app.component.ts
index 2fc9273caad..1ad03a7b8d1 100644
--- a/JSDemos/Demos/Form/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Form/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts b/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
index 8f91ee1a075..3836e923855 100644
--- a/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, AfterViewInit,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Form/Validation/Angular/app/app.component.ts b/JSDemos/Demos/Form/Validation/Angular/app/app.component.ts
index 8d16c598fc2..df7a469abc8 100644
--- a/JSDemos/Demos/Form/Validation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Form/Validation/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts b/JSDemos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts
index 42963aa37aa..c8b305ddbea 100644
--- a/JSDemos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gallery/ItemTemplate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTemplateModule, DxGalleryModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gallery/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Gallery/Overview/Angular/app/app.component.ts
index 74c1c5518ea..34dd65a5542 100644
--- a/JSDemos/Demos/Gallery/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gallery/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCheckBoxModule, DxGalleryModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts
index cda1f9a2758..5a3658f7a02 100644
--- a/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts
@@ -1,5 +1,6 @@
 import { ViewEncapsulation } from '@angular/compiler/src/core';
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
index af125106c19..5c21f37ae7e 100644
--- a/JSDemos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/ContextMenu/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxGanttModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gantt/DataBinding/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
index 5c950e75968..68674e86665 100644
--- a/JSDemos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/DataBinding/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
index db189e1433e..a47e0d4d529 100644
--- a/JSDemos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/ExportToPDF/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild, QueryList, ViewChildren, ChangeDetectorRef,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/FilterRow/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
index 5c950e75968..68674e86665 100644
--- a/JSDemos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/FilterRow/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
index 5c950e75968..68674e86665 100644
--- a/JSDemos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/HeaderFilter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/Overview/Angular/app/app.component.ts
index 5c950e75968..68674e86665 100644
--- a/JSDemos/Demos/Gantt/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/Sorting/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/Sorting/Angular/app/app.component.ts
index d62d2f835cd..cfcccf7d561 100644
--- a/JSDemos/Demos/Gantt/Sorting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/Sorting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/StripLines/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/StripLines/Angular/app/app.component.ts
index 38b9340fda3..914ab7305f2 100644
--- a/JSDemos/Demos/Gantt/StripLines/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/StripLines/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
index ecb89ebf9cf..c85d8924515 100644
--- a/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
@@ -1,5 +1,6 @@
 import { ViewEncapsulation } from '@angular/compiler/src/core';
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxGanttModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gantt/Toolbar/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
index c880bf83ea4..d8ea764d39b 100644
--- a/JSDemos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/Toolbar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gantt/Validation/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/Validation/Angular/app/app.component.ts
index 888a5985941..c60fcc0ff68 100644
--- a/JSDemos/Demos/Gantt/Validation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/Validation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
index 25ea9d4b4d1..9f689747504 100644
--- a/JSDemos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/AnglesCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/app/app.component.ts
index f30f42965a1..a3e19cca7f6 100644
--- a/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule, DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
index 25ea9d4b4d1..9f689747504 100644
--- a/JSDemos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/CustomLayout/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
index 05bcf54ed15..84ae971e6d0 100644
--- a/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
index 25ea9d4b4d1..9f689747504 100644
--- a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
index 7b956014d33..98b06051005 100644
--- a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
index ab43f692532..efe384bca53 100644
--- a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
index a56a3e2daf9..4304ece5b9e 100644
--- a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
index 25ea9d4b4d1..9f689747504 100644
--- a/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
index 63b009f1e50..6a7ee5d8ce8 100644
--- a/JSDemos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/GaugeTooltip/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
index d24f70a2793..f07470e7445 100644
--- a/JSDemos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/LabelsCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/Overview/Angular/app/app.component.ts
index 91089ed1a07..bb90188401c 100644
--- a/JSDemos/Demos/Gauges/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule, DxLinearGaugeModule, DxSliderModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/Palette/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/Palette/Angular/app/app.component.ts
index 15a59e9b388..8ddd2ff9fa0 100644
--- a/JSDemos/Demos/Gauges/Palette/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/Palette/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
index 25ea9d4b4d1..9f689747504 100644
--- a/JSDemos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/PaletteForRanges/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
index 05bcf54ed15..84ae971e6d0 100644
--- a/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
index 05bcf54ed15..84ae971e6d0 100644
--- a/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
index ab43f692532..efe384bca53 100644
--- a/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
index 25ea9d4b4d1..9f689747504 100644
--- a/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
index 4996b597d7a..36fae5603a2 100644
--- a/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/Tooltip/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
index 003a47c461e..2c460409611 100644
--- a/JSDemos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/Tooltip/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.component.ts
index a1bd3bb5033..895ba0c2a29 100644
--- a/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.service.ts b/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.service.ts
index f846de60203..47e41009429 100644
--- a/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class Color {
   name: string;
diff --git a/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.component.ts
index b0c5e292a00..1f1c4f0e25d 100644
--- a/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.service.ts b/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.service.ts
index 298c3e0c94b..f3f9b31ae4f 100644
--- a/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class Data {
   name: string;
diff --git a/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts
index 3e89e2d2c49..f84180172d8 100644
--- a/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.service.ts b/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.service.ts
index 770420e2c8a..fbd376c0c50 100644
--- a/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class City {
   name: string;
diff --git a/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
index e6c568efae1..2099fb70cd7 100644
--- a/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCircularGaugeModule, DxNumberBoxModule, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
index f6cbb9163cc..801958dc2bb 100644
--- a/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.service.ts b/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.service.ts
index c31b52ed368..562f374919c 100644
--- a/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.service.ts
+++ b/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/app/app.service.ts
@@ -1,6 +1,4 @@
-import {
-  Injectable,
-} from '@angular/core';
+import { Injectable } from '@angular/core';
 
 export class Product {
   name: string;
diff --git a/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/app/app.component.ts b/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/app/app.component.ts
index eb7435b6a26..65165e557d4 100644
--- a/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLinearGaugeModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts b/JSDemos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
index 8175a85c632..2105495c9de 100644
--- a/JSDemos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
+++ b/JSDemos/Demos/HtmlEditor/Mentions/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxHtmlEditorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/app/app.component.ts b/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/app/app.component.ts
index ce5a7c8a802..7b7abad65db 100644
--- a/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/app/app.component.ts
+++ b/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, ViewChild, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts b/JSDemos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
index f8b7f7b1e92..62ac0f3e6c7 100644
--- a/JSDemos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/HtmlEditor/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxHtmlEditorModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts b/JSDemos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
index 9a5f41c4413..5d53c08731e 100644
--- a/JSDemos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
+++ b/JSDemos/Demos/HtmlEditor/Tables/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxHtmlEditorModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts b/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
index 2f76826b1c9..773209a6bf0 100644
--- a/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, ViewChild, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/List/GroupedList/Angular/app/app.component.ts b/JSDemos/Demos/List/GroupedList/Angular/app/app.component.ts
index 926a26aa8f0..6a2c5f75831 100644
--- a/JSDemos/Demos/List/GroupedList/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/GroupedList/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxListModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/List/ItemDragging/Angular/app/app.component.ts b/JSDemos/Demos/List/ItemDragging/Angular/app/app.component.ts
index 9291261a4ed..1df38bfd43c 100644
--- a/JSDemos/Demos/List/ItemDragging/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/ItemDragging/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxListModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/List/ItemTemplate/Angular/app/app.component.ts b/JSDemos/Demos/List/ItemTemplate/Angular/app/app.component.ts
index 44c22854bc9..4453a19dbc9 100644
--- a/JSDemos/Demos/List/ItemTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/ItemTemplate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxListModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/List/ListEditingAndAPI/Angular/app/app.component.ts b/JSDemos/Demos/List/ListEditingAndAPI/Angular/app/app.component.ts
index 88b126a3960..362607f66b0 100644
--- a/JSDemos/Demos/List/ListEditingAndAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/ListEditingAndAPI/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSelectBoxModule, DxCheckBoxModule, DxListModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/List/ListSelection/Angular/app/app.component.ts b/JSDemos/Demos/List/ListSelection/Angular/app/app.component.ts
index c8bb931b09a..ce67e9d07c9 100644
--- a/JSDemos/Demos/List/ListSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/ListSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSelectBoxModule, DxListModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/List/ListWithSearchBar/Angular/app/app.component.ts b/JSDemos/Demos/List/ListWithSearchBar/Angular/app/app.component.ts
index 2e14fcfd06c..effdcc9d2e0 100644
--- a/JSDemos/Demos/List/ListWithSearchBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/ListWithSearchBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSelectBoxModule, DxListModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/List/WebAPI/Angular/app/app.component.ts b/JSDemos/Demos/List/WebAPI/Angular/app/app.component.ts
index 3506f78181b..fe316c359e3 100644
--- a/JSDemos/Demos/List/WebAPI/Angular/app/app.component.ts
+++ b/JSDemos/Demos/List/WebAPI/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts b/JSDemos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts
index 960099efa07..a86ea0d5039 100644
--- a/JSDemos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/LoadIndicator/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxButtonModule, DxLoadIndicatorModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/LoadPanel/Overview/Angular/app/app.component.ts b/JSDemos/Demos/LoadPanel/Overview/Angular/app/app.component.ts
index ee9f11d84ca..eadf3811f2f 100644
--- a/JSDemos/Demos/LoadPanel/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/LoadPanel/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxButtonModule, DxLoadPanelModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts b/JSDemos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts
index ae041a88d9b..5c8a3ba3c3b 100644
--- a/JSDemos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Localization/UsingGlobalize/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSelectBoxModule, DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Localization/UsingIntl/Angular/app/app.component.ts b/JSDemos/Demos/Localization/UsingIntl/Angular/app/app.component.ts
index cb508f8976c..b7ab4f3f6e1 100644
--- a/JSDemos/Demos/Localization/UsingIntl/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Localization/UsingIntl/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSelectBoxModule, DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Lookup/Basics/Angular/app/app.component.ts b/JSDemos/Demos/Lookup/Basics/Angular/app/app.component.ts
index 66ceb45b65e..e3adda5f896 100644
--- a/JSDemos/Demos/Lookup/Basics/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Lookup/Basics/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLookupModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Lookup/EventHandling/Angular/app/app.component.ts b/JSDemos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
index 426fdad563a..696460c7c05 100644
--- a/JSDemos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Lookup/EventHandling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLookupModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Lookup/Templates/Angular/app/app.component.ts b/JSDemos/Demos/Lookup/Templates/Angular/app/app.component.ts
index dfa03231259..e5e34667025 100644
--- a/JSDemos/Demos/Lookup/Templates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Lookup/Templates/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxLookupModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Map/Markers/Angular/app/app.component.ts b/JSDemos/Demos/Map/Markers/Angular/app/app.component.ts
index 06c69b7e110..73655f81b59 100644
--- a/JSDemos/Demos/Map/Markers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Map/Markers/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxMapModule, DxCheckBoxModule, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts b/JSDemos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts
index bec2c103113..d3c73ce97b1 100644
--- a/JSDemos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Map/ProvidersAndTypes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxMapModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Map/Routes/Angular/app/app.component.ts b/JSDemos/Demos/Map/Routes/Angular/app/app.component.ts
index e5d94693ff8..2634b26bfaa 100644
--- a/JSDemos/Demos/Map/Routes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Map/Routes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxMapModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Menu/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Menu/Overview/Angular/app/app.component.ts
index 4e03f85c4cf..0f686ca02b5 100644
--- a/JSDemos/Demos/Menu/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Menu/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/MultiView/Overview/Angular/app/app.component.ts b/JSDemos/Demos/MultiView/Overview/Angular/app/app.component.ts
index c1aa8a90242..dd945688083 100644
--- a/JSDemos/Demos/MultiView/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/MultiView/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/NumberBox/Formatting/Angular/app/app.component.ts b/JSDemos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
index 8f7a078e020..9758fa182e5 100644
--- a/JSDemos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/NumberBox/Formatting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxNumberBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/NumberBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/NumberBox/Overview/Angular/app/app.component.ts
index d80955da309..b84af48e290 100644
--- a/JSDemos/Demos/NumberBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/NumberBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxNumberBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
index 3e31a76b798..3f8b0b4ae67 100644
--- a/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, AfterViewInit, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { CurrencyPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
index 63528216266..f08a7ce9a8c 100644
--- a/JSDemos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/DrillDown/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
index 104542bbd0f..2137c7ca488 100644
--- a/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
index 0152acf58e0..39b88a9c0fb 100644
--- a/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
index 511ed8e3316..4eba2bee438 100644
--- a/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
index a7413f8a3dd..463aa442cda 100644
--- a/JSDemos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/FieldPanel/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/app/app.component.ts
index cb7206a4f8d..3cd21d3371e 100644
--- a/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
index 021a741edf2..d3e4236ddeb 100644
--- a/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/app/app.component.ts
index cc0d98c0029..621638e7efb 100644
--- a/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule, DxCheckBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
index d98c11e5d5e..8534b148fab 100644
--- a/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/Overview/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
index 81b1f82b9cb..c507cb64764 100644
--- a/JSDemos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, AfterViewInit, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
index 3a35ca22d5c..e250c077f36 100644
--- a/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
index 8b6dd30817e..64b8789c786 100644
--- a/JSDemos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/RunningTotals/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
index 72cdb1e4cf7..66a96e8f3a1 100644
--- a/JSDemos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/SimpleArray/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
index 112a54109cc..4ed390bed17 100644
--- a/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
index 8761163787a..282227a1217 100644
--- a/JSDemos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/StatePersistence/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
index e09dd8bc761..8d7313d6792 100644
--- a/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
index a42906b108e..16543f23a64 100644
--- a/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPivotGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts b/JSDemos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
index 0cfc6de1111..ef292c933e3 100644
--- a/JSDemos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/PivotGrid/WebAPIService/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ChangeDetectionStrategy,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Popover/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Popover/Overview/Angular/app/app.component.ts
index c3a2ed387b0..81d8ff17c16 100644
--- a/JSDemos/Demos/Popover/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Popover/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxPopoverModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Popup/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Popup/Overview/Angular/app/app.component.ts
index ff35c48e357..46f85e81886 100644
--- a/JSDemos/Demos/Popup/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Popup/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Popup/Scrolling/Angular/app/app.component.ts b/JSDemos/Demos/Popup/Scrolling/Angular/app/app.component.ts
index f1c26ddd44b..9613adaaf81 100644
--- a/JSDemos/Demos/Popup/Scrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Popup/Scrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/ProgressBar/Overview/Angular/app/app.component.ts b/JSDemos/Demos/ProgressBar/Overview/Angular/app/app.component.ts
index 63c44ed42c5..1968d0a8032 100644
--- a/JSDemos/Demos/ProgressBar/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ProgressBar/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Pipe, PipeTransform, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxButtonModule, DxProgressBarModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RadioGroup/Overview/Angular/app/app.component.ts b/JSDemos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
index eb01b5aa565..bb09c39ec9b 100644
--- a/JSDemos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RadioGroup/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRadioGroupModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/app/app.component.ts
index af6b80f2107..c3a8a345cc3 100644
--- a/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/app/app.component.ts
index c87bbf228ea..94e099e96e9 100644
--- a/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
index 1b30883981f..4ab75ca10e5 100644
--- a/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/app/app.component.ts
index 538021e64e2..dcee0f7ca55 100644
--- a/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
index de30ad7b76d..1f25a2ba746 100644
--- a/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
index 13b39b96230..ee3e7088825 100644
--- a/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
index 00611916c11..0089138dbc8 100644
--- a/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.ts
index 35fdb43b4e2..8eda2218b93 100644
--- a/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
index 20da2b3c9b8..7dc0aa0cade 100644
--- a/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule, DxChartModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
index ebec53f145e..0d3e7c8f93c 100644
--- a/JSDemos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/NumericScale/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
index 21ed746669a..3777c60249e 100644
--- a/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/app/app.component.ts
index f49f3bd25ce..9c27b82fa4a 100644
--- a/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { DatePipe } from '@angular/common';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/app/app.component.ts b/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/app/app.component.ts
index 3cf0b87dd2e..76d80ad6d40 100644
--- a/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSelectorModule, DxDataGridModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/RangeSlider/Overview/Angular/app/app.component.ts b/JSDemos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
index 6b61988c73d..77aa2ddaa31 100644
--- a/JSDemos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/RangeSlider/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxRangeSliderModule, DxNumberBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Resizable/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Resizable/Overview/Angular/app/app.component.ts
index b2d39112672..9fc71b29ee7 100644
--- a/JSDemos/Demos/Resizable/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Resizable/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewEncapsulation,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts
index 3bb2a193d4f..36acb12add1 100644
--- a/JSDemos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ResponsiveBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxResponsiveBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
index 3d9665f9849..fc7f14c6104 100644
--- a/JSDemos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/Adaptability/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/Agenda/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
index f22168d969f..f99f37c9f27 100644
--- a/JSDemos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/Agenda/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
index ae4d3d58078..9f9b68cc47e 100644
--- a/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
index 827b45a6075..6bc489c88b8 100644
--- a/JSDemos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/BasicViews/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
index f53394b13e9..c034bfe1fcb 100644
--- a/JSDemos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/CellTemplates/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, Pipe, PipeTransform,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSchedulerModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/app/app.component.ts
index 2672d92651d..1361f94529a 100644
--- a/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild, ViewChildren, QueryList,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
index 8c5ba50b582..865f951f662 100644
--- a/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, ViewChild, Component, enableProdMode, Pipe, PipeTransform,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/app/app.component.ts
index 6775c369f76..45b5d06299c 100644
--- a/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/CustomTemplates/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/CustomTemplates/Angular/app/app.component.ts
index ca7d1c10c03..84f80ec07ad 100644
--- a/JSDemos/Demos/Scheduler/CustomTemplates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/CustomTemplates/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode, Pipe, PipeTransform,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSchedulerModule, DxSchedulerComponent, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/app/app.component.ts
index 9375bee77c5..6f53012896d 100644
--- a/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSchedulerModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/Editing/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/Editing/Angular/app/app.component.ts
index b50042cbd33..9ef92c68be4 100644
--- a/JSDemos/Demos/Scheduler/Editing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/Editing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
index 4ccef5a5b79..fe08bb83978 100644
--- a/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Inject, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
index c79e0089223..38ceaadcc81 100644
--- a/JSDemos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/GroupByDate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/GroupOrientation/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/GroupOrientation/Angular/app/app.component.ts
index c9fa3c75272..53d85cda858 100644
--- a/JSDemos/Demos/Scheduler/GroupOrientation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/GroupOrientation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.ts
index fd372d3308d..390549069f4 100644
--- a/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/app/app.component.ts
index 9cd54bfc28f..0bb9c559938 100644
--- a/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, ViewChild, Component, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/Overview/Angular/app/app.component.ts
index 7fa5b0e7717..fe0d70318db 100644
--- a/JSDemos/Demos/Scheduler/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, Pipe, PipeTransform,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSchedulerModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
index b1664f91a8e..44294f0fc89 100644
--- a/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/Resources/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/Resources/Angular/app/app.component.ts
index 094f4584b5a..fad29bb6b7d 100644
--- a/JSDemos/Demos/Scheduler/Resources/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/Resources/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSchedulerModule, DxRadioGroupModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
index bd10175858f..d4d1429dbfc 100644
--- a/JSDemos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/SignalRService/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HubConnectionBuilder, HttpTransportType } from '@aspnet/signalr';
diff --git a/JSDemos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
index f70342497ea..f0e1d422a7a 100644
--- a/JSDemos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/SimpleArray/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts
index 1f60e626643..3dc76a85a99 100644
--- a/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSchedulerModule, DxSelectBoxModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Scheduler/Timelines/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/Timelines/Angular/app/app.component.ts
index 52397bb055a..895353bf973 100644
--- a/JSDemos/Demos/Scheduler/Timelines/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/Timelines/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts
index 5e8279f7fec..b1bfa186566 100644
--- a/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts b/JSDemos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
index 9d224272b44..a1957daa298 100644
--- a/JSDemos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Scheduler/WebAPIService/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/ScrollView/Overview/Angular/app/app.component.ts b/JSDemos/Demos/ScrollView/Overview/Angular/app/app.component.ts
index 1440d11805b..7e478f4e44b 100644
--- a/JSDemos/Demos/ScrollView/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/ScrollView/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, AfterViewInit, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts b/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts
index 362e1b05af4..c2603fd6e56 100644
--- a/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts
+++ b/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/SelectBox/GroupedItems/Angular/app/app.component.ts b/JSDemos/Demos/SelectBox/GroupedItems/Angular/app/app.component.ts
index 96bafe14120..d0002fb6b3b 100644
--- a/JSDemos/Demos/SelectBox/GroupedItems/Angular/app/app.component.ts
+++ b/JSDemos/Demos/SelectBox/GroupedItems/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import DataSource from 'devextreme/data/data_source';
diff --git a/JSDemos/Demos/SelectBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/SelectBox/Overview/Angular/app/app.component.ts
index 6861fe5bc0f..2267db2aabb 100644
--- a/JSDemos/Demos/SelectBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/SelectBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import notify from 'devextreme/ui/notify';
diff --git a/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts b/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
index 2ca438c5567..bb341e00079 100644
--- a/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Slider/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Slider/Overview/Angular/app/app.component.ts
index ba15b9fb20d..9ec3d26c850 100644
--- a/JSDemos/Demos/Slider/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Slider/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Sortable/Customization/Angular/app/app.component.ts b/JSDemos/Demos/Sortable/Customization/Angular/app/app.component.ts
index 54749a033d3..2e073df3ed3 100644
--- a/JSDemos/Demos/Sortable/Customization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Sortable/Customization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Sortable/Kanban/Angular/app/app.component.ts b/JSDemos/Demos/Sortable/Kanban/Angular/app/app.component.ts
index 2edd3100a4b..3dba998d4ae 100644
--- a/JSDemos/Demos/Sortable/Kanban/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Sortable/Kanban/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, AfterViewInit, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Switch/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Switch/Overview/Angular/app/app.component.ts
index 3f5e07572ea..e4cbf7e1014 100644
--- a/JSDemos/Demos/Switch/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Switch/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxSwitchModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TabPanel/Overview/Angular/app/app.component.ts b/JSDemos/Demos/TabPanel/Overview/Angular/app/app.component.ts
index b66fe0d83d3..317205d5b7e 100644
--- a/JSDemos/Demos/TabPanel/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TabPanel/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/app/app.component.ts b/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/app/app.component.ts
index 8122810c707..59cf3c9dd8d 100644
--- a/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TabPanel/Templates/Angular/app/app.component.ts b/JSDemos/Demos/TabPanel/Templates/Angular/app/app.component.ts
index 35f1c4a9168..6521e0bc75c 100644
--- a/JSDemos/Demos/TabPanel/Templates/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TabPanel/Templates/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.ts
index 5e29e483ee0..6eb78a4f568 100644
--- a/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Tabs/Selection/Angular/app/app.component.ts b/JSDemos/Demos/Tabs/Selection/Angular/app/app.component.ts
index 4903ef36fde..95ca48f6568 100644
--- a/JSDemos/Demos/Tabs/Selection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Tabs/Selection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TagBox/GroupedItems/Angular/app/app.component.ts b/JSDemos/Demos/TagBox/GroupedItems/Angular/app/app.component.ts
index aba92aeb2d7..e4987b106d1 100644
--- a/JSDemos/Demos/TagBox/GroupedItems/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TagBox/GroupedItems/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import DataSource from 'devextreme/data/data_source';
diff --git a/JSDemos/Demos/TagBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/TagBox/Overview/Angular/app/app.component.ts
index 1c740bd350e..c1cbc8b9638 100644
--- a/JSDemos/Demos/TagBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TagBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTagBoxModule, DxPopoverModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts b/JSDemos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts
index 613ef331aa4..1c1de494620 100644
--- a/JSDemos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TagBox/TagCountLimitation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTagBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TextArea/Overview/Angular/app/app.component.ts b/JSDemos/Demos/TextArea/Overview/Angular/app/app.component.ts
index 934d0509850..b6b1cd645d6 100644
--- a/JSDemos/Demos/TextArea/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TextArea/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component, NgModule, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTextAreaModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TextBox/Overview/Angular/app/app.component.ts b/JSDemos/Demos/TextBox/Overview/Angular/app/app.component.ts
index 06e8fec265c..a22ee01acd3 100644
--- a/JSDemos/Demos/TextBox/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TextBox/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTextBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TileView/Basics/Angular/app/app.component.ts b/JSDemos/Demos/TileView/Basics/Angular/app/app.component.ts
index 27b5f7abc2a..657470505ad 100644
--- a/JSDemos/Demos/TileView/Basics/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TileView/Basics/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TileView/Directions/Angular/app/app.component.ts b/JSDemos/Demos/TileView/Directions/Angular/app/app.component.ts
index 8275fdd11e7..d45f583900b 100644
--- a/JSDemos/Demos/TileView/Directions/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TileView/Directions/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TileView/ItemTemplate/Angular/app/app.component.ts b/JSDemos/Demos/TileView/ItemTemplate/Angular/app/app.component.ts
index 6af14e001c9..3871678ce9d 100644
--- a/JSDemos/Demos/TileView/ItemTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TileView/ItemTemplate/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Toast/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Toast/Overview/Angular/app/app.component.ts
index 90da5f2f598..c05e87c0d12 100644
--- a/JSDemos/Demos/Toast/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Toast/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxCheckBoxModule, DxToastModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Toast/Stack/Angular/app/app.component.ts b/JSDemos/Demos/Toast/Stack/Angular/app/app.component.ts
index 482eb12b042..0ce92ef7b25 100644
--- a/JSDemos/Demos/Toast/Stack/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Toast/Stack/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewEncapsulation,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts b/JSDemos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts
index 68cd726fab9..d07262c0038 100644
--- a/JSDemos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Toolbar/Adaptability/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Toolbar/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Toolbar/Overview/Angular/app/app.component.ts
index 2b90f8bf604..dff069c2e36 100644
--- a/JSDemos/Demos/Toolbar/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Toolbar/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/Tooltip/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Tooltip/Overview/Angular/app/app.component.ts
index a20ed031443..a9e71975dd0 100644
--- a/JSDemos/Demos/Tooltip/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Tooltip/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTooltipModule, DxTemplateModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TreeList/Adaptability/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/Adaptability/Angular/app/app.component.ts
index d8a1267dbc4..f153fc00f4d 100644
--- a/JSDemos/Demos/TreeList/Adaptability/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/Adaptability/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts
index 812c895d607..c75b7207216 100644
--- a/JSDemos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/BatchEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/CellEditing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/CellEditing/Angular/app/app.component.ts
index 812c895d607..c75b7207216 100644
--- a/JSDemos/Demos/TreeList/CellEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/CellEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts
index 2a3d115d8da..35da4b0d6af 100644
--- a/JSDemos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/ColumnChooser/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/ColumnFixing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/ColumnFixing/Angular/app/app.component.ts
index d8a1267dbc4..f153fc00f4d 100644
--- a/JSDemos/Demos/TreeList/ColumnFixing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/ColumnFixing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts
index 71ed9be76d4..8d6aa5bf393 100644
--- a/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts
index 6162b30ab1d..23551a774f6 100644
--- a/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/TreeList/FilterModes/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/FilterModes/Angular/app/app.component.ts
index afa181ec650..ddb68feb7d6 100644
--- a/JSDemos/Demos/TreeList/FilterModes/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/FilterModes/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts
index f610e6e0daf..b6e1ef1405e 100644
--- a/JSDemos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/FilterPanel/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeListModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts
index c6a7b6215b9..a6df573a886 100644
--- a/JSDemos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/FocusedRow/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeListModule, DxNumberBoxModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TreeList/FormEditing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/FormEditing/Angular/app/app.component.ts
index 7ee270845cc..d09f5af22a3 100644
--- a/JSDemos/Demos/TreeList/FormEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/FormEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts
index 4d66e49be4a..64832852600 100644
--- a/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeListModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts
index 8ce696c0870..557ada1dd5e 100644
--- a/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule, HttpParams } from '@angular/common/http';
diff --git a/JSDemos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts
index 7d86eef12bc..8141734ba1f 100644
--- a/JSDemos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/LocalReordering/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts
index 89795daf815..e9dc3328273 100644
--- a/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts
index 13dcbfc7bcd..b551378165d 100644
--- a/JSDemos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/MultipleSorting/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/Overview/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/Overview/Angular/app/app.component.ts
index 3d9ef4bf7e4..a507b4ccb3f 100644
--- a/JSDemos/Demos/TreeList/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/Paging/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/Paging/Angular/app/app.component.ts
index 7df30f15739..fd6d763ac13 100644
--- a/JSDemos/Demos/TreeList/Paging/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/Paging/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts
index 7ee270845cc..d09f5af22a3 100644
--- a/JSDemos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/PopupEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/Reordering/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/Reordering/Angular/app/app.component.ts
index d8a1267dbc4..f153fc00f4d 100644
--- a/JSDemos/Demos/TreeList/Reordering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/Reordering/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/Resizing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/Resizing/Angular/app/app.component.ts
index 043502a5d3f..fb02ed8b939 100644
--- a/JSDemos/Demos/TreeList/Resizing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/Resizing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/RowEditing/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/RowEditing/Angular/app/app.component.ts
index c3ba8b56827..0c5409877f1 100644
--- a/JSDemos/Demos/TreeList/RowEditing/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/RowEditing/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts
index d8a1267dbc4..f153fc00f4d 100644
--- a/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts
index d8a1267dbc4..f153fc00f4d 100644
--- a/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts
index eec8dfc37ea..dc254a02760 100644
--- a/JSDemos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/SingleRowSelection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts
index 523c523733a..3b3e405bc47 100644
--- a/JSDemos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/StatePersistence/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeListModule, DxTreeListComponent } from 'devextreme-angular';
diff --git a/JSDemos/Demos/TreeList/UsingFilterRow/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/UsingFilterRow/Angular/app/app.component.ts
index 9ce77391754..c2842a5ec0a 100644
--- a/JSDemos/Demos/TreeList/UsingFilterRow/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/UsingFilterRow/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/app/app.component.ts
index 13dcbfc7bcd..b551378165d 100644
--- a/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts b/JSDemos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
index 242889330f0..27d651de08e 100644
--- a/JSDemos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeList/WebAPIService/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/app/app.component.ts
index ce808ef0486..a76dbf3cf5b 100644
--- a/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/app/app.component.ts
index de6180aa902..9b8dfae382a 100644
--- a/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/app/app.component.ts
index d8810ec2578..62872778a97 100644
--- a/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.ts
index a0df574d8bc..913980b9b39 100644
--- a/JSDemos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/FlatDataStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.ts
index a0df574d8bc..913980b9b39 100644
--- a/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/app/app.component.ts
index 39c73f8ac87..14051319111 100644
--- a/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, Pipe, PipeTransform, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/app/app.component.ts
index 7e746324694..e57ee2ecae3 100644
--- a/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { HttpClient, HttpClientModule } from '@angular/common/http';
diff --git a/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.ts
index 247815540c9..42fd4f410d7 100644
--- a/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
diff --git a/JSDemos/Demos/TreeView/VirtualMode/Angular/app/app.component.ts b/JSDemos/Demos/TreeView/VirtualMode/Angular/app/app.component.ts
index 77fd0a8f6e1..a32a9c49f7f 100644
--- a/JSDemos/Demos/TreeView/VirtualMode/Angular/app/app.component.ts
+++ b/JSDemos/Demos/TreeView/VirtualMode/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxTreeViewModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/Validation/Overview/Angular/app/app.component.ts b/JSDemos/Demos/Validation/Overview/Angular/app/app.component.ts
index 6b4b0d60433..7ee9d292857 100644
--- a/JSDemos/Demos/Validation/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Validation/Overview/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   Component, NgModule, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/app/app.component.ts
index 121e1112a92..c3b6f189642 100644
--- a/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts
index 45e70d10b98..70abf53a0a3 100644
--- a/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts
index e3493a1010c..10768e2efdf 100644
--- a/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts
index 8b5559bff0e..70feb1e3eab 100644
--- a/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts
index fcbd83b9b84..3f8859ad901 100644
--- a/JSDemos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/CustomMapData/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts
index 9b4cb15f3f8..bd521de78fd 100644
--- a/JSDemos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/CustomProjection/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts
index 7fe6faa09ae..4353f3f8cda 100644
--- a/JSDemos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/DynamicViewport/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, enableProdMode, ViewChild,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import {
diff --git a/JSDemos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts
index 19d61bd5187..8cbfe256a39 100644
--- a/JSDemos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/FloorPlan/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts
index 0679480ab80..d42e59897fa 100644
--- a/JSDemos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/ImageMarkers/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts
index aa3215e89c8..0b73f182a15 100644
--- a/JSDemos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/MultipleLayers/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/Overview/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/Overview/Angular/app/app.component.ts
index 020ff6565ea..15cf8c58d15 100644
--- a/JSDemos/Demos/VectorMap/Overview/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/Overview/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { DecimalPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/VectorMap/Palette/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/Palette/Angular/app/app.component.ts
index a24a4b4c921..ac195bb5392 100644
--- a/JSDemos/Demos/VectorMap/Palette/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/Palette/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts
index e94ce96e61b..4d81d6d8961 100644
--- a/JSDemos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/PieMarkers/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapModule } from 'devextreme-angular';
diff --git a/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/app/app.component.ts
index 020ff6565ea..15cf8c58d15 100644
--- a/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/app/app.component.ts
@@ -1,4 +1,5 @@
 import { NgModule, Component, enableProdMode } from '@angular/core';
+import "@angular/compiler";
 import { DecimalPipe } from '@angular/common';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts b/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts
index c2f653d30db..69458166443 100644
--- a/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts
+++ b/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import {
   NgModule, Component, ViewChild, enableProdMode,
 } from '@angular/core';
+import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxVectorMapComponent, DxVectorMapModule, DxButtonModule } from 'devextreme-angular';
diff --git a/JSDemos/configs/Angular/config.bundle.js b/JSDemos/configs/Angular/config.bundle.js
index e9c8c6594a9..0534046a3c0 100644
--- a/JSDemos/configs/Angular/config.bundle.js
+++ b/JSDemos/configs/Angular/config.bundle.js
@@ -31,6 +31,8 @@ const bundleConfig = {
     'devextreme.angular.systemjs.js': '../../../../../bundles/devextreme.angular.systemjs.js',
     'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
     'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
+    'devextreme-angular': 'npm:devextreme-angular/fesm2015/devextreme-angular.mjs',
+    'devextreme': 'npm:devextreme/cjs',
   },
   packages: {
     'rxjs': { defaultExtension: 'js' },
diff --git a/JSDemos/configs/Angular/config.js b/JSDemos/configs/Angular/config.js
index aaf77d77a76..f241d66e428 100644
--- a/JSDemos/configs/Angular/config.js
+++ b/JSDemos/configs/Angular/config.js
@@ -1,9 +1,194 @@
 // In real applications, you should not transpile code in the browser.
 // You can see how to create your own application with Angular and DevExtreme here:
 // https://js.devexpress.com/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/
+
+var components = [ 
+  'accordion',
+  'action-sheet',
+  'autocomplete',
+  'bar-gauge',
+  'box',
+  'bullet',
+  'button-group',
+  'button',
+  'calendar',
+  'chart',
+  'check-box',
+  'circular-gauge',
+  'color-box',
+  'context-menu',
+  'data-grid',
+  'date-box',
+  'date-range-box',
+  'defer-rendering',
+  'diagram',
+  'draggable',
+  'drawer',
+  'drop-down-box',
+  'drop-down-button',
+  'file-manager',
+  'file-uploader',
+  'filter-builder',
+  'form',
+  'funnel',
+  'gallery',
+  'gantt',
+  'html-editor',
+  'linear-gauge',
+  'list',
+  'load-indicator',
+  'load-panel',
+  'lookup',
+  'map',
+  'menu',
+  'multi-view',
+  'number-box',
+  'pie-chart',
+  'pivot-grid-field-chooser',
+  'pivot-grid',
+  'polar-chart',
+  'popover',
+  'popup',
+  'progress-bar',
+  'radio-group',
+  'range-selector',
+  'range-slider',
+  'recurrence-editor',
+  'resizable',
+  'responsive-box',
+  'sankey',
+  'scheduler',
+  'scroll-view',
+  'select-box',
+  'slider',
+  'sortable',
+  'sparkline',
+  'speed-dial-action',
+  'switch',
+  'tab-panel',
+  'tabs',
+  'tag-box',
+  'text-area',
+  'text-box',
+  'tile-view',
+  'toast',
+  'toolbar',
+  'tooltip',
+  'tree-list',
+  'tree-map',
+  'tree-view',
+  'validation-group',
+  'validation-summary',
+  'validator',
+  'vector-map'
+];
+
+var map = {
+  'ts': 'npm:plugin-typescript/lib/plugin.js',
+  'typescript': 'npm:typescript/lib/typescript.js',
+  '@angular/compiler': 'npm:@angular/compiler/system/es2015/ivy/angular-compiler.min.js',
+  '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/system/es2015/ivy/angular-platform-browser-dynamic.min.js',
+  '@angular/core': 'npm:@angular/core/fesm2015/core.mjs',
+  '@angular/common': 'npm:@angular/common/fesm2015/common.mjs',
+  '@angular/common/http': 'npm:@angular/common/fesm2015/http.mjs',
+  '@angular/platform-browser': 'npm:@angular/platform-browser/fesm2015/platform-browser.mjs',
+  '@angular/platform-browser/animations': 'npm:@angular/platform-browser/fesm2015/animations.mjs',
+  '@angular/forms': 'npm:@angular/forms/fesm2015/forms.mjs',
+  'tslib': 'npm:tslib/tslib.js',
+  'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
+  'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
+
+  /** signalr */
+  '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs/index.js',
+  /**/
+
+  /** devextreme-aspnet-data-nojquery */
+  'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
+  /**/
+
+  /** showdown&turndown */
+  'devextreme-showdown': 'npm:devextreme-showdown/dist/showdown.js',
+  'turndown': 'npm:turndown/lib/turndown.browser.umd.js',
+  /**/
+
+  /** globalize */
+  'globalize': 'npm:globalize/dist/globalize',
+  'json': 'npm:systemjs-plugin-json/json.js',
+  'cldr': 'npm:cldrjs/dist/cldr',
+  /**/
+
+  /** exceljs&file-saver */
+  'exceljs': 'npm:exceljs/dist/exceljs.min.js',
+  'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
+  /**/
+
+  /** jspdf */
+  'fflate': 'npm:fflate/esm/browser.js',
+  'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
+  /**/
+
+  /** jspdf&jspdf-autotable */
+  'fflate': 'npm:fflate/esm/browser.js',
+  'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
+  'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
+  /**/
+
+  /** devextreme-intl */
+  'json': 'npm:systemjs-plugin-json/json.js',
+  /**/
+
+  /** canvg */
+  'stackblur-canvas': 'npm:stackblur-canvas/dist/stackblur.min.js',
+  'rgbcolor': 'npm:rgbcolor/index.js',
+  'canvg': 'npm:canvg/dist/browser/canvg.min.js',
+  /**/
+
+  /** vectormap */
+  'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
+  /**/
+
+  'rrule': 'npm:rrule/dist/es5/rrule.js',
+  'luxon': 'npm:luxon/build/global/luxon.min.js',
+  'es6-object-assign': 'npm:es6-object-assign',
+
+  'devextreme': 'npm:devextreme/cjs',
+  'devextreme/bundles/dx.all': 'npm:devextreme/bundles/dx.all.js',
+  'jszip': 'npm:jszip/dist/jszip.min.js',
+  'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
+  'devexpress-diagram': 'npm:devexpress-diagram',
+  'devexpress-gantt': 'npm:devexpress-gantt',
+  'devextreme-angular': 'npm:devextreme-angular/fesm2015/devextreme-angular.mjs',
+  'devextreme-angular/core': 'npm:devextreme-angular/fesm2015/devextreme-angular-core.mjs',
+  'devextreme-angular/ui/nested': 'npm:devextreme-angular/fesm2015/devextreme-angular-ui-nested.mjs',
+  '@devextreme/runtime': 'npm:@devextreme/runtime',
+  'inferno': 'npm:inferno/dist/inferno.min.js',
+  'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
+  'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
+  'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
+  'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
+  'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
+  'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
+  'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
+
+  // Prettier
+  'prettier/standalone': 'npm:prettier/standalone.js',
+  'prettier/parser-html': 'npm:prettier/parser-html.js',
+
+  'plugin-babel': 'npm:systemjs-plugin-babel/plugin-babel.js',
+  'systemjs-babel-build': 'npm:systemjs-plugin-babel/systemjs-babel-browser.js',
+
+};
+
+components.forEach(function(component) {
+  map['devextreme-angular/ui/' + component] = 'npm:devextreme-angular/fesm2015/devextreme-angular-ui-' + component + '.mjs';
+});
+
 window.exports = window.exports || {};
 window.config = {
-  transpiler: 'ts',
+  transpiler: 'plugin-babel',
+  babelOptions: {
+    es2015: false
+  },
   typescriptOptions: {
     module: 'system',
     emitDecoratorMetadata: true,
@@ -13,6 +198,15 @@ window.config = {
     'typescript': {
       'exports': 'ts',
     },
+
+    "*.mjs": {
+      "format": "esm"
+    },
+
+    "*.ts": {
+      "loader": "ts"
+    },
+
     /** devextreme-aspnet-data-nojquery */
     'devextreme-aspnet-data-nojquery': {
       'esModule': true,
@@ -29,6 +223,15 @@ window.config = {
     'devextreme/localization.js': {
       'esModule': true,
     },
+    'devextreme/core/utils/common.js': {
+      'esModule': true,
+    },
+    'devextreme/core/utils/deferred.js': {
+      'esModule': true,
+    },
+    'devextreme/events/*': {
+      'esModule': true,
+    },
     /** exceljs&file-saver */
     'exceljs': {
       'esModule': true,
@@ -38,94 +241,7 @@ window.config = {
   paths: {
     'npm:': '../../../../../node_modules/',
   },
-  map: {
-    'ts': 'npm:plugin-typescript/lib/plugin.js',
-    'typescript': 'npm:typescript/lib/typescript.js',
-    '@angular/core': 'npm:@angular/core',
-    '@angular/platform-browser': 'npm:@angular/platform-browser',
-    '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic',
-    '@angular/forms': 'npm:@angular/forms',
-    '@angular/common': 'npm:@angular/common',
-    '@angular/compiler': 'npm:@angular/compiler',
-    'tslib': 'npm:tslib/tslib.js',
-    'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
-    'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
-    'sha-1': 'npm:sha-1/dist/sha1.cjs.js',
-
-    /** signalr */
-    '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs/index.js',
-    /**/
-
-    /** devextreme-aspnet-data-nojquery */
-    'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
-    /**/
-
-    /** showdown&turndown */
-    'devextreme-showdown': 'npm:devextreme-showdown/dist/showdown.js',
-    'turndown': 'npm:turndown/lib/turndown.browser.umd.js',
-    /**/
-
-    /** globalize */
-    'globalize': 'npm:globalize/dist/globalize',
-    'json': 'npm:systemjs-plugin-json/json.js',
-    'cldr': 'npm:cldrjs/dist/cldr',
-    /**/
-
-    /** exceljs&file-saver */
-    'exceljs': 'npm:exceljs/dist/exceljs.min.js',
-    'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
-    /**/
-
-    /** jspdf */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    /**/
-
-    /** jspdf&jspdf-autotable */
-    'fflate': 'npm:fflate/esm/browser.js',
-    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-    'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
-    /**/
-
-    /** devextreme-intl */
-    'json': 'npm:systemjs-plugin-json/json.js',
-    /**/
-
-    /** canvg */
-    'stackblur-canvas': 'npm:stackblur-canvas/dist/stackblur.min.js',
-    'rgbcolor': 'npm:rgbcolor/index.js',
-    'canvg': 'npm:canvg/dist/browser/canvg.min.js',
-    /**/
-
-    /** vectormap */
-    'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
-    /**/
-
-    'rrule': 'npm:rrule/dist/es5/rrule.js',
-    'luxon': 'npm:luxon/build/global/luxon.min.js',
-    'es6-object-assign': 'npm:es6-object-assign',
-
-    'devextreme': 'npm:devextreme/cjs',
-    'devextreme/bundles/dx.all': 'npm:devextreme/bundles/dx.all.js',
-    'jszip': 'npm:jszip/dist/jszip.min.js',
-    'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
-    'devexpress-diagram': 'npm:devexpress-diagram',
-    'devexpress-gantt': 'npm:devexpress-gantt',
-    'devextreme-angular': 'npm:devextreme-angular',
-    '@devextreme/runtime': 'npm:@devextreme/runtime',
-    'inferno': 'npm:inferno/dist/inferno.min.js',
-    'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
-    'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
-    'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
-    'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
-    'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
-    'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
-    'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
-
-    // Prettier
-    'prettier/standalone': 'npm:prettier/standalone.js',
-    'prettier/parser-html': 'npm:prettier/parser-html.js',
-  },
+  map: map,
   packages: {
     'app': {
       main: './app.component.ts',
diff --git a/package.json b/package.json
index c6d242d1116..98120d5c471 100644
--- a/package.json
+++ b/package.json
@@ -8,12 +8,12 @@
     },
     "author": "Developer Express Inc.",
     "dependencies": {
-        "@angular/common": "12.2.17",
-        "@angular/compiler": "12.2.17",
-        "@angular/core": "12.2.17",
-        "@angular/forms": "12.2.17",
-        "@angular/platform-browser": "12.2.17",
-        "@angular/platform-browser-dynamic": "12.2.17",
+        "@angular/common": "15.2.9",
+        "@angular/compiler": "npm:@esm-bundle/angular__compiler@15.2.9",
+        "@angular/core": "15.2.9",
+        "@angular/forms": "15.2.9",
+        "@angular/platform-browser": "15.2.9",
+        "@angular/platform-browser-dynamic": "npm:@esm-bundle/angular__platform-browser-dynamic@15.2.9",
         "@aspnet/signalr": "1.0.27",
         "angular": "1.8.3",
         "angular-sanitize": "1.8.3",
@@ -58,7 +58,7 @@
         "systemjs": "0.21.6",
         "systemjs-plugin-babel": "0.0.25",
         "systemjs-plugin-json": "0.3.0",
-        "typescript": "4.2.4",
+        "typescript": "~4.9.5",
         "vue": "^3.3.4",
         "vuex": "4.0.0-beta.4",
         "whatwg-fetch": "2.0.4",
diff --git a/utils/bundle/index.js b/utils/bundle/index.js
index bc2b10a4fc1..7bf7e65b94e 100644
--- a/utils/bundle/index.js
+++ b/utils/bundle/index.js
@@ -107,18 +107,18 @@ const prepareConfigs = (framework) => {
     if (currentPackage.fesm2015) {
       main = `devextreme-${framework}`;
       minify = false;
-      const bundlesRoot = 'node_modules/devextreme-angular/bundles';
+      const bundlesRoot = 'node_modules/devextreme-angular/fesm2015';
       const componentNames = fs.readdirSync(bundlesRoot)
-        .filter((fileName) => fileName.indexOf('umd.js.map') !== -1)
+        .filter((fileName) => fileName.indexOf('mjs.map') !== -1)
         .filter((fileName) => fileName.indexOf('devextreme-angular-ui') === 0)
-        .map((fileName) => fileName.replace('devextreme-angular-ui-', '').replace('.umd.js.map', ''));
+        .map((fileName) => fileName.replace('devextreme-angular-ui-', '').replace('.mjs.map', ''));
 
       additionPaths = {
-        'devextreme-angular': `${bundlesRoot}/devextreme-angular.umd.js`,
-        'devextreme-angular/core': `${bundlesRoot}/devextreme-angular-core.umd.js`,
+        'devextreme-angular': `${bundlesRoot}/devextreme-angular.mjs`,
+        'devextreme-angular/core': `${bundlesRoot}/devextreme-angular-core.mjs`,
         ...componentNames.reduce((items, item) => {
           // eslint-disable-next-line no-param-reassign
-          items[`devextreme-angular/ui/${item}`] = `${bundlesRoot}/devextreme-angular-ui-${item}.umd.js`;
+          items[`devextreme-angular/ui/${item}`] = `${bundlesRoot}/devextreme-angular-ui-${item}.mjs`;
           return items;
         }, {}),
       };

From 50ef55310300a0b83fa4c9438c66f4977f813eb2 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Tue, 31 Oct 2023 10:25:33 +0400
Subject: [PATCH 02/16] Update config file

---
 JSDemos/configs/Angular/config.js |   5 -
 package-lock.json                 | 187 ++++++++++++------------------
 2 files changed, 74 insertions(+), 118 deletions(-)

diff --git a/JSDemos/configs/Angular/config.js b/JSDemos/configs/Angular/config.js
index f241d66e428..17dbe99807a 100644
--- a/JSDemos/configs/Angular/config.js
+++ b/JSDemos/configs/Angular/config.js
@@ -278,13 +278,8 @@ window.config = {
   packageConfigPaths: [
     'npm:@devextreme/*/package.json',
     'npm:@devextreme/runtime/inferno/package.json',
-    'npm:@angular/*/package.json',
-    'npm:@angular/common/*/package.json',
     'npm:rxjs/package.json',
     'npm:rxjs/operators/package.json',
-    'npm:devextreme-angular/*/package.json',
-    'npm:devextreme-angular/ui/*/package.json',
-    'npm:devextreme-angular/package.json',
     'npm:devexpress-diagram/package.json',
     'npm:devexpress-gantt/package.json',
 
diff --git a/package-lock.json b/package-lock.json
index fad9521de54..fb55c5eca5f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,12 +10,12 @@
             "hasInstallScript": true,
             "license": "SEE LICENSE IN README.md",
             "dependencies": {
-                "@angular/common": "12.2.17",
-                "@angular/compiler": "12.2.17",
-                "@angular/core": "12.2.17",
-                "@angular/forms": "12.2.17",
-                "@angular/platform-browser": "12.2.17",
-                "@angular/platform-browser-dynamic": "12.2.17",
+                "@angular/common": "15.2.9",
+                "@angular/compiler": "npm:@esm-bundle/angular__compiler@15.2.9",
+                "@angular/core": "15.2.9",
+                "@angular/forms": "15.2.9",
+                "@angular/platform-browser": "15.2.9",
+                "@angular/platform-browser-dynamic": "npm:@esm-bundle/angular__platform-browser-dynamic@15.2.9",
                 "@aspnet/signalr": "1.0.27",
                 "angular": "1.8.3",
                 "angular-sanitize": "1.8.3",
@@ -60,7 +60,7 @@
                 "systemjs": "0.21.6",
                 "systemjs-plugin-babel": "0.0.25",
                 "systemjs-plugin-json": "0.3.0",
-                "typescript": "4.2.4",
+                "typescript": "~4.9.5",
                 "vue": "^3.3.4",
                 "vuex": "4.0.0-beta.4",
                 "whatwg-fetch": "2.0.4",
@@ -222,77 +222,72 @@
             "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
         },
         "node_modules/@angular/common": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/common/-/common-12.2.17.tgz",
-            "integrity": "sha512-/Rc83mzlL6YZScYTzg+Ng2hiCSf3jUVHAfQ8cyLOIMj/y8863Q+DMLVWW+ttvHwCjEFY44pC8IPyBl5FmSJYHg==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/common/-/common-15.2.9.tgz",
+            "integrity": "sha512-LM9/UHG2dRrOzlu2KovrFwWIziFMjRxHzSP3Igw6Symw/wIl0kXGq8Fn6RpFP78zmLqnv+IQOoRiby9MCXsI4g==",
             "dependencies": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             },
             "engines": {
-                "node": "^12.14.1 || >=14.0.0"
+                "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
             },
             "peerDependencies": {
-                "@angular/core": "12.2.17",
-                "rxjs": "^6.5.3 || ^7.0.0"
+                "@angular/core": "15.2.9",
+                "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/compiler": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-12.2.17.tgz",
-            "integrity": "sha512-dxM1CxzvEJPk6ShJngkW5j5BejBloxQNi+fJi+F8P/GN/Rj7vJUf0JxL+TUt1+Iv575V4NidJDKKikk6K485CA==",
-            "dependencies": {
-                "tslib": "^2.2.0"
-            },
-            "engines": {
-                "node": "^12.14.1 || >=14.0.0"
-            }
+            "name": "@esm-bundle/angular__compiler",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@esm-bundle/angular__compiler/-/angular__compiler-15.2.9.tgz",
+            "integrity": "sha512-m0RtwTnapa+C9slCs3Xv/gUfj5ajl/FJYLO49KXB3SGU/Pe30RmEqI7XtvGBnQgnULVk7mzx6HskREg6jKP7UQ=="
         },
         "node_modules/@angular/core": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/core/-/core-12.2.17.tgz",
-            "integrity": "sha512-XUvTgU0D8XqNH5Y7UlTMk/XjUQaEGC0kZxhw/QSSQr65WrXtXmcD4d8Cg84TJ52uGXmf7IAruKvtbvu1Mbmvug==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/core/-/core-15.2.9.tgz",
+            "integrity": "sha512-w46Z1yUXCQfKV7XfnamOoLA2VD0MVUUYVrUjO73mHSskDXSXxfZAEHO9kfUS71Cj35PvhP3mbkqWscpea2WeYg==",
             "dependencies": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             },
             "engines": {
-                "node": "^12.14.1 || >=14.0.0"
+                "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
             },
             "peerDependencies": {
-                "rxjs": "^6.5.3 || ^7.0.0",
-                "zone.js": "~0.11.4"
+                "rxjs": "^6.5.3 || ^7.4.0",
+                "zone.js": "~0.11.4 || ~0.12.0 || ~0.13.0"
             }
         },
         "node_modules/@angular/forms": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.2.17.tgz",
-            "integrity": "sha512-iOIAz5OR6yLWuNTSOSDqAffQ0FU71yw1QsOmltU/hBsO6H6smsIKVe8VlFa4SnBSAyVZXf/OhDRJ8gOqQT09mw==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-15.2.9.tgz",
+            "integrity": "sha512-sk0pC2EFi2Ohg5J0q0NYptbT+2WOkoiERSMYA39ncDvlSZBWsNlxpkbGUSck7NIxjK2QfcVN1ldGbHlZTFvtqg==",
             "dependencies": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             },
             "engines": {
-                "node": "^12.14.1 || >=14.0.0"
+                "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
             },
             "peerDependencies": {
-                "@angular/common": "12.2.17",
-                "@angular/core": "12.2.17",
-                "@angular/platform-browser": "12.2.17",
-                "rxjs": "^6.5.3 || ^7.0.0"
+                "@angular/common": "15.2.9",
+                "@angular/core": "15.2.9",
+                "@angular/platform-browser": "15.2.9",
+                "rxjs": "^6.5.3 || ^7.4.0"
             }
         },
         "node_modules/@angular/platform-browser": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.17.tgz",
-            "integrity": "sha512-fxs0FDEnS9mzd36u0bHd6TbCvRC9pqK0YCWNnoLCf5ALQtyIL8CpgGNjOMnO8mCEl5l9QTFCDvKOn4V3p7E/dg==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-15.2.9.tgz",
+            "integrity": "sha512-ufCHeSX+U6d43YOMkn3igwfqtlozoCXADcbyfUEG8m2y9XASobqmCKvdSk/zfl62oyiA8msntWBJVBE2l4xKXg==",
             "dependencies": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             },
             "engines": {
-                "node": "^12.14.1 || >=14.0.0"
+                "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
             },
             "peerDependencies": {
-                "@angular/animations": "12.2.17",
-                "@angular/common": "12.2.17",
-                "@angular/core": "12.2.17"
+                "@angular/animations": "15.2.9",
+                "@angular/common": "15.2.9",
+                "@angular/core": "15.2.9"
             },
             "peerDependenciesMeta": {
                 "@angular/animations": {
@@ -301,21 +296,10 @@
             }
         },
         "node_modules/@angular/platform-browser-dynamic": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.17.tgz",
-            "integrity": "sha512-2v7R5l+4ULSNLviKVTHCqn6iNFgY1M/+HtM1ZcM72V4cVVsXqXUAh7WV4sk4l4ECsExKxQoc6JlVtPUub8cCKA==",
-            "dependencies": {
-                "tslib": "^2.2.0"
-            },
-            "engines": {
-                "node": "^12.14.1 || >=14.0.0"
-            },
-            "peerDependencies": {
-                "@angular/common": "12.2.17",
-                "@angular/compiler": "12.2.17",
-                "@angular/core": "12.2.17",
-                "@angular/platform-browser": "12.2.17"
-            }
+            "name": "@esm-bundle/angular__platform-browser-dynamic",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@esm-bundle/angular__platform-browser-dynamic/-/angular__platform-browser-dynamic-15.2.9.tgz",
+            "integrity": "sha512-uSgVFh6drPU2/aGO+wm8j0+7bAg97MTUn7hayEQkyt4UBKyPOTbzErFg/R5/bjfMySL2rzdpook93OaOkgfQOQ=="
         },
         "node_modules/@aspnet/signalr": {
             "version": "1.0.27",
@@ -10897,18 +10881,6 @@
                 "esbuild-windows-arm64": "0.14.54"
             }
         },
-        "node_modules/esbuild-plugin-vue3/node_modules/typescript": {
-            "version": "4.9.5",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=4.2.0"
-            }
-        },
         "node_modules/esbuild-sunos-64": {
             "version": "0.14.54",
             "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz",
@@ -28296,9 +28268,9 @@
             }
         },
         "node_modules/typescript": {
-            "version": "4.2.4",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz",
-            "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg==",
+            "version": "4.9.5",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
             "bin": {
                 "tsc": "bin/tsc",
                 "tsserver": "bin/tsserver"
@@ -29874,52 +29846,46 @@
             }
         },
         "@angular/common": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/common/-/common-12.2.17.tgz",
-            "integrity": "sha512-/Rc83mzlL6YZScYTzg+Ng2hiCSf3jUVHAfQ8cyLOIMj/y8863Q+DMLVWW+ttvHwCjEFY44pC8IPyBl5FmSJYHg==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/common/-/common-15.2.9.tgz",
+            "integrity": "sha512-LM9/UHG2dRrOzlu2KovrFwWIziFMjRxHzSP3Igw6Symw/wIl0kXGq8Fn6RpFP78zmLqnv+IQOoRiby9MCXsI4g==",
             "requires": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             }
         },
         "@angular/compiler": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-12.2.17.tgz",
-            "integrity": "sha512-dxM1CxzvEJPk6ShJngkW5j5BejBloxQNi+fJi+F8P/GN/Rj7vJUf0JxL+TUt1+Iv575V4NidJDKKikk6K485CA==",
-            "requires": {
-                "tslib": "^2.2.0"
-            }
+            "version": "npm:@esm-bundle/angular__compiler@15.2.9",
+            "resolved": "https://registry.npmjs.org/@esm-bundle/angular__compiler/-/angular__compiler-15.2.9.tgz",
+            "integrity": "sha512-m0RtwTnapa+C9slCs3Xv/gUfj5ajl/FJYLO49KXB3SGU/Pe30RmEqI7XtvGBnQgnULVk7mzx6HskREg6jKP7UQ=="
         },
         "@angular/core": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/core/-/core-12.2.17.tgz",
-            "integrity": "sha512-XUvTgU0D8XqNH5Y7UlTMk/XjUQaEGC0kZxhw/QSSQr65WrXtXmcD4d8Cg84TJ52uGXmf7IAruKvtbvu1Mbmvug==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/core/-/core-15.2.9.tgz",
+            "integrity": "sha512-w46Z1yUXCQfKV7XfnamOoLA2VD0MVUUYVrUjO73mHSskDXSXxfZAEHO9kfUS71Cj35PvhP3mbkqWscpea2WeYg==",
             "requires": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             }
         },
         "@angular/forms": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-12.2.17.tgz",
-            "integrity": "sha512-iOIAz5OR6yLWuNTSOSDqAffQ0FU71yw1QsOmltU/hBsO6H6smsIKVe8VlFa4SnBSAyVZXf/OhDRJ8gOqQT09mw==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-15.2.9.tgz",
+            "integrity": "sha512-sk0pC2EFi2Ohg5J0q0NYptbT+2WOkoiERSMYA39ncDvlSZBWsNlxpkbGUSck7NIxjK2QfcVN1ldGbHlZTFvtqg==",
             "requires": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             }
         },
         "@angular/platform-browser": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.17.tgz",
-            "integrity": "sha512-fxs0FDEnS9mzd36u0bHd6TbCvRC9pqK0YCWNnoLCf5ALQtyIL8CpgGNjOMnO8mCEl5l9QTFCDvKOn4V3p7E/dg==",
+            "version": "15.2.9",
+            "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-15.2.9.tgz",
+            "integrity": "sha512-ufCHeSX+U6d43YOMkn3igwfqtlozoCXADcbyfUEG8m2y9XASobqmCKvdSk/zfl62oyiA8msntWBJVBE2l4xKXg==",
             "requires": {
-                "tslib": "^2.2.0"
+                "tslib": "^2.3.0"
             }
         },
         "@angular/platform-browser-dynamic": {
-            "version": "12.2.17",
-            "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-12.2.17.tgz",
-            "integrity": "sha512-2v7R5l+4ULSNLviKVTHCqn6iNFgY1M/+HtM1ZcM72V4cVVsXqXUAh7WV4sk4l4ECsExKxQoc6JlVtPUub8cCKA==",
-            "requires": {
-                "tslib": "^2.2.0"
-            }
+            "version": "npm:@esm-bundle/angular__platform-browser-dynamic@15.2.9",
+            "resolved": "https://registry.npmjs.org/@esm-bundle/angular__platform-browser-dynamic/-/angular__platform-browser-dynamic-15.2.9.tgz",
+            "integrity": "sha512-uSgVFh6drPU2/aGO+wm8j0+7bAg97MTUn7hayEQkyt4UBKyPOTbzErFg/R5/bjfMySL2rzdpook93OaOkgfQOQ=="
         },
         "@aspnet/signalr": {
             "version": "1.0.27",
@@ -37807,11 +37773,6 @@
                         "esbuild-windows-64": "0.14.54",
                         "esbuild-windows-arm64": "0.14.54"
                     }
-                },
-                "typescript": {
-                    "version": "4.9.5",
-                    "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-                    "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
                 }
             }
         },
@@ -51342,9 +51303,9 @@
             }
         },
         "typescript": {
-            "version": "4.2.4",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.2.4.tgz",
-            "integrity": "sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg=="
+            "version": "4.9.5",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
         },
         "unbox-primitive": {
             "version": "1.0.2",

From f3f3b50c81b9aa5eb4ee92c43ffd38b3f9b64ff4 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Tue, 31 Oct 2023 13:27:54 +0400
Subject: [PATCH 03/16] Fix ts error

---
 JSDemos/tsconfig.json | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/JSDemos/tsconfig.json b/JSDemos/tsconfig.json
index 74500ebeb35..e281a857ee5 100644
--- a/JSDemos/tsconfig.json
+++ b/JSDemos/tsconfig.json
@@ -7,9 +7,11 @@
     "jsx": "react",
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
-    "noEmit": true
+    "noEmit": true,
+    "paths": {
+      "@angular/platform-browser-dynamic": ["../node_modules/@angular/platform-browser-dynamic/system/es2015/ivy/angular-platform-browser-dynamic.min.js"]
+    }
   },
-  
   "include": [
     "./Demos/**/*.ts",
     "./Demos/**/*.tsx"

From eb99427017eb1a365a8c75f1d06d268598e0e08d Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Tue, 31 Oct 2023 17:52:12 +0400
Subject: [PATCH 04/16] add tsconfig to template app

---
 utils/templates/Angular/tsconfig.json | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 utils/templates/Angular/tsconfig.json

diff --git a/utils/templates/Angular/tsconfig.json b/utils/templates/Angular/tsconfig.json
new file mode 100644
index 00000000000..5920bb34dd4
--- /dev/null
+++ b/utils/templates/Angular/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "ES2015",
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "paths": {
+      "@angular/platform-browser-dynamic": ["../../../node_modules/@angular/platform-browser-dynamic/system/es2015/ivy/angular-platform-browser-dynamic.min.js"]
+    }
+  }
+}

From d2252ba705e9350a7746a7b947d245a7086557ce Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Wed, 1 Nov 2023 08:51:36 +0400
Subject: [PATCH 05/16] Try to fix CI

---
 tsconfig.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/tsconfig.json b/tsconfig.json
index 893da6e77b0..2bd684a436e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,6 +7,9 @@
     "skipLibCheck": true,
     "jsx": "react",
     "moduleResolution": "node",
+    "paths": {
+      "@angular/platform-browser-dynamic": ["./node_modules/@angular/platform-browser-dynamic/system/es2015/ivy/angular-platform-browser-dynamic.min.js"]
+    }
   },
   
   "include": [

From 5f496dd088c708c38042ac5fa7d5a8570e4fbd95 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Wed, 1 Nov 2023 10:09:41 +0400
Subject: [PATCH 06/16] Fix eslint

---
 .eslintignore                     |  2 ++
 JSDemos/configs/Angular/config.js | 22 +++++++++++-----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 22f48fb5f6d..178fef6e9ee 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -8,3 +8,5 @@ JSDemos/Demos/**/testcafe-test-code.js
 
 JSDemos/Demos/**/config.js
 JSDemos/Demos/**/Vue/**/*.html
+
+utils/templates/Angular/**/*.ts
diff --git a/JSDemos/configs/Angular/config.js b/JSDemos/configs/Angular/config.js
index 17dbe99807a..86df5e63361 100644
--- a/JSDemos/configs/Angular/config.js
+++ b/JSDemos/configs/Angular/config.js
@@ -2,7 +2,7 @@
 // You can see how to create your own application with Angular and DevExtreme here:
 // https://js.devexpress.com/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/
 
-var components = [ 
+const components = [
   'accordion',
   'action-sheet',
   'autocomplete',
@@ -80,10 +80,10 @@ var components = [
   'validation-group',
   'validation-summary',
   'validator',
-  'vector-map'
+  'vector-map',
 ];
 
-var map = {
+const map = {
   'ts': 'npm:plugin-typescript/lib/plugin.js',
   'typescript': 'npm:typescript/lib/typescript.js',
   '@angular/compiler': 'npm:@angular/compiler/system/es2015/ivy/angular-compiler.min.js',
@@ -179,15 +179,15 @@ var map = {
 
 };
 
-components.forEach(function(component) {
-  map['devextreme-angular/ui/' + component] = 'npm:devextreme-angular/fesm2015/devextreme-angular-ui-' + component + '.mjs';
+components.forEach((component) => {
+  map[`devextreme-angular/ui/${component}`] = `npm:devextreme-angular/fesm2015/devextreme-angular-ui-'${component}'.mjs`;
 });
 
 window.exports = window.exports || {};
 window.config = {
   transpiler: 'plugin-babel',
   babelOptions: {
-    es2015: false
+    es2015: false,
   },
   typescriptOptions: {
     module: 'system',
@@ -199,12 +199,12 @@ window.config = {
       'exports': 'ts',
     },
 
-    "*.mjs": {
-      "format": "esm"
+    '*.mjs': {
+      'format': 'esm',
     },
 
-    "*.ts": {
-      "loader": "ts"
+    '*.ts': {
+      'loader': 'ts',
     },
 
     /** devextreme-aspnet-data-nojquery */
@@ -241,7 +241,7 @@ window.config = {
   paths: {
     'npm:': '../../../../../node_modules/',
   },
-  map: map,
+  map,
   packages: {
     'app': {
       main: './app.component.ts',

From a08ed7f8d6446362d6c9459006976104c8322dcc Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Wed, 1 Nov 2023 11:37:33 +0400
Subject: [PATCH 07/16] Fix path to module

---
 JSDemos/configs/Angular/config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/JSDemos/configs/Angular/config.js b/JSDemos/configs/Angular/config.js
index 86df5e63361..93d08037899 100644
--- a/JSDemos/configs/Angular/config.js
+++ b/JSDemos/configs/Angular/config.js
@@ -180,7 +180,7 @@ const map = {
 };
 
 components.forEach((component) => {
-  map[`devextreme-angular/ui/${component}`] = `npm:devextreme-angular/fesm2015/devextreme-angular-ui-'${component}'.mjs`;
+  map[`devextreme-angular/ui/${component}`] = `npm:devextreme-angular/fesm2015/devextreme-angular-ui-${component}.mjs`;
 });
 
 window.exports = window.exports || {};

From befcbf2b008c70469727dc61c103dc22992db643 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Wed, 1 Nov 2023 14:01:28 +0400
Subject: [PATCH 08/16] Fix gantt demos

---
 .../Demos/Gantt/ChartAppearance/Angular/app/app.component.ts  | 3 +--
 JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts | 4 +---
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts
index 5a3658f7a02..0306f5f89d8 100644
--- a/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/ChartAppearance/Angular/app/app.component.ts
@@ -1,5 +1,4 @@
-import { ViewEncapsulation } from '@angular/compiler/src/core';
-import { NgModule, Component, enableProdMode } from '@angular/core';
+import { NgModule, Component, enableProdMode, ViewEncapsulation } from '@angular/core';
 import "@angular/compiler";
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
diff --git a/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts b/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
index c85d8924515..fec2909802f 100644
--- a/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
+++ b/JSDemos/Demos/Gantt/TaskTemplate/Angular/app/app.component.ts
@@ -1,6 +1,4 @@
-import { ViewEncapsulation } from '@angular/compiler/src/core';
-import { NgModule, Component, enableProdMode } from '@angular/core';
-import "@angular/compiler";
+import { NgModule, Component, enableProdMode, ViewEncapsulation } from '@angular/core';
 import { BrowserModule, BrowserTransferStateModule } from '@angular/platform-browser';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { DxGanttModule, DxCheckBoxModule, DxSelectBoxModule } from 'devextreme-angular';

From ff2a9c0fdf286796518a3813169c216b9c7c1677 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Wed, 1 Nov 2023 19:08:04 +0400
Subject: [PATCH 09/16] Try check timeout

---
 .github/workflows/visual_tests_frameworks.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/visual_tests_frameworks.yml b/.github/workflows/visual_tests_frameworks.yml
index 09c22f56dc7..9647ad862f2 100644
--- a/.github/workflows/visual_tests_frameworks.yml
+++ b/.github/workflows/visual_tests_frameworks.yml
@@ -317,7 +317,7 @@ jobs:
 
     runs-on: ubuntu-latest
     name: ${{ matrix.CONSTEL }}
-    timeout-minutes: 60
+    timeout-minutes: 70
 
     steps:
     - name: Pin Chrome version

From b16e54da5005bd82ed895f6a93e40227bda98b64 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Thu, 2 Nov 2023 10:13:47 +0400
Subject: [PATCH 10/16] Update timeout

---
 .github/workflows/visual_tests_frameworks.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/visual_tests_frameworks.yml b/.github/workflows/visual_tests_frameworks.yml
index 9647ad862f2..3b3e6e13f78 100644
--- a/.github/workflows/visual_tests_frameworks.yml
+++ b/.github/workflows/visual_tests_frameworks.yml
@@ -317,7 +317,7 @@ jobs:
 
     runs-on: ubuntu-latest
     name: ${{ matrix.CONSTEL }}
-    timeout-minutes: 70
+    timeout-minutes: 90
 
     steps:
     - name: Pin Chrome version

From b87059a1692596ffb732ddbb30df6a98f16c3e53 Mon Sep 17 00:00:00 2001
From: ivanblinov2k17 <ivanblinov2015@mail.ru>
Date: Fri, 3 Nov 2023 10:46:32 +0400
Subject: [PATCH 11/16] try to increase angular timeout for each test

---
 testing/common.test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/testing/common.test.js b/testing/common.test.js
index 900c0586734..c214a0f28ea 100644
--- a/testing/common.test.js
+++ b/testing/common.test.js
@@ -34,7 +34,7 @@ const waitForAngularLoading = ClientFunction(() => new Promise((resolve) => {
   let demoAppCounter = 0;
   const demoAppIntervalHandle = setInterval(() => {
     const demoApp = document.querySelector('demo-app');
-    if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 120) {
+    if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 200) {
       setTimeout(resolve, 1000);
       clearInterval(demoAppIntervalHandle);
     }

From 24e60ff47c2208026fd7eb33fae6cd893c0d7b52 Mon Sep 17 00:00:00 2001
From: ivanblinov2k17 <ivanblinov2015@mail.ru>
Date: Fri, 3 Nov 2023 12:15:09 +0400
Subject: [PATCH 12/16] up test time limit

---
 testing/common.test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/testing/common.test.js b/testing/common.test.js
index c214a0f28ea..133f37c7391 100644
--- a/testing/common.test.js
+++ b/testing/common.test.js
@@ -34,7 +34,7 @@ const waitForAngularLoading = ClientFunction(() => new Promise((resolve) => {
   let demoAppCounter = 0;
   const demoAppIntervalHandle = setInterval(() => {
     const demoApp = document.querySelector('demo-app');
-    if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 200) {
+    if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 450) {
       setTimeout(resolve, 1000);
       clearInterval(demoAppIntervalHandle);
     }

From 9e5a5faac5d874a7331f54be70996eaf3199576a Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Fri, 3 Nov 2023 13:57:53 +0400
Subject: [PATCH 13/16] Try to change interval time

---
 .github/workflows/visual_tests_frameworks.yml | 2 +-
 testing/common.test.js                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/visual_tests_frameworks.yml b/.github/workflows/visual_tests_frameworks.yml
index 3b3e6e13f78..09c22f56dc7 100644
--- a/.github/workflows/visual_tests_frameworks.yml
+++ b/.github/workflows/visual_tests_frameworks.yml
@@ -317,7 +317,7 @@ jobs:
 
     runs-on: ubuntu-latest
     name: ${{ matrix.CONSTEL }}
-    timeout-minutes: 90
+    timeout-minutes: 60
 
     steps:
     - name: Pin Chrome version
diff --git a/testing/common.test.js b/testing/common.test.js
index 900c0586734..d29efbb2512 100644
--- a/testing/common.test.js
+++ b/testing/common.test.js
@@ -34,7 +34,7 @@ const waitForAngularLoading = ClientFunction(() => new Promise((resolve) => {
   let demoAppCounter = 0;
   const demoAppIntervalHandle = setInterval(() => {
     const demoApp = document.querySelector('demo-app');
-    if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 120) {
+    if ((demoApp && demoApp.innerText !== 'Loading...') || demoAppCounter === 350) {
       setTimeout(resolve, 1000);
       clearInterval(demoAppIntervalHandle);
     }

From f9c6ce9a05a1998eeab3dd083a43049008cb81b1 Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Mon, 6 Nov 2023 11:00:45 +0400
Subject: [PATCH 14/16] Fix bundling

---
 .../Accordion/Overview/Angular/index.html     |   1 +
 .../ActionSheet/Basics/Angular/index.html     |   1 +
 .../PopoverMode/Angular/index.html            |   1 +
 .../Autocomplete/Overview/Angular/index.html  |   1 +
 JSDemos/Demos/Box/Overview/Angular/index.html |   1 +
 JSDemos/Demos/Button/Icons/Angular/index.html |   1 +
 .../Button/PredefinedTypes/Angular/index.html |   1 +
 .../ButtonGroup/Overview/Angular/index.html   |   1 +
 .../MultipleSelection/Angular/index.html      |   1 +
 .../Calendar/Overview/Angular/index.html      |   1 +
 .../APIDisplayATooltip/Angular/index.html     |   1 +
 .../Charts/APISelectAPoint/Angular/index.html |   1 +
 .../Charts/AjaxRequest/Angular/index.html     |   1 +
 .../Charts/Annotation/Angular/index.html      |   1 +
 JSDemos/Demos/Charts/Area/Angular/index.html  |   1 +
 .../Charts/AreaSparklines/Angular/index.html  |   1 +
 .../AutoCalculatedBarWidth/Angular/index.html |   1 +
 .../AxisCustomPosition/Angular/index.html     |   1 +
 .../AxisLabelsOverlapping/Angular/index.html  |   1 +
 .../AxisLabelsTemplates/Angular/index.html    |   1 +
 .../Charts/BarSparklines/Angular/index.html   |   1 +
 .../BiDirectionalBarChart/Angular/index.html  |   1 +
 .../Demos/Charts/Bubble/Angular/index.html    |   1 +
 .../Charts/Candlestick/Angular/index.html     |   1 +
 .../Charts/ChartsDrillDown/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Charts/ColorEachBar/Angular/index.html    |   1 +
 .../Charts/Colorization/Angular/index.html    |   1 +
 .../Charts/ContinuousData/Angular/index.html  |   1 +
 .../Demos/Charts/Crosshair/Angular/index.html |   1 +
 .../CustomAnnotations/Angular/index.html      |   1 +
 .../Charts/CustomBarWidth/Angular/index.html  |   1 +
 .../CustomLegendMarkers/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../DiscreteAggregation/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../Charts/DiscreteData/Angular/index.html    |   1 +
 .../Demos/Charts/Doughnut/Angular/index.html  |   1 +
 .../DoughnutSelection/Angular/index.html      |   1 +
 .../Angular/index.html                        |   1 +
 .../DoughnutWithTopNSeries/Angular/index.html |   1 +
 .../Demos/Charts/DrillDown/Angular/index.html |   1 +
 .../Demos/Charts/ErrorBars/Angular/index.html |   1 +
 .../ExportAndPrintingAPI/Angular/index.html   |   1 +
 .../ExportCustomMarkup/Angular/index.html     |   1 +
 .../ExportSeveralCharts/Angular/index.html    |   1 +
 .../FlatDataStructure/Angular/index.html      |   1 +
 .../Charts/FullStackedBar/Angular/index.html  |   1 +
 .../Charts/FunnelChart/Angular/index.html     |   1 +
 .../Angular/index.html                        |   1 +
 .../Demos/Charts/HoverMode/Angular/index.html |   1 +
 .../Charts/InvertedChart/Angular/index.html   |   1 +
 JSDemos/Demos/Charts/Line/Angular/index.html  |   1 +
 .../LoadDataOnDemand/Angular/index.html       |   1 +
 .../Charts/LogarithmicAxis/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Charts/MultipleAxes/Angular/index.html    |   1 +
 .../Charts/MultiplePanes/Angular/index.html   |   1 +
 .../MultiplePointSelection/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../NullPointSupport/Angular/index.html       |   1 +
 .../Demos/Charts/Overview/Angular/index.html  |   1 +
 .../Demos/Charts/Palette/Angular/index.html   |   1 +
 .../Charts/ParetoChart/Angular/index.html     |   1 +
 .../Charts/PeriodicData/Angular/index.html    |   1 +
 JSDemos/Demos/Charts/Pie/Angular/index.html   |   1 +
 .../PieWithAnnotations/Angular/index.html     |   1 +
 .../PieWithCustomLabels/Angular/index.html    |   1 +
 .../PieWithCustomStyles/Angular/index.html    |   1 +
 .../PieWithMultipleSeries/Angular/index.html  |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../PiesWithEqualSize/Angular/index.html      |   1 +
 .../Charts/PointImage/Angular/index.html      |   1 +
 .../PointsAggregation/Angular/index.html      |   1 +
 .../Angular/index.html                        |   1 +
 .../PolarChartAnnotations/Angular/index.html  |   1 +
 .../Angular/index.html                        |   1 +
 .../Charts/PyramidChart/Angular/index.html    |   1 +
 .../Demos/Charts/RangeArea/Angular/index.html |   1 +
 .../Demos/Charts/RangeBar/Angular/index.html  |   1 +
 .../Charts/SankeyChart/Angular/index.html     |   1 +
 .../Charts/ScaleBreaks/Angular/index.html     |   1 +
 .../Demos/Charts/Scatter/Angular/index.html   |   1 +
 .../Demos/Charts/Selection/Angular/index.html |   1 +
 .../Charts/SeriesTemplates/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Charts/SideBySideBar/Angular/index.html   |   1 +
 .../Angular/index.html                        |   1 +
 .../SideBySideStackedBar/Angular/index.html   |   1 +
 .../Charts/SignalRService/Angular/index.html  |   1 +
 .../Charts/SimpleArray/Angular/index.html     |   1 +
 .../Charts/SimpleBullets/Angular/index.html   |   1 +
 .../SimpleSparklines/Angular/index.html       |   1 +
 .../Demos/Charts/SpiderWeb/Angular/index.html |   1 +
 .../Demos/Charts/Spline/Angular/index.html    |   1 +
 .../Charts/SplineArea/Angular/index.html      |   1 +
 .../Charts/StackedBar/Angular/index.html      |   1 +
 .../Charts/StandardBar/Angular/index.html     |   1 +
 .../Demos/Charts/StepArea/Angular/index.html  |   1 +
 .../Demos/Charts/StepLine/Angular/index.html  |   1 +
 JSDemos/Demos/Charts/Stock/Angular/index.html |   1 +
 .../Demos/Charts/Strips/Angular/index.html    |   1 +
 .../TilingAlgorithms/Angular/index.html       |   1 +
 .../Demos/Charts/Timeline/Angular/index.html  |   1 +
 .../TooltipHTMLSupport/Angular/index.html     |   1 +
 .../Demos/Charts/WindRose/Angular/index.html  |   1 +
 .../WinlossSparklines/Angular/index.html      |   1 +
 .../ZoomingAndScrolling/Angular/index.html    |   1 +
 .../ZoomingAndScrollingAPI/Angular/index.html |   1 +
 .../ZoomingOnAreaSelection/Angular/index.html |   1 +
 .../CheckBox/Overview/Angular/index.html      |   1 +
 .../ColorBox/Overview/Angular/index.html      |   1 +
 .../ActionAndListsOverview/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Common/EditorsOverview/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../NavigationOverview/Angular/index.html     |   1 +
 .../Angular/index.html                        |   1 +
 .../ContextMenu/Basics/Angular/index.html     |   1 +
 .../ContextMenu/Templates/Angular/index.html  |   1 +
 .../Angular/index.html                        |   1 +
 .../DataGrid/AjaxRequest/Angular/index.html   |   1 +
 .../DataGrid/Appearance/Angular/index.html    |   1 +
 .../DataGrid/BatchEditing/Angular/index.html  |   1 +
 .../BatchUpdateRequest/Angular/index.html     |   1 +
 .../CRUDOperations/Angular/index.html         |   1 +
 .../CascadingLookups/Angular/index.html       |   1 +
 .../CellCustomization/Angular/index.html      |   1 +
 .../Angular/index.html                        |   1 +
 .../CollaborativeEditing/Angular/index.html   |   1 +
 .../DataGrid/ColumnChooser/Angular/index.html |   1 +
 .../ColumnCustomization/Angular/index.html    |   1 +
 .../ColumnHeaderFilter/Angular/index.html     |   1 +
 .../ColumnResizing/Angular/index.html         |   1 +
 .../ColumnTemplate/Angular/index.html         |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../CustomDataSource/Angular/index.html       |   1 +
 .../DataGrid/CustomEditors/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../CustomSummaries/Angular/index.html        |   1 +
 .../Angular/index.html                        |   1 +
 .../DataValidation/Angular/index.html         |   1 +
 .../DeferredSelection/Angular/index.html      |   1 +
 .../DnDBetweenGrids/Angular/index.html        |   1 +
 .../EditStateManagement/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../ExcelJSExportImages/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../ExcelJSHeaderAndFooter/Angular/index.html |   1 +
 .../ExcelJSOverview/Angular/index.html        |   1 +
 .../DataGrid/FilterPanel/Angular/index.html   |   1 +
 .../DataGrid/Filtering/Angular/index.html     |   1 +
 .../DataGrid/FilteringAPI/Angular/index.html  |   1 +
 .../DataGrid/FocusedRow/Angular/index.html    |   1 +
 .../DataGrid/FormEditing/Angular/index.html   |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../DataGrid/GridSummaries/Angular/index.html |   1 +
 .../GroupSummaries/Angular/index.html         |   1 +
 .../Angular/index.html                        |   1 +
 .../InfiniteScrolling/Angular/index.html      |   1 +
 .../KeyboardNavigation/Angular/index.html     |   1 +
 .../LocalReordering/Angular/index.html        |   1 +
 .../MasterDetailAPI/Angular/index.html        |   1 +
 .../MasterDetailView/Angular/index.html       |   1 +
 .../MultiRowHeadersBands/Angular/index.html   |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../MultipleSorting/Angular/index.html        |   1 +
 .../DataGrid/OdataService/Angular/index.html  |   1 +
 .../DataGrid/Overview/Angular/index.html      |   1 +
 .../PDFCellCustomization/Angular/index.html   |   1 +
 .../PDFExportImages/Angular/index.html        |   1 +
 .../PDFExportMultipleGrids/Angular/index.html |   1 +
 .../PDFHeaderAndFooter/Angular/index.html     |   1 +
 .../DataGrid/PDFOverview/Angular/index.html   |   1 +
 .../DataGrid/PopupEditing/Angular/index.html  |   1 +
 .../RealTimeUpdates/Angular/index.html        |   1 +
 .../Angular/index.html                        |   1 +
 .../RecordGrouping/Angular/index.html         |   1 +
 .../DataGrid/RecordPaging/Angular/index.html  |   1 +
 .../RemoteGrouping/Angular/index.html         |   1 +
 .../RemoteReordering/Angular/index.html       |   1 +
 .../RemoteVirtualScrolling/Angular/index.html |   1 +
 .../RightToLeftSupport/Angular/index.html     |   1 +
 .../Angular/index.html                        |   1 +
 .../DataGrid/RowSelection/Angular/index.html  |   1 +
 .../DataGrid/RowTemplate/Angular/index.html   |   1 +
 .../SignalRService/Angular/index.html         |   1 +
 .../DataGrid/SimpleArray/Angular/index.html   |   1 +
 .../StatePersistence/Angular/index.html       |   1 +
 .../ToolbarCustomization/Angular/index.html   |   1 +
 .../VirtualScrolling/Angular/index.html       |   1 +
 .../DataGrid/WebAPIService/Angular/index.html |   1 +
 .../DateBox/Formatting/Angular/index.html     |   1 +
 .../Demos/DateBox/Overview/Angular/index.html |   1 +
 .../Formatting/Angular/index.html             |   1 +
 .../DateRangeBox/Overview/Angular/index.html  |   1 +
 .../Diagram/Adaptability/Angular/index.html   |   1 +
 .../AdvancedDataBinding/Angular/index.html    |   1 +
 .../Diagram/Containers/Angular/index.html     |   1 +
 .../CustomShapesWithIcons/Angular/index.html  |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../CustomShapesWithTexts/Angular/index.html  |   1 +
 .../Diagram/ImagesInShapes/Angular/index.html |   1 +
 .../Diagram/ItemSelection/Angular/index.html  |   1 +
 .../NodesAndEdgesArrays/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../OperationRestrictions/Angular/index.html  |   1 +
 .../Demos/Diagram/Overview/Angular/index.html |   1 +
 .../Demos/Diagram/ReadOnly/Angular/index.html |   1 +
 .../Diagram/SimpleView/Angular/index.html     |   1 +
 .../UICustomization/Angular/index.html        |   1 +
 .../Diagram/WebAPIService/Angular/index.html  |   1 +
 .../LeftOrRightPosition/Angular/index.html    |   1 +
 .../TopOrBottomPosition/Angular/index.html    |   1 +
 .../MultipleSelection/Angular/index.html      |   1 +
 .../SingleSelection/Angular/index.html        |   1 +
 .../Overview/Angular/index.html               |   1 +
 .../FieldSet/Overview/Angular/index.html      |   1 +
 .../AzureClientBinding/Angular/index.html     |   1 +
 .../AzureServerBinding/Angular/index.html     |   1 +
 .../BindingToEF/Angular/index.html            |   1 +
 .../BindingToFileSystem/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../CustomThumbnails/Angular/index.html       |   1 +
 .../FileManager/Overview/Angular/index.html   |   1 +
 .../UICustomization/Angular/index.html        |   1 +
 .../AzureDirectUploading/Angular/index.html   |   1 +
 .../ChunkUploading/Angular/index.html         |   1 +
 .../CustomDropzone/Angular/index.html         |   1 +
 .../FileSelection/Angular/index.html          |   1 +
 .../FileUploading/Angular/index.html          |   1 +
 .../Validation/Angular/index.html             |   1 +
 .../Customization/Angular/index.html          |   1 +
 .../WithDataGrid/Angular/index.html           |   1 +
 .../FilterBuilder/WithList/Angular/index.html |   1 +
 .../Overview/Angular/index.html               |   1 +
 .../ColumnsAdaptability/Angular/index.html    |   1 +
 .../Form/CustomizeItem/Angular/index.html     |   1 +
 .../Form/GroupedFields/Angular/index.html     |   1 +
 .../Demos/Form/Overview/Angular/index.html    |   1 +
 .../UpdateItemsDynamically/Angular/index.html |   1 +
 .../Demos/Form/Validation/Angular/index.html  |   1 +
 .../Gallery/ItemTemplate/Angular/index.html   |   1 +
 .../Demos/Gallery/Overview/Angular/index.html |   1 +
 .../Gantt/ChartAppearance/Angular/index.html  |   1 +
 .../Gantt/ContextMenu/Angular/index.html      |   1 +
 .../Gantt/DataBinding/Angular/index.html      |   1 +
 .../Gantt/ExportToPDF/Angular/index.html      |   1 +
 .../Demos/Gantt/FilterRow/Angular/index.html  |   1 +
 .../Gantt/HeaderFilter/Angular/index.html     |   1 +
 .../Demos/Gantt/Overview/Angular/index.html   |   1 +
 .../Demos/Gantt/Sorting/Angular/index.html    |   1 +
 .../Demos/Gantt/StripLines/Angular/index.html |   1 +
 .../Gantt/TaskTemplate/Angular/index.html     |   1 +
 .../Demos/Gantt/Toolbar/Angular/index.html    |   1 +
 .../Demos/Gantt/Validation/Angular/index.html |   1 +
 .../AnglesCustomization/Angular/index.html    |   1 +
 .../BaseValueForRangeBar/Angular/index.html   |   1 +
 .../Gauges/CustomLayout/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../GaugeTitleCustomized/Angular/index.html   |   1 +
 .../Gauges/GaugeTooltip/Angular/index.html    |   1 +
 .../LabelsCustomization/Angular/index.html    |   1 +
 .../Demos/Gauges/Overview/Angular/index.html  |   1 +
 .../Demos/Gauges/Palette/Angular/index.html   |   1 +
 .../PaletteForRanges/Angular/index.html       |   1 +
 .../Angular/index.html                        |   1 +
 .../ScaleCustomTickValues/Angular/index.html  |   1 +
 .../ScaleLabelFormatting/Angular/index.html   |   1 +
 .../Gauges/ScaleMinorTicks/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Demos/Gauges/Tooltip/Angular/index.html   |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../ValueIndicatorsAPI/Angular/index.html     |   1 +
 .../VariableNumberOfBars/Angular/index.html   |   1 +
 .../Angular/index.html                        |   1 +
 .../HtmlEditor/Mentions/Angular/index.html    |   1 +
 .../OutputFormats/Angular/index.html          |   1 +
 .../HtmlEditor/Overview/Angular/index.html    |   1 +
 .../HtmlEditor/Tables/Angular/index.html      |   1 +
 .../ToolbarCustomization/Angular/index.html   |   1 +
 .../Demos/List/GroupedList/Angular/index.html |   1 +
 .../List/ItemDragging/Angular/index.html      |   1 +
 .../List/ItemTemplate/Angular/index.html      |   1 +
 .../List/ListEditingAndAPI/Angular/index.html |   1 +
 .../List/ListSelection/Angular/index.html     |   1 +
 .../List/ListWithSearchBar/Angular/index.html |   1 +
 JSDemos/Demos/List/WebAPI/Angular/index.html  |   1 +
 .../LoadIndicator/Overview/Angular/index.html |   1 +
 .../LoadPanel/Overview/Angular/index.html     |   1 +
 .../UsingGlobalize/Angular/index.html         |   1 +
 .../Localization/UsingIntl/Angular/index.html |   1 +
 .../Demos/Lookup/Basics/Angular/index.html    |   1 +
 .../Lookup/EventHandling/Angular/index.html   |   1 +
 .../Demos/Lookup/Templates/Angular/index.html |   1 +
 JSDemos/Demos/Map/Markers/Angular/index.html  |   1 +
 .../Map/ProvidersAndTypes/Angular/index.html  |   1 +
 JSDemos/Demos/Map/Routes/Angular/index.html   |   1 +
 .../Demos/Menu/Overview/Angular/index.html    |   1 +
 .../MultiView/Overview/Angular/index.html     |   1 +
 .../NumberBox/Formatting/Angular/index.html   |   1 +
 .../NumberBox/Overview/Angular/index.html     |   1 +
 .../ChartIntegration/Angular/index.html       |   1 +
 .../PivotGrid/DrillDown/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../ExcelJSOverview/Angular/index.html        |   1 +
 .../ExcelJsHeaderAndFooter/Angular/index.html |   1 +
 .../PivotGrid/FieldPanel/Angular/index.html   |   1 +
 .../PivotGrid/HeaderFilter/Angular/index.html |   1 +
 .../IntegratedFieldChooser/Angular/index.html |   1 +
 .../LayoutCustomization/Angular/index.html    |   1 +
 .../OLAPDataSource/Angular/index.html         |   1 +
 .../PivotGrid/Overview/Angular/index.html     |   1 +
 .../RemoteVirtualScrolling/Angular/index.html |   1 +
 .../RunningTotals/Angular/index.html          |   1 +
 .../PivotGrid/SimpleArray/Angular/index.html  |   1 +
 .../StandaloneFieldChooser/Angular/index.html |   1 +
 .../StatePersistence/Angular/index.html       |   1 +
 .../SummaryDisplayModes/Angular/index.html    |   1 +
 .../VirtualScrolling/Angular/index.html       |   1 +
 .../WebAPIService/Angular/index.html          |   1 +
 .../Demos/Popover/Overview/Angular/index.html |   1 +
 .../Demos/Popup/Overview/Angular/index.html   |   1 +
 .../Demos/Popup/Scrolling/Angular/index.html  |   1 +
 .../ProgressBar/Overview/Angular/index.html   |   1 +
 .../RadioGroup/Overview/Angular/index.html    |   1 +
 .../ChartOnBackground/Angular/index.html      |   1 +
 .../Angular/index.html                        |   1 +
 .../CustomFormatting/Angular/index.html       |   1 +
 .../Angular/index.html                        |   1 +
 .../DateTimeScale/Angular/index.html          |   1 +
 .../Angular/index.html                        |   1 +
 .../DiscreteScale/Angular/index.html          |   1 +
 .../ImageOnBackground/Angular/index.html      |   1 +
 .../LogarithmicScale/Angular/index.html       |   1 +
 .../NumericScale/Angular/index.html           |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../RangeSlider/Overview/Angular/index.html   |   1 +
 .../Resizable/Overview/Angular/index.html     |   1 +
 .../ResponsiveBox/Overview/Angular/index.html |   1 +
 .../Scheduler/Adaptability/Angular/index.html |   1 +
 .../Demos/Scheduler/Agenda/Angular/index.html |   1 +
 .../AllDayPanelMode/Angular/index.html        |   1 +
 .../Scheduler/BasicViews/Angular/index.html   |   1 +
 .../CellTemplates/Angular/index.html          |   1 +
 .../ContextMenuIntegration/Angular/index.html |   1 +
 .../CurrentTimeIndicator/Angular/index.html   |   1 +
 .../CustomDragAndDrop/Angular/index.html      |   1 +
 .../CustomTemplates/Angular/index.html        |   1 +
 .../Angular/index.html                        |   1 +
 .../Scheduler/Editing/Angular/index.html      |   1 +
 .../Angular/index.html                        |   1 +
 .../Scheduler/GroupByDate/Angular/index.html  |   1 +
 .../GroupOrientation/Angular/index.html       |   1 +
 .../IncreaseViewDuration/Angular/index.html   |   1 +
 .../Angular/index.html                        |   1 +
 .../Scheduler/Overview/Angular/index.html     |   1 +
 .../RecurringAppointments/Angular/index.html  |   1 +
 .../Scheduler/Resources/Angular/index.html    |   1 +
 .../SignalRService/Angular/index.html         |   1 +
 .../Scheduler/SimpleArray/Angular/index.html  |   1 +
 .../TimeZonesSupport/Angular/index.html       |   1 +
 .../Scheduler/Timelines/Angular/index.html    |   1 +
 .../VirtualScrolling/Angular/index.html       |   1 +
 .../WebAPIService/Angular/index.html          |   1 +
 .../ScrollView/Overview/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../SelectBox/GroupedItems/Angular/index.html |   1 +
 .../SelectBox/Overview/Angular/index.html     |   1 +
 .../SearchAndEditing/Angular/index.html       |   1 +
 .../Demos/Slider/Overview/Angular/index.html  |   1 +
 .../Sortable/Customization/Angular/index.html |   1 +
 .../Demos/Sortable/Kanban/Angular/index.html  |   1 +
 .../Demos/Switch/Overview/Angular/index.html  |   1 +
 .../TabPanel/Overview/Angular/index.html      |   1 +
 .../SortableClosableTabs/Angular/index.html   |   1 +
 .../TabPanel/Templates/Angular/index.html     |   1 +
 .../Demos/Tabs/Overview/Angular/index.html    |   1 +
 .../Demos/Tabs/Selection/Angular/index.html   |   1 +
 .../TagBox/GroupedItems/Angular/index.html    |   1 +
 .../Demos/TagBox/Overview/Angular/index.html  |   1 +
 .../TagCountLimitation/Angular/index.html     |   1 +
 .../TextArea/Overview/Angular/index.html      |   1 +
 .../Demos/TextBox/Overview/Angular/index.html |   1 +
 .../Demos/TileView/Basics/Angular/index.html  |   1 +
 .../TileView/Directions/Angular/index.html    |   1 +
 .../TileView/ItemTemplate/Angular/index.html  |   1 +
 .../Demos/Toast/Overview/Angular/index.html   |   1 +
 JSDemos/Demos/Toast/Stack/Angular/index.html  |   1 +
 .../Toolbar/Adaptability/Angular/index.html   |   1 +
 .../Demos/Toolbar/Overview/Angular/index.html |   1 +
 .../Demos/Tooltip/Overview/Angular/index.html |   1 +
 .../TreeList/Adaptability/Angular/index.html  |   1 +
 .../TreeList/BatchEditing/Angular/index.html  |   1 +
 .../TreeList/CellEditing/Angular/index.html   |   1 +
 .../TreeList/ColumnChooser/Angular/index.html |   1 +
 .../TreeList/ColumnFixing/Angular/index.html  |   1 +
 .../ColumnHeaderFilter/Angular/index.html     |   1 +
 .../Angular/index.html                        |   1 +
 .../TreeList/FilterModes/Angular/index.html   |   1 +
 .../TreeList/FilterPanel/Angular/index.html   |   1 +
 .../TreeList/FocusedRow/Angular/index.html    |   1 +
 .../TreeList/FormEditing/Angular/index.html   |   1 +
 .../KeyboardNavigation/Angular/index.html     |   1 +
 .../LoadDataOnDemand/Angular/index.html       |   1 +
 .../LocalReordering/Angular/index.html        |   1 +
 .../MultipleRowSelection/Angular/index.html   |   1 +
 .../MultipleSorting/Angular/index.html        |   1 +
 .../TreeList/Overview/Angular/index.html      |   1 +
 .../Demos/TreeList/Paging/Angular/index.html  |   1 +
 .../TreeList/PopupEditing/Angular/index.html  |   1 +
 .../TreeList/Reordering/Angular/index.html    |   1 +
 .../TreeList/Resizing/Angular/index.html      |   1 +
 .../TreeList/RowEditing/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../SingleRowSelection/Angular/index.html     |   1 +
 .../StatePersistence/Angular/index.html       |   1 +
 .../UsingFilterRow/Angular/index.html         |   1 +
 .../UsingSearchPanel/Angular/index.html       |   1 +
 .../TreeList/WebAPIService/Angular/index.html |   1 +
 .../ContextMenuIntegration/Angular/index.html |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../FlatDataStructure/Angular/index.html      |   1 +
 .../Angular/index.html                        |   1 +
 .../Angular/index.html                        |   1 +
 .../LoadDataOnDemand/Angular/index.html       |   1 +
 .../TreeViewWithSearchBar/Angular/index.html  |   1 +
 .../TreeView/VirtualMode/Angular/index.html   |   1 +
 .../Validation/Overview/Angular/index.html    |   1 +
 .../Angular/index.html                        |   1 +
 .../BubbleMarkers/Angular/index.html          |   1 +
 .../ColorsCustomization/Angular/index.html    |   1 +
 .../CustomAnnotations/Angular/index.html      |   1 +
 .../CustomMapData/Angular/index.html          |   1 +
 .../CustomProjection/Angular/index.html       |   1 +
 .../DynamicViewport/Angular/index.html        |   1 +
 .../VectorMap/FloorPlan/Angular/index.html    |   1 +
 .../VectorMap/ImageMarkers/Angular/index.html |   1 +
 .../MultipleLayers/Angular/index.html         |   1 +
 .../VectorMap/Overview/Angular/index.html     |   1 +
 .../VectorMap/Palette/Angular/index.html      |   1 +
 .../VectorMap/PieMarkers/Angular/index.html   |   1 +
 .../TooltipHTMLSupport/Angular/index.html     |   1 +
 .../ZoomingAndCentering/Angular/index.html    |   1 +
 JSDemos/configs/Angular/config.bundle.js      |   1 -
 JSDemos/configs/Angular/config.js             | 299 ++++++------------
 gulpfile.js/js.js                             |   6 +-
 package.json                                  |   1 +
 utils/bundle/changeExtension.js               |  39 +++
 utils/bundle/index.js                         |  14 +-
 utils/bundle/setDefaultExport.js              |  37 +++
 470 files changed, 649 insertions(+), 211 deletions(-)
 create mode 100644 utils/bundle/changeExtension.js
 create mode 100644 utils/bundle/setDefaultExport.js

diff --git a/JSDemos/Demos/Accordion/Overview/Angular/index.html b/JSDemos/Demos/Accordion/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Accordion/Overview/Angular/index.html
+++ b/JSDemos/Demos/Accordion/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ActionSheet/Basics/Angular/index.html b/JSDemos/Demos/ActionSheet/Basics/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ActionSheet/Basics/Angular/index.html
+++ b/JSDemos/Demos/ActionSheet/Basics/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ActionSheet/PopoverMode/Angular/index.html b/JSDemos/Demos/ActionSheet/PopoverMode/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ActionSheet/PopoverMode/Angular/index.html
+++ b/JSDemos/Demos/ActionSheet/PopoverMode/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Autocomplete/Overview/Angular/index.html b/JSDemos/Demos/Autocomplete/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Autocomplete/Overview/Angular/index.html
+++ b/JSDemos/Demos/Autocomplete/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Box/Overview/Angular/index.html b/JSDemos/Demos/Box/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Box/Overview/Angular/index.html
+++ b/JSDemos/Demos/Box/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Button/Icons/Angular/index.html b/JSDemos/Demos/Button/Icons/Angular/index.html
index 5d6cfe0128e..aa14ab5a752 100644
--- a/JSDemos/Demos/Button/Icons/Angular/index.html
+++ b/JSDemos/Demos/Button/Icons/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
diff --git a/JSDemos/Demos/Button/PredefinedTypes/Angular/index.html b/JSDemos/Demos/Button/PredefinedTypes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Button/PredefinedTypes/Angular/index.html
+++ b/JSDemos/Demos/Button/PredefinedTypes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ButtonGroup/Overview/Angular/index.html b/JSDemos/Demos/ButtonGroup/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ButtonGroup/Overview/Angular/index.html
+++ b/JSDemos/Demos/ButtonGroup/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Calendar/MultipleSelection/Angular/index.html b/JSDemos/Demos/Calendar/MultipleSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Calendar/MultipleSelection/Angular/index.html
+++ b/JSDemos/Demos/Calendar/MultipleSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Calendar/Overview/Angular/index.html b/JSDemos/Demos/Calendar/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Calendar/Overview/Angular/index.html
+++ b/JSDemos/Demos/Calendar/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/index.html b/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/index.html
+++ b/JSDemos/Demos/Charts/APIDisplayATooltip/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/APISelectAPoint/Angular/index.html b/JSDemos/Demos/Charts/APISelectAPoint/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/APISelectAPoint/Angular/index.html
+++ b/JSDemos/Demos/Charts/APISelectAPoint/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/AjaxRequest/Angular/index.html b/JSDemos/Demos/Charts/AjaxRequest/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/AjaxRequest/Angular/index.html
+++ b/JSDemos/Demos/Charts/AjaxRequest/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Annotation/Angular/index.html b/JSDemos/Demos/Charts/Annotation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Annotation/Angular/index.html
+++ b/JSDemos/Demos/Charts/Annotation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Area/Angular/index.html b/JSDemos/Demos/Charts/Area/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Area/Angular/index.html
+++ b/JSDemos/Demos/Charts/Area/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/AreaSparklines/Angular/index.html b/JSDemos/Demos/Charts/AreaSparklines/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/AreaSparklines/Angular/index.html
+++ b/JSDemos/Demos/Charts/AreaSparklines/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html b/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
+++ b/JSDemos/Demos/Charts/AutoCalculatedBarWidth/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/AxisCustomPosition/Angular/index.html b/JSDemos/Demos/Charts/AxisCustomPosition/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/AxisCustomPosition/Angular/index.html
+++ b/JSDemos/Demos/Charts/AxisCustomPosition/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/index.html b/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/index.html
+++ b/JSDemos/Demos/Charts/AxisLabelsOverlapping/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/index.html b/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/index.html
index 7a6edd7f8f5..c26e03d910d 100644
--- a/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/index.html
+++ b/JSDemos/Demos/Charts/AxisLabelsTemplates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/BarSparklines/Angular/index.html b/JSDemos/Demos/Charts/BarSparklines/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/BarSparklines/Angular/index.html
+++ b/JSDemos/Demos/Charts/BarSparklines/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/index.html b/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/BiDirectionalBarChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Bubble/Angular/index.html b/JSDemos/Demos/Charts/Bubble/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Bubble/Angular/index.html
+++ b/JSDemos/Demos/Charts/Bubble/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Candlestick/Angular/index.html b/JSDemos/Demos/Charts/Candlestick/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Candlestick/Angular/index.html
+++ b/JSDemos/Demos/Charts/Candlestick/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ChartsDrillDown/Angular/index.html b/JSDemos/Demos/Charts/ChartsDrillDown/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ChartsDrillDown/Angular/index.html
+++ b/JSDemos/Demos/Charts/ChartsDrillDown/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/index.html b/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
+++ b/JSDemos/Demos/Charts/ClientSideDataProcessing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ColorEachBar/Angular/index.html b/JSDemos/Demos/Charts/ColorEachBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ColorEachBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/ColorEachBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Colorization/Angular/index.html b/JSDemos/Demos/Charts/Colorization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Colorization/Angular/index.html
+++ b/JSDemos/Demos/Charts/Colorization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ContinuousData/Angular/index.html b/JSDemos/Demos/Charts/ContinuousData/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ContinuousData/Angular/index.html
+++ b/JSDemos/Demos/Charts/ContinuousData/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Crosshair/Angular/index.html b/JSDemos/Demos/Charts/Crosshair/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Crosshair/Angular/index.html
+++ b/JSDemos/Demos/Charts/Crosshair/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/CustomAnnotations/Angular/index.html b/JSDemos/Demos/Charts/CustomAnnotations/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/CustomAnnotations/Angular/index.html
+++ b/JSDemos/Demos/Charts/CustomAnnotations/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/CustomBarWidth/Angular/index.html b/JSDemos/Demos/Charts/CustomBarWidth/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/CustomBarWidth/Angular/index.html
+++ b/JSDemos/Demos/Charts/CustomBarWidth/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/index.html b/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/index.html
+++ b/JSDemos/Demos/Charts/CustomLegendMarkers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html b/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
+++ b/JSDemos/Demos/Charts/CustomizePointsAndLabels/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DiscreteAggregation/Angular/index.html b/JSDemos/Demos/Charts/DiscreteAggregation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DiscreteAggregation/Angular/index.html
+++ b/JSDemos/Demos/Charts/DiscreteAggregation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html b/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
+++ b/JSDemos/Demos/Charts/DiscreteAxisZoomingAndScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DiscreteData/Angular/index.html b/JSDemos/Demos/Charts/DiscreteData/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DiscreteData/Angular/index.html
+++ b/JSDemos/Demos/Charts/DiscreteData/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Doughnut/Angular/index.html b/JSDemos/Demos/Charts/Doughnut/Angular/index.html
index 5f191c3526e..67dc49af9da 100644
--- a/JSDemos/Demos/Charts/Doughnut/Angular/index.html
+++ b/JSDemos/Demos/Charts/Doughnut/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DoughnutSelection/Angular/index.html b/JSDemos/Demos/Charts/DoughnutSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DoughnutSelection/Angular/index.html
+++ b/JSDemos/Demos/Charts/DoughnutSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/index.html b/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/index.html
+++ b/JSDemos/Demos/Charts/DoughnutWithCustomLabelInCenter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html b/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
+++ b/JSDemos/Demos/Charts/DoughnutWithTopNSeries/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/DrillDown/Angular/index.html b/JSDemos/Demos/Charts/DrillDown/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/DrillDown/Angular/index.html
+++ b/JSDemos/Demos/Charts/DrillDown/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ErrorBars/Angular/index.html b/JSDemos/Demos/Charts/ErrorBars/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ErrorBars/Angular/index.html
+++ b/JSDemos/Demos/Charts/ErrorBars/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html b/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
+++ b/JSDemos/Demos/Charts/ExportAndPrintingAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/index.html b/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/index.html
+++ b/JSDemos/Demos/Charts/ExportCustomMarkup/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/index.html b/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/index.html
+++ b/JSDemos/Demos/Charts/ExportSeveralCharts/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/FlatDataStructure/Angular/index.html b/JSDemos/Demos/Charts/FlatDataStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/FlatDataStructure/Angular/index.html
+++ b/JSDemos/Demos/Charts/FlatDataStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/FullStackedBar/Angular/index.html b/JSDemos/Demos/Charts/FullStackedBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/FullStackedBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/FullStackedBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/FunnelChart/Angular/index.html b/JSDemos/Demos/Charts/FunnelChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/FunnelChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/FunnelChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/index.html b/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
+++ b/JSDemos/Demos/Charts/HierarchicalDataStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/HoverMode/Angular/index.html b/JSDemos/Demos/Charts/HoverMode/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/HoverMode/Angular/index.html
+++ b/JSDemos/Demos/Charts/HoverMode/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/InvertedChart/Angular/index.html b/JSDemos/Demos/Charts/InvertedChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/InvertedChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/InvertedChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Line/Angular/index.html b/JSDemos/Demos/Charts/Line/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Line/Angular/index.html
+++ b/JSDemos/Demos/Charts/Line/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/index.html b/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/index.html
+++ b/JSDemos/Demos/Charts/LoadDataOnDemand/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/LogarithmicAxis/Angular/index.html b/JSDemos/Demos/Charts/LogarithmicAxis/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/LogarithmicAxis/Angular/index.html
+++ b/JSDemos/Demos/Charts/LogarithmicAxis/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html b/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
+++ b/JSDemos/Demos/Charts/LogarithmicVsLinearAxes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/MultipleAxes/Angular/index.html b/JSDemos/Demos/Charts/MultipleAxes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/MultipleAxes/Angular/index.html
+++ b/JSDemos/Demos/Charts/MultipleAxes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/MultiplePanes/Angular/index.html b/JSDemos/Demos/Charts/MultiplePanes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/MultiplePanes/Angular/index.html
+++ b/JSDemos/Demos/Charts/MultiplePanes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/MultiplePointSelection/Angular/index.html b/JSDemos/Demos/Charts/MultiplePointSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/MultiplePointSelection/Angular/index.html
+++ b/JSDemos/Demos/Charts/MultiplePointSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/index.html b/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
+++ b/JSDemos/Demos/Charts/MultipleSeriesSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/NullPointSupport/Angular/index.html b/JSDemos/Demos/Charts/NullPointSupport/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/NullPointSupport/Angular/index.html
+++ b/JSDemos/Demos/Charts/NullPointSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Overview/Angular/index.html b/JSDemos/Demos/Charts/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Overview/Angular/index.html
+++ b/JSDemos/Demos/Charts/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Palette/Angular/index.html b/JSDemos/Demos/Charts/Palette/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Palette/Angular/index.html
+++ b/JSDemos/Demos/Charts/Palette/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ParetoChart/Angular/index.html b/JSDemos/Demos/Charts/ParetoChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ParetoChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/ParetoChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PeriodicData/Angular/index.html b/JSDemos/Demos/Charts/PeriodicData/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PeriodicData/Angular/index.html
+++ b/JSDemos/Demos/Charts/PeriodicData/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Pie/Angular/index.html b/JSDemos/Demos/Charts/Pie/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Pie/Angular/index.html
+++ b/JSDemos/Demos/Charts/Pie/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PieWithAnnotations/Angular/index.html b/JSDemos/Demos/Charts/PieWithAnnotations/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PieWithAnnotations/Angular/index.html
+++ b/JSDemos/Demos/Charts/PieWithAnnotations/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/index.html b/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/index.html
+++ b/JSDemos/Demos/Charts/PieWithCustomLabels/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/index.html b/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/index.html
+++ b/JSDemos/Demos/Charts/PieWithCustomStyles/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/index.html b/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
+++ b/JSDemos/Demos/Charts/PieWithMultipleSeries/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/index.html b/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/index.html
+++ b/JSDemos/Demos/Charts/PieWithResolvedLabelOverlapping/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/index.html b/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/index.html
+++ b/JSDemos/Demos/Charts/PieWithSmallValuesGrouped/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/index.html b/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/index.html
+++ b/JSDemos/Demos/Charts/PiesWithEqualSize/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PointImage/Angular/index.html b/JSDemos/Demos/Charts/PointImage/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PointImage/Angular/index.html
+++ b/JSDemos/Demos/Charts/PointImage/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PointsAggregation/Angular/index.html b/JSDemos/Demos/Charts/PointsAggregation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PointsAggregation/Angular/index.html
+++ b/JSDemos/Demos/Charts/PointsAggregation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html b/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/PointsAggregationFinancialChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/index.html b/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/index.html
+++ b/JSDemos/Demos/Charts/PolarChartAnnotations/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html b/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
+++ b/JSDemos/Demos/Charts/PolarChartZoomingAndScrollingAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/PyramidChart/Angular/index.html b/JSDemos/Demos/Charts/PyramidChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/PyramidChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/PyramidChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/RangeArea/Angular/index.html b/JSDemos/Demos/Charts/RangeArea/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/RangeArea/Angular/index.html
+++ b/JSDemos/Demos/Charts/RangeArea/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/RangeBar/Angular/index.html b/JSDemos/Demos/Charts/RangeBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/RangeBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/RangeBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SankeyChart/Angular/index.html b/JSDemos/Demos/Charts/SankeyChart/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SankeyChart/Angular/index.html
+++ b/JSDemos/Demos/Charts/SankeyChart/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ScaleBreaks/Angular/index.html b/JSDemos/Demos/Charts/ScaleBreaks/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ScaleBreaks/Angular/index.html
+++ b/JSDemos/Demos/Charts/ScaleBreaks/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Scatter/Angular/index.html b/JSDemos/Demos/Charts/Scatter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Scatter/Angular/index.html
+++ b/JSDemos/Demos/Charts/Scatter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Selection/Angular/index.html b/JSDemos/Demos/Charts/Selection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Selection/Angular/index.html
+++ b/JSDemos/Demos/Charts/Selection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SeriesTemplates/Angular/index.html b/JSDemos/Demos/Charts/SeriesTemplates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SeriesTemplates/Angular/index.html
+++ b/JSDemos/Demos/Charts/SeriesTemplates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/index.html b/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
+++ b/JSDemos/Demos/Charts/ServerSideDataProcessing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SideBySideBar/Angular/index.html b/JSDemos/Demos/Charts/SideBySideBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SideBySideBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/SideBySideBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html b/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/SideBySideFullStackedBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/index.html b/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/SideBySideStackedBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SignalRService/Angular/index.html b/JSDemos/Demos/Charts/SignalRService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SignalRService/Angular/index.html
+++ b/JSDemos/Demos/Charts/SignalRService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SimpleArray/Angular/index.html b/JSDemos/Demos/Charts/SimpleArray/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SimpleArray/Angular/index.html
+++ b/JSDemos/Demos/Charts/SimpleArray/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SimpleBullets/Angular/index.html b/JSDemos/Demos/Charts/SimpleBullets/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SimpleBullets/Angular/index.html
+++ b/JSDemos/Demos/Charts/SimpleBullets/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SimpleSparklines/Angular/index.html b/JSDemos/Demos/Charts/SimpleSparklines/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SimpleSparklines/Angular/index.html
+++ b/JSDemos/Demos/Charts/SimpleSparklines/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SpiderWeb/Angular/index.html b/JSDemos/Demos/Charts/SpiderWeb/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SpiderWeb/Angular/index.html
+++ b/JSDemos/Demos/Charts/SpiderWeb/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Spline/Angular/index.html b/JSDemos/Demos/Charts/Spline/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Spline/Angular/index.html
+++ b/JSDemos/Demos/Charts/Spline/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/SplineArea/Angular/index.html b/JSDemos/Demos/Charts/SplineArea/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/SplineArea/Angular/index.html
+++ b/JSDemos/Demos/Charts/SplineArea/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/StackedBar/Angular/index.html b/JSDemos/Demos/Charts/StackedBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/StackedBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/StackedBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/StandardBar/Angular/index.html b/JSDemos/Demos/Charts/StandardBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/StandardBar/Angular/index.html
+++ b/JSDemos/Demos/Charts/StandardBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/StepArea/Angular/index.html b/JSDemos/Demos/Charts/StepArea/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/StepArea/Angular/index.html
+++ b/JSDemos/Demos/Charts/StepArea/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/StepLine/Angular/index.html b/JSDemos/Demos/Charts/StepLine/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/StepLine/Angular/index.html
+++ b/JSDemos/Demos/Charts/StepLine/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Stock/Angular/index.html b/JSDemos/Demos/Charts/Stock/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Stock/Angular/index.html
+++ b/JSDemos/Demos/Charts/Stock/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Strips/Angular/index.html b/JSDemos/Demos/Charts/Strips/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Strips/Angular/index.html
+++ b/JSDemos/Demos/Charts/Strips/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/TilingAlgorithms/Angular/index.html b/JSDemos/Demos/Charts/TilingAlgorithms/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/TilingAlgorithms/Angular/index.html
+++ b/JSDemos/Demos/Charts/TilingAlgorithms/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/Timeline/Angular/index.html b/JSDemos/Demos/Charts/Timeline/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/Timeline/Angular/index.html
+++ b/JSDemos/Demos/Charts/Timeline/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/index.html b/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/index.html
+++ b/JSDemos/Demos/Charts/TooltipHTMLSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/WindRose/Angular/index.html b/JSDemos/Demos/Charts/WindRose/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/WindRose/Angular/index.html
+++ b/JSDemos/Demos/Charts/WindRose/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/WinlossSparklines/Angular/index.html b/JSDemos/Demos/Charts/WinlossSparklines/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/WinlossSparklines/Angular/index.html
+++ b/JSDemos/Demos/Charts/WinlossSparklines/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/index.html b/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
+++ b/JSDemos/Demos/Charts/ZoomingAndScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html b/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
+++ b/JSDemos/Demos/Charts/ZoomingAndScrollingAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/index.html b/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/index.html
+++ b/JSDemos/Demos/Charts/ZoomingOnAreaSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/CheckBox/Overview/Angular/index.html b/JSDemos/Demos/CheckBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/CheckBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/CheckBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ColorBox/Overview/Angular/index.html b/JSDemos/Demos/ColorBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ColorBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/ColorBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/ActionAndListsOverview/Angular/index.html b/JSDemos/Demos/Common/ActionAndListsOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/ActionAndListsOverview/Angular/index.html
+++ b/JSDemos/Demos/Common/ActionAndListsOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/index.html b/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/index.html
+++ b/JSDemos/Demos/Common/CustomTextEditorButtons/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/index.html b/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/index.html
+++ b/JSDemos/Demos/Common/DialogsAndNotificationsOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/index.html b/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/index.html
+++ b/JSDemos/Demos/Common/EditorAppearanceVariants/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/EditorsOverview/Angular/index.html b/JSDemos/Demos/Common/EditorsOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/EditorsOverview/Angular/index.html
+++ b/JSDemos/Demos/Common/EditorsOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html b/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html
+++ b/JSDemos/Demos/Common/EditorsRightToLeftSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/index.html b/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/index.html
+++ b/JSDemos/Demos/Common/FormsAndMultiPurposeOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/NavigationOverview/Angular/index.html b/JSDemos/Demos/Common/NavigationOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/NavigationOverview/Angular/index.html
+++ b/JSDemos/Demos/Common/NavigationOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html b/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html
+++ b/JSDemos/Demos/Common/NavigationRightToLeftSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ContextMenu/Basics/Angular/index.html b/JSDemos/Demos/ContextMenu/Basics/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ContextMenu/Basics/Angular/index.html
+++ b/JSDemos/Demos/ContextMenu/Basics/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ContextMenu/Templates/Angular/index.html b/JSDemos/Demos/ContextMenu/Templates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ContextMenu/Templates/Angular/index.html
+++ b/JSDemos/Demos/ContextMenu/Templates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html b/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/AdvancedMasterDetailView/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/AjaxRequest/Angular/index.html b/JSDemos/Demos/DataGrid/AjaxRequest/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/AjaxRequest/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/AjaxRequest/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/Appearance/Angular/index.html b/JSDemos/Demos/DataGrid/Appearance/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/Appearance/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/Appearance/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/BatchEditing/Angular/index.html b/JSDemos/Demos/DataGrid/BatchEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/BatchEditing/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/BatchEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html b/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/BatchUpdateRequest/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CRUDOperations/Angular/index.html b/JSDemos/Demos/DataGrid/CRUDOperations/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CRUDOperations/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CRUDOperations/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CascadingLookups/Angular/index.html b/JSDemos/Demos/DataGrid/CascadingLookups/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CascadingLookups/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CascadingLookups/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CellCustomization/Angular/index.html b/JSDemos/Demos/DataGrid/CellCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CellCustomization/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CellCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/index.html b/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/index.html b/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CollaborativeEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ColumnChooser/Angular/index.html b/JSDemos/Demos/DataGrid/ColumnChooser/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ColumnChooser/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ColumnChooser/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/index.html b/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ColumnCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html b/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ColumnHeaderFilter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ColumnResizing/Angular/index.html b/JSDemos/Demos/DataGrid/ColumnResizing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ColumnResizing/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ColumnResizing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/index.html b/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ColumnTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/index.html b/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ColumnsBasedOnADataSource/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/index.html b/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CommandColumnCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CustomDataSource/Angular/index.html b/JSDemos/Demos/DataGrid/CustomDataSource/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CustomDataSource/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CustomDataSource/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CustomEditors/Angular/index.html b/JSDemos/Demos/DataGrid/CustomEditors/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CustomEditors/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CustomEditors/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/index.html b/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CustomNewRecordPosition/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CustomSummaries/Angular/index.html b/JSDemos/Demos/DataGrid/CustomSummaries/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/CustomSummaries/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CustomSummaries/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html b/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/CustomizeKeyboardNavigation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/DataValidation/Angular/index.html b/JSDemos/Demos/DataGrid/DataValidation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/DataValidation/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/DataValidation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/DeferredSelection/Angular/index.html b/JSDemos/Demos/DataGrid/DeferredSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/DeferredSelection/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/DeferredSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html b/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/DnDBetweenGrids/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/EditStateManagement/Angular/index.html b/JSDemos/Demos/DataGrid/EditStateManagement/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/EditStateManagement/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/EditStateManagement/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html b/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ExcelJSCellCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html b/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ExcelJSExportImages/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html b/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ExcelJSExportMultipleGrids/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html b/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ExcelJSHeaderAndFooter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/index.html b/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ExcelJSOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/FilterPanel/Angular/index.html b/JSDemos/Demos/DataGrid/FilterPanel/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/DataGrid/FilterPanel/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/FilterPanel/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/Filtering/Angular/index.html b/JSDemos/Demos/DataGrid/Filtering/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/DataGrid/Filtering/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/Filtering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/FilteringAPI/Angular/index.html b/JSDemos/Demos/DataGrid/FilteringAPI/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/DataGrid/FilteringAPI/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/FilteringAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/FocusedRow/Angular/index.html b/JSDemos/Demos/DataGrid/FocusedRow/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/FocusedRow/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/FocusedRow/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/FormEditing/Angular/index.html b/JSDemos/Demos/DataGrid/FormEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/FormEditing/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/FormEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html b/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/GridAdaptabilityOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/index.html b/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/GridColumnsHidingPriority/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/GridSummaries/Angular/index.html b/JSDemos/Demos/DataGrid/GridSummaries/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/GridSummaries/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/GridSummaries/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/GroupSummaries/Angular/index.html b/JSDemos/Demos/DataGrid/GroupSummaries/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/GroupSummaries/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/GroupSummaries/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html b/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/HorizontalVirtualScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/index.html b/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/InfiniteScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/index.html b/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/KeyboardNavigation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/LocalReordering/Angular/index.html b/JSDemos/Demos/DataGrid/LocalReordering/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/LocalReordering/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/LocalReordering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/index.html b/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/MasterDetailAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/MasterDetailView/Angular/index.html b/JSDemos/Demos/DataGrid/MasterDetailView/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/MasterDetailView/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/MasterDetailView/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html b/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/MultiRowHeadersBands/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html b/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/MultipleRecordSelectionAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html b/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/MultipleRecordSelectionModes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/MultipleSorting/Angular/index.html b/JSDemos/Demos/DataGrid/MultipleSorting/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/DataGrid/MultipleSorting/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/MultipleSorting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/OdataService/Angular/index.html b/JSDemos/Demos/DataGrid/OdataService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/OdataService/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/OdataService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/Overview/Angular/index.html b/JSDemos/Demos/DataGrid/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/Overview/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/index.html b/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/PDFCellCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/PDFExportImages/Angular/index.html b/JSDemos/Demos/DataGrid/PDFExportImages/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/PDFExportImages/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/PDFExportImages/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html b/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/PDFExportMultipleGrids/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html b/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/PDFHeaderAndFooter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/PDFOverview/Angular/index.html b/JSDemos/Demos/DataGrid/PDFOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/PDFOverview/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/PDFOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/PopupEditing/Angular/index.html b/JSDemos/Demos/DataGrid/PopupEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/PopupEditing/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/PopupEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/index.html b/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RealTimeUpdates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html b/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RecalculateWhileEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RecordGrouping/Angular/index.html b/JSDemos/Demos/DataGrid/RecordGrouping/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RecordGrouping/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RecordGrouping/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RecordPaging/Angular/index.html b/JSDemos/Demos/DataGrid/RecordPaging/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RecordPaging/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RecordPaging/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/index.html b/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RemoteGrouping/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RemoteReordering/Angular/index.html b/JSDemos/Demos/DataGrid/RemoteReordering/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RemoteReordering/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RemoteReordering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html b/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RemoteVirtualScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/index.html b/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RightToLeftSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/index.html b/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RowEditingAndEditingEvents/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RowSelection/Angular/index.html b/JSDemos/Demos/DataGrid/RowSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RowSelection/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RowSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/RowTemplate/Angular/index.html b/JSDemos/Demos/DataGrid/RowTemplate/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/RowTemplate/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/RowTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/SignalRService/Angular/index.html b/JSDemos/Demos/DataGrid/SignalRService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/SignalRService/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/SignalRService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/SimpleArray/Angular/index.html b/JSDemos/Demos/DataGrid/SimpleArray/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/SimpleArray/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/SimpleArray/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/StatePersistence/Angular/index.html b/JSDemos/Demos/DataGrid/StatePersistence/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/StatePersistence/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/StatePersistence/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/index.html b/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/ToolbarCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/index.html b/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/VirtualScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DataGrid/WebAPIService/Angular/index.html b/JSDemos/Demos/DataGrid/WebAPIService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DataGrid/WebAPIService/Angular/index.html
+++ b/JSDemos/Demos/DataGrid/WebAPIService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DateBox/Formatting/Angular/index.html b/JSDemos/Demos/DateBox/Formatting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DateBox/Formatting/Angular/index.html
+++ b/JSDemos/Demos/DateBox/Formatting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DateBox/Overview/Angular/index.html b/JSDemos/Demos/DateBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DateBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/DateBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DateRangeBox/Formatting/Angular/index.html b/JSDemos/Demos/DateRangeBox/Formatting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DateRangeBox/Formatting/Angular/index.html
+++ b/JSDemos/Demos/DateRangeBox/Formatting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DateRangeBox/Overview/Angular/index.html b/JSDemos/Demos/DateRangeBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DateRangeBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/DateRangeBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Diagram/Adaptability/Angular/index.html b/JSDemos/Demos/Diagram/Adaptability/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/Adaptability/Angular/index.html
+++ b/JSDemos/Demos/Diagram/Adaptability/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html b/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
+++ b/JSDemos/Demos/Diagram/AdvancedDataBinding/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/Containers/Angular/index.html b/JSDemos/Demos/Diagram/Containers/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/Containers/Angular/index.html
+++ b/JSDemos/Demos/Diagram/Containers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithIcons/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTemplatesWithEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
+++ b/JSDemos/Demos/Diagram/CustomShapesWithTexts/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html b/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html
+++ b/JSDemos/Demos/Diagram/ImagesInShapes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html b/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html
+++ b/JSDemos/Demos/Diagram/ItemSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
+++ b/JSDemos/Demos/Diagram/NodesAndEdgesArrays/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayHierarchicalStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
+++ b/JSDemos/Demos/Diagram/NodesArrayPlainStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html b/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html
+++ b/JSDemos/Demos/Diagram/OperationRestrictions/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/Overview/Angular/index.html b/JSDemos/Demos/Diagram/Overview/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/Overview/Angular/index.html
+++ b/JSDemos/Demos/Diagram/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html b/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html
+++ b/JSDemos/Demos/Diagram/ReadOnly/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/SimpleView/Angular/index.html b/JSDemos/Demos/Diagram/SimpleView/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/SimpleView/Angular/index.html
+++ b/JSDemos/Demos/Diagram/SimpleView/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/UICustomization/Angular/index.html b/JSDemos/Demos/Diagram/UICustomization/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/UICustomization/Angular/index.html
+++ b/JSDemos/Demos/Diagram/UICustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html b/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html
index e01cf6fbc9a..8ef5e7f6989 100644
--- a/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html
+++ b/JSDemos/Demos/Diagram/WebAPIService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-diagram/dist/dx-diagram.css" />
 
diff --git a/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/index.html b/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/index.html
index 5d6cfe0128e..aa14ab5a752 100644
--- a/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/index.html
+++ b/JSDemos/Demos/Drawer/LeftOrRightPosition/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
diff --git a/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/index.html b/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/index.html
index 5d6cfe0128e..aa14ab5a752 100644
--- a/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/index.html
+++ b/JSDemos/Demos/Drawer/TopOrBottomPosition/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
diff --git a/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/index.html b/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/index.html
+++ b/JSDemos/Demos/DropDownBox/MultipleSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DropDownBox/SingleSelection/Angular/index.html b/JSDemos/Demos/DropDownBox/SingleSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DropDownBox/SingleSelection/Angular/index.html
+++ b/JSDemos/Demos/DropDownBox/SingleSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/DropDownButton/Overview/Angular/index.html b/JSDemos/Demos/DropDownButton/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/DropDownButton/Overview/Angular/index.html
+++ b/JSDemos/Demos/DropDownButton/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FieldSet/Overview/Angular/index.html b/JSDemos/Demos/FieldSet/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FieldSet/Overview/Angular/index.html
+++ b/JSDemos/Demos/FieldSet/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FileManager/AzureClientBinding/Angular/index.html b/JSDemos/Demos/FileManager/AzureClientBinding/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/AzureClientBinding/Angular/index.html
+++ b/JSDemos/Demos/FileManager/AzureClientBinding/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/AzureServerBinding/Angular/index.html b/JSDemos/Demos/FileManager/AzureServerBinding/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/AzureServerBinding/Angular/index.html
+++ b/JSDemos/Demos/FileManager/AzureServerBinding/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/BindingToEF/Angular/index.html b/JSDemos/Demos/FileManager/BindingToEF/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/BindingToEF/Angular/index.html
+++ b/JSDemos/Demos/FileManager/BindingToEF/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/index.html b/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/index.html
+++ b/JSDemos/Demos/FileManager/BindingToFileSystem/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html b/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
+++ b/JSDemos/Demos/FileManager/BindingToHierarchicalStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/CustomThumbnails/Angular/index.html b/JSDemos/Demos/FileManager/CustomThumbnails/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/CustomThumbnails/Angular/index.html
+++ b/JSDemos/Demos/FileManager/CustomThumbnails/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/Overview/Angular/index.html b/JSDemos/Demos/FileManager/Overview/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileManager/Overview/Angular/index.html
+++ b/JSDemos/Demos/FileManager/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileManager/UICustomization/Angular/index.html b/JSDemos/Demos/FileManager/UICustomization/Angular/index.html
index ae7920a7ef0..56f752eedb9 100644
--- a/JSDemos/Demos/FileManager/UICustomization/Angular/index.html
+++ b/JSDemos/Demos/FileManager/UICustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/index.html b/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/index.html
index d2bbae782df..393a2cffd1c 100644
--- a/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/index.html
+++ b/JSDemos/Demos/FileUploader/AzureDirectUploading/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/FileUploader/ChunkUploading/Angular/index.html b/JSDemos/Demos/FileUploader/ChunkUploading/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FileUploader/ChunkUploading/Angular/index.html
+++ b/JSDemos/Demos/FileUploader/ChunkUploading/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FileUploader/CustomDropzone/Angular/index.html b/JSDemos/Demos/FileUploader/CustomDropzone/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FileUploader/CustomDropzone/Angular/index.html
+++ b/JSDemos/Demos/FileUploader/CustomDropzone/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FileUploader/FileSelection/Angular/index.html b/JSDemos/Demos/FileUploader/FileSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FileUploader/FileSelection/Angular/index.html
+++ b/JSDemos/Demos/FileUploader/FileSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FileUploader/FileUploading/Angular/index.html b/JSDemos/Demos/FileUploader/FileUploading/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FileUploader/FileUploading/Angular/index.html
+++ b/JSDemos/Demos/FileUploader/FileUploading/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FileUploader/Validation/Angular/index.html b/JSDemos/Demos/FileUploader/Validation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FileUploader/Validation/Angular/index.html
+++ b/JSDemos/Demos/FileUploader/Validation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/FilterBuilder/Customization/Angular/index.html b/JSDemos/Demos/FilterBuilder/Customization/Angular/index.html
index 5d6cfe0128e..aa14ab5a752 100644
--- a/JSDemos/Demos/FilterBuilder/Customization/Angular/index.html
+++ b/JSDemos/Demos/FilterBuilder/Customization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
diff --git a/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/index.html b/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
index 5d6cfe0128e..aa14ab5a752 100644
--- a/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
+++ b/JSDemos/Demos/FilterBuilder/WithDataGrid/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
diff --git a/JSDemos/Demos/FilterBuilder/WithList/Angular/index.html b/JSDemos/Demos/FilterBuilder/WithList/Angular/index.html
index 5d6cfe0128e..aa14ab5a752 100644
--- a/JSDemos/Demos/FilterBuilder/WithList/Angular/index.html
+++ b/JSDemos/Demos/FilterBuilder/WithList/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 
diff --git a/JSDemos/Demos/FloatingActionButton/Overview/Angular/index.html b/JSDemos/Demos/FloatingActionButton/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/FloatingActionButton/Overview/Angular/index.html
+++ b/JSDemos/Demos/FloatingActionButton/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Form/ColumnsAdaptability/Angular/index.html b/JSDemos/Demos/Form/ColumnsAdaptability/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Form/ColumnsAdaptability/Angular/index.html
+++ b/JSDemos/Demos/Form/ColumnsAdaptability/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Form/CustomizeItem/Angular/index.html b/JSDemos/Demos/Form/CustomizeItem/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Form/CustomizeItem/Angular/index.html
+++ b/JSDemos/Demos/Form/CustomizeItem/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Form/GroupedFields/Angular/index.html b/JSDemos/Demos/Form/GroupedFields/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Form/GroupedFields/Angular/index.html
+++ b/JSDemos/Demos/Form/GroupedFields/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Form/Overview/Angular/index.html b/JSDemos/Demos/Form/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Form/Overview/Angular/index.html
+++ b/JSDemos/Demos/Form/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/index.html b/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/index.html
+++ b/JSDemos/Demos/Form/UpdateItemsDynamically/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Form/Validation/Angular/index.html b/JSDemos/Demos/Form/Validation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Form/Validation/Angular/index.html
+++ b/JSDemos/Demos/Form/Validation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gallery/ItemTemplate/Angular/index.html b/JSDemos/Demos/Gallery/ItemTemplate/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gallery/ItemTemplate/Angular/index.html
+++ b/JSDemos/Demos/Gallery/ItemTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gallery/Overview/Angular/index.html b/JSDemos/Demos/Gallery/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gallery/Overview/Angular/index.html
+++ b/JSDemos/Demos/Gallery/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gantt/ChartAppearance/Angular/index.html b/JSDemos/Demos/Gantt/ChartAppearance/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/ChartAppearance/Angular/index.html
+++ b/JSDemos/Demos/Gantt/ChartAppearance/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/ContextMenu/Angular/index.html b/JSDemos/Demos/Gantt/ContextMenu/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/ContextMenu/Angular/index.html
+++ b/JSDemos/Demos/Gantt/ContextMenu/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/DataBinding/Angular/index.html b/JSDemos/Demos/Gantt/DataBinding/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/DataBinding/Angular/index.html
+++ b/JSDemos/Demos/Gantt/DataBinding/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/ExportToPDF/Angular/index.html b/JSDemos/Demos/Gantt/ExportToPDF/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/ExportToPDF/Angular/index.html
+++ b/JSDemos/Demos/Gantt/ExportToPDF/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/FilterRow/Angular/index.html b/JSDemos/Demos/Gantt/FilterRow/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/FilterRow/Angular/index.html
+++ b/JSDemos/Demos/Gantt/FilterRow/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/HeaderFilter/Angular/index.html b/JSDemos/Demos/Gantt/HeaderFilter/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/HeaderFilter/Angular/index.html
+++ b/JSDemos/Demos/Gantt/HeaderFilter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/Overview/Angular/index.html b/JSDemos/Demos/Gantt/Overview/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/Overview/Angular/index.html
+++ b/JSDemos/Demos/Gantt/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/Sorting/Angular/index.html b/JSDemos/Demos/Gantt/Sorting/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/Sorting/Angular/index.html
+++ b/JSDemos/Demos/Gantt/Sorting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/StripLines/Angular/index.html b/JSDemos/Demos/Gantt/StripLines/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/StripLines/Angular/index.html
+++ b/JSDemos/Demos/Gantt/StripLines/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/TaskTemplate/Angular/index.html b/JSDemos/Demos/Gantt/TaskTemplate/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/TaskTemplate/Angular/index.html
+++ b/JSDemos/Demos/Gantt/TaskTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/Toolbar/Angular/index.html b/JSDemos/Demos/Gantt/Toolbar/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/Toolbar/Angular/index.html
+++ b/JSDemos/Demos/Gantt/Toolbar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gantt/Validation/Angular/index.html b/JSDemos/Demos/Gantt/Validation/Angular/index.html
index 235fff0fabd..011cb5ba9e1 100644
--- a/JSDemos/Demos/Gantt/Validation/Angular/index.html
+++ b/JSDemos/Demos/Gantt/Validation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devexpress-gantt/dist/dx-gantt.css" />
 
diff --git a/JSDemos/Demos/Gauges/AnglesCustomization/Angular/index.html b/JSDemos/Demos/Gauges/AnglesCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/AnglesCustomization/Angular/index.html
+++ b/JSDemos/Demos/Gauges/AnglesCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/index.html b/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/index.html
+++ b/JSDemos/Demos/Gauges/BaseValueForRangeBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/CustomLayout/Angular/index.html b/JSDemos/Demos/Gauges/CustomLayout/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/CustomLayout/Angular/index.html
+++ b/JSDemos/Demos/Gauges/CustomLayout/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html b/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
+++ b/JSDemos/Demos/Gauges/CustomLayoutLinearGauge/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
+++ b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
+++ b/JSDemos/Demos/Gauges/DifferentSubvalueIndicatorTypesLinearGauge/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
+++ b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
+++ b/JSDemos/Demos/Gauges/DifferentValueIndicatorTypesLinearGauge/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html b/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
+++ b/JSDemos/Demos/Gauges/GaugeTitleCustomized/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/GaugeTooltip/Angular/index.html b/JSDemos/Demos/Gauges/GaugeTooltip/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/GaugeTooltip/Angular/index.html
+++ b/JSDemos/Demos/Gauges/GaugeTooltip/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/LabelsCustomization/Angular/index.html b/JSDemos/Demos/Gauges/LabelsCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/LabelsCustomization/Angular/index.html
+++ b/JSDemos/Demos/Gauges/LabelsCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/Overview/Angular/index.html b/JSDemos/Demos/Gauges/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/Overview/Angular/index.html
+++ b/JSDemos/Demos/Gauges/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/Palette/Angular/index.html b/JSDemos/Demos/Gauges/Palette/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/Palette/Angular/index.html
+++ b/JSDemos/Demos/Gauges/Palette/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/PaletteForRanges/Angular/index.html b/JSDemos/Demos/Gauges/PaletteForRanges/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/PaletteForRanges/Angular/index.html
+++ b/JSDemos/Demos/Gauges/PaletteForRanges/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html b/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
+++ b/JSDemos/Demos/Gauges/ScaleCustomTickInterval/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html b/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
+++ b/JSDemos/Demos/Gauges/ScaleCustomTickValues/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html b/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
+++ b/JSDemos/Demos/Gauges/ScaleLabelFormatting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/index.html b/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
+++ b/JSDemos/Demos/Gauges/ScaleMinorTicks/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html b/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
+++ b/JSDemos/Demos/Gauges/SubvalueIndicatorTextFormatting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/Tooltip/Angular/index.html b/JSDemos/Demos/Gauges/Tooltip/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/Tooltip/Angular/index.html
+++ b/JSDemos/Demos/Gauges/Tooltip/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/index.html b/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/index.html
+++ b/JSDemos/Demos/Gauges/UpdateBarGaugeDataAtRuntime/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/index.html b/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/index.html
+++ b/JSDemos/Demos/Gauges/UpdateCircularGaugeDataAtRuntime/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/index.html b/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/index.html
+++ b/JSDemos/Demos/Gauges/UpdateLinearGaugeDataAtRuntime/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html b/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
+++ b/JSDemos/Demos/Gauges/ValueIndicatorsAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/index.html b/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
+++ b/JSDemos/Demos/Gauges/VariableNumberOfBars/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/index.html b/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/index.html
+++ b/JSDemos/Demos/Gauges/VariableNumberOfSubvalueIndicators/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/HtmlEditor/Mentions/Angular/index.html b/JSDemos/Demos/HtmlEditor/Mentions/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/HtmlEditor/Mentions/Angular/index.html
+++ b/JSDemos/Demos/HtmlEditor/Mentions/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/index.html b/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/index.html
+++ b/JSDemos/Demos/HtmlEditor/OutputFormats/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/HtmlEditor/Overview/Angular/index.html b/JSDemos/Demos/HtmlEditor/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/HtmlEditor/Overview/Angular/index.html
+++ b/JSDemos/Demos/HtmlEditor/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/HtmlEditor/Tables/Angular/index.html b/JSDemos/Demos/HtmlEditor/Tables/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/HtmlEditor/Tables/Angular/index.html
+++ b/JSDemos/Demos/HtmlEditor/Tables/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html b/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
+++ b/JSDemos/Demos/HtmlEditor/ToolbarCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/GroupedList/Angular/index.html b/JSDemos/Demos/List/GroupedList/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/GroupedList/Angular/index.html
+++ b/JSDemos/Demos/List/GroupedList/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/ItemDragging/Angular/index.html b/JSDemos/Demos/List/ItemDragging/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/ItemDragging/Angular/index.html
+++ b/JSDemos/Demos/List/ItemDragging/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/ItemTemplate/Angular/index.html b/JSDemos/Demos/List/ItemTemplate/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/ItemTemplate/Angular/index.html
+++ b/JSDemos/Demos/List/ItemTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/ListEditingAndAPI/Angular/index.html b/JSDemos/Demos/List/ListEditingAndAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/ListEditingAndAPI/Angular/index.html
+++ b/JSDemos/Demos/List/ListEditingAndAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/ListSelection/Angular/index.html b/JSDemos/Demos/List/ListSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/ListSelection/Angular/index.html
+++ b/JSDemos/Demos/List/ListSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/ListWithSearchBar/Angular/index.html b/JSDemos/Demos/List/ListWithSearchBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/ListWithSearchBar/Angular/index.html
+++ b/JSDemos/Demos/List/ListWithSearchBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/List/WebAPI/Angular/index.html b/JSDemos/Demos/List/WebAPI/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/List/WebAPI/Angular/index.html
+++ b/JSDemos/Demos/List/WebAPI/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/LoadIndicator/Overview/Angular/index.html b/JSDemos/Demos/LoadIndicator/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/LoadIndicator/Overview/Angular/index.html
+++ b/JSDemos/Demos/LoadIndicator/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/LoadPanel/Overview/Angular/index.html b/JSDemos/Demos/LoadPanel/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/LoadPanel/Overview/Angular/index.html
+++ b/JSDemos/Demos/LoadPanel/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Localization/UsingGlobalize/Angular/index.html b/JSDemos/Demos/Localization/UsingGlobalize/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Localization/UsingGlobalize/Angular/index.html
+++ b/JSDemos/Demos/Localization/UsingGlobalize/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Localization/UsingIntl/Angular/index.html b/JSDemos/Demos/Localization/UsingIntl/Angular/index.html
index a3479e54d79..9785dac54af 100644
--- a/JSDemos/Demos/Localization/UsingIntl/Angular/index.html
+++ b/JSDemos/Demos/Localization/UsingIntl/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Lookup/Basics/Angular/index.html b/JSDemos/Demos/Lookup/Basics/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Lookup/Basics/Angular/index.html
+++ b/JSDemos/Demos/Lookup/Basics/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Lookup/EventHandling/Angular/index.html b/JSDemos/Demos/Lookup/EventHandling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Lookup/EventHandling/Angular/index.html
+++ b/JSDemos/Demos/Lookup/EventHandling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Lookup/Templates/Angular/index.html b/JSDemos/Demos/Lookup/Templates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Lookup/Templates/Angular/index.html
+++ b/JSDemos/Demos/Lookup/Templates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Map/Markers/Angular/index.html b/JSDemos/Demos/Map/Markers/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Map/Markers/Angular/index.html
+++ b/JSDemos/Demos/Map/Markers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Map/ProvidersAndTypes/Angular/index.html b/JSDemos/Demos/Map/ProvidersAndTypes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Map/ProvidersAndTypes/Angular/index.html
+++ b/JSDemos/Demos/Map/ProvidersAndTypes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Map/Routes/Angular/index.html b/JSDemos/Demos/Map/Routes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Map/Routes/Angular/index.html
+++ b/JSDemos/Demos/Map/Routes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Menu/Overview/Angular/index.html b/JSDemos/Demos/Menu/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Menu/Overview/Angular/index.html
+++ b/JSDemos/Demos/Menu/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/MultiView/Overview/Angular/index.html b/JSDemos/Demos/MultiView/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/MultiView/Overview/Angular/index.html
+++ b/JSDemos/Demos/MultiView/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/NumberBox/Formatting/Angular/index.html b/JSDemos/Demos/NumberBox/Formatting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/NumberBox/Formatting/Angular/index.html
+++ b/JSDemos/Demos/NumberBox/Formatting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/NumberBox/Overview/Angular/index.html b/JSDemos/Demos/NumberBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/NumberBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/NumberBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/index.html b/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/index.html
index 5f191c3526e..67dc49af9da 100644
--- a/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/ChartIntegration/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/DrillDown/Angular/index.html b/JSDemos/Demos/PivotGrid/DrillDown/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/DrillDown/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/DrillDown/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html b/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/ExcelJSCellCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html b/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/ExcelJSOverview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html b/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/ExcelJsHeaderAndFooter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/FieldPanel/Angular/index.html b/JSDemos/Demos/PivotGrid/FieldPanel/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/FieldPanel/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/FieldPanel/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/index.html b/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/HeaderFilter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html b/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/IntegratedFieldChooser/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/index.html b/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/LayoutCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/index.html b/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/OLAPDataSource/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/Overview/Angular/index.html b/JSDemos/Demos/PivotGrid/Overview/Angular/index.html
index 5f191c3526e..67dc49af9da 100644
--- a/JSDemos/Demos/PivotGrid/Overview/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html b/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/RemoteVirtualScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/RunningTotals/Angular/index.html b/JSDemos/Demos/PivotGrid/RunningTotals/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/RunningTotals/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/RunningTotals/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/SimpleArray/Angular/index.html b/JSDemos/Demos/PivotGrid/SimpleArray/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/SimpleArray/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/SimpleArray/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html b/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/StandaloneFieldChooser/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/StatePersistence/Angular/index.html b/JSDemos/Demos/PivotGrid/StatePersistence/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/StatePersistence/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/StatePersistence/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html b/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/SummaryDisplayModes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/index.html b/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/VirtualScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/PivotGrid/WebAPIService/Angular/index.html b/JSDemos/Demos/PivotGrid/WebAPIService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/PivotGrid/WebAPIService/Angular/index.html
+++ b/JSDemos/Demos/PivotGrid/WebAPIService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Popover/Overview/Angular/index.html b/JSDemos/Demos/Popover/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Popover/Overview/Angular/index.html
+++ b/JSDemos/Demos/Popover/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Popup/Overview/Angular/index.html b/JSDemos/Demos/Popup/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Popup/Overview/Angular/index.html
+++ b/JSDemos/Demos/Popup/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Popup/Scrolling/Angular/index.html b/JSDemos/Demos/Popup/Scrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Popup/Scrolling/Angular/index.html
+++ b/JSDemos/Demos/Popup/Scrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ProgressBar/Overview/Angular/index.html b/JSDemos/Demos/ProgressBar/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ProgressBar/Overview/Angular/index.html
+++ b/JSDemos/Demos/ProgressBar/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RadioGroup/Overview/Angular/index.html b/JSDemos/Demos/RadioGroup/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RadioGroup/Overview/Angular/index.html
+++ b/JSDemos/Demos/RadioGroup/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/index.html b/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/ChartOnBackground/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/index.html b/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/ChartOnBackgroundWithSeriesTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/index.html b/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/CustomFormatting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/index.html b/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/CustomizedChartOnBackground/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/index.html b/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/DateTimeScale/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html b/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/DateTimeScaleLightweight/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/index.html b/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/DiscreteScale/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/index.html b/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/ImageOnBackground/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/index.html b/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/LogarithmicScale/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/NumericScale/Angular/index.html b/JSDemos/Demos/RangeSelector/NumericScale/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/NumericScale/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/NumericScale/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html b/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/NumericScaleLightweight/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/index.html b/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/UseRangeSelectionForCalculation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/index.html b/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/index.html
+++ b/JSDemos/Demos/RangeSelector/UseRangeSelectionForFiltering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/RangeSlider/Overview/Angular/index.html b/JSDemos/Demos/RangeSlider/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/RangeSlider/Overview/Angular/index.html
+++ b/JSDemos/Demos/RangeSlider/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Resizable/Overview/Angular/index.html b/JSDemos/Demos/Resizable/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Resizable/Overview/Angular/index.html
+++ b/JSDemos/Demos/Resizable/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ResponsiveBox/Overview/Angular/index.html b/JSDemos/Demos/ResponsiveBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ResponsiveBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/ResponsiveBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/Adaptability/Angular/index.html b/JSDemos/Demos/Scheduler/Adaptability/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/Adaptability/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/Adaptability/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/Agenda/Angular/index.html b/JSDemos/Demos/Scheduler/Agenda/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/Agenda/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/Agenda/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/index.html b/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/AllDayPanelMode/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/BasicViews/Angular/index.html b/JSDemos/Demos/Scheduler/BasicViews/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/BasicViews/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/BasicViews/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/CellTemplates/Angular/index.html b/JSDemos/Demos/Scheduler/CellTemplates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/CellTemplates/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/CellTemplates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/index.html b/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/ContextMenuIntegration/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html b/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/CurrentTimeIndicator/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/index.html b/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/CustomDragAndDrop/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/CustomTemplates/Angular/index.html b/JSDemos/Demos/Scheduler/CustomTemplates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/CustomTemplates/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/CustomTemplates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/index.html b/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/CustomizeIndividualViews/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/Editing/Angular/index.html b/JSDemos/Demos/Scheduler/Editing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/Editing/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/Editing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html b/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/GoogleCalendarIntegration/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/GroupByDate/Angular/index.html b/JSDemos/Demos/Scheduler/GroupByDate/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/GroupByDate/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/GroupByDate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/GroupOrientation/Angular/index.html b/JSDemos/Demos/Scheduler/GroupOrientation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/GroupOrientation/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/GroupOrientation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/index.html b/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/IncreaseViewDuration/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/index.html b/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/LimitAppointmentCountPerCell/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/Overview/Angular/index.html b/JSDemos/Demos/Scheduler/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/Overview/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/index.html b/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/RecurringAppointments/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/Resources/Angular/index.html b/JSDemos/Demos/Scheduler/Resources/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/Resources/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/Resources/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/SignalRService/Angular/index.html b/JSDemos/Demos/Scheduler/SignalRService/Angular/index.html
index b2cd9d455ec..7e7f02a2091 100644
--- a/JSDemos/Demos/Scheduler/SignalRService/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/SignalRService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
     <script src="../signalr-session-id.js"></script>
 
diff --git a/JSDemos/Demos/Scheduler/SimpleArray/Angular/index.html b/JSDemos/Demos/Scheduler/SimpleArray/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/SimpleArray/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/SimpleArray/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/index.html b/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/TimeZonesSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/Timelines/Angular/index.html b/JSDemos/Demos/Scheduler/Timelines/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/Timelines/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/Timelines/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/index.html b/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/VirtualScrolling/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Scheduler/WebAPIService/Angular/index.html b/JSDemos/Demos/Scheduler/WebAPIService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Scheduler/WebAPIService/Angular/index.html
+++ b/JSDemos/Demos/Scheduler/WebAPIService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/ScrollView/Overview/Angular/index.html b/JSDemos/Demos/ScrollView/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/ScrollView/Overview/Angular/index.html
+++ b/JSDemos/Demos/ScrollView/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html b/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
+++ b/JSDemos/Demos/SelectBox/CustomizeDropDownButton/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/SelectBox/GroupedItems/Angular/index.html b/JSDemos/Demos/SelectBox/GroupedItems/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/SelectBox/GroupedItems/Angular/index.html
+++ b/JSDemos/Demos/SelectBox/GroupedItems/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/SelectBox/Overview/Angular/index.html b/JSDemos/Demos/SelectBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/SelectBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/SelectBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/index.html b/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/index.html
+++ b/JSDemos/Demos/SelectBox/SearchAndEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Slider/Overview/Angular/index.html b/JSDemos/Demos/Slider/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Slider/Overview/Angular/index.html
+++ b/JSDemos/Demos/Slider/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Sortable/Customization/Angular/index.html b/JSDemos/Demos/Sortable/Customization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Sortable/Customization/Angular/index.html
+++ b/JSDemos/Demos/Sortable/Customization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Sortable/Kanban/Angular/index.html b/JSDemos/Demos/Sortable/Kanban/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Sortable/Kanban/Angular/index.html
+++ b/JSDemos/Demos/Sortable/Kanban/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Switch/Overview/Angular/index.html b/JSDemos/Demos/Switch/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Switch/Overview/Angular/index.html
+++ b/JSDemos/Demos/Switch/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TabPanel/Overview/Angular/index.html b/JSDemos/Demos/TabPanel/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TabPanel/Overview/Angular/index.html
+++ b/JSDemos/Demos/TabPanel/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/index.html b/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/index.html
+++ b/JSDemos/Demos/TabPanel/SortableClosableTabs/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TabPanel/Templates/Angular/index.html b/JSDemos/Demos/TabPanel/Templates/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TabPanel/Templates/Angular/index.html
+++ b/JSDemos/Demos/TabPanel/Templates/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Tabs/Overview/Angular/index.html b/JSDemos/Demos/Tabs/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Tabs/Overview/Angular/index.html
+++ b/JSDemos/Demos/Tabs/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Tabs/Selection/Angular/index.html b/JSDemos/Demos/Tabs/Selection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Tabs/Selection/Angular/index.html
+++ b/JSDemos/Demos/Tabs/Selection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TagBox/GroupedItems/Angular/index.html b/JSDemos/Demos/TagBox/GroupedItems/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TagBox/GroupedItems/Angular/index.html
+++ b/JSDemos/Demos/TagBox/GroupedItems/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TagBox/Overview/Angular/index.html b/JSDemos/Demos/TagBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TagBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/TagBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TagBox/TagCountLimitation/Angular/index.html b/JSDemos/Demos/TagBox/TagCountLimitation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TagBox/TagCountLimitation/Angular/index.html
+++ b/JSDemos/Demos/TagBox/TagCountLimitation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TextArea/Overview/Angular/index.html b/JSDemos/Demos/TextArea/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TextArea/Overview/Angular/index.html
+++ b/JSDemos/Demos/TextArea/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TextBox/Overview/Angular/index.html b/JSDemos/Demos/TextBox/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TextBox/Overview/Angular/index.html
+++ b/JSDemos/Demos/TextBox/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TileView/Basics/Angular/index.html b/JSDemos/Demos/TileView/Basics/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TileView/Basics/Angular/index.html
+++ b/JSDemos/Demos/TileView/Basics/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TileView/Directions/Angular/index.html b/JSDemos/Demos/TileView/Directions/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TileView/Directions/Angular/index.html
+++ b/JSDemos/Demos/TileView/Directions/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TileView/ItemTemplate/Angular/index.html b/JSDemos/Demos/TileView/ItemTemplate/Angular/index.html
index 5f191c3526e..67dc49af9da 100644
--- a/JSDemos/Demos/TileView/ItemTemplate/Angular/index.html
+++ b/JSDemos/Demos/TileView/ItemTemplate/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Toast/Overview/Angular/index.html b/JSDemos/Demos/Toast/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Toast/Overview/Angular/index.html
+++ b/JSDemos/Demos/Toast/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Toast/Stack/Angular/index.html b/JSDemos/Demos/Toast/Stack/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Toast/Stack/Angular/index.html
+++ b/JSDemos/Demos/Toast/Stack/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Toolbar/Adaptability/Angular/index.html b/JSDemos/Demos/Toolbar/Adaptability/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Toolbar/Adaptability/Angular/index.html
+++ b/JSDemos/Demos/Toolbar/Adaptability/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Toolbar/Overview/Angular/index.html b/JSDemos/Demos/Toolbar/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Toolbar/Overview/Angular/index.html
+++ b/JSDemos/Demos/Toolbar/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Tooltip/Overview/Angular/index.html b/JSDemos/Demos/Tooltip/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Tooltip/Overview/Angular/index.html
+++ b/JSDemos/Demos/Tooltip/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/Adaptability/Angular/index.html b/JSDemos/Demos/TreeList/Adaptability/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/Adaptability/Angular/index.html
+++ b/JSDemos/Demos/TreeList/Adaptability/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/BatchEditing/Angular/index.html b/JSDemos/Demos/TreeList/BatchEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/BatchEditing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/BatchEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/CellEditing/Angular/index.html b/JSDemos/Demos/TreeList/CellEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/CellEditing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/CellEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/ColumnChooser/Angular/index.html b/JSDemos/Demos/TreeList/ColumnChooser/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/ColumnChooser/Angular/index.html
+++ b/JSDemos/Demos/TreeList/ColumnChooser/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/ColumnFixing/Angular/index.html b/JSDemos/Demos/TreeList/ColumnFixing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/ColumnFixing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/ColumnFixing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html b/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
+++ b/JSDemos/Demos/TreeList/ColumnHeaderFilter/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html b/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
+++ b/JSDemos/Demos/TreeList/CustomizeKeyboardNavigation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/FilterModes/Angular/index.html b/JSDemos/Demos/TreeList/FilterModes/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/FilterModes/Angular/index.html
+++ b/JSDemos/Demos/TreeList/FilterModes/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/FilterPanel/Angular/index.html b/JSDemos/Demos/TreeList/FilterPanel/Angular/index.html
index 42b94b3e1c5..2d17c8735f1 100644
--- a/JSDemos/Demos/TreeList/FilterPanel/Angular/index.html
+++ b/JSDemos/Demos/TreeList/FilterPanel/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/FocusedRow/Angular/index.html b/JSDemos/Demos/TreeList/FocusedRow/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/FocusedRow/Angular/index.html
+++ b/JSDemos/Demos/TreeList/FocusedRow/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/FormEditing/Angular/index.html b/JSDemos/Demos/TreeList/FormEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/FormEditing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/FormEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/index.html b/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/index.html
+++ b/JSDemos/Demos/TreeList/KeyboardNavigation/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/index.html b/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
+++ b/JSDemos/Demos/TreeList/LoadDataOnDemand/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/LocalReordering/Angular/index.html b/JSDemos/Demos/TreeList/LocalReordering/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/LocalReordering/Angular/index.html
+++ b/JSDemos/Demos/TreeList/LocalReordering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/index.html b/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/index.html
+++ b/JSDemos/Demos/TreeList/MultipleRowSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/MultipleSorting/Angular/index.html b/JSDemos/Demos/TreeList/MultipleSorting/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/MultipleSorting/Angular/index.html
+++ b/JSDemos/Demos/TreeList/MultipleSorting/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/Overview/Angular/index.html b/JSDemos/Demos/TreeList/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/Overview/Angular/index.html
+++ b/JSDemos/Demos/TreeList/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/Paging/Angular/index.html b/JSDemos/Demos/TreeList/Paging/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/Paging/Angular/index.html
+++ b/JSDemos/Demos/TreeList/Paging/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/PopupEditing/Angular/index.html b/JSDemos/Demos/TreeList/PopupEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/PopupEditing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/PopupEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/Reordering/Angular/index.html b/JSDemos/Demos/TreeList/Reordering/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/Reordering/Angular/index.html
+++ b/JSDemos/Demos/TreeList/Reordering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/Resizing/Angular/index.html b/JSDemos/Demos/TreeList/Resizing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/Resizing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/Resizing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/RowEditing/Angular/index.html b/JSDemos/Demos/TreeList/RowEditing/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/RowEditing/Angular/index.html
+++ b/JSDemos/Demos/TreeList/RowEditing/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html b/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
+++ b/JSDemos/Demos/TreeList/SimpleArrayHierarchicalStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html b/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
+++ b/JSDemos/Demos/TreeList/SimpleArrayPlainStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/SingleRowSelection/Angular/index.html b/JSDemos/Demos/TreeList/SingleRowSelection/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/SingleRowSelection/Angular/index.html
+++ b/JSDemos/Demos/TreeList/SingleRowSelection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/StatePersistence/Angular/index.html b/JSDemos/Demos/TreeList/StatePersistence/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/StatePersistence/Angular/index.html
+++ b/JSDemos/Demos/TreeList/StatePersistence/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/UsingFilterRow/Angular/index.html b/JSDemos/Demos/TreeList/UsingFilterRow/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/UsingFilterRow/Angular/index.html
+++ b/JSDemos/Demos/TreeList/UsingFilterRow/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/index.html b/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/index.html
+++ b/JSDemos/Demos/TreeList/UsingSearchPanel/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeList/WebAPIService/Angular/index.html b/JSDemos/Demos/TreeList/WebAPIService/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeList/WebAPIService/Angular/index.html
+++ b/JSDemos/Demos/TreeList/WebAPIService/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/index.html b/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/index.html
+++ b/JSDemos/Demos/TreeView/ContextMenuIntegration/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html b/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html
+++ b/JSDemos/Demos/TreeView/DragAndDropHierarchicalDataStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html b/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html
+++ b/JSDemos/Demos/TreeView/DragAndDropPlainDataStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/FlatDataStructure/Angular/index.html b/JSDemos/Demos/TreeView/FlatDataStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/FlatDataStructure/Angular/index.html
+++ b/JSDemos/Demos/TreeView/FlatDataStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html b/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html
+++ b/JSDemos/Demos/TreeView/HierarchicalDataStructure/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html b/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html
+++ b/JSDemos/Demos/TreeView/ItemSelectionAndCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/index.html b/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/index.html
+++ b/JSDemos/Demos/TreeView/LoadDataOnDemand/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html b/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html
+++ b/JSDemos/Demos/TreeView/TreeViewWithSearchBar/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/TreeView/VirtualMode/Angular/index.html b/JSDemos/Demos/TreeView/VirtualMode/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/TreeView/VirtualMode/Angular/index.html
+++ b/JSDemos/Demos/TreeView/VirtualMode/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/Validation/Overview/Angular/index.html b/JSDemos/Demos/Validation/Overview/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/Validation/Overview/Angular/index.html
+++ b/JSDemos/Demos/Validation/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/index.html b/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/AreaWithLabelsAndTwoLegends/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/index.html b/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/BubbleMarkers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/index.html b/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/ColorsCustomization/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/index.html b/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/CustomAnnotations/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/CustomMapData/Angular/index.html b/JSDemos/Demos/VectorMap/CustomMapData/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/VectorMap/CustomMapData/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/CustomMapData/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/CustomProjection/Angular/index.html b/JSDemos/Demos/VectorMap/CustomProjection/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/CustomProjection/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/CustomProjection/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/DynamicViewport/Angular/index.html b/JSDemos/Demos/VectorMap/DynamicViewport/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/DynamicViewport/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/DynamicViewport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/FloorPlan/Angular/index.html b/JSDemos/Demos/VectorMap/FloorPlan/Angular/index.html
index f5799f4150d..4243285feb6 100644
--- a/JSDemos/Demos/VectorMap/FloorPlan/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/FloorPlan/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/ImageMarkers/Angular/index.html b/JSDemos/Demos/VectorMap/ImageMarkers/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/ImageMarkers/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/ImageMarkers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/MultipleLayers/Angular/index.html b/JSDemos/Demos/VectorMap/MultipleLayers/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/MultipleLayers/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/MultipleLayers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/Overview/Angular/index.html b/JSDemos/Demos/VectorMap/Overview/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/Overview/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/Overview/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/Palette/Angular/index.html b/JSDemos/Demos/VectorMap/Palette/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/Palette/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/Palette/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/PieMarkers/Angular/index.html b/JSDemos/Demos/VectorMap/PieMarkers/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/PieMarkers/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/PieMarkers/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/index.html b/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/TooltipHTMLSupport/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html b/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
index d6db69f1122..401779cfc9c 100644
--- a/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
+++ b/JSDemos/Demos/VectorMap/ZoomingAndCentering/Angular/index.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <script src="../../../../../node_modules/traceur/bin/traceur-runtime.js"></script>
     <link rel="stylesheet" type="text/css" href="../../../../../node_modules/devextreme-dist/css/dx.light.css" />
 
     <script src="../../../../../node_modules/core-js/client/shim.min.js"></script>
diff --git a/JSDemos/configs/Angular/config.bundle.js b/JSDemos/configs/Angular/config.bundle.js
index 0534046a3c0..4019e6b5de4 100644
--- a/JSDemos/configs/Angular/config.bundle.js
+++ b/JSDemos/configs/Angular/config.bundle.js
@@ -31,7 +31,6 @@ const bundleConfig = {
     'devextreme.angular.systemjs.js': '../../../../../bundles/devextreme.angular.systemjs.js',
     'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
     'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
-    'devextreme-angular': 'npm:devextreme-angular/fesm2015/devextreme-angular.mjs',
     'devextreme': 'npm:devextreme/cjs',
   },
   packages: {
diff --git a/JSDemos/configs/Angular/config.js b/JSDemos/configs/Angular/config.js
index 93d08037899..5c2d3d990ea 100644
--- a/JSDemos/configs/Angular/config.js
+++ b/JSDemos/configs/Angular/config.js
@@ -1,194 +1,9 @@
 // In real applications, you should not transpile code in the browser.
 // You can see how to create your own application with Angular and DevExtreme here:
 // https://js.devexpress.com/Documentation/Guide/Angular_Components/Getting_Started/Create_a_DevExtreme_Application/
-
-const components = [
-  'accordion',
-  'action-sheet',
-  'autocomplete',
-  'bar-gauge',
-  'box',
-  'bullet',
-  'button-group',
-  'button',
-  'calendar',
-  'chart',
-  'check-box',
-  'circular-gauge',
-  'color-box',
-  'context-menu',
-  'data-grid',
-  'date-box',
-  'date-range-box',
-  'defer-rendering',
-  'diagram',
-  'draggable',
-  'drawer',
-  'drop-down-box',
-  'drop-down-button',
-  'file-manager',
-  'file-uploader',
-  'filter-builder',
-  'form',
-  'funnel',
-  'gallery',
-  'gantt',
-  'html-editor',
-  'linear-gauge',
-  'list',
-  'load-indicator',
-  'load-panel',
-  'lookup',
-  'map',
-  'menu',
-  'multi-view',
-  'number-box',
-  'pie-chart',
-  'pivot-grid-field-chooser',
-  'pivot-grid',
-  'polar-chart',
-  'popover',
-  'popup',
-  'progress-bar',
-  'radio-group',
-  'range-selector',
-  'range-slider',
-  'recurrence-editor',
-  'resizable',
-  'responsive-box',
-  'sankey',
-  'scheduler',
-  'scroll-view',
-  'select-box',
-  'slider',
-  'sortable',
-  'sparkline',
-  'speed-dial-action',
-  'switch',
-  'tab-panel',
-  'tabs',
-  'tag-box',
-  'text-area',
-  'text-box',
-  'tile-view',
-  'toast',
-  'toolbar',
-  'tooltip',
-  'tree-list',
-  'tree-map',
-  'tree-view',
-  'validation-group',
-  'validation-summary',
-  'validator',
-  'vector-map',
-];
-
-const map = {
-  'ts': 'npm:plugin-typescript/lib/plugin.js',
-  'typescript': 'npm:typescript/lib/typescript.js',
-  '@angular/compiler': 'npm:@angular/compiler/system/es2015/ivy/angular-compiler.min.js',
-  '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/system/es2015/ivy/angular-platform-browser-dynamic.min.js',
-  '@angular/core': 'npm:@angular/core/fesm2015/core.mjs',
-  '@angular/common': 'npm:@angular/common/fesm2015/common.mjs',
-  '@angular/common/http': 'npm:@angular/common/fesm2015/http.mjs',
-  '@angular/platform-browser': 'npm:@angular/platform-browser/fesm2015/platform-browser.mjs',
-  '@angular/platform-browser/animations': 'npm:@angular/platform-browser/fesm2015/animations.mjs',
-  '@angular/forms': 'npm:@angular/forms/fesm2015/forms.mjs',
-  'tslib': 'npm:tslib/tslib.js',
-  'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
-  'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
-
-  /** signalr */
-  '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs/index.js',
-  /**/
-
-  /** devextreme-aspnet-data-nojquery */
-  'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
-  /**/
-
-  /** showdown&turndown */
-  'devextreme-showdown': 'npm:devextreme-showdown/dist/showdown.js',
-  'turndown': 'npm:turndown/lib/turndown.browser.umd.js',
-  /**/
-
-  /** globalize */
-  'globalize': 'npm:globalize/dist/globalize',
-  'json': 'npm:systemjs-plugin-json/json.js',
-  'cldr': 'npm:cldrjs/dist/cldr',
-  /**/
-
-  /** exceljs&file-saver */
-  'exceljs': 'npm:exceljs/dist/exceljs.min.js',
-  'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
-  /**/
-
-  /** jspdf */
-  'fflate': 'npm:fflate/esm/browser.js',
-  'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-  /**/
-
-  /** jspdf&jspdf-autotable */
-  'fflate': 'npm:fflate/esm/browser.js',
-  'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
-  'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
-  /**/
-
-  /** devextreme-intl */
-  'json': 'npm:systemjs-plugin-json/json.js',
-  /**/
-
-  /** canvg */
-  'stackblur-canvas': 'npm:stackblur-canvas/dist/stackblur.min.js',
-  'rgbcolor': 'npm:rgbcolor/index.js',
-  'canvg': 'npm:canvg/dist/browser/canvg.min.js',
-  /**/
-
-  /** vectormap */
-  'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
-  /**/
-
-  'rrule': 'npm:rrule/dist/es5/rrule.js',
-  'luxon': 'npm:luxon/build/global/luxon.min.js',
-  'es6-object-assign': 'npm:es6-object-assign',
-
-  'devextreme': 'npm:devextreme/cjs',
-  'devextreme/bundles/dx.all': 'npm:devextreme/bundles/dx.all.js',
-  'jszip': 'npm:jszip/dist/jszip.min.js',
-  'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
-  'devexpress-diagram': 'npm:devexpress-diagram',
-  'devexpress-gantt': 'npm:devexpress-gantt',
-  'devextreme-angular': 'npm:devextreme-angular/fesm2015/devextreme-angular.mjs',
-  'devextreme-angular/core': 'npm:devextreme-angular/fesm2015/devextreme-angular-core.mjs',
-  'devextreme-angular/ui/nested': 'npm:devextreme-angular/fesm2015/devextreme-angular-ui-nested.mjs',
-  '@devextreme/runtime': 'npm:@devextreme/runtime',
-  'inferno': 'npm:inferno/dist/inferno.min.js',
-  'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
-  'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
-  'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
-  'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
-  'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
-  'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
-  'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
-
-  // Prettier
-  'prettier/standalone': 'npm:prettier/standalone.js',
-  'prettier/parser-html': 'npm:prettier/parser-html.js',
-
-  'plugin-babel': 'npm:systemjs-plugin-babel/plugin-babel.js',
-  'systemjs-babel-build': 'npm:systemjs-plugin-babel/systemjs-babel-browser.js',
-
-};
-
-components.forEach((component) => {
-  map[`devextreme-angular/ui/${component}`] = `npm:devextreme-angular/fesm2015/devextreme-angular-ui-${component}.mjs`;
-});
-
 window.exports = window.exports || {};
 window.config = {
-  transpiler: 'plugin-babel',
-  babelOptions: {
-    es2015: false,
-  },
+  transpiler: 'ts',
   typescriptOptions: {
     module: 'system',
     emitDecoratorMetadata: true,
@@ -198,15 +13,6 @@ window.config = {
     'typescript': {
       'exports': 'ts',
     },
-
-    '*.mjs': {
-      'format': 'esm',
-    },
-
-    '*.ts': {
-      'loader': 'ts',
-    },
-
     /** devextreme-aspnet-data-nojquery */
     'devextreme-aspnet-data-nojquery': {
       'esModule': true,
@@ -223,15 +29,6 @@ window.config = {
     'devextreme/localization.js': {
       'esModule': true,
     },
-    'devextreme/core/utils/common.js': {
-      'esModule': true,
-    },
-    'devextreme/core/utils/deferred.js': {
-      'esModule': true,
-    },
-    'devextreme/events/*': {
-      'esModule': true,
-    },
     /** exceljs&file-saver */
     'exceljs': {
       'esModule': true,
@@ -241,7 +38,97 @@ window.config = {
   paths: {
     'npm:': '../../../../../node_modules/',
   },
-  map,
+  map: {
+    'ts': 'npm:plugin-typescript/lib/plugin.js',
+    'typescript': 'npm:typescript/lib/typescript.js',
+    '@angular/compiler': 'npm:@angular/compiler/system/es2015/ivy/angular-compiler.min.js',
+    '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/system/es2015/ivy/angular-platform-browser-dynamic.min.js',
+    '@angular/core': 'npm:@angular/core/fesm2015/core.mjs',
+    '@angular/common': 'npm:@angular/common/fesm2015/common.mjs',
+    '@angular/common/http': 'npm:@angular/common/fesm2015/http.mjs',
+    '@angular/platform-browser': 'npm:@angular/platform-browser/fesm2015/platform-browser.mjs',
+    '@angular/platform-browser/animations': 'npm:@angular/platform-browser/fesm2015/animations.mjs',
+    '@angular/forms': 'npm:@angular/forms/fesm2015/forms.mjs',
+  
+    'tslib': 'npm:tslib/tslib.js',
+    'rxjs': 'npm:rxjs/dist/bundles/rxjs.umd.js',
+    'rxjs/operators': 'npm:rxjs/dist/cjs/operators/index.js',
+    'sha-1': 'npm:sha-1/dist/sha1.cjs.js',
+
+    /** signalr */
+    '@aspnet/signalr': 'npm:@aspnet/signalr/dist/cjs/index.js',
+    /**/
+
+    /** devextreme-aspnet-data-nojquery */
+    'devextreme-aspnet-data-nojquery': 'npm:devextreme-aspnet-data-nojquery/index.js',
+    /**/
+
+    /** showdown&turndown */
+    'devextreme-showdown': 'npm:devextreme-showdown/dist/showdown.js',
+    'turndown': 'npm:turndown/lib/turndown.browser.umd.js',
+    /**/
+
+    /** globalize */
+    'globalize': 'npm:globalize/dist/globalize',
+    'json': 'npm:systemjs-plugin-json/json.js',
+    'cldr': 'npm:cldrjs/dist/cldr',
+    /**/
+
+    /** exceljs&file-saver */
+    'exceljs': 'npm:exceljs/dist/exceljs.min.js',
+    'file-saver-es': 'npm:file-saver-es/dist/FileSaver.min.js',
+    /**/
+
+    /** jspdf */
+    'fflate': 'npm:fflate/esm/browser.js',
+    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
+    /**/
+
+    /** jspdf&jspdf-autotable */
+    'fflate': 'npm:fflate/esm/browser.js',
+    'jspdf': 'npm:jspdf/dist/jspdf.umd.min.js',
+    'jspdf-autotable': 'npm:jspdf-autotable/dist/jspdf.plugin.autotable.min.js',
+    /**/
+
+    /** devextreme-intl */
+    'json': 'npm:systemjs-plugin-json/json.js',
+    /**/
+
+    /** canvg */
+    'stackblur-canvas': 'npm:stackblur-canvas/dist/stackblur.min.js',
+    'rgbcolor': 'npm:rgbcolor/index.js',
+    'canvg': 'npm:canvg/dist/browser/canvg.min.js',
+    /**/
+
+    /** vectormap */
+    'devextreme-dist/js/vectormap-data': 'npm:devextreme-dist/js/vectormap-data',
+    /**/
+
+    'rrule': 'npm:rrule/dist/es5/rrule.js',
+    'luxon': 'npm:luxon/build/global/luxon.min.js',
+    'es6-object-assign': 'npm:es6-object-assign',
+
+    'devextreme': 'npm:devextreme/cjs',
+    'devextreme/bundles/dx.all': 'npm:devextreme/bundles/dx.all.js',
+    'jszip': 'npm:jszip/dist/jszip.min.js',
+    'devextreme-quill': 'npm:devextreme-quill/dist/dx-quill.min.js',
+    'devexpress-diagram': 'npm:devexpress-diagram',
+    'devexpress-gantt': 'npm:devexpress-gantt',
+    'devextreme-angular': 'npm:devextreme-angular',
+    '@devextreme/runtime': 'npm:@devextreme/runtime',
+    'inferno': 'npm:inferno/dist/inferno.min.js',
+    'inferno-compat': 'npm:inferno-compat/dist/inferno-compat.min.js',
+    'inferno-create-element': 'npm:inferno-create-element/dist/inferno-create-element.min.js',
+    'inferno-dom': 'npm:inferno-dom/dist/inferno-dom.min.js',
+    'inferno-hydrate': 'npm:inferno-hydrate/dist/inferno-hydrate.min.js',
+    'inferno-clone-vnode': 'npm:inferno-clone-vnode/dist/inferno-clone-vnode.min.js',
+    'inferno-create-class': 'npm:inferno-create-class/dist/inferno-create-class.min.js',
+    'inferno-extras': 'npm:inferno-extras/dist/inferno-extras.min.js',
+
+    // Prettier
+    'prettier/standalone': 'npm:prettier/standalone.js',
+    'prettier/parser-html': 'npm:prettier/parser-html.js',
+  },
   packages: {
     'app': {
       main: './app.component.ts',
@@ -289,4 +176,4 @@ window.config = {
   ],
 };
 
-System.config(window.config);
+System.config(window.config);
\ No newline at end of file
diff --git a/gulpfile.js/js.js b/gulpfile.js/js.js
index 423255ea8b3..5cca5a1d62d 100644
--- a/gulpfile.js/js.js
+++ b/gulpfile.js/js.js
@@ -5,7 +5,7 @@ const { task, parallel, series } = require('gulp');
 const { init } = require('../utils/shared/config-helper');
 const createConfig = require('../utils/internal/create-config');
 const { copyJsSharedResources } = require('../utils/copy-shared-resources/copy');
-const { copyBundlesFolder, build } = require('../utils/bundle');
+const { copyBundlesFolder, build, setDefaultExport } = require('../utils/bundle');
 
 const demosDir = join(__dirname, '..', 'JSDemos/Demos');
 
@@ -37,4 +37,8 @@ exports.bundles = series(
       build(framework).then(callback);
     }, { displayName: `bundle-${framework}` })),
   ),
+  (done) => {
+    setDefaultExport();
+    done();
+  },
 );
diff --git a/package.json b/package.json
index 98120d5c471..f7cdeeb4d3b 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
         "systemjs": "0.21.6",
         "systemjs-plugin-babel": "0.0.25",
         "systemjs-plugin-json": "0.3.0",
+        "traceur": "0.0.105",
         "typescript": "~4.9.5",
         "vue": "^3.3.4",
         "vuex": "4.0.0-beta.4",
diff --git a/utils/bundle/changeExtension.js b/utils/bundle/changeExtension.js
new file mode 100644
index 00000000000..c10c4d86864
--- /dev/null
+++ b/utils/bundle/changeExtension.js
@@ -0,0 +1,39 @@
+const fs = require('fs');
+const path = require('path');
+
+function changeFileExtensions() {
+  const directory = 'node_modules/devextreme-angular/fesm2015';
+  const currentExt = '.mjs';
+  const newExt = '.js';
+  fs.readdir(directory, (err, files) => {
+    if (err) {
+      console.error('Error reading directory:', err);
+      return;
+    }
+
+    files.forEach((file) => {
+      const filePath = path.join(directory, file);
+
+      fs.stat(filePath, (err, stats) => {
+        if (err) {
+          console.error('Error reading file stats:', err);
+          return;
+        }
+
+        if (stats.isDirectory()) {
+          changeFileExtensions(filePath, currentExt, newExt);
+        } else if (path.extname(file) === currentExt) {
+          const newFilePath = path.join(directory, path.basename(file, currentExt) + newExt);
+
+          fs.rename(filePath, newFilePath, (err) => {
+            if (err) {
+              console.error('Error renaming file:', err);
+            }
+          });
+        }
+      });
+    });
+  });
+}
+
+exports.changeFileExtensions = changeFileExtensions;
\ No newline at end of file
diff --git a/utils/bundle/index.js b/utils/bundle/index.js
index 7bf7e65b94e..46f1b72764c 100644
--- a/utils/bundle/index.js
+++ b/utils/bundle/index.js
@@ -2,6 +2,10 @@
 const path = require('path');
 const fs = require('fs-extra');
 const Builder = require('systemjs-builder');
+const { changeFileExtensions } = require('./changeExtension');
+const { setDefaultExport } = require('./setDefaultExport');
+
+changeFileExtensions();
 
 // https://stackoverflow.com/questions/42412965/how-to-load-named-exports-with-systemjs/47108328
 const prepareModulesToNamedImport = () => {
@@ -55,6 +59,9 @@ const getDefaultBuilderConfig = (framework, additionPaths) => ({
     '*': {
       build: false,
     },
+    '*.mjs': {
+      'format': 'esm',
+    },
     'devextreme/*': {
       build: true,
     },
@@ -114,11 +121,11 @@ const prepareConfigs = (framework) => {
         .map((fileName) => fileName.replace('devextreme-angular-ui-', '').replace('.mjs.map', ''));
 
       additionPaths = {
-        'devextreme-angular': `${bundlesRoot}/devextreme-angular.mjs`,
-        'devextreme-angular/core': `${bundlesRoot}/devextreme-angular-core.mjs`,
+        'devextreme-angular': `${bundlesRoot}/devextreme-angular.js`,
+        'devextreme-angular/core': `${bundlesRoot}/devextreme-angular-core.js`,
         ...componentNames.reduce((items, item) => {
           // eslint-disable-next-line no-param-reassign
-          items[`devextreme-angular/ui/${item}`] = `${bundlesRoot}/devextreme-angular-ui-${item}.mjs`;
+          items[`devextreme-angular/ui/${item}`] = `${bundlesRoot}/devextreme-angular-ui-${item}.js`;
           return items;
         }, {}),
       };
@@ -197,4 +204,5 @@ const copyBundlesFolder = () => {
 module.exports = {
   copyBundlesFolder,
   build,
+  setDefaultExport,
 };
diff --git a/utils/bundle/setDefaultExport.js b/utils/bundle/setDefaultExport.js
new file mode 100644
index 00000000000..af5f5a739e6
--- /dev/null
+++ b/utils/bundle/setDefaultExport.js
@@ -0,0 +1,37 @@
+const fs = require('fs');
+const filePath = 'bundles/devextreme.angular.systemjs.js';
+
+const values = [{
+  old: 'commonUtils.equalByValue(oldValue, newValue)',
+  new: 'commonUtils.default.equalByValue(oldValue, newValue)'
+}, {
+  old: 'events.one(element',
+  new: 'events.default.one(element'
+}, {
+  old: 'events.triggerHandler(changeHandlers[i]',
+  new: 'events.default.triggerHandler(changeHandlers[i]',
+}, {
+  old: 'events.triggerHandler(element',
+  new: 'events.default.triggerHandler(element',
+}]
+function setDefaultExport() {
+  fs.readFile(filePath, 'utf8', (err, data) => {
+    let updatedContent = data;
+    if (err) {
+      console.error(`Error reading the file: ${err}`);
+      return;
+    }
+    for(let value of values) {
+      updatedContent = updatedContent.replace(value.old, value.new);
+    }
+  
+    fs.writeFile(filePath, updatedContent, 'utf8', (err) => {
+      if (err) {
+        console.error(`Error writing to the file: ${err}`);
+        return;
+      }
+    });
+  });
+}
+
+exports.setDefaultExport = setDefaultExport;
\ No newline at end of file

From d3cfd8304be622676a2256fc6a79a4784e4bacaa Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Mon, 6 Nov 2023 11:10:28 +0400
Subject: [PATCH 15/16] Update strings

---
 utils/bundle/setDefaultExport.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/utils/bundle/setDefaultExport.js b/utils/bundle/setDefaultExport.js
index af5f5a739e6..b76e52cba70 100644
--- a/utils/bundle/setDefaultExport.js
+++ b/utils/bundle/setDefaultExport.js
@@ -5,15 +5,16 @@ const values = [{
   old: 'commonUtils.equalByValue(oldValue, newValue)',
   new: 'commonUtils.default.equalByValue(oldValue, newValue)'
 }, {
-  old: 'events.one(element',
-  new: 'events.default.one(element'
+  old: 'dxEvents.one(element',
+  new: 'dxEvents.default.one(element'
 }, {
-  old: 'events.triggerHandler(changeHandlers[i]',
-  new: 'events.default.triggerHandler(changeHandlers[i]',
+  old: 'dxEvents.triggerHandler(changeHandlers[i]',
+  new: 'dxEvents.default.triggerHandler(changeHandlers[i]',
 }, {
-  old: 'events.triggerHandler(element',
-  new: 'events.default.triggerHandler(element',
-}]
+  old: 'dxEvents.triggerHandler(element',
+  new: 'dxEvents.default.triggerHandler(element',
+}];
+
 function setDefaultExport() {
   fs.readFile(filePath, 'utf8', (err, data) => {
     let updatedContent = data;

From 5136e996cb75d0e410a690d63cc30b0b551047ed Mon Sep 17 00:00:00 2001
From: dxvladslavvolkov <vladislav.volkov@devexpress.com>
Date: Thu, 9 Nov 2023 15:09:51 +0400
Subject: [PATCH 16/16] Update lock

---
 package-lock.json | 29 ++++++-----------------------
 1 file changed, 6 insertions(+), 23 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index fb55c5eca5f..f4d3d7311d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -60,6 +60,7 @@
                 "systemjs": "0.21.6",
                 "systemjs-plugin-babel": "0.0.25",
                 "systemjs-plugin-json": "0.3.0",
+                "traceur": "0.0.105",
                 "typescript": "~4.9.5",
                 "vue": "^3.3.4",
                 "vuex": "4.0.0-beta.4",
@@ -5896,7 +5897,6 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
             "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg==",
-            "dev": true,
             "engines": {
                 "node": ">=0.4.2"
             }
@@ -13522,8 +13522,7 @@
         "node_modules/graceful-readlink": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/graceful-readlink/-/graceful-readlink-1.0.1.tgz",
-            "integrity": "sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==",
-            "dev": true
+            "integrity": "sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w=="
         },
         "node_modules/graphemer": {
             "version": "1.4.0",
@@ -24377,7 +24376,6 @@
             "version": "3.6.2",
             "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-3.6.2.tgz",
             "integrity": "sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw==",
-            "dev": true,
             "engines": {
                 "node": "0.12.* || 4.* || 6.* || >= 7.*"
             }
@@ -27868,7 +27866,6 @@
             "version": "0.0.105",
             "resolved": "https://registry.npmjs.org/traceur/-/traceur-0.0.105.tgz",
             "integrity": "sha512-WCcn9XUOl8ZxAlWFvZK2N36bwXwc+WqB72rMx8/XXA57ba3mtz/L9piMxiefM5RwFZlxK22SC/yKKQw1VcJsXA==",
-            "dev": true,
             "dependencies": {
                 "commander": "2.9.x",
                 "glob": "5.0.x",
@@ -27887,7 +27884,6 @@
             "version": "2.9.0",
             "resolved": "https://registry.npmjs.org/commander/-/commander-2.9.0.tgz",
             "integrity": "sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==",
-            "dev": true,
             "dependencies": {
                 "graceful-readlink": ">= 1.0.0"
             },
@@ -27899,7 +27895,6 @@
             "version": "5.0.15",
             "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
             "integrity": "sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==",
-            "dev": true,
             "dependencies": {
                 "inflight": "^1.0.4",
                 "inherits": "2",
@@ -27915,7 +27910,6 @@
             "version": "4.3.6",
             "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
             "integrity": "sha512-IrpJ+yoG4EOH8DFWuVg+8H1kW1Oaof0Wxe7cPcXW3x9BjkN/eVo54F15LyqemnDIUYskQWr9qvl/RihmSy6+xQ==",
-            "dev": true,
             "bin": {
                 "semver": "bin/semver"
             }
@@ -27924,7 +27918,6 @@
             "version": "0.1.32",
             "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.32.tgz",
             "integrity": "sha512-htQyLrrRLkQ87Zfrir4/yN+vAUd6DNjVayEjTSHXu29AYQJw57I4/xEL/M6p6E/woPNJwvZt6rVlzc7gFEJccQ==",
-            "dev": true,
             "dependencies": {
                 "amdefine": ">=0.0.4"
             },
@@ -27936,7 +27929,6 @@
             "version": "0.2.10",
             "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.2.10.tgz",
             "integrity": "sha512-gGKOSat73z0V8wBKo9AGxZZyekczBireh1hHktbt+kb9acsCB5OfVCF2DCWlztcQ3r5oNN7f2BL0B2xOcoJ/DQ==",
-            "dev": true,
             "dependencies": {
                 "source-map": "0.1.32"
             }
@@ -33887,8 +33879,7 @@
         "amdefine": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
-            "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg==",
-            "dev": true
+            "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg=="
         },
         "angular": {
             "version": "1.8.3",
@@ -39787,8 +39778,7 @@
         "graceful-readlink": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/graceful-readlink/-/graceful-readlink-1.0.1.tgz",
-            "integrity": "sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==",
-            "dev": true
+            "integrity": "sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w=="
         },
         "graphemer": {
             "version": "1.4.0",
@@ -48197,8 +48187,7 @@
         "rsvp": {
             "version": "3.6.2",
             "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-3.6.2.tgz",
-            "integrity": "sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw==",
-            "dev": true
+            "integrity": "sha512-OfWGQTb9vnwRjwtA2QwpG2ICclHC3pgXZO5xt8H2EfgDquO0qVdSb5T88L4qJVAEugbS56pAuV4XZM58UX8ulw=="
         },
         "run-parallel": {
             "version": "1.2.0",
@@ -51005,7 +50994,6 @@
             "version": "0.0.105",
             "resolved": "https://registry.npmjs.org/traceur/-/traceur-0.0.105.tgz",
             "integrity": "sha512-WCcn9XUOl8ZxAlWFvZK2N36bwXwc+WqB72rMx8/XXA57ba3mtz/L9piMxiefM5RwFZlxK22SC/yKKQw1VcJsXA==",
-            "dev": true,
             "requires": {
                 "commander": "2.9.x",
                 "glob": "5.0.x",
@@ -51018,7 +51006,6 @@
                     "version": "2.9.0",
                     "resolved": "https://registry.npmjs.org/commander/-/commander-2.9.0.tgz",
                     "integrity": "sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==",
-                    "dev": true,
                     "requires": {
                         "graceful-readlink": ">= 1.0.0"
                     }
@@ -51027,7 +51014,6 @@
                     "version": "5.0.15",
                     "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
                     "integrity": "sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==",
-                    "dev": true,
                     "requires": {
                         "inflight": "^1.0.4",
                         "inherits": "2",
@@ -51039,14 +51025,12 @@
                 "semver": {
                     "version": "4.3.6",
                     "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz",
-                    "integrity": "sha512-IrpJ+yoG4EOH8DFWuVg+8H1kW1Oaof0Wxe7cPcXW3x9BjkN/eVo54F15LyqemnDIUYskQWr9qvl/RihmSy6+xQ==",
-                    "dev": true
+                    "integrity": "sha512-IrpJ+yoG4EOH8DFWuVg+8H1kW1Oaof0Wxe7cPcXW3x9BjkN/eVo54F15LyqemnDIUYskQWr9qvl/RihmSy6+xQ=="
                 },
                 "source-map": {
                     "version": "0.1.32",
                     "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.32.tgz",
                     "integrity": "sha512-htQyLrrRLkQ87Zfrir4/yN+vAUd6DNjVayEjTSHXu29AYQJw57I4/xEL/M6p6E/woPNJwvZt6rVlzc7gFEJccQ==",
-                    "dev": true,
                     "requires": {
                         "amdefine": ">=0.0.4"
                     }
@@ -51055,7 +51039,6 @@
                     "version": "0.2.10",
                     "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.2.10.tgz",
                     "integrity": "sha512-gGKOSat73z0V8wBKo9AGxZZyekczBireh1hHktbt+kb9acsCB5OfVCF2DCWlztcQ3r5oNN7f2BL0B2xOcoJ/DQ==",
-                    "dev": true,
                     "requires": {
                         "source-map": "0.1.32"
                     }