diff --git a/packages/devextreme-angular/src/ui/accordion/index.ts b/packages/devextreme-angular/src/ui/accordion/index.ts
index 94180b07e110..083eb6da583a 100644
--- a/packages/devextreme-angular/src/ui/accordion/index.ts
+++ b/packages/devextreme-angular/src/ui/accordion/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/accordion';
+export type { ExplicitTypes } from 'devextreme/ui/accordion';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxAccordionItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, ItemTitleClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/accordion';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxAccordionItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, ItemTitleClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/accordion';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxAccordion from 'devextreme/ui/accordion';
 
diff --git a/packages/devextreme-angular/src/ui/action-sheet/index.ts b/packages/devextreme-angular/src/ui/action-sheet/index.ts
index 495eaeb27ee3..16a7cfdfaa9b 100644
--- a/packages/devextreme-angular/src/ui/action-sheet/index.ts
+++ b/packages/devextreme-angular/src/ui/action-sheet/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/action_sheet';
+export type { ExplicitTypes } from 'devextreme/ui/action_sheet';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxActionSheetItem, CancelClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/action_sheet';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxActionSheetItem, CancelClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/action_sheet';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxActionSheet from 'devextreme/ui/action_sheet';
 
diff --git a/packages/devextreme-angular/src/ui/action-sheet/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/action-sheet/nested/item-dxi.ts
index 74ea684233c4..37a901eab622 100644
--- a/packages/devextreme-angular/src/ui/action-sheet/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/action-sheet/nested/item-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { NativeEventInfo } from 'devextreme/common/core/events';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { NativeEventInfo } from 'devextreme/common/core/events';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/index.ts b/packages/devextreme-angular/src/ui/autocomplete/index.ts
index df0f77770c47..5c2d3a82d80f 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/index.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/index.ts
@@ -24,14 +24,14 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { TextEditorButton, LabelMode, SimplifiedSearchMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/autocomplete';
+import type DataSource from 'devextreme/data/data_source';
+import type { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { TextEditorButton, LabelMode, SimplifiedSearchMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/autocomplete';
 
 import DxAutocomplete from 'devextreme/ui/autocomplete';
 
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts
index 9455600bd998..563b69f1a829 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/at.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/at.ts
index cd45d70c45de..a1127273025c 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/button-dxi.ts
index e64e383ed69e..94d635339c89 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/collision.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/collision.ts
index c5b17aa67070..e35e53c1b711 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts
index e2223678d298..d6d5ac5e0cce 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/from.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/from.ts
index a1deddc455bb..f36701e8477c 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/hide.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/hide.ts
index 84a05ce837d9..c345a051b372 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/my.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/my.ts
index 6acd033eb4fe..45a58f724d40 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/options.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/options.ts
index e217a44f4125..acae1b23cdb2 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/position.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/position.ts
index b14a53b5ecfc..e9eb5b01f95f 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/show.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/show.ts
index 0288a0032c49..9e7b81e8fe16 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/to.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/to.ts
index e2c04ee8f098..a35083950c62 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/toolbar-item-dxi.ts
index 81bb37009016..9b6bd05f91a8 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/index.ts b/packages/devextreme-angular/src/ui/bar-gauge/index.ts
index 81f7bfc450fc..db9e14583fa6 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/index.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/index.ts
@@ -20,10 +20,10 @@ import {
 } from '@angular/core';
 
 
-import { AnimationEaseMode, Font, DashStyle, Palette, PaletteExtensionMode, ShiftLabelOverlap, Theme, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { BarGaugeBarInfo, BarGaugeLegendItem, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent } from 'devextreme/viz/bar_gauge';
+import type { AnimationEaseMode, Font, DashStyle, Palette, PaletteExtensionMode, ShiftLabelOverlap, Theme, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { BarGaugeBarInfo, BarGaugeLegendItem, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent } from 'devextreme/viz/bar_gauge';
 
 import DxBarGauge from 'devextreme/viz/bar_gauge';
 
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/animation.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/animation.ts
index 000e5dd7aa62..3a05fddd4af7 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title-subtitle.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title-subtitle.ts
index 688fcf429c8d..d749de388c49 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title.ts
index 22830130dc23..bb272b739a34 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/border.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/border.ts
index 690921905b9b..c6ecd4916c09 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/export.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/export.ts
index 761ad2b283ba..dc299330767d 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/format.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/format.ts
index 5a1518a419e3..5b65048639d0 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/item-text-format.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/item-text-format.ts
index 7964264a5c6b..f3f6ca73c6a7 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/item-text-format.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/item-text-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/label.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/label.ts
index 6f1c4481c79d..0d47764ba33b 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-border.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-border.ts
index af9ce588a439..1ad18dbfd414 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-border.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title-subtitle.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title-subtitle.ts
index 735cca0ec095..8fbe06831767 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title.ts
index 618ed426e196..8ba965b53ea3 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend.ts
index fd6660a684f6..3b0630f9dc58 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/legend.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/legend.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { BarGaugeBarInfo, BarGaugeLegendItem } from 'devextreme/viz/bar_gauge';
-import { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { BarGaugeBarInfo, BarGaugeLegendItem } from 'devextreme/viz/bar_gauge';
+import type { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/loading-indicator.ts
index c12667dd6d8a..b7de76426967 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/subtitle.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/subtitle.ts
index 4a8f10469a1e..5558e4baade3 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/title.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/title.ts
index affc2f34e504..325bfcae710f 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip-border.ts
index 64830a538d3b..45819d6460ef 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip.ts
index a39b3016b57d..6e3ec6b45796 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/box/index.ts b/packages/devextreme-angular/src/ui/box/index.ts
index 5ef91bd54ee0..47904b30f314 100644
--- a/packages/devextreme-angular/src/ui/box/index.ts
+++ b/packages/devextreme-angular/src/ui/box/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/box';
+export type { ExplicitTypes } from 'devextreme/ui/box';
 
-import DataSource from 'devextreme/data/data_source';
-import { Distribution, CrosswiseDistribution, dxBoxItem, BoxDirection, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/box';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { Distribution, CrosswiseDistribution, dxBoxItem, BoxDirection, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/box';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxBox from 'devextreme/ui/box';
 
diff --git a/packages/devextreme-angular/src/ui/box/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/box/nested/item-dxi.ts
index c072c6d20c14..06daa54c6968 100644
--- a/packages/devextreme-angular/src/ui/box/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/box/nested/item-dxi.ts
@@ -16,7 +16,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxBoxOptions } from 'devextreme/ui/box';
+import type { dxBoxOptions } from 'devextreme/ui/box';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bullet/index.ts b/packages/devextreme-angular/src/ui/bullet/index.ts
index 1177b9c397c8..16cd1a2b864e 100644
--- a/packages/devextreme-angular/src/ui/bullet/index.ts
+++ b/packages/devextreme-angular/src/ui/bullet/index.ts
@@ -17,9 +17,9 @@ import {
 } from '@angular/core';
 
 
-import { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent } from 'devextreme/viz/bullet';
-import { Theme, DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent } from 'devextreme/viz/bullet';
+import type { Theme, DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxBullet from 'devextreme/viz/bullet';
 
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/border.ts b/packages/devextreme-angular/src/ui/bullet/nested/border.ts
index 35eb317c006e..1322ce505d18 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/format.ts b/packages/devextreme-angular/src/ui/bullet/nested/format.ts
index fbac507f42f5..9115628f738b 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/tooltip.ts b/packages/devextreme-angular/src/ui/bullet/nested/tooltip.ts
index 7cca65ebc427..74e536c234f5 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/button-group/index.ts b/packages/devextreme-angular/src/ui/button-group/index.ts
index de027c444319..03e5fb060925 100644
--- a/packages/devextreme-angular/src/ui/button-group/index.ts
+++ b/packages/devextreme-angular/src/ui/button-group/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { dxButtonGroupItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/button_group';
-import { SingleMultipleOrNone, ButtonStyle } from 'devextreme/common';
+import type { dxButtonGroupItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/button_group';
+import type { SingleMultipleOrNone, ButtonStyle } from 'devextreme/common';
 
 import DxButtonGroup from 'devextreme/ui/button_group';
 
diff --git a/packages/devextreme-angular/src/ui/button-group/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/button-group/nested/item-dxi.ts
index 451a478aef99..6b529df13a21 100644
--- a/packages/devextreme-angular/src/ui/button-group/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/button-group/nested/item-dxi.ts
@@ -16,7 +16,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ButtonType } from 'devextreme/common';
+import type { ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/button/index.ts b/packages/devextreme-angular/src/ui/button/index.ts
index 6e09d1169590..822d72fbfba8 100644
--- a/packages/devextreme-angular/src/ui/button/index.ts
+++ b/packages/devextreme-angular/src/ui/button/index.ts
@@ -17,8 +17,8 @@ import {
 } from '@angular/core';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import DxButton from 'devextreme/ui/button';
 
diff --git a/packages/devextreme-angular/src/ui/calendar/index.ts b/packages/devextreme-angular/src/ui/calendar/index.ts
index 744b3ec69c9c..323999ba89f9 100644
--- a/packages/devextreme-angular/src/ui/calendar/index.ts
+++ b/packages/devextreme-angular/src/ui/calendar/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
-import { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
+import type { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxCalendar from 'devextreme/ui/calendar';
 
diff --git a/packages/devextreme-angular/src/ui/card-view/index.ts b/packages/devextreme-angular/src/ui/card-view/index.ts
index d21576159363..5600d834cc87 100644
--- a/packages/devextreme-angular/src/ui/card-view/index.ts
+++ b/packages/devextreme-angular/src/ui/card-view/index.ts
@@ -21,17 +21,17 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/card_view';
-
-import DataSource from 'devextreme/data/data_source';
-import { CardCover, CardHeader, ColumnProperties, dxCardViewEditing, HeaderPanel, CardClickEvent, CardDblClickEvent, CardHoverChangedEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, FocusedCardChanged, InitNewCardEvent, OptionChangedEvent, SavedEvent, SavingEvent, SelectionChangedEvent, Paging, RemoteOperations, SelectionConfiguration, dxCardViewToolbar } from 'devextreme/ui/card_view';
-import { Mode, ScrollbarMode } from 'devextreme/common';
-import { ColumnChooser, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting } from 'devextreme/common/grids';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';
-import { dxLoadPanelOptions } from 'devextreme/ui/load_panel';
-import { EventInfo } from 'devextreme/common/core/events';
+export type { ExplicitTypes } from 'devextreme/ui/card_view';
+
+import type DataSource from 'devextreme/data/data_source';
+import type { CardCover, CardHeader, ColumnProperties, dxCardViewEditing, HeaderPanel, CardClickEvent, CardDblClickEvent, CardHoverChangedEvent, CardInsertedEvent, CardInsertingEvent, CardPreparedEvent, CardRemovedEvent, CardRemovingEvent, CardUpdatedEvent, CardUpdatingEvent, ContextMenuPreparingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, FieldCaptionClickEvent, FieldCaptionDblClickEvent, FieldCaptionPreparedEvent, FieldValueClickEvent, FieldValueDblClickEvent, FieldValuePreparedEvent, FocusedCardChanged, InitNewCardEvent, OptionChangedEvent, SavedEvent, SavingEvent, SelectionChangedEvent, Paging, RemoteOperations, SelectionConfiguration, dxCardViewToolbar } from 'devextreme/ui/card_view';
+import type { Mode, ScrollbarMode } from 'devextreme/common';
+import type { ColumnChooser, FilterPanel, HeaderFilter, Pager, SearchPanel, Sorting } from 'devextreme/common/grids';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';
+import type { dxLoadPanelOptions } from 'devextreme/ui/load_panel';
+import type { EventInfo } from 'devextreme/common/core/events';
 
 import DxCardView from 'devextreme/ui/card_view';
 
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/animation.ts b/packages/devextreme-angular/src/ui/card-view/nested/animation.ts
index 47db09484cf5..4227fb7f69be 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/async-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/async-rule-dxi.ts
index c15e0ba8e463..75597c462e63 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/async-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/async-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/at.ts b/packages/devextreme-angular/src/ui/card-view/nested/at.ts
index 0e1eea6b61e8..b244c28f6355 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/button-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/button-item-dxi.ts
index fefbc2c6499e..0722346ec34d 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/button-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/button-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/button-options.ts b/packages/devextreme-angular/src/ui/card-view/nested/button-options.ts
index 25f0c18c4905..2f9d0f9d91d6 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/button-options.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/button-options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-header-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-header-item-dxi.ts
index 549f6801a06c..0fc7ad592fcd 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-header-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-header-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { CardHeaderPredefinedItem } from 'devextreme/ui/card_view';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { CardHeaderPredefinedItem } from 'devextreme/ui/card_view';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-header.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-header.ts
index 1991012643c3..d6bbd016e442 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-header.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-header.ts
@@ -20,7 +20,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { CardHeaderItem, CardHeaderPredefinedItem } from 'devextreme/ui/card_view';
+import type { CardHeaderItem, CardHeaderPredefinedItem } from 'devextreme/ui/card_view';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-search.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-search.ts
index 0ebba2144f47..373e5db53aec 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter.ts
index fb0c72a60ca6..227e30e63776 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-view-selection.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-view-selection.ts
index a128c09cacc7..d9ca711781de 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-view-selection.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-view-selection.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
-import { SelectionColumnDisplayMode } from 'devextreme/common/grids';
+import type { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
+import type { SelectionColumnDisplayMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/change-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/change-dxi.ts
index 1387034f988c..55c84be361c7 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/change-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/change-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { DataChangeType } from 'devextreme/common/grids';
+import type { DataChangeType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/collision.ts b/packages/devextreme-angular/src/ui/card-view/nested/collision.ts
index 2e683cc50842..e737b25116c6 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-chooser.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-chooser.ts
index e48dee553ab2..448e15f0afe5 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/column-chooser.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/column-chooser.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
-import { PositionConfig } from 'devextreme/common/core/animation';
-import { SortOrder } from 'devextreme/common';
+import type { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
+import type { PositionConfig } from 'devextreme/common/core/animation';
+import type { SortOrder } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-dxi.ts
index f3747a3924eb..6f63c9e3f8eb 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/column-dxi.ts
@@ -16,11 +16,11 @@ import {
 
 
 
-import * as CommonTypes from 'devextreme/common';
-import { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
-import { FilterType, ColumnHeaderFilter } from 'devextreme/common/grids';
-import { Format } from 'devextreme/common/core/localization';
-import { dxFormSimpleItem } from 'devextreme/ui/form';
+import type * as CommonTypes from 'devextreme/common';
+import type { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
+import type { FilterType, ColumnHeaderFilter } from 'devextreme/common/grids';
+import type { Format } from 'devextreme/common/core/localization';
+import type { dxFormSimpleItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter-search.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter-search.ts
index b01c3fd60827..23b751ad87d2 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts
index 5a341d95359f..10644b074317 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/compare-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/compare-rule-dxi.ts
index 10921f1b4ed7..a0734ec55b5a 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/compare-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/compare-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/custom-operation-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/custom-operation-dxi.ts
index 56b4e2a55006..14767ff2552a 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/custom-operation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/custom-operation-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
+import type { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/custom-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/custom-rule-dxi.ts
index bed686bdfc37..3e1c35ec4cf1 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/custom-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/custom-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/dragging.ts b/packages/devextreme-angular/src/ui/card-view/nested/dragging.ts
index 0f1eda235568..114d839f7407 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/dragging.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/dragging.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DragHighlight } from 'devextreme/common';
+import type { DragHighlight } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/editing.ts b/packages/devextreme-angular/src/ui/card-view/nested/editing.ts
index 5de6c2ba49f8..45970e3d0452 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/editing.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import { DataChange } from 'devextreme/common/grids';
-import { dxFormOptions } from 'devextreme/ui/form';
-import { EditingTexts } from 'devextreme/ui/card_view';
+import type { DataChange } from 'devextreme/common/grids';
+import type { dxFormOptions } from 'devextreme/ui/form';
+import type { EditingTexts } from 'devextreme/ui/card_view';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/email-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/email-rule-dxi.ts
index d56d87de5c86..561cc27b3dcd 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/email-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/email-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/empty-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/empty-item-dxi.ts
index 269a66c942fe..bb7d50129add 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/empty-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/empty-item-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { FormItemType } from 'devextreme/ui/form';
+import type { FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/field-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/field-dxi.ts
index ed37ac381338..3f5cc41b404a 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/field-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/field-dxi.ts
@@ -12,11 +12,11 @@ import {
 
 
 
-import { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/filter-builder.ts b/packages/devextreme-angular/src/ui/card-view/nested/filter-builder.ts
index e9b353ea1323..02b4c53b2ca1 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/filter-builder.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/filter-builder.ts
@@ -18,7 +18,7 @@ import {
 
 
 
-import { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
+import type { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/filter-panel.ts b/packages/devextreme-angular/src/ui/card-view/nested/filter-panel.ts
index 8b033408af90..e408a61d5c70 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/filter-panel.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/filter-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { FilterPanel, FilterPanelTexts } from 'devextreme/common/grids';
+import type { FilterPanel, FilterPanelTexts } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/form-item.ts b/packages/devextreme-angular/src/ui/card-view/nested/form-item.ts
index b801a0fbe0f0..4e42a285ec8d 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/form-item.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/form-item.ts
@@ -20,9 +20,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/form.ts b/packages/devextreme-angular/src/ui/card-view/nested/form.ts
index abd0e23f9e10..f9c8e89597bc 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/form.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/form.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { Mode } from 'devextreme/common';
-import { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { Mode } from 'devextreme/common';
+import type { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/format.ts b/packages/devextreme-angular/src/ui/card-view/nested/format.ts
index f94795e5ab87..4dc694ed67d4 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/from.ts b/packages/devextreme-angular/src/ui/card-view/nested/from.ts
index cdd81d5079a9..46e337de800b 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/group-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/group-item-dxi.ts
index 99c3d8f92045..0b575e84de14 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/group-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts b/packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts
index dc63380e62b8..75c82972a4f2 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/header-panel.ts b/packages/devextreme-angular/src/ui/card-view/nested/header-panel.ts
index 09aa28b96447..6659d9e26b85 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/header-panel.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/header-panel.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DragHighlight } from 'devextreme/common';
+import type { DragHighlight } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/hide.ts b/packages/devextreme-angular/src/ui/card-view/nested/hide.ts
index 1daaff8564bd..685a64a56d7a 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/indicator-options.ts b/packages/devextreme-angular/src/ui/card-view/nested/indicator-options.ts
index 9aadeb1eb724..83250ee2ef85 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/indicator-options.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/indicator-options.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { LoadingAnimationType } from 'devextreme/ui/load_indicator';
+import type { LoadingAnimationType } from 'devextreme/ui/load_indicator';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/item-dxi.ts
index bef2ff43a5b5..ce323dc881cd 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/item-dxi.ts
@@ -18,13 +18,13 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CardHeaderPredefinedItem, PredefinedToolbarItem } from 'devextreme/ui/card_view';
-import { FormPredefinedButtonItem, FormItemComponent, FormItemType, LabelLocation, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type * as CommonTypes from 'devextreme/common';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CardHeaderPredefinedItem, PredefinedToolbarItem } from 'devextreme/ui/card_view';
+import type { FormPredefinedButtonItem, FormItemComponent, FormItemType, LabelLocation, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/label.ts b/packages/devextreme-angular/src/ui/card-view/nested/label.ts
index 4a284d2f7712..c84303c9a4bc 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/label.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { LabelLocation } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/load-panel.ts b/packages/devextreme-angular/src/ui/card-view/nested/load-panel.ts
index df08b26749df..fefda0093d60 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/load-panel.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/load-panel.ts
@@ -16,10 +16,10 @@ import {
 
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { LoadPanelIndicatorProperties, ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent } from 'devextreme/ui/load_panel';
-import { PositionAlignment } from 'devextreme/common';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { LoadPanelIndicatorProperties, ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent } from 'devextreme/ui/load_panel';
+import type { PositionAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/lookup.ts b/packages/devextreme-angular/src/ui/card-view/nested/lookup.ts
index 596e469f3b5d..8e77f2b1e8b4 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/lookup.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/my.ts b/packages/devextreme-angular/src/ui/card-view/nested/my.ts
index 5d4e9e48421c..d5ac52740add 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/numeric-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/numeric-rule-dxi.ts
index c6fff2728b9b..2c36b24204a6 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/numeric-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/numeric-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/pager.ts b/packages/devextreme-angular/src/ui/card-view/nested/pager.ts
index 43522054e6b6..7ed2d7100c18 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/pager.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/pager.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PagerPageSize } from 'devextreme/common/grids';
-import { Mode, DisplayMode } from 'devextreme/common';
+import type { PagerPageSize } from 'devextreme/common/grids';
+import type { Mode, DisplayMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/pattern-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/pattern-rule-dxi.ts
index 4fcbcc453e29..072fdd468d34 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/pattern-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/pattern-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/position.ts b/packages/devextreme-angular/src/ui/card-view/nested/position.ts
index 10713f33ff97..0994cc97b078 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/range-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/range-rule-dxi.ts
index 6f37e94b8a52..176ec3387770 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/range-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/range-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/required-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/required-rule-dxi.ts
index 519780e2ce5b..1ac80a619c1d 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/required-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/required-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/scrolling.ts b/packages/devextreme-angular/src/ui/card-view/nested/scrolling.ts
index ba0761721dde..ae4265202dd7 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/scrolling.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/scrolling.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ScrollbarMode, Mode } from 'devextreme/common';
+import type { ScrollbarMode, Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/search.ts b/packages/devextreme-angular/src/ui/card-view/nested/search.ts
index 37d8591a99ea..175031333bba 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/selection.ts b/packages/devextreme-angular/src/ui/card-view/nested/selection.ts
index f57dd8a6de53..4aefbfbff149 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/selection.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/selection.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
-import { SelectionColumnDisplayMode } from 'devextreme/common/grids';
+import type { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
+import type { SelectionColumnDisplayMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/show.ts b/packages/devextreme-angular/src/ui/card-view/nested/show.ts
index 044ab807ecd4..387dafbb0662 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/simple-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/simple-item-dxi.ts
index fa6401d42c64..0103db8e5fb6 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/simple-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/simple-item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/sorting.ts b/packages/devextreme-angular/src/ui/card-view/nested/sorting.ts
index 2ee1fe510179..8e3220c582ef 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/sorting.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/sorting.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/string-length-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/string-length-rule-dxi.ts
index 30fccfffdec8..2337535f1fc7 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/string-length-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/string-length-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/tab-dxi.ts
index ec07071d75f3..ee954632a015 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/tab-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options.ts
index 5f37e53f9865..a6349eb4d139 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/tabbed-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/tabbed-item-dxi.ts
index 90dd9acc9f1f..37395865a955 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/tabbed-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/tabbed-item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/to.ts b/packages/devextreme-angular/src/ui/card-view/nested/to.ts
index 8b66af10d727..0c4aa881d931 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/toolbar-item-dxi.ts
index b6949cc5b9c2..795d9872d23d 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { PredefinedToolbarItem } from 'devextreme/ui/card_view';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { PredefinedToolbarItem } from 'devextreme/ui/card_view';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/toolbar.ts b/packages/devextreme-angular/src/ui/card-view/nested/toolbar.ts
index 4343145f2d29..42799bdf456e 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxCardViewToolbarItem, PredefinedToolbarItem } from 'devextreme/ui/card_view';
+import type { dxCardViewToolbarItem, PredefinedToolbarItem } from 'devextreme/ui/card_view';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/validation-rule-dxi.ts
index 91f01749ad95..7cd361838ae6 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
+import type { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/index.ts b/packages/devextreme-angular/src/ui/chart/index.ts
index 0c8dc8e52cba..4eb7cc77aafa 100644
--- a/packages/devextreme-angular/src/ui/chart/index.ts
+++ b/packages/devextreme-angular/src/ui/chart/index.ts
@@ -22,15 +22,15 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import * as CommonChartTypes from 'devextreme/common/charts';
-import { AnimationEaseMode, TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode, ChartsColor, SeriesHoverMode, HatchDirection, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, SeriesLabel, SeriesPoint, LegendItem, LegendHoverMode, Palette, PaletteExtensionMode, ChartsLabelOverlap, Theme, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
-import { dxChartAnnotationConfig, AggregatedPointsPosition, ChartLabelDisplayMode, dxChartCommonAnnotationConfig, chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel, chartPointObject, ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, SeriesClickEvent, SeriesHoverChangedEvent, SeriesSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, dxChartPointInfo, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
-import { HorizontalAlignment, VerticalAlignment, Position, ExportFormat, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { ChartSeries } from 'devextreme/viz/common';
+import type DataSource from 'devextreme/data/data_source';
+import type * as CommonChartTypes from 'devextreme/common/charts';
+import type { AnimationEaseMode, TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode, ChartsColor, SeriesHoverMode, HatchDirection, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, SeriesLabel, SeriesPoint, LegendItem, LegendHoverMode, Palette, PaletteExtensionMode, ChartsLabelOverlap, Theme, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
+import type { dxChartAnnotationConfig, AggregatedPointsPosition, ChartLabelDisplayMode, dxChartCommonAnnotationConfig, chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel, chartPointObject, ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, SeriesClickEvent, SeriesHoverChangedEvent, SeriesSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, dxChartPointInfo, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
+import type { HorizontalAlignment, VerticalAlignment, Position, ExportFormat, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { ChartSeries } from 'devextreme/viz/common';
 
 import DxChart from 'devextreme/viz/chart';
 
diff --git a/packages/devextreme-angular/src/ui/chart/nested/aggregation.ts b/packages/devextreme-angular/src/ui/chart/nested/aggregation.ts
index afc87c1c8019..67d759738ade 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/aggregation.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/aggregation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod } from 'devextreme/viz/chart';
+import type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/animation.ts b/packages/devextreme-angular/src/ui/chart/nested/animation.ts
index aecdc2901ba6..91f17345f3a1 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/annotation-border.ts b/packages/devextreme-angular/src/ui/chart/nested/annotation-border.ts
index 9e23899d769f..cbb8dd15f647 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/annotation-border.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/annotation-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/annotation-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/annotation-dxi.ts
index 0ee6f0b9faac..ab2e48f36ae8 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/annotation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/annotation-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxChartAnnotationConfig } from 'devextreme/viz/chart';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxChartAnnotationConfig } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/argument-axis.ts b/packages/devextreme-angular/src/ui/chart/nested/argument-axis.ts
index fca065df2734..961234b3dc40 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/argument-axis.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/argument-axis.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import * as CommonChartTypes from 'devextreme/common/charts';
-import { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment, Position } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type * as CommonChartTypes from 'devextreme/common/charts';
+import type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment, Position } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/argument-format.ts b/packages/devextreme-angular/src/ui/chart/nested/argument-format.ts
index 79f8a7e22b6e..fd803f25027e 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/argument-format.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/argument-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style-label.ts b/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style-label.ts
index b1a0c7810078..b20ffecd0ce6 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, RelativePosition } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style.ts b/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style.ts
index 9eb627d231c2..8489a6a8b2d6 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/axis-label.ts b/packages/devextreme-angular/src/ui/chart/nested/axis-label.ts
index cc9aa592805a..723286409a20 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/axis-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/axis-label.ts
@@ -18,10 +18,10 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment, Position } from 'devextreme/common';
-import { ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { Font, ChartsAxisLabelOverlap, RelativePosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { HorizontalAlignment, Position } from 'devextreme/common';
+import type { ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { Font, ChartsAxisLabelOverlap, RelativePosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/axis-title.ts b/packages/devextreme-angular/src/ui/chart/nested/axis-title.ts
index f4c90ffc2663..b6c9d0d6106d 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/axis-title.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/axis-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/border.ts b/packages/devextreme-angular/src/ui/chart/nested/border.ts
index ec317482839a..209969ff292d 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/break-style.ts b/packages/devextreme-angular/src/ui/chart/nested/break-style.ts
index 9454fa13092f..6d61c56762c5 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/break-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/break-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ScaleBreakLineStyle } from 'devextreme/common/charts';
+import type { ScaleBreakLineStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/chart-title-subtitle.ts b/packages/devextreme-angular/src/ui/chart/nested/chart-title-subtitle.ts
index 62b6465ae9ce..586bd15e754a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/chart-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/chart-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/chart-title.ts b/packages/devextreme-angular/src/ui/chart/nested/chart-title.ts
index 06e422e5a808..b9f018a807bf 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/chart-title.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/chart-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-annotation-settings.ts b/packages/devextreme-angular/src/ui/chart/nested/common-annotation-settings.ts
index 27b75a7fbf9f..c8fc53a9137e 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-annotation-settings.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-annotation-settings.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxChartAnnotationConfig } from 'devextreme/viz/chart';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxChartAnnotationConfig } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style-label.ts b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style-label.ts
index cbcab05db70a..d450d7455f1c 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, RelativePosition } from 'devextreme/common/charts';
+import type { Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style.ts b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style.ts
index 943de79cf5bc..222fa411b6b8 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-label.ts b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-label.ts
index 0a611b20cfb8..7fa7197778ce 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-label.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment, Position } from 'devextreme/common';
-import { ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { Font, ChartsAxisLabelOverlap, RelativePosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, Position } from 'devextreme/common';
+import type { ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { Font, ChartsAxisLabelOverlap, RelativePosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-title.ts b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-title.ts
index 43ea399c8ebd..71490a84971e 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-title.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings.ts b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings.ts
index fe3f965315ea..f07a168f4170 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-axis-settings.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
+import type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-pane-settings.ts b/packages/devextreme-angular/src/ui/chart/nested/common-pane-settings.ts
index 3619c4b8e3a4..86e2f73a7ee4 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-pane-settings.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-pane-settings.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, DashStyle } from 'devextreme/common/charts';
+import type { ChartsColor, DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-hover-style.ts b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-hover-style.ts
index 1699e0d61ef8..073639831c68 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-hover-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-label.ts b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-label.ts
index 4dc28fa7f8a0..769fdb86791a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-label.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-selection-style.ts b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-selection-style.ts
index fbaa665ccf1e..5a5206af6b2d 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-selection-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings-selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings.ts b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings.ts
index ed6684d18987..cd2c932ec843 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/common-series-settings.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/common-series-settings.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
-import { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/constant-line-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/constant-line-dxi.ts
index 2abbbed02cba..da5d281cf1e6 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/constant-line-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/constant-line-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/constant-line-label.ts b/packages/devextreme-angular/src/ui/chart/nested/constant-line-label.ts
index b08c13a13740..38bfb3f1375e 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/constant-line-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/constant-line-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, RelativePosition } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/constant-line-style.ts b/packages/devextreme-angular/src/ui/chart/nested/constant-line-style.ts
index 49d0ad471995..5c0ccc3ba964 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/constant-line-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/constant-line-style.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/crosshair.ts b/packages/devextreme-angular/src/ui/chart/nested/crosshair.ts
index 7a8e5a680ead..851a781b1365 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/crosshair.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/crosshair.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { chartPointObject } from 'devextreme/viz/chart';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { chartPointObject } from 'devextreme/viz/chart';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/export.ts b/packages/devextreme-angular/src/ui/chart/nested/export.ts
index 293ebd1b099e..6ef80ce12d27 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/format.ts b/packages/devextreme-angular/src/ui/chart/nested/format.ts
index 55d7d6dc28de..7b5e10cffbba 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/hatching.ts b/packages/devextreme-angular/src/ui/chart/nested/hatching.ts
index 41a1688611e0..17b20cc79d1b 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/horizontal-line-label.ts b/packages/devextreme-angular/src/ui/chart/nested/horizontal-line-label.ts
index 07b0c7bdbab9..0b855f3c9d65 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/horizontal-line-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/horizontal-line-label.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { chartPointObject } from 'devextreme/viz/chart';
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { chartPointObject } from 'devextreme/viz/chart';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/horizontal-line.ts b/packages/devextreme-angular/src/ui/chart/nested/horizontal-line.ts
index 5aac7d1ed24b..03cfc6f50f22 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/horizontal-line.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/horizontal-line.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { chartPointObject } from 'devextreme/viz/chart';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { chartPointObject } from 'devextreme/viz/chart';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/hover-style.ts b/packages/devextreme-angular/src/ui/chart/nested/hover-style.ts
index e39b194c0172..9e3b11d1eced 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/label.ts b/packages/devextreme-angular/src/ui/chart/nested/label.ts
index 23d5494a969e..a7582f27a76e 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/label.ts
@@ -18,10 +18,10 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { Font, RelativePosition, ChartsAxisLabelOverlap, TextOverflow, WordWrap, DashStyle } from 'devextreme/common/charts';
-import { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
-import { ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font, RelativePosition, ChartsAxisLabelOverlap, TextOverflow, WordWrap, DashStyle } from 'devextreme/common/charts';
+import type { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
+import type { ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/legend-title-subtitle.ts b/packages/devextreme-angular/src/ui/chart/nested/legend-title-subtitle.ts
index d12dcb2275f8..225424875a6a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/legend-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/legend-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/legend-title.ts b/packages/devextreme-angular/src/ui/chart/nested/legend-title.ts
index 8ad87279615b..d4ce468b450a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/legend-title.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/legend-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/legend.ts b/packages/devextreme-angular/src/ui/chart/nested/legend.ts
index c186bfb0980f..86a84ceb6525 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/legend.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/legend.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, LegendItem, Font, LegendHoverMode, RelativePosition } from 'devextreme/common/charts';
-import { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, LegendItem, Font, LegendHoverMode, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/chart/nested/loading-indicator.ts
index cfabc7fec448..cd3c07d6219a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/pane-border.ts b/packages/devextreme-angular/src/ui/chart/nested/pane-border.ts
index 9a7983c60ead..ec1b45f02282 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/pane-border.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/pane-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/pane-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/pane-dxi.ts
index 7988b960aae0..17520400710a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/pane-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/pane-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ChartsColor, DashStyle } from 'devextreme/common/charts';
+import type { ChartsColor, DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/point-hover-style.ts b/packages/devextreme-angular/src/ui/chart/nested/point-hover-style.ts
index 9e62d397c68f..8a33d45a9947 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/point-hover-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/point-hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/point-selection-style.ts b/packages/devextreme-angular/src/ui/chart/nested/point-selection-style.ts
index fdcfdad6dfb9..54c488e33c5f 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/point-selection-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/point-selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/point.ts b/packages/devextreme-angular/src/ui/chart/nested/point.ts
index fc337c788606..7c7466e9dfec 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/point.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/point.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
+import type { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/reduction.ts b/packages/devextreme-angular/src/ui/chart/nested/reduction.ts
index 65ba8e2f0371..fa069dbb9cd1 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/reduction.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/reduction.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { FinancialChartReductionLevel } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/scroll-bar.ts b/packages/devextreme-angular/src/ui/chart/nested/scroll-bar.ts
index 64819556176f..c085d49b528f 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/scroll-bar.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/scroll-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Position } from 'devextreme/common';
+import type { Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/selection-style.ts b/packages/devextreme-angular/src/ui/chart/nested/selection-style.ts
index f243039a1392..8c3013c24ede 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/series-border.ts b/packages/devextreme-angular/src/ui/chart/nested/series-border.ts
index bd68ca4e62f3..3727107ff8a6 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/series-border.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/series-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/series-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/series-dxi.ts
index 67e4e68ae00a..12d222541ea0 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/series-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/series-dxi.ts
@@ -12,10 +12,10 @@ import {
 
 
 
-import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
-import { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/series-template.ts b/packages/devextreme-angular/src/ui/chart/nested/series-template.ts
index 1f5595d486de..a84240dc76f7 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/series-template.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/series-template.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartSeries } from 'devextreme/viz/common';
+import type { ChartSeries } from 'devextreme/viz/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/strip-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/strip-dxi.ts
index 295716c545f8..f51579a7b240 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/strip-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/strip-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/strip-label.ts b/packages/devextreme-angular/src/ui/chart/nested/strip-label.ts
index b796d1d0c6d3..73feca04166a 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/strip-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/strip-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/strip-style-label.ts b/packages/devextreme-angular/src/ui/chart/nested/strip-style-label.ts
index 05fde3f0f7c5..205ee6c334fd 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/strip-style-label.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/strip-style-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/strip-style.ts b/packages/devextreme-angular/src/ui/chart/nested/strip-style.ts
index 49c42af4c3d4..770171291749 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/strip-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/strip-style.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/subtitle.ts b/packages/devextreme-angular/src/ui/chart/nested/subtitle.ts
index f9ed7897e566..8a1350ba272f 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/title.ts b/packages/devextreme-angular/src/ui/chart/nested/title.ts
index 6c03db38b2b2..45483954b157 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/chart/nested/tooltip-border.ts
index e4f7961f4068..ef2843fa7f90 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/tooltip.ts b/packages/devextreme-angular/src/ui/chart/nested/tooltip.ts
index 6d37c0833db9..7a57d5866e61 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/tooltip.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { dxChartPointInfo, ChartTooltipLocation } from 'devextreme/viz/chart';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { dxChartPointInfo, ChartTooltipLocation } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/value-axis-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/value-axis-dxi.ts
index 303633528586..970c522404eb 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/value-axis-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/value-axis-dxi.ts
@@ -16,11 +16,11 @@ import {
 
 
 
-import * as CommonChartTypes from 'devextreme/common/charts';
-import { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, TimeInterval, AxisScaleType, ChartsDataType, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment, Position } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type * as CommonChartTypes from 'devextreme/common/charts';
+import type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, TimeInterval, AxisScaleType, ChartsDataType, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment, Position } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/value-error-bar.ts b/packages/devextreme-angular/src/ui/chart/nested/value-error-bar.ts
index 8f7e9f8adda6..968d5789b49c 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/value-error-bar.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/value-error-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/vertical-line.ts b/packages/devextreme-angular/src/ui/chart/nested/vertical-line.ts
index 720a2cd77a11..6359d2dbcdbc 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/vertical-line.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/vertical-line.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { chartPointObject } from 'devextreme/viz/chart';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { chartPointObject } from 'devextreme/viz/chart';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/visual-range.ts b/packages/devextreme-angular/src/ui/chart/nested/visual-range.ts
index fa6c44b93604..a58cac3097fb 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/visual-range.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/visual-range.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { TimeInterval } from 'devextreme/common/charts';
+import type { TimeInterval } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/whole-range.ts b/packages/devextreme-angular/src/ui/chart/nested/whole-range.ts
index 655c5cbcfef8..7bd6b05ba714 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/whole-range.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/whole-range.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { TimeInterval } from 'devextreme/common/charts';
+import type { TimeInterval } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chart/nested/zoom-and-pan.ts b/packages/devextreme-angular/src/ui/chart/nested/zoom-and-pan.ts
index fcb9d6e56dc9..5f1d3075d091 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/zoom-and-pan.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/zoom-and-pan.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
+import type { ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chat/index.ts b/packages/devextreme-angular/src/ui/chat/index.ts
index 3d49ef607a40..6b608ca8a8ff 100644
--- a/packages/devextreme-angular/src/ui/chat/index.ts
+++ b/packages/devextreme-angular/src/ui/chat/index.ts
@@ -22,14 +22,14 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import dxChat from 'devextreme/ui/chat';
-import { Alert, Message, AttachmentDownloadClickEvent, DisposingEvent, InitializedEvent, InputFieldTextChangedEvent, MessageDeletedEvent, MessageDeletingEvent, MessageEditCanceledEvent, MessageEditingStartEvent, MessageEnteredEvent, MessageUpdatedEvent, MessageUpdatingEvent, OptionChangedEvent, TypingEndEvent, TypingStartEvent, User } from 'devextreme/ui/chat';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Format } from 'devextreme/common/core/localization';
-import { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
-import { dxSpeechToTextOptions } from 'devextreme/ui/speech_to_text';
+import type DataSource from 'devextreme/data/data_source';
+import type dxChat from 'devextreme/ui/chat';
+import type { Alert, Message, AttachmentDownloadClickEvent, DisposingEvent, InitializedEvent, InputFieldTextChangedEvent, MessageDeletedEvent, MessageDeletingEvent, MessageEditCanceledEvent, MessageEditingStartEvent, MessageEnteredEvent, MessageUpdatedEvent, MessageUpdatingEvent, OptionChangedEvent, TypingEndEvent, TypingStartEvent, User } from 'devextreme/ui/chat';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Format } from 'devextreme/common/core/localization';
+import type { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
+import type { dxSpeechToTextOptions } from 'devextreme/ui/speech_to_text';
 
 import DxChat from 'devextreme/ui/chat';
 
diff --git a/packages/devextreme-angular/src/ui/chat/nested/day-header-format.ts b/packages/devextreme-angular/src/ui/chat/nested/day-header-format.ts
index 199effa0b057..865f4a085d85 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/day-header-format.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/day-header-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chat/nested/editing.ts b/packages/devextreme-angular/src/ui/chat/nested/editing.ts
index f70b443e2f6d..a9dc493a00ce 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/editing.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import dxChat from 'devextreme/ui/chat';
-import { Message } from 'devextreme/ui/chat';
+import type dxChat from 'devextreme/ui/chat';
+import type { Message } from 'devextreme/ui/chat';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chat/nested/file-uploader-options.ts b/packages/devextreme-angular/src/ui/chat/nested/file-uploader-options.ts
index 8a11bd4a796f..8a871632f494 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/file-uploader-options.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/file-uploader-options.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import UploadInfo from 'devextreme/file_management/upload_info';
-import { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from 'devextreme/ui/file_uploader';
-import { ValidationStatus } from 'devextreme/common';
+import type UploadInfo from 'devextreme/file_management/upload_info';
+import type { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from 'devextreme/ui/file_uploader';
+import type { ValidationStatus } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chat/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/chat/nested/item-dxi.ts
index 7acdbb226f63..979e3dff6d7d 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/item-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Attachment, User } from 'devextreme/ui/chat';
+import type { Attachment, User } from 'devextreme/ui/chat';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chat/nested/message-timestamp-format.ts b/packages/devextreme-angular/src/ui/chat/nested/message-timestamp-format.ts
index 9a400101b015..f85b1a17c50d 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/message-timestamp-format.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/message-timestamp-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts b/packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts
index 2f48d997a36d..f87b55721b28 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { CustomSpeechRecognizer, ContentReadyEvent, DisposingEvent, EndEvent, ErrorEvent, InitializedEvent, OptionChangedEvent, ResultEvent, StartClickEvent, StopClickEvent, SpeechRecognitionConfig } from 'devextreme/ui/speech_to_text';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { CustomSpeechRecognizer, ContentReadyEvent, DisposingEvent, EndEvent, ErrorEvent, InitializedEvent, OptionChangedEvent, ResultEvent, StartClickEvent, StopClickEvent, SpeechRecognitionConfig } from 'devextreme/ui/speech_to_text';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/check-box/index.ts b/packages/devextreme-angular/src/ui/check-box/index.ts
index f00e50127961..4f446675c8cf 100644
--- a/packages/devextreme-angular/src/ui/check-box/index.ts
+++ b/packages/devextreme-angular/src/ui/check-box/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/check_box';
-import { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/check_box';
+import type { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxCheckBox from 'devextreme/ui/check_box';
 
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/index.ts b/packages/devextreme-angular/src/ui/circular-gauge/index.ts
index b82f7820299e..859732b4bfdf 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/index.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/index.ts
@@ -22,11 +22,11 @@ import {
 } from '@angular/core';
 
 
-import { AnimationEaseMode, Font, ChartsColor, Palette, PaletteExtensionMode, LabelOverlap, Theme, TextOverflow, WordWrap, DashStyle } from 'devextreme/common/charts';
-import { ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
-import { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, CircularGaugeElementOrientation, CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
-import { Format } from 'devextreme/common/core/localization';
-import { GaugeIndicator } from 'devextreme/viz/gauges/base_gauge';
+import type { AnimationEaseMode, Font, ChartsColor, Palette, PaletteExtensionMode, LabelOverlap, Theme, TextOverflow, WordWrap, DashStyle } from 'devextreme/common/charts';
+import type { ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, CircularGaugeElementOrientation, CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
+import type { Format } from 'devextreme/common/core/localization';
+import type { GaugeIndicator } from 'devextreme/viz/gauges/base_gauge';
 
 import DxCircularGauge from 'devextreme/viz/circular_gauge';
 
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/animation.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/animation.ts
index 44cd72e5a072..ed67d6a41450 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/border.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/border.ts
index e52c190c8915..bda0e45f353b 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/export.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/export.ts
index b8551486081a..e906b98cad27 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/format.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/format.ts
index d9dc2a03cf90..014a38a90100 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/label.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/label.ts
index e06188bd3718..4e0e7d1dadfc 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/label.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { Font, LabelOverlap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/loading-indicator.ts
index c5c0167908d4..307e57485fdc 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/range-container.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/range-container.ts
index b2866a2a0599..15c0de75e752 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/range-container.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/range-container.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { ChartsColor, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
-import { CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
+import type { ChartsColor, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
+import type { CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/range-dxi.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/range-dxi.ts
index 18f0f9fbc52e..c96f741a232b 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/range-dxi.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/range-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/scale.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/scale.ts
index 47ebe4116c99..814f32dfc5b1 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/scale.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/scale.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { Font, LabelOverlap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { CircularGaugeLabelOverlap, CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { CircularGaugeLabelOverlap, CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/subtitle.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/subtitle.ts
index fbe08d3e25c9..1c54b35bd8ad 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/subvalue-indicator.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/subvalue-indicator.ts
index 0fd61923c834..fee37de5293c 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/subvalue-indicator.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/subvalue-indicator.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ChartsColor, Palette, Font } from 'devextreme/common/charts';
-import { HorizontalEdge, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsColor, Palette, Font } from 'devextreme/common/charts';
+import type { HorizontalEdge, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/text.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/text.ts
index fb83602158ec..3b7ef53c35d9 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/text.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/text.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/title.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/title.ts
index 6a4b4aa8c556..fdd63db01559 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/tooltip.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/tooltip.ts
index 9930a912c541..85518e624e7c 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/value-indicator.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/value-indicator.ts
index 6b99ce16b894..6b49b6d57d21 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/value-indicator.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/value-indicator.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ChartsColor, Palette, Font } from 'devextreme/common/charts';
-import { HorizontalEdge, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsColor, Palette, Font } from 'devextreme/common/charts';
+import type { HorizontalEdge, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/index.ts b/packages/devextreme-angular/src/ui/color-box/index.ts
index f9eca4794ba5..777fdb845f18 100644
--- a/packages/devextreme-angular/src/ui/color-box/index.ts
+++ b/packages/devextreme-angular/src/ui/color-box/index.ts
@@ -24,10 +24,10 @@ import {
 } from '@angular/core';
 
 
-import { ApplyValueMode, TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/color_box';
+import type { ApplyValueMode, TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/color_box';
 
 import DxColorBox from 'devextreme/ui/color_box';
 
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/animation.ts b/packages/devextreme-angular/src/ui/color-box/nested/animation.ts
index e4e47ed5cd6d..63d20f1b927d 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/at.ts b/packages/devextreme-angular/src/ui/color-box/nested/at.ts
index 1902c7253339..4f62dd18136b 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/color-box/nested/button-dxi.ts
index 256ddc183693..7c4322fed10d 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/collision.ts b/packages/devextreme-angular/src/ui/color-box/nested/collision.ts
index ebcbdc579832..722764461661 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts
index 0e15dda44a7f..d1e9293d39e7 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/from.ts b/packages/devextreme-angular/src/ui/color-box/nested/from.ts
index 1ee5713019be..f221610430c9 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/hide.ts b/packages/devextreme-angular/src/ui/color-box/nested/hide.ts
index 79e80b691a31..51d2c23daec2 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/my.ts b/packages/devextreme-angular/src/ui/color-box/nested/my.ts
index f997b829e772..ad621c0d56a1 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/options.ts b/packages/devextreme-angular/src/ui/color-box/nested/options.ts
index 3753fc78866b..caebc42e2bc0 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/position.ts b/packages/devextreme-angular/src/ui/color-box/nested/position.ts
index 37bd474a1d18..69e4c5d22669 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/show.ts b/packages/devextreme-angular/src/ui/color-box/nested/show.ts
index 3c7d52759264..06c1da1b3422 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/to.ts b/packages/devextreme-angular/src/ui/color-box/nested/to.ts
index 99a58e7af1d5..c973d636dd33 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/color-box/nested/toolbar-item-dxi.ts
index 8d95d6b24f09..b73c0bef96a5 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/index.ts b/packages/devextreme-angular/src/ui/context-menu/index.ts
index 79171e300f6d..ab132ed004bc 100644
--- a/packages/devextreme-angular/src/ui/context-menu/index.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/index.ts
@@ -21,15 +21,15 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/context_menu';
-
-import DataSource from 'devextreme/data/data_source';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { dxContextMenuItem, ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, PositioningEvent, SelectionChangedEvent, ShowingEvent, ShownEvent, ContextSubmenuDirection } from 'devextreme/ui/context_menu';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { event } from 'devextreme/events/events.types';
-import { SingleOrNone, SubmenuShowMode } from 'devextreme/common';
+export type { ExplicitTypes } from 'devextreme/ui/context_menu';
+
+import type DataSource from 'devextreme/data/data_source';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { dxContextMenuItem, ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, PositioningEvent, SelectionChangedEvent, ShowingEvent, ShownEvent, ContextSubmenuDirection } from 'devextreme/ui/context_menu';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { event } from 'devextreme/events/events.types';
+import type { SingleOrNone, SubmenuShowMode } from 'devextreme/common';
 
 import DxContextMenu from 'devextreme/ui/context_menu';
 
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/animation.ts b/packages/devextreme-angular/src/ui/context-menu/nested/animation.ts
index 8c21342e3694..a827e1779875 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/at.ts b/packages/devextreme-angular/src/ui/context-menu/nested/at.ts
index 6718e108f5e5..6c834000e49c 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/collision.ts b/packages/devextreme-angular/src/ui/context-menu/nested/collision.ts
index fe6932f8ecec..699e88bb55cf 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/from.ts b/packages/devextreme-angular/src/ui/context-menu/nested/from.ts
index bb6aae00ba37..f9183e99bf09 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/hide.ts b/packages/devextreme-angular/src/ui/context-menu/nested/hide.ts
index 83899f1dff9e..0cc3447ffd4a 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/context-menu/nested/item-dxi.ts
index 987417d803da..714d0308315e 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxContextMenuItem } from 'devextreme/ui/context_menu';
+import type { dxContextMenuItem } from 'devextreme/ui/context_menu';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/my.ts b/packages/devextreme-angular/src/ui/context-menu/nested/my.ts
index 1b3bdaf8a1d8..c6aa2364eb70 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/position.ts b/packages/devextreme-angular/src/ui/context-menu/nested/position.ts
index f49e8cfab10a..1d468b805663 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/show-submenu-mode.ts b/packages/devextreme-angular/src/ui/context-menu/nested/show-submenu-mode.ts
index 684e5dfe6159..6e860bd58c71 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/show-submenu-mode.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/show-submenu-mode.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SubmenuShowMode } from 'devextreme/common';
+import type { SubmenuShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/show.ts b/packages/devextreme-angular/src/ui/context-menu/nested/show.ts
index c4a4cf5c2a9c..7eca907c1972 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/to.ts b/packages/devextreme-angular/src/ui/context-menu/nested/to.ts
index b7d47c028a97..48a812234d27 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/index.ts b/packages/devextreme-angular/src/ui/data-grid/index.ts
index cb7a1764c84e..9f80d83320ab 100644
--- a/packages/devextreme-angular/src/ui/data-grid/index.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/index.ts
@@ -21,24 +21,24 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/data_grid';
-
-import DataSource from 'devextreme/data/data_source';
-import dxDataGrid from 'devextreme/ui/data_grid';
-import dxSortable from 'devextreme/ui/sortable';
-import dxDraggable from 'devextreme/ui/draggable';
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { ColumnChooser, ColumnResizeMode, DataChange, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, FilterPanel, ApplyFilterMode, GroupExpandMode, HeaderFilter, EnterKeyAction, EnterKeyDirection, Pager, GridBase, DataRenderMode, SearchPanel, SelectionColumnDisplayMode, Sorting, StateStoreType, SummaryType } from 'devextreme/common/grids';
-import { dxDataGridColumn, dxDataGridRowObject, DataGridExportFormat, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellHoverChangedEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangedEvent, FocusedCellChangingEvent, FocusedRowChangedEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, OptionChangedEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, ToolbarPreparingEvent, DataGridScrollMode, SelectionSensitivity, dxDataGridToolbar } from 'devextreme/ui/data_grid';
-import { Mode, DragDirection, DragHighlight, ScrollbarMode, SingleMultipleOrNone, SelectAllMode, SortOrder, HorizontalAlignment } from 'devextreme/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxFormOptions } from 'devextreme/ui/form';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';
-import { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
-import { event } from 'devextreme/events/events.types';
-import { Format } from 'devextreme/common/core/localization';
+export type { ExplicitTypes } from 'devextreme/ui/data_grid';
+
+import type DataSource from 'devextreme/data/data_source';
+import type dxDataGrid from 'devextreme/ui/data_grid';
+import type dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { ColumnChooser, ColumnResizeMode, DataChange, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, FilterPanel, ApplyFilterMode, GroupExpandMode, HeaderFilter, EnterKeyAction, EnterKeyDirection, Pager, GridBase, DataRenderMode, SearchPanel, SelectionColumnDisplayMode, Sorting, StateStoreType, SummaryType } from 'devextreme/common/grids';
+import type { dxDataGridColumn, dxDataGridRowObject, DataGridExportFormat, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellHoverChangedEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, ExportingEvent, FocusedCellChangedEvent, FocusedCellChangingEvent, FocusedRowChangedEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, OptionChangedEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, ToolbarPreparingEvent, DataGridScrollMode, SelectionSensitivity, dxDataGridToolbar } from 'devextreme/ui/data_grid';
+import type { Mode, DragDirection, DragHighlight, ScrollbarMode, SingleMultipleOrNone, SelectAllMode, SortOrder, HorizontalAlignment } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxFormOptions } from 'devextreme/ui/form';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';
+import type { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
+import type { event } from 'devextreme/events/events.types';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxDataGrid from 'devextreme/ui/data_grid';
 
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/ai.ts b/packages/devextreme-angular/src/ui/data-grid/nested/ai.ts
index bde1a9c31208..df7ac2f3a64e 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/ai.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/ai.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { dxTextBoxOptions } from 'devextreme/ui/text_box';
-import { AIColumnMode } from 'devextreme/common/grids';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { dxTextBoxOptions } from 'devextreme/ui/text_box';
+import type { AIColumnMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/animation.ts b/packages/devextreme-angular/src/ui/data-grid/nested/animation.ts
index 4459de8825e9..ce294af354e5 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/async-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/async-rule-dxi.ts
index ce447b3506b4..7121e404e1ba 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/async-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/async-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/at.ts b/packages/devextreme-angular/src/ui/data-grid/nested/at.ts
index b47a371a4a14..9b1f66a38371 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/button-dxi.ts
index 72234e286d24..e0c40e89751e 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/button-dxi.ts
@@ -16,10 +16,10 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import dxDataGrid from 'devextreme/ui/data_grid';
-import { dxDataGridColumn, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/data_grid';
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type dxDataGrid from 'devextreme/ui/data_grid';
+import type { dxDataGridColumn, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/data_grid';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/button-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/button-item-dxi.ts
index d328e54a1bc7..fc5573e06516 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/button-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/button-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/button-options.ts b/packages/devextreme-angular/src/ui/data-grid/nested/button-options.ts
index 492bffb1b0dc..06bc84277ac0 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/button-options.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/button-options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/change-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/change-dxi.ts
index 757124488bce..6552029e1dc3 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/change-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/change-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { DataChangeType } from 'devextreme/common/grids';
+import type { DataChangeType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/collision.ts b/packages/devextreme-angular/src/ui/data-grid/nested/collision.ts
index 61c73805ad43..f2fc99e2041a 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-button-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-button-dxi.ts
index 9b2ca1d7bdff..dc5823ffaec9 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-button-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import dxDataGrid from 'devextreme/ui/data_grid';
-import { dxDataGridColumn, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/data_grid';
+import type dxDataGrid from 'devextreme/ui/data_grid';
+import type { dxDataGridColumn, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/data_grid';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser.ts
index d2c23fd78f7e..ce2fde51c7b7 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
-import { PositionConfig } from 'devextreme/common/core/animation';
-import { SortOrder } from 'devextreme/common';
+import type { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
+import type { PositionConfig } from 'devextreme/common/core/animation';
+import type { SortOrder } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-dxi.ts
index 42ae32cc043b..4125c3f80237 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-dxi.ts
@@ -16,14 +16,14 @@ import {
 
 
 
-import * as CommonTypes from 'devextreme/common';
-import { ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids';
-import { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
-import { DataGridPredefinedColumnButton, dxDataGridColumnButton, dxDataGridColumn, DataGridCommandColumnType } from 'devextreme/ui/data_grid';
-import { Format } from 'devextreme/common/core/localization';
-import { dxFormSimpleItem } from 'devextreme/ui/form';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type * as CommonTypes from 'devextreme/common';
+import type { ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids';
+import type { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
+import type { DataGridPredefinedColumnButton, dxDataGridColumnButton, dxDataGridColumn, DataGridCommandColumnType } from 'devextreme/ui/data_grid';
+import type { Format } from 'devextreme/common/core/localization';
+import type { dxFormSimpleItem } from 'devextreme/ui/form';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter-search.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter-search.ts
index 49ba297aa882..3ed75f2718d5 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter.ts
index ecc1d0e0b238..beb2b150775b 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-lookup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-lookup.ts
index d25e4b4041f2..2cd0927c5e5f 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-lookup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/compare-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/compare-rule-dxi.ts
index 087e596ab368..47755b0df448 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/compare-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/compare-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/custom-operation-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/custom-operation-dxi.ts
index 135c16f473b0..fe36d2080f02 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/custom-operation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/custom-operation-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
+import type { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/custom-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/custom-rule-dxi.ts
index 457ea1072946..73fd7b1c7f54 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/custom-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/custom-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-search.ts b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-search.ts
index 7212b0a74ed3..855f2be05c73 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter.ts b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter.ts
index f94848012192..749c93c74612 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-selection.ts b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-selection.ts
index 62cfed2ea000..f3b153172211 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-selection.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-selection.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
-import { SelectionSensitivity } from 'devextreme/ui/data_grid';
-import { SelectionColumnDisplayMode } from 'devextreme/common/grids';
+import type { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
+import type { SelectionSensitivity } from 'devextreme/ui/data_grid';
+import type { SelectionColumnDisplayMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-toolbar-item-dxi.ts
index c4ff62c6f224..195f82712c1d 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { DataGridPredefinedToolbarItem } from 'devextreme/ui/data_grid';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { DataGridPredefinedToolbarItem } from 'devextreme/ui/data_grid';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/editing.ts b/packages/devextreme-angular/src/ui/data-grid/nested/editing.ts
index 4c2b8634a645..3deb12d4da1e 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/editing.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import dxDataGrid from 'devextreme/ui/data_grid';
-import { dxDataGridRowObject } from 'devextreme/ui/data_grid';
-import { DataChange, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction } from 'devextreme/common/grids';
-import { dxFormOptions } from 'devextreme/ui/form';
-import { dxPopupOptions } from 'devextreme/ui/popup';
+import type dxDataGrid from 'devextreme/ui/data_grid';
+import type { dxDataGridRowObject } from 'devextreme/ui/data_grid';
+import type { DataChange, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction } from 'devextreme/common/grids';
+import type { dxFormOptions } from 'devextreme/ui/form';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/editor-options-button-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/editor-options-button-dxi.ts
index 4bdf95e30f99..a2f1ece975c4 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/editor-options-button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/editor-options-button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/editor-options.ts b/packages/devextreme-angular/src/ui/data-grid/nested/editor-options.ts
index 21cb36b26a84..ca64bd1d1ae9 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/editor-options.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/editor-options.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
+import type { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/email-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/email-rule-dxi.ts
index 82c6f454287b..4478187f6ffb 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/email-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/email-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/empty-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/empty-item-dxi.ts
index a84f8bb31400..dd25083345ac 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/empty-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/empty-item-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { FormItemType } from 'devextreme/ui/form';
+import type { FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/export.ts b/packages/devextreme-angular/src/ui/data-grid/nested/export.ts
index 54d6015b39dc..be1f94d96865 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DataGridExportFormat } from 'devextreme/ui/data_grid';
+import type { DataGridExportFormat } from 'devextreme/ui/data_grid';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/field-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/field-dxi.ts
index 8d5f99eb70fd..27f89c57cd10 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/field-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/field-dxi.ts
@@ -12,11 +12,11 @@ import {
 
 
 
-import { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/field-lookup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/field-lookup.ts
index 7ac940936cc5..6a7c367f5a19 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/field-lookup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/field-lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts
index d026fc9c1fab..8e3da7340871 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder.ts
index 744173ba975b..a162cda3df30 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder.ts
@@ -18,7 +18,7 @@ import {
 
 
 
-import { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
+import type { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel.ts
index 5ff1ee4f10df..bf03d304be50 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { FilterPanel, FilterPanelTexts } from 'devextreme/common/grids';
+import type { FilterPanel, FilterPanelTexts } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-row.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-row.ts
index a7628c8e34a8..ea0e06b0ed2d 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-row.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-row.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ApplyFilterMode } from 'devextreme/common/grids';
+import type { ApplyFilterMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/form-group-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/form-group-item-dxi.ts
index b5638aeaafe3..6758e709b521 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/form-group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/form-group-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/form-item.ts b/packages/devextreme-angular/src/ui/data-grid/nested/form-item.ts
index 26ee1a50dcaa..979ead0f30f6 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/form-item.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/form-item.ts
@@ -20,9 +20,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/form.ts b/packages/devextreme-angular/src/ui/data-grid/nested/form.ts
index 20dab4f19b3d..34efa30b3822 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/form.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/form.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { Mode } from 'devextreme/common';
-import { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { Mode } from 'devextreme/common';
+import type { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/format.ts b/packages/devextreme-angular/src/ui/data-grid/nested/format.ts
index 097be463a036..0fe8bdeabca0 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/from.ts b/packages/devextreme-angular/src/ui/data-grid/nested/from.ts
index 66d3c07cd077..a7bed1561a7b 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/group-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/group-item-dxi.ts
index 1fd927fdb36f..20c8a16941e0 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/group-item-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { SummaryType } from 'devextreme/common/grids';
-import { Format } from 'devextreme/common/core/localization';
+import type { SummaryType } from 'devextreme/common/grids';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/group-panel.ts b/packages/devextreme-angular/src/ui/data-grid/nested/group-panel.ts
index 797f800ef1b8..335785d4a711 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/group-panel.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/group-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Mode } from 'devextreme/common';
+import type { Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/grouping.ts b/packages/devextreme-angular/src/ui/data-grid/nested/grouping.ts
index 5e537d1d38bb..1a07b6c99a36 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/grouping.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/grouping.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { GroupExpandMode } from 'devextreme/common/grids';
+import type { GroupExpandMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/header-filter.ts b/packages/devextreme-angular/src/ui/data-grid/nested/header-filter.ts
index f5d9aecdbf79..9110c9c36bf6 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/hide.ts b/packages/devextreme-angular/src/ui/data-grid/nested/hide.ts
index 745ddcfa4c4e..f6059f9911ec 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/indicator-options.ts b/packages/devextreme-angular/src/ui/data-grid/nested/indicator-options.ts
index b2893f643656..02da083a79a6 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/indicator-options.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/indicator-options.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { LoadingAnimationType } from 'devextreme/ui/load_indicator';
+import type { LoadingAnimationType } from 'devextreme/ui/load_indicator';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/item-dxi.ts
index ca9c1123922a..a87883a7f2bd 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/item-dxi.ts
@@ -18,13 +18,13 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { HorizontalAlignment, VerticalAlignment, ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { DataGridPredefinedToolbarItem } from 'devextreme/ui/data_grid';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { HorizontalAlignment, VerticalAlignment, ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { DataGridPredefinedToolbarItem } from 'devextreme/ui/data_grid';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/keyboard-navigation.ts b/packages/devextreme-angular/src/ui/data-grid/nested/keyboard-navigation.ts
index c1bd183f8d1e..29dee6919524 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/keyboard-navigation.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/keyboard-navigation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { EnterKeyAction, EnterKeyDirection } from 'devextreme/common/grids';
+import type { EnterKeyAction, EnterKeyDirection } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/label.ts b/packages/devextreme-angular/src/ui/data-grid/nested/label.ts
index 47169b178831..22f949f27a10 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/label.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { LabelLocation } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/load-panel.ts b/packages/devextreme-angular/src/ui/data-grid/nested/load-panel.ts
index 6c15313e607e..4bb5adbf2639 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/load-panel.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/load-panel.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Mode } from 'devextreme/common';
-import { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
+import type { Mode } from 'devextreme/common';
+import type { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/lookup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/lookup.ts
index 22d491536bbd..7b6b5890af4e 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/lookup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/my.ts b/packages/devextreme-angular/src/ui/data-grid/nested/my.ts
index 013988da7969..cc4eb16b02db 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/numeric-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/numeric-rule-dxi.ts
index d5ebc58eeb58..56d6b800fa3c 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/numeric-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/numeric-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/options.ts b/packages/devextreme-angular/src/ui/data-grid/nested/options.ts
index 7002953cfd92..9a1bcc53d5fc 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/pager.ts b/packages/devextreme-angular/src/ui/data-grid/nested/pager.ts
index a1f442a87dd3..7279ed4d8080 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/pager.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/pager.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PagerPageSize } from 'devextreme/common/grids';
-import { Mode, DisplayMode } from 'devextreme/common';
+import type { PagerPageSize } from 'devextreme/common/grids';
+import type { Mode, DisplayMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/pattern-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/pattern-rule-dxi.ts
index 7c3b40de3a85..c18983ae82e8 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/pattern-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/pattern-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts
index dabd718922e3..f1a822ca2a27 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/position.ts b/packages/devextreme-angular/src/ui/data-grid/nested/position.ts
index 6dafcaf69d58..35cae2d2edb6 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/range-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/range-rule-dxi.ts
index 191156c8734f..b3a3edfa329d 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/range-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/range-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/required-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/required-rule-dxi.ts
index 95e15e25887e..412469c60d87 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/required-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/required-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/row-dragging.ts b/packages/devextreme-angular/src/ui/data-grid/nested/row-dragging.ts
index f914a85331d3..f7d2a25447d4 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/row-dragging.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/row-dragging.ts
@@ -14,11 +14,11 @@ import {
 
 
 
-import dxSortable from 'devextreme/ui/sortable';
-import dxDraggable from 'devextreme/ui/draggable';
-import { DragDirection, DragHighlight } from 'devextreme/common';
-import { GridBase } from 'devextreme/common/grids';
-import { event } from 'devextreme/events/events.types';
+import type dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type { DragDirection, DragHighlight } from 'devextreme/common';
+import type { GridBase } from 'devextreme/common/grids';
+import type { event } from 'devextreme/events/events.types';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/scrolling.ts b/packages/devextreme-angular/src/ui/data-grid/nested/scrolling.ts
index b7a981f1a652..5fd9c35c05e2 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/scrolling.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/scrolling.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DataRenderMode } from 'devextreme/common/grids';
-import { DataGridScrollMode } from 'devextreme/ui/data_grid';
-import { ScrollbarMode, Mode } from 'devextreme/common';
+import type { DataRenderMode } from 'devextreme/common/grids';
+import type { DataGridScrollMode } from 'devextreme/ui/data_grid';
+import type { ScrollbarMode, Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/search.ts b/packages/devextreme-angular/src/ui/data-grid/nested/search.ts
index dcd35765fb93..b0295a6b513a 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/selection.ts b/packages/devextreme-angular/src/ui/data-grid/nested/selection.ts
index 9cb14395755c..b238583c8ad3 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/selection.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/selection.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
-import { SelectionSensitivity } from 'devextreme/ui/data_grid';
-import { SelectionColumnDisplayMode } from 'devextreme/common/grids';
+import type { SingleMultipleOrNone, SelectAllMode } from 'devextreme/common';
+import type { SelectionSensitivity } from 'devextreme/ui/data_grid';
+import type { SelectionColumnDisplayMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/show.ts b/packages/devextreme-angular/src/ui/data-grid/nested/show.ts
index 7555cdad8821..02ae9a87f613 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/simple-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/simple-item-dxi.ts
index 652b051a9f1f..8e864fbf1afa 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/simple-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/simple-item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/sort-by-group-summary-info-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/sort-by-group-summary-info-dxi.ts
index 59a4000f6d59..94f889370073 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/sort-by-group-summary-info-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/sort-by-group-summary-info-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { SortOrder } from 'devextreme/common';
+import type { SortOrder } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/sorting.ts b/packages/devextreme-angular/src/ui/data-grid/nested/sorting.ts
index eae6fa226940..097e795c61f3 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/sorting.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/sorting.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/state-storing.ts b/packages/devextreme-angular/src/ui/data-grid/nested/state-storing.ts
index 886ca44c00ef..55c6e39b42a7 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/state-storing.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/state-storing.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { StateStoreType } from 'devextreme/common/grids';
+import type { StateStoreType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/string-length-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/string-length-rule-dxi.ts
index d1810f6bd965..80a73b1a8eee 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/string-length-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/string-length-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/summary.ts b/packages/devextreme-angular/src/ui/data-grid/nested/summary.ts
index 78c148eebfa4..d3baf1f16c73 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/summary.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/summary.ts
@@ -16,10 +16,10 @@ import {
 
 
 
-import dxDataGrid from 'devextreme/ui/data_grid';
-import { SummaryType } from 'devextreme/common/grids';
-import { Format } from 'devextreme/common/core/localization';
-import { HorizontalAlignment } from 'devextreme/common';
+import type dxDataGrid from 'devextreme/ui/data_grid';
+import type { SummaryType } from 'devextreme/common/grids';
+import type { Format } from 'devextreme/common/core/localization';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/tab-dxi.ts
index 2b1768a2b942..875f23d817b6 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/tab-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options.ts
index 9b4083c6dc45..3b662d951793 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/tabbed-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/tabbed-item-dxi.ts
index 110a5a82e058..1544123aee53 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/tabbed-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/tabbed-item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/to.ts b/packages/devextreme-angular/src/ui/data-grid/nested/to.ts
index 0782da46f91c..8cfd3d1fc326 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/toolbar-item-dxi.ts
index a4cd7f0c6954..4a5e89cd01a3 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/toolbar.ts b/packages/devextreme-angular/src/ui/data-grid/nested/toolbar.ts
index 3ebc7e9758fc..2f208942cafc 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { DataGridPredefinedToolbarItem, dxDataGridToolbarItem } from 'devextreme/ui/data_grid';
+import type { DataGridPredefinedToolbarItem, dxDataGridToolbarItem } from 'devextreme/ui/data_grid';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/total-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/total-item-dxi.ts
index 1e3884a64268..9547929df054 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/total-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/total-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { SummaryType } from 'devextreme/common/grids';
-import { Format } from 'devextreme/common/core/localization';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { SummaryType } from 'devextreme/common/grids';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/validation-rule-dxi.ts
index d3cbad699b3d..267211142035 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
+import type { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/value-format.ts b/packages/devextreme-angular/src/ui/data-grid/nested/value-format.ts
index 61b75c13da8d..c03c8c914ddc 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/value-format.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/value-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/index.ts b/packages/devextreme-angular/src/ui/date-box/index.ts
index 5126a697d8a9..970dca7b3ac0 100644
--- a/packages/devextreme-angular/src/ui/date-box/index.ts
+++ b/packages/devextreme-angular/src/ui/date-box/index.ts
@@ -24,13 +24,13 @@ import {
 } from '@angular/core';
 
 
-import dxDateBox from 'devextreme/ui/date_box';
-import { ApplyValueMode, TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { dxCalendarOptions } from 'devextreme/ui/calendar';
-import { Format } from 'devextreme/common/core/localization';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent, DatePickerType, DateType } from 'devextreme/ui/date_box';
+import type dxDateBox from 'devextreme/ui/date_box';
+import type { ApplyValueMode, TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { dxCalendarOptions } from 'devextreme/ui/calendar';
+import type { Format } from 'devextreme/common/core/localization';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent, DatePickerType, DateType } from 'devextreme/ui/date_box';
 
 import DxDateBox from 'devextreme/ui/date_box';
 
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/animation.ts b/packages/devextreme-angular/src/ui/date-box/nested/animation.ts
index a9bdb1e9fbe6..0dc416069711 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/at.ts b/packages/devextreme-angular/src/ui/date-box/nested/at.ts
index 22fd2acc2f79..b2a2eca490bb 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/date-box/nested/button-dxi.ts
index ae6d7db71a6e..e58beb6a7b23 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/calendar-options.ts b/packages/devextreme-angular/src/ui/date-box/nested/calendar-options.ts
index c7fada2322f8..f463d4449181 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/calendar-options.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/calendar-options.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
-import { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
+import type { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/collision.ts b/packages/devextreme-angular/src/ui/date-box/nested/collision.ts
index 91f40ccea38a..1547f4eeec9d 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/display-format.ts b/packages/devextreme-angular/src/ui/date-box/nested/display-format.ts
index 3ba66332fcdc..a9a577cf1e03 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/display-format.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/display-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts
index faf73a9d5935..15e25d97e306 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/from.ts b/packages/devextreme-angular/src/ui/date-box/nested/from.ts
index 1fe8518e1dc4..e1502b9c0816 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/hide.ts b/packages/devextreme-angular/src/ui/date-box/nested/hide.ts
index 5915680d4dd9..13d2776c2045 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/my.ts b/packages/devextreme-angular/src/ui/date-box/nested/my.ts
index f96f5945199f..cc33cb572e3c 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/options.ts b/packages/devextreme-angular/src/ui/date-box/nested/options.ts
index 487624680607..486fc116a2b3 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/position.ts b/packages/devextreme-angular/src/ui/date-box/nested/position.ts
index d8a8788259dd..7460b557d8b0 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/show.ts b/packages/devextreme-angular/src/ui/date-box/nested/show.ts
index 928ea7105bdb..3e0b5f42793a 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/to.ts b/packages/devextreme-angular/src/ui/date-box/nested/to.ts
index c1f10463a91c..f09ed85e6499 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/date-box/nested/toolbar-item-dxi.ts
index 2098de65afd9..67ff48f3830c 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/index.ts b/packages/devextreme-angular/src/ui/date-range-box/index.ts
index 023e73c22c36..8328af4399f3 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/index.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/index.ts
@@ -24,12 +24,12 @@ import {
 } from '@angular/core';
 
 
-import { ApplyValueMode, TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { dxCalendarOptions } from 'devextreme/ui/calendar';
-import { Format } from 'devextreme/common/core/localization';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/date_range_box';
+import type { ApplyValueMode, TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { DropDownPredefinedButton } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { dxCalendarOptions } from 'devextreme/ui/calendar';
+import type { Format } from 'devextreme/common/core/localization';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/date_range_box';
 
 import DxDateRangeBox from 'devextreme/ui/date_range_box';
 
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/animation.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/animation.ts
index 2fe858936198..159c42c46864 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/at.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/at.ts
index dfb8819de737..6c94ba4262d9 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/button-dxi.ts
index e905c7caa12c..2c0dcffd9381 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/calendar-options.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/calendar-options.ts
index 2f771b80ae7a..57fa666b4651 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/calendar-options.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/calendar-options.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
-import { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { DisabledDate, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
+import type { FirstDayOfWeek, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/collision.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/collision.ts
index 51517dbd74bb..ae2862f762c0 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/display-format.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/display-format.ts
index 0f41e76aa3f2..5aa2d28c6354 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/display-format.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/display-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts
index 6d503f60d4ba..34f00c20c00f 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/from.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/from.ts
index 49cfd831e5bc..f35f309b014e 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/hide.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/hide.ts
index c5d79ef43285..d1ff78766f04 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/my.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/my.ts
index 0b0cd5e1b7b7..7e25b92fb2ab 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/options.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/options.ts
index d065891de21b..a541b289244f 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/position.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/position.ts
index 6e2705e2a2db..865f423d3e0b 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/show.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/show.ts
index a7749ebcb3f1..f77f8bb54566 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/to.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/to.ts
index 1c64c47b4d0a..69cdcdc0887b 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/toolbar-item-dxi.ts
index 8e2b602256a8..55ad4d6977d8 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/index.ts b/packages/devextreme-angular/src/ui/diagram/index.ts
index 43e3f8fbfa15..4cb43ade0f6f 100644
--- a/packages/devextreme-angular/src/ui/diagram/index.ts
+++ b/packages/devextreme-angular/src/ui/diagram/index.ts
@@ -22,11 +22,11 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { AutoZoomMode, Command, CustomCommand, ShapeCategory, ToolboxDisplayMode, ShapeType, ConnectorLineEnd, ConnectorLineType, DataLayoutType, ContentReadyEvent, CustomCommandEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemDblClickEvent, OptionChangedEvent, RequestEditOperationEvent, RequestLayoutUpdateEvent, SelectionChangedEvent, PanelVisibility, Units } from 'devextreme/ui/diagram';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Orientation, PageOrientation } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { AutoZoomMode, Command, CustomCommand, ShapeCategory, ToolboxDisplayMode, ShapeType, ConnectorLineEnd, ConnectorLineType, DataLayoutType, ContentReadyEvent, CustomCommandEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemDblClickEvent, OptionChangedEvent, RequestEditOperationEvent, RequestLayoutUpdateEvent, SelectionChangedEvent, PanelVisibility, Units } from 'devextreme/ui/diagram';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Orientation, PageOrientation } from 'devextreme/common';
 
 import DxDiagram from 'devextreme/ui/diagram';
 
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/auto-layout.ts b/packages/devextreme-angular/src/ui/diagram/nested/auto-layout.ts
index b44bcfcb7cba..581c0c689400 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/auto-layout.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/auto-layout.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Orientation } from 'devextreme/common';
-import { DataLayoutType } from 'devextreme/ui/diagram';
+import type { Orientation } from 'devextreme/common';
+import type { DataLayoutType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/command-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/command-dxi.ts
index 6b422c0442bd..d924f6559e5a 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/command-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/command-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { ToolbarItemLocation } from 'devextreme/common';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { ToolbarItemLocation } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/command-item-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/command-item-dxi.ts
index 59fd6f95c633..ea0d15da01b8 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/command-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/command-item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { ToolbarItemLocation } from 'devextreme/common';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { ToolbarItemLocation } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/context-menu.ts b/packages/devextreme-angular/src/ui/diagram/nested/context-menu.ts
index 77195513c5cd..2ee008b52a2e 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/context-menu.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/context-menu.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/context-toolbox.ts b/packages/devextreme-angular/src/ui/diagram/nested/context-toolbox.ts
index 622fe22dc6f2..01ab58cb1bf1 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/context-toolbox.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/context-toolbox.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';
+import type { ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/custom-shape-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/custom-shape-dxi.ts
index 7cd2cf0ed13f..190113963229 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/custom-shape-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/custom-shape-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ShapeType } from 'devextreme/ui/diagram';
+import type { ShapeType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/default-item-properties.ts b/packages/devextreme-angular/src/ui/diagram/nested/default-item-properties.ts
index 489c3ad2fdc0..af1cc25c7ca5 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/default-item-properties.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/default-item-properties.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ConnectorLineEnd, ConnectorLineType } from 'devextreme/ui/diagram';
+import type { ConnectorLineEnd, ConnectorLineType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/edges.ts b/packages/devextreme-angular/src/ui/diagram/nested/edges.ts
index 3bbff3573cb7..4a4fcd2ed6c5 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/edges.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/edges.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/group-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/group-dxi.ts
index 4ae4c6469ae5..9c4605ea58b2 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/group-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/group-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Command, CustomCommand, ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand, ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/history-toolbar.ts b/packages/devextreme-angular/src/ui/diagram/nested/history-toolbar.ts
index 08d6e35d8d3b..df50a0afaefb 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/history-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/history-toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/item-dxi.ts
index 88b542a4522c..8eec3d2277c9 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { ToolbarItemLocation } from 'devextreme/common';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { ToolbarItemLocation } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/main-toolbar.ts b/packages/devextreme-angular/src/ui/diagram/nested/main-toolbar.ts
index 32aba325345f..0005f552782e 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/main-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/main-toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/nodes.ts b/packages/devextreme-angular/src/ui/diagram/nested/nodes.ts
index caf65796297d..e6519682980c 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/nodes.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/nodes.ts
@@ -14,11 +14,11 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataLayoutType } from 'devextreme/ui/diagram';
-import { Orientation } from 'devextreme/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataLayoutType } from 'devextreme/ui/diagram';
+import type { Orientation } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/properties-panel.ts b/packages/devextreme-angular/src/ui/diagram/nested/properties-panel.ts
index 864fbb396f1b..7cdfc1ea5948 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/properties-panel.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/properties-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand, PanelVisibility } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand, PanelVisibility } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/tab-dxi.ts
index 6d385da99019..b143bd7110d2 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/tab-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/tab-group-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/tab-group-dxi.ts
index d9c5c9afb3c2..0993cf19b61d 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/tab-group-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/tab-group-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/toolbox-group-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/toolbox-group-dxi.ts
index 53409c32a989..2c3e7e5c932e 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/toolbox-group-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/toolbox-group-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';
+import type { ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/toolbox.ts b/packages/devextreme-angular/src/ui/diagram/nested/toolbox.ts
index 7b9509ee29f4..abb243544bdf 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/toolbox.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/toolbox.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { ShapeCategory, ToolboxDisplayMode, ShapeType, PanelVisibility } from 'devextreme/ui/diagram';
+import type { ShapeCategory, ToolboxDisplayMode, ShapeType, PanelVisibility } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/view-toolbar.ts b/packages/devextreme-angular/src/ui/diagram/nested/view-toolbar.ts
index b8676116cc40..61190a0a66b2 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/view-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/view-toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/draggable/index.ts b/packages/devextreme-angular/src/ui/draggable/index.ts
index ae55fe5c5dab..04b3fb9e2782 100644
--- a/packages/devextreme-angular/src/ui/draggable/index.ts
+++ b/packages/devextreme-angular/src/ui/draggable/index.ts
@@ -17,8 +17,8 @@ import {
 } from '@angular/core';
 
 
-import { DragDirection } from 'devextreme/common';
-import { DisposingEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/draggable';
+import type { DragDirection } from 'devextreme/common';
+import type { DisposingEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/draggable';
 
 import DxDraggable from 'devextreme/ui/draggable';
 
diff --git a/packages/devextreme-angular/src/ui/drawer/index.ts b/packages/devextreme-angular/src/ui/drawer/index.ts
index f8b7171abbff..86237b9a2ba4 100644
--- a/packages/devextreme-angular/src/ui/drawer/index.ts
+++ b/packages/devextreme-angular/src/ui/drawer/index.ts
@@ -17,8 +17,8 @@ import {
 } from '@angular/core';
 
 
-import { event } from 'devextreme/events/events.types';
-import { DisposingEvent, InitializedEvent, OptionChangedEvent, OpenedStateMode, PanelLocation, RevealMode } from 'devextreme/ui/drawer';
+import type { event } from 'devextreme/events/events.types';
+import type { DisposingEvent, InitializedEvent, OptionChangedEvent, OpenedStateMode, PanelLocation, RevealMode } from 'devextreme/ui/drawer';
 
 import DxDrawer from 'devextreme/ui/drawer';
 
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/index.ts b/packages/devextreme-angular/src/ui/drop-down-box/index.ts
index 715491c493b0..ac3c4a9dcd0a 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/index.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/index.ts
@@ -24,13 +24,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/drop_down_box';
+import type DataSource from 'devextreme/data/data_source';
+import type { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/drop_down_box';
 
 import DxDropDownBox from 'devextreme/ui/drop_down_box';
 
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/animation.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/animation.ts
index 9564a491e0f9..5363bf115320 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/at.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/at.ts
index b57a0ddfd42b..fd0128a43493 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/button-dxi.ts
index d5cacd680566..9c63ed0f5ef7 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/collision.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/collision.ts
index f5aa54f8c7a7..352240318e84 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts
index 52366a1be887..3183a9f11cea 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/from.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/from.ts
index 742b5b9cc04a..a9b5702f8156 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/hide.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/hide.ts
index f8d54c042f9e..9f2a0f5e7ff5 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/my.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/my.ts
index 9411c7c25cb7..3a82c29ea817 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/options.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/options.ts
index c7015731937a..8fc1c1075d9b 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/position.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/position.ts
index 40d8f8fa4db1..c9094ac1fdb1 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/show.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/show.ts
index 84f247a5df5a..61a9380eb734 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/to.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/to.ts
index c831cd5d463a..d515433c741e 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/toolbar-item-dxi.ts
index 025ce9639ee0..1e48d8607c17 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/index.ts b/packages/devextreme-angular/src/ui/drop-down-button/index.ts
index 577d21eebf16..6126060048b8 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/index.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/index.ts
@@ -22,12 +22,12 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxDropDownButtonItem, ButtonClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/drop_down_button';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxDropDownButtonItem, ButtonClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/drop_down_button';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import DxDropDownButton from 'devextreme/ui/drop_down_button';
 
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/animation.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/animation.ts
index 4b19ca341872..9d4728487fa2 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/at.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/at.ts
index 4564b1c09b66..7c90c2881f39 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/collision.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/collision.ts
index 7b72d49335b8..3770066b9705 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts
index b3a2d6e80ab6..8ca7792ef6af 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/from.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/from.ts
index d717985e71be..099ad1579421 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/hide.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/hide.ts
index fcf005a4f984..082b48ef92a7 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/item-dxi.ts
index c07a88c53489..b5c65560da46 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/item-dxi.ts
@@ -16,7 +16,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ItemClickEvent } from 'devextreme/ui/drop_down_button';
+import type { ItemClickEvent } from 'devextreme/ui/drop_down_button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/my.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/my.ts
index 8e1ab070d4e2..697f2686cf40 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/position.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/position.ts
index ec6942c80eab..dd45a046286d 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/show.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/show.ts
index 6384234d2bad..67ca782ce553 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/to.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/to.ts
index 28cbc568657b..29d8f862397f 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/toolbar-item-dxi.ts
index 7e855c83c2c8..6b3d6d613073 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/index.ts b/packages/devextreme-angular/src/ui/file-manager/index.ts
index 881728af3ab8..f2a517df0770 100644
--- a/packages/devextreme-angular/src/ui/file-manager/index.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/index.ts
@@ -22,9 +22,9 @@ import {
 } from '@angular/core';
 
 
-import FileSystemItem from 'devextreme/file_management/file_system_item';
-import { dxFileManagerContextMenu, dxFileManagerDetailsColumn, FileManagerItemViewMode, ContentReadyEvent, ContextMenuItemClickEvent, ContextMenuShowingEvent, CurrentDirectoryChangedEvent, DirectoryCreatedEvent, DirectoryCreatingEvent, DisposingEvent, ErrorOccurredEvent, FileUploadedEvent, FileUploadingEvent, FocusedItemChangedEvent, InitializedEvent, ItemCopiedEvent, ItemCopyingEvent, ItemDeletedEvent, ItemDeletingEvent, ItemDownloadingEvent, ItemMovedEvent, ItemMovingEvent, ItemRenamedEvent, ItemRenamingEvent, OptionChangedEvent, SelectedFileOpenedEvent, SelectionChangedEvent, ToolbarItemClickEvent, dxFileManagerToolbar } from 'devextreme/ui/file_manager';
-import { SingleOrMultiple } from 'devextreme/common';
+import type FileSystemItem from 'devextreme/file_management/file_system_item';
+import type { dxFileManagerContextMenu, dxFileManagerDetailsColumn, FileManagerItemViewMode, ContentReadyEvent, ContextMenuItemClickEvent, ContextMenuShowingEvent, CurrentDirectoryChangedEvent, DirectoryCreatedEvent, DirectoryCreatingEvent, DisposingEvent, ErrorOccurredEvent, FileUploadedEvent, FileUploadingEvent, FocusedItemChangedEvent, InitializedEvent, ItemCopiedEvent, ItemCopyingEvent, ItemDeletedEvent, ItemDeletingEvent, ItemDownloadingEvent, ItemMovedEvent, ItemMovingEvent, ItemRenamedEvent, ItemRenamingEvent, OptionChangedEvent, SelectedFileOpenedEvent, SelectionChangedEvent, ToolbarItemClickEvent, dxFileManagerToolbar } from 'devextreme/ui/file_manager';
+import type { SingleOrMultiple } from 'devextreme/common';
 
 import DxFileManager from 'devextreme/ui/file_manager';
 
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/file-manager/nested/column-dxi.ts
index d7ae381ff315..c557522892d1 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/column-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
+import type { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/context-menu-item-dxi.ts b/packages/devextreme-angular/src/ui/file-manager/nested/context-menu-item-dxi.ts
index 89fd2f57c216..e16544a969e6 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/context-menu-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/context-menu-item-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem } from 'devextreme/ui/file_manager';
+import type { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/context-menu.ts b/packages/devextreme-angular/src/ui/file-manager/nested/context-menu.ts
index 4891b87b8c10..b01b391cd463 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/context-menu.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/context-menu.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem } from 'devextreme/ui/file_manager';
+import type { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/details.ts b/packages/devextreme-angular/src/ui/file-manager/nested/details.ts
index bcf6f4d9683a..6142728bc60d 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/details.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/details.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxFileManagerDetailsColumn } from 'devextreme/ui/file_manager';
+import type { dxFileManagerDetailsColumn } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/file-selection-item-dxi.ts b/packages/devextreme-angular/src/ui/file-manager/nested/file-selection-item-dxi.ts
index 33ea7f90e6e8..a5be26650cdd 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/file-selection-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/file-selection-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/file-manager/nested/item-dxi.ts
index d2f78b06a526..f7e3e8a83b98 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/item-dxi.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/item-view.ts b/packages/devextreme-angular/src/ui/file-manager/nested/item-view.ts
index bec958b3bc94..c2deebfb05d9 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/item-view.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/item-view.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { dxFileManagerDetailsColumn, FileManagerItemViewMode } from 'devextreme/ui/file_manager';
+import type { dxFileManagerDetailsColumn, FileManagerItemViewMode } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/file-manager/nested/toolbar-item-dxi.ts
index ed0949316364..92ea2f29db4a 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/toolbar-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/toolbar.ts b/packages/devextreme-angular/src/ui/file-manager/nested/toolbar.ts
index c40ce9e0056a..be980f607121 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxFileManagerToolbarItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { dxFileManagerToolbarItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/file-uploader/index.ts b/packages/devextreme-angular/src/ui/file-uploader/index.ts
index 5c1c89e8f0c8..970617417e62 100644
--- a/packages/devextreme-angular/src/ui/file-uploader/index.ts
+++ b/packages/devextreme-angular/src/ui/file-uploader/index.ts
@@ -22,9 +22,9 @@ import {
 } from '@angular/core';
 
 
-import UploadInfo from 'devextreme/file_management/upload_info';
-import { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from 'devextreme/ui/file_uploader';
-import { ValidationStatus } from 'devextreme/common';
+import type UploadInfo from 'devextreme/file_management/upload_info';
+import type { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from 'devextreme/ui/file_uploader';
+import type { ValidationStatus } from 'devextreme/common';
 
 import DxFileUploader from 'devextreme/ui/file_uploader';
 
diff --git a/packages/devextreme-angular/src/ui/filter-builder/index.ts b/packages/devextreme-angular/src/ui/filter-builder/index.ts
index ac8ccfb9a0cc..84b6d4c2ebc6 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/index.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/index.ts
@@ -24,7 +24,7 @@ import {
 } from '@angular/core';
 
 
-import { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
+import type { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
 
 import DxFilterBuilder from 'devextreme/ui/filter_builder';
 
diff --git a/packages/devextreme-angular/src/ui/filter-builder/nested/custom-operation-dxi.ts b/packages/devextreme-angular/src/ui/filter-builder/nested/custom-operation-dxi.ts
index cc645ebc3d4b..36fea811e22b 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/nested/custom-operation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/nested/custom-operation-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
+import type { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/filter-builder/nested/field-dxi.ts b/packages/devextreme-angular/src/ui/filter-builder/nested/field-dxi.ts
index 61f4b6311998..9d9777266065 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/nested/field-dxi.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/nested/field-dxi.ts
@@ -12,11 +12,11 @@ import {
 
 
 
-import { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/filter-builder/nested/format.ts b/packages/devextreme-angular/src/ui/filter-builder/nested/format.ts
index 17f63d3aa04f..a4da5ba8f9eb 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/filter-builder/nested/lookup.ts b/packages/devextreme-angular/src/ui/filter-builder/nested/lookup.ts
index 90227a53b8eb..798ba935525e 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/nested/lookup.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/nested/lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/index.ts b/packages/devextreme-angular/src/ui/form/index.ts
index bef6ca3bf880..fab2638d8485 100644
--- a/packages/devextreme-angular/src/ui/form/index.ts
+++ b/packages/devextreme-angular/src/ui/form/index.ts
@@ -22,9 +22,9 @@ import {
 } from '@angular/core';
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { Mode } from 'devextreme/common';
-import { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { Mode } from 'devextreme/common';
+import type { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
 
 import DxForm from 'devextreme/ui/form';
 
diff --git a/packages/devextreme-angular/src/ui/form/nested/async-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/async-rule-dxi.ts
index 3074a9622ea3..613a74b0e071 100644
--- a/packages/devextreme-angular/src/ui/form/nested/async-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/async-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/button-item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/button-item-dxi.ts
index 473e6fc33f69..21f235513dd8 100644
--- a/packages/devextreme-angular/src/ui/form/nested/button-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/button-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/button-options.ts b/packages/devextreme-angular/src/ui/form/nested/button-options.ts
index 7416497e7f76..829d3d343acc 100644
--- a/packages/devextreme-angular/src/ui/form/nested/button-options.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/button-options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/compare-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/compare-rule-dxi.ts
index 0bce72151f81..d5585cfc1821 100644
--- a/packages/devextreme-angular/src/ui/form/nested/compare-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/compare-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/custom-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/custom-rule-dxi.ts
index 654f712ca079..fbe87bae781e 100644
--- a/packages/devextreme-angular/src/ui/form/nested/custom-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/custom-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/email-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/email-rule-dxi.ts
index 8ee09f1cc8cd..4645e42c256d 100644
--- a/packages/devextreme-angular/src/ui/form/nested/email-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/email-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/empty-item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/empty-item-dxi.ts
index b5e1895dd248..5cc3b40ea43d 100644
--- a/packages/devextreme-angular/src/ui/form/nested/empty-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/empty-item-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { FormItemType } from 'devextreme/ui/form';
+import type { FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/group-item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/group-item-dxi.ts
index acdb88c448e8..ed92983e7718 100644
--- a/packages/devextreme-angular/src/ui/form/nested/group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/group-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/item-dxi.ts
index 339aca5fd251..6033bd3c304f 100644
--- a/packages/devextreme-angular/src/ui/form/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/item-dxi.ts
@@ -18,11 +18,11 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/label.ts b/packages/devextreme-angular/src/ui/form/nested/label.ts
index b6962ee9e6a6..058091eed508 100644
--- a/packages/devextreme-angular/src/ui/form/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/label.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { LabelLocation } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/numeric-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/numeric-rule-dxi.ts
index 282f93fc680a..3d09d72f7ec6 100644
--- a/packages/devextreme-angular/src/ui/form/nested/numeric-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/numeric-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/pattern-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/pattern-rule-dxi.ts
index d47e66242218..ff6735185558 100644
--- a/packages/devextreme-angular/src/ui/form/nested/pattern-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/pattern-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/range-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/range-rule-dxi.ts
index 8ba5e063776d..f70f75ce3e4d 100644
--- a/packages/devextreme-angular/src/ui/form/nested/range-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/range-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/required-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/required-rule-dxi.ts
index 91f22d05a989..0df6d60244d6 100644
--- a/packages/devextreme-angular/src/ui/form/nested/required-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/required-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/simple-item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/simple-item-dxi.ts
index ce64ea610d07..018beb4d7d79 100644
--- a/packages/devextreme-angular/src/ui/form/nested/simple-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/simple-item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/string-length-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/string-length-rule-dxi.ts
index 8b56b2f7474f..b24d37f6acc8 100644
--- a/packages/devextreme-angular/src/ui/form/nested/string-length-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/string-length-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/tab-dxi.ts
index df9e9d4e1c26..9be5afec9268 100644
--- a/packages/devextreme-angular/src/ui/form/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/tab-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/form/nested/tab-panel-options.ts
index 2fd988aa5fb0..13d4bcf51ad5 100644
--- a/packages/devextreme-angular/src/ui/form/nested/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/tab-panel-options.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/tabbed-item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/tabbed-item-dxi.ts
index 0b782e421552..28277ef0ce97 100644
--- a/packages/devextreme-angular/src/ui/form/nested/tabbed-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/tabbed-item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/form/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/validation-rule-dxi.ts
index 9aca7dd04c21..59e6b9837c15 100644
--- a/packages/devextreme-angular/src/ui/form/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
+import type { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/index.ts b/packages/devextreme-angular/src/ui/funnel/index.ts
index 1cb76b03c17e..4b4e8188df90 100644
--- a/packages/devextreme-angular/src/ui/funnel/index.ts
+++ b/packages/devextreme-angular/src/ui/funnel/index.ts
@@ -20,13 +20,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { FunnelAlgorithm, dxFunnelItem, FunnelLegendItem, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, HoverChangedEvent, IncidentOccurredEvent, InitializedEvent, ItemClickEvent, LegendClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/viz/funnel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { ExportFormat, HorizontalEdge, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleMultipleOrNone } from 'devextreme/common';
-import { HatchDirection, DashStyle, Font, LabelPosition, TextOverflow, WordWrap, Palette, PaletteExtensionMode, ShiftLabelOverlap, Theme } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type DataSource from 'devextreme/data/data_source';
+import type { FunnelAlgorithm, dxFunnelItem, FunnelLegendItem, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, HoverChangedEvent, IncidentOccurredEvent, InitializedEvent, ItemClickEvent, LegendClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/viz/funnel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { ExportFormat, HorizontalEdge, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleMultipleOrNone } from 'devextreme/common';
+import type { HatchDirection, DashStyle, Font, LabelPosition, TextOverflow, WordWrap, Palette, PaletteExtensionMode, ShiftLabelOverlap, Theme } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxFunnel from 'devextreme/viz/funnel';
 
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/border.ts b/packages/devextreme-angular/src/ui/funnel/nested/border.ts
index 80b5fc56d9fe..0d828ac329ee 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/export.ts b/packages/devextreme-angular/src/ui/funnel/nested/export.ts
index 4badd5ea77eb..86dd8bb8da65 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/format.ts b/packages/devextreme-angular/src/ui/funnel/nested/format.ts
index 86869112c805..04d0ce1e3d2f 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/funnel-title-subtitle.ts b/packages/devextreme-angular/src/ui/funnel/nested/funnel-title-subtitle.ts
index 5bd460ca85c7..f97df80a4ade 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/funnel-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/funnel-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/funnel-title.ts b/packages/devextreme-angular/src/ui/funnel/nested/funnel-title.ts
index 6366d89d2769..0e13a981930f 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/funnel-title.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/funnel-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/hatching.ts b/packages/devextreme-angular/src/ui/funnel/nested/hatching.ts
index 9fd2062b581a..7b81ad744f91 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/hover-style.ts b/packages/devextreme-angular/src/ui/funnel/nested/hover-style.ts
index 7fd46cf7a933..9fadcfee5663 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/item.ts b/packages/devextreme-angular/src/ui/funnel/nested/item.ts
index f3de7dd503e4..699127e758e0 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/item.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/item.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/label-border.ts b/packages/devextreme-angular/src/ui/funnel/nested/label-border.ts
index fb6a5bf603d9..fba9d57f4eab 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/label-border.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/label-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/label.ts b/packages/devextreme-angular/src/ui/funnel/nested/label.ts
index e36bfa2b5f2d..bf820a0e315a 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/label.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DashStyle, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { dxFunnelItem } from 'devextreme/viz/funnel';
-import { Format } from 'devextreme/common/core/localization';
-import { HorizontalEdge } from 'devextreme/common';
+import type { DashStyle, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { dxFunnelItem } from 'devextreme/viz/funnel';
+import type { Format } from 'devextreme/common/core/localization';
+import type { HorizontalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/legend-border.ts b/packages/devextreme-angular/src/ui/funnel/nested/legend-border.ts
index d9589061983e..f9fc98ecbc18 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/legend-border.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/legend-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/legend-title-subtitle.ts b/packages/devextreme-angular/src/ui/funnel/nested/legend-title-subtitle.ts
index f6988f0fee40..d1e743abf187 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/legend-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/legend-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/legend-title.ts b/packages/devextreme-angular/src/ui/funnel/nested/legend-title.ts
index f0defba69214..3757831eaaf7 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/legend-title.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/legend-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/legend.ts b/packages/devextreme-angular/src/ui/funnel/nested/legend.ts
index 6a1f82714d60..5e06701081af 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/legend.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/legend.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { dxFunnelItem, FunnelLegendItem } from 'devextreme/viz/funnel';
-import { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { dxFunnelItem, FunnelLegendItem } from 'devextreme/viz/funnel';
+import type { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/funnel/nested/loading-indicator.ts
index 845bfb10938a..3aaae9d38810 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/selection-style.ts b/packages/devextreme-angular/src/ui/funnel/nested/selection-style.ts
index 874953985771..e56d04a01360 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/subtitle.ts b/packages/devextreme-angular/src/ui/funnel/nested/subtitle.ts
index 93db7e191b47..2f39080c56b2 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/title.ts b/packages/devextreme-angular/src/ui/funnel/nested/title.ts
index be723492588d..c07a09927252 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/funnel/nested/tooltip-border.ts
index 5bf1dc1ea179..bb4f4c69686a 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/tooltip.ts b/packages/devextreme-angular/src/ui/funnel/nested/tooltip.ts
index 2f670ec2e3b0..09c463408e23 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/tooltip.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { dxFunnelItem } from 'devextreme/viz/funnel';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { dxFunnelItem } from 'devextreme/viz/funnel';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gallery/index.ts b/packages/devextreme-angular/src/ui/gallery/index.ts
index 543d002654e3..ab314ea88094 100644
--- a/packages/devextreme-angular/src/ui/gallery/index.ts
+++ b/packages/devextreme-angular/src/ui/gallery/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/gallery';
+export type { ExplicitTypes } from 'devextreme/ui/gallery';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxGalleryItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/gallery';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxGalleryItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/gallery';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxGallery from 'devextreme/ui/gallery';
 
diff --git a/packages/devextreme-angular/src/ui/gantt/index.ts b/packages/devextreme-angular/src/ui/gantt/index.ts
index f32034d2517e..88e83523df7b 100644
--- a/packages/devextreme-angular/src/ui/gantt/index.ts
+++ b/packages/devextreme-angular/src/ui/gantt/index.ts
@@ -22,11 +22,11 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxGanttColumn, dxGanttContextMenu, dxGanttFilterRow, dxGanttHeaderFilter, ContentReadyEvent, ContextMenuPreparingEvent, CustomCommandEvent, DependencyDeletedEvent, DependencyDeletingEvent, DependencyInsertedEvent, DependencyInsertingEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ResourceAssignedEvent, ResourceAssigningEvent, ResourceDeletedEvent, ResourceDeletingEvent, ResourceInsertedEvent, ResourceInsertingEvent, ResourceManagerDialogShowingEvent, ResourceUnassignedEvent, ResourceUnassigningEvent, ScaleCellPreparedEvent, SelectionChangedEvent, TaskClickEvent, TaskDblClickEvent, TaskDeletedEvent, TaskDeletingEvent, TaskEditDialogShowingEvent, TaskInsertedEvent, TaskInsertingEvent, TaskMovingEvent, TaskUpdatedEvent, TaskUpdatingEvent, GanttScaleType, dxGanttSorting, dxGanttStripLine, GanttTaskTitlePosition, dxGanttToolbar } from 'devextreme/ui/gantt';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { FirstDayOfWeek } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxGanttColumn, dxGanttContextMenu, dxGanttFilterRow, dxGanttHeaderFilter, ContentReadyEvent, ContextMenuPreparingEvent, CustomCommandEvent, DependencyDeletedEvent, DependencyDeletingEvent, DependencyInsertedEvent, DependencyInsertingEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ResourceAssignedEvent, ResourceAssigningEvent, ResourceDeletedEvent, ResourceDeletingEvent, ResourceInsertedEvent, ResourceInsertingEvent, ResourceManagerDialogShowingEvent, ResourceUnassignedEvent, ResourceUnassigningEvent, ScaleCellPreparedEvent, SelectionChangedEvent, TaskClickEvent, TaskDblClickEvent, TaskDeletedEvent, TaskDeletingEvent, TaskEditDialogShowingEvent, TaskInsertedEvent, TaskInsertingEvent, TaskMovingEvent, TaskUpdatedEvent, TaskUpdatingEvent, GanttScaleType, dxGanttSorting, dxGanttStripLine, GanttTaskTitlePosition, dxGanttToolbar } from 'devextreme/ui/gantt';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { FirstDayOfWeek } from 'devextreme/common';
 
 import DxGantt from 'devextreme/ui/gantt';
 
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts
index e4a3aedef6f8..0b6eb32c1dc5 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/column-dxi.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
-import { FilterOperation, FilterType, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids';
-import { Format } from 'devextreme/common/core/localization';
+import type { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
+import type { FilterOperation, FilterType, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter-search.ts b/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter-search.ts
index af71edf93f4d..b312f6a51bda 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter.ts
index 070a671c153e..1ce1e031caa1 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-dxi.ts
index 3015390b8f62..a15d4a8baca6 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-dxi.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxContextMenuItem } from 'devextreme/ui/context_menu';
-import { GanttPredefinedContextMenuItem } from 'devextreme/ui/gantt';
+import type { dxContextMenuItem } from 'devextreme/ui/context_menu';
+import type { GanttPredefinedContextMenuItem } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-item-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-item-dxi.ts
index 883ea07f6163..67f7e0894588 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/context-menu-item-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxContextMenuItem } from 'devextreme/ui/context_menu';
+import type { dxContextMenuItem } from 'devextreme/ui/context_menu';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/context-menu.ts b/packages/devextreme-angular/src/ui/gantt/nested/context-menu.ts
index 86eeeb46466b..c86b2d78d6d6 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/context-menu.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/context-menu.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxGanttContextMenuItem, GanttPredefinedContextMenuItem } from 'devextreme/ui/gantt';
+import type { dxGanttContextMenuItem, GanttPredefinedContextMenuItem } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/dependencies.ts b/packages/devextreme-angular/src/ui/gantt/nested/dependencies.ts
index a66c45cf6ab1..f8d1b6833ff5 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/dependencies.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/dependencies.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/filter-row.ts b/packages/devextreme-angular/src/ui/gantt/nested/filter-row.ts
index c4be95efc798..77e63c19ad5c 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/filter-row.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/filter-row.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { dxGanttFilterRowOperationDescriptions } from 'devextreme/ui/gantt';
+import type { dxGanttFilterRowOperationDescriptions } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/format.ts b/packages/devextreme-angular/src/ui/gantt/nested/format.ts
index 36a02eede0ff..6d9d7be3edfd 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter-search.ts b/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter-search.ts
index 1bf4a3e6fcf1..27bac4b9693f 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter.ts b/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter.ts
index 3f817c369d33..86725ea953d6 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/gantt-header-filter.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { dxGanttHeaderFilterTexts } from 'devextreme/ui/gantt';
+import type { HeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { dxGanttHeaderFilterTexts } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/header-filter.ts b/packages/devextreme-angular/src/ui/gantt/nested/header-filter.ts
index e95acff9947e..ed26fff5db3e 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/header-filter.ts
@@ -14,11 +14,11 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
-import { dxGanttHeaderFilterTexts } from 'devextreme/ui/gantt';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
+import type { dxGanttHeaderFilterTexts } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/item-dxi.ts
index 901c48ae6a17..44987c5ed35d 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/item-dxi.ts
@@ -18,10 +18,10 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxContextMenuItem } from 'devextreme/ui/context_menu';
-import { GanttPredefinedContextMenuItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { dxContextMenuItem } from 'devextreme/ui/context_menu';
+import type { GanttPredefinedContextMenuItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/resource-assignments.ts b/packages/devextreme-angular/src/ui/gantt/nested/resource-assignments.ts
index 09b1dbaf4229..af44892d577b 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/resource-assignments.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/resource-assignments.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/resources.ts b/packages/devextreme-angular/src/ui/gantt/nested/resources.ts
index 12c4e6b77426..221deef13c59 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/resources.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/resources.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/scale-type-range.ts b/packages/devextreme-angular/src/ui/gantt/nested/scale-type-range.ts
index 89acb45025e0..219b48181ab3 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/scale-type-range.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/scale-type-range.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { GanttScaleType } from 'devextreme/ui/gantt';
+import type { GanttScaleType } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/search.ts b/packages/devextreme-angular/src/ui/gantt/nested/search.ts
index 75e9bef99304..c15f8b8c68b8 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/sorting.ts b/packages/devextreme-angular/src/ui/gantt/nested/sorting.ts
index 15603ee8990c..c79f3fd4594e 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/sorting.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/sorting.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/tasks.ts b/packages/devextreme-angular/src/ui/gantt/nested/tasks.ts
index d1d9a9cea485..2ae94365aad7 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/tasks.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/tasks.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/toolbar-item-dxi.ts
index 675a25ca33ae..d834b1f033cc 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/toolbar.ts b/packages/devextreme-angular/src/ui/gantt/nested/toolbar.ts
index 58581202a38b..6bf671f7c886 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxGanttToolbarItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
+import type { dxGanttToolbarItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/index.ts b/packages/devextreme-angular/src/ui/html-editor/index.ts
index 474a380b1210..e9e8403ff9fe 100644
--- a/packages/devextreme-angular/src/ui/html-editor/index.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/index.ts
@@ -24,9 +24,9 @@ import {
 } from '@angular/core';
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { Converter, dxHtmlEditorImageUpload, dxHtmlEditorMediaResizing, dxHtmlEditorMention, ContentReadyEvent, DisposingEvent, FocusInEvent, FocusOutEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, dxHtmlEditorTableContextMenu, dxHtmlEditorTableResizing, dxHtmlEditorToolbar, dxHtmlEditorVariables } from 'devextreme/ui/html_editor';
-import { EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { Converter, dxHtmlEditorImageUpload, dxHtmlEditorMediaResizing, dxHtmlEditorMention, ContentReadyEvent, DisposingEvent, FocusInEvent, FocusOutEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, dxHtmlEditorTableContextMenu, dxHtmlEditorTableResizing, dxHtmlEditorToolbar, dxHtmlEditorVariables } from 'devextreme/ui/html_editor';
+import type { EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxHtmlEditor from 'devextreme/ui/html_editor';
 
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/command-dxi.ts b/packages/devextreme-angular/src/ui/html-editor/nested/command-dxi.ts
index 9f3a9e6d5dbb..807337b97c32 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/command-dxi.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/command-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { AICommandNameExtended } from 'devextreme/ui/html_editor';
+import type { AICommandNameExtended } from 'devextreme/ui/html_editor';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/file-uploader-options.ts b/packages/devextreme-angular/src/ui/html-editor/nested/file-uploader-options.ts
index 23f27d56029b..0027948d0d9c 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/file-uploader-options.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/file-uploader-options.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import UploadInfo from 'devextreme/file_management/upload_info';
-import { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from 'devextreme/ui/file_uploader';
-import { ValidationStatus } from 'devextreme/common';
+import type UploadInfo from 'devextreme/file_management/upload_info';
+import type { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent, UploadHttpMethod, FileUploadMode } from 'devextreme/ui/file_uploader';
+import type { ValidationStatus } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/image-upload.ts b/packages/devextreme-angular/src/ui/html-editor/nested/image-upload.ts
index 4a8a2b05a533..a16144280c4d 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/image-upload.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/image-upload.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
-import { HtmlEditorImageUploadMode, dxHtmlEditorImageUploadTabItem, HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
+import type { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
+import type { HtmlEditorImageUploadMode, dxHtmlEditorImageUploadTabItem, HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/html-editor/nested/item-dxi.ts
index 32d506c9ff2c..ed1d5104893c 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxHtmlEditorTableContextMenuItem, HtmlEditorPredefinedContextMenuItem, HtmlEditorPredefinedToolbarItem, AICommand, AICommandName } from 'devextreme/ui/html_editor';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { dxHtmlEditorTableContextMenuItem, HtmlEditorPredefinedContextMenuItem, HtmlEditorPredefinedToolbarItem, AICommand, AICommandName } from 'devextreme/ui/html_editor';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/mention-dxi.ts b/packages/devextreme-angular/src/ui/html-editor/nested/mention-dxi.ts
index 1b9b409f8abf..68f0ea4cc874 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/mention-dxi.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/mention-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/html-editor/nested/tab-dxi.ts
index 1b55acfeed16..98dda9747025 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/tab-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
+import type { HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu-item-dxi.ts b/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu-item-dxi.ts
index 2988753b5a86..c31aca0bd789 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxHtmlEditorTableContextMenuItem, HtmlEditorPredefinedContextMenuItem } from 'devextreme/ui/html_editor';
+import type { dxHtmlEditorTableContextMenuItem, HtmlEditorPredefinedContextMenuItem } from 'devextreme/ui/html_editor';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu.ts b/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu.ts
index f7f3dff480ee..298dad719deb 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/table-context-menu.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxHtmlEditorTableContextMenuItem, HtmlEditorPredefinedContextMenuItem } from 'devextreme/ui/html_editor';
+import type { dxHtmlEditorTableContextMenuItem, HtmlEditorPredefinedContextMenuItem } from 'devextreme/ui/html_editor';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/html-editor/nested/toolbar-item-dxi.ts
index 7a0c659ab0c2..8872732fe462 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/toolbar-item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { AICommand, AICommandName, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { AICommand, AICommandName, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/toolbar.ts b/packages/devextreme-angular/src/ui/html-editor/nested/toolbar.ts
index ba17b1a20b0a..b712247d48cf 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { AIToolbarItem, dxHtmlEditorToolbarItem, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
+import type { AIToolbarItem, dxHtmlEditorToolbarItem, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/variables.ts b/packages/devextreme-angular/src/ui/html-editor/nested/variables.ts
index b8f11a545906..6d41f4ba8ff1 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/variables.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/variables.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/index.ts b/packages/devextreme-angular/src/ui/linear-gauge/index.ts
index 4f34644f061c..1376da915775 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/index.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/index.ts
@@ -22,11 +22,11 @@ import {
 } from '@angular/core';
 
 
-import { AnimationEaseMode, Font, ChartsColor, Palette, PaletteExtensionMode, LabelOverlap, Theme, TextOverflow, WordWrap, DashStyle } from 'devextreme/common/charts';
-import { ExportFormat, Orientation, HorizontalAlignment, VerticalAlignment, VerticalEdge } from 'devextreme/common';
-import { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent } from 'devextreme/viz/linear_gauge';
-import { Format } from 'devextreme/common/core/localization';
-import { GaugeIndicator } from 'devextreme/viz/gauges/base_gauge';
+import type { AnimationEaseMode, Font, ChartsColor, Palette, PaletteExtensionMode, LabelOverlap, Theme, TextOverflow, WordWrap, DashStyle } from 'devextreme/common/charts';
+import type { ExportFormat, Orientation, HorizontalAlignment, VerticalAlignment, VerticalEdge } from 'devextreme/common';
+import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent } from 'devextreme/viz/linear_gauge';
+import type { Format } from 'devextreme/common/core/localization';
+import type { GaugeIndicator } from 'devextreme/viz/gauges/base_gauge';
 
 import DxLinearGauge from 'devextreme/viz/linear_gauge';
 
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/animation.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/animation.ts
index 03710bef58f0..ee5e2e32d1f7 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/border.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/border.ts
index 778cfb2b076f..b48f7e5e4b03 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/export.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/export.ts
index 2997f1fa85a3..dd149e4b2cfb 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/format.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/format.ts
index 7afbde3864f4..94ccd6afbfd6 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/geometry.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/geometry.ts
index ec1ee235d685..54db5d13680c 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/geometry.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/geometry.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Orientation } from 'devextreme/common';
+import type { Orientation } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/label.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/label.ts
index 8bdef36f6de9..b28811fc499f 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, LabelOverlap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/loading-indicator.ts
index b6985dc26118..3a82be1cb2d4 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/range-container.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/range-container.ts
index c8ec5c7697b3..39838484302e 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/range-container.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/range-container.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { ChartsColor, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { ChartsColor, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/range-dxi.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/range-dxi.ts
index f0cd405612da..8c1a8608d76e 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/range-dxi.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/range-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/scale.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/scale.ts
index d97d05e30cdf..6a6e3088ee23 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/scale.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/scale.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { Font, LabelOverlap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/subtitle.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/subtitle.ts
index eb4f098720d8..f57d6da6c0b8 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/subvalue-indicator.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/subvalue-indicator.ts
index a0c8032ac8bd..7b0fee1d6a7b 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/subvalue-indicator.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/subvalue-indicator.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ChartsColor, Palette, Font } from 'devextreme/common/charts';
-import { HorizontalEdge, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsColor, Palette, Font } from 'devextreme/common/charts';
+import type { HorizontalEdge, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/text.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/text.ts
index ee280abb3e71..721ac041d8d0 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/text.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/text.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/title.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/title.ts
index cc8bb8b7a357..d2e2f2c66266 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/tooltip.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/tooltip.ts
index 4e37dbed3e92..d2ea8ac07957 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/value-indicator.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/value-indicator.ts
index 2fda73f1f5bf..384acf9c9d06 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/value-indicator.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/value-indicator.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ChartsColor, Palette, Font } from 'devextreme/common/charts';
-import { HorizontalEdge, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsColor, Palette, Font } from 'devextreme/common/charts';
+import type { HorizontalEdge, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/list/index.ts b/packages/devextreme-angular/src/ui/list/index.ts
index 0bea7fe8518a..388f610cac1f 100644
--- a/packages/devextreme-angular/src/ui/list/index.ts
+++ b/packages/devextreme-angular/src/ui/list/index.ts
@@ -21,15 +21,15 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/list';
-
-import DataSource from 'devextreme/data/data_source';
-import { dxListItem, ItemDeleteMode, ListMenuMode, ContentReadyEvent, DisposingEvent, GroupRenderedEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemDeletedEvent, ItemDeletingEvent, ItemHoldEvent, ItemRenderedEvent, ItemReorderedEvent, ItemSwipeEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectAllValueChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/list';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxSortableOptions } from 'devextreme/ui/sortable';
-import { PageLoadMode, SearchMode, SelectAllMode, SingleMultipleAllOrNone, ScrollbarMode } from 'devextreme/common';
-import { dxTextBoxOptions } from 'devextreme/ui/text_box';
+export type { ExplicitTypes } from 'devextreme/ui/list';
+
+import type DataSource from 'devextreme/data/data_source';
+import type { dxListItem, ItemDeleteMode, ListMenuMode, ContentReadyEvent, DisposingEvent, GroupRenderedEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemDeletedEvent, ItemDeletingEvent, ItemHoldEvent, ItemRenderedEvent, ItemReorderedEvent, ItemSwipeEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectAllValueChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/list';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxSortableOptions } from 'devextreme/ui/sortable';
+import type { PageLoadMode, SearchMode, SelectAllMode, SingleMultipleAllOrNone, ScrollbarMode } from 'devextreme/common';
+import type { dxTextBoxOptions } from 'devextreme/ui/text_box';
 
 import DxList from 'devextreme/ui/list';
 
diff --git a/packages/devextreme-angular/src/ui/list/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/list/nested/button-dxi.ts
index 09e99e62f33e..567f6001edc9 100644
--- a/packages/devextreme-angular/src/ui/list/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/list/nested/item-dragging.ts b/packages/devextreme-angular/src/ui/list/nested/item-dragging.ts
index e082b144b490..5a63f3a686b0 100644
--- a/packages/devextreme-angular/src/ui/list/nested/item-dragging.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/item-dragging.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DragDirection, DragHighlight, Orientation } from 'devextreme/common';
-import { AddEvent, DisposingEvent, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
+import type { DragDirection, DragHighlight, Orientation } from 'devextreme/common';
+import type { AddEvent, DisposingEvent, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/list/nested/options.ts b/packages/devextreme-angular/src/ui/list/nested/options.ts
index 9ad66a627a65..a87e6c085dea 100644
--- a/packages/devextreme-angular/src/ui/list/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/list/nested/search-editor-options.ts b/packages/devextreme-angular/src/ui/list/nested/search-editor-options.ts
index 53f881aba6a8..adc00308ba06 100644
--- a/packages/devextreme-angular/src/ui/list/nested/search-editor-options.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/search-editor-options.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
+import type { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-indicator/index.ts b/packages/devextreme-angular/src/ui/load-indicator/index.ts
index 21de36fbef2d..5fbb1e4b20a6 100644
--- a/packages/devextreme-angular/src/ui/load-indicator/index.ts
+++ b/packages/devextreme-angular/src/ui/load-indicator/index.ts
@@ -17,7 +17,7 @@ import {
 } from '@angular/core';
 
 
-import { LoadingAnimationType, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/load_indicator';
+import type { LoadingAnimationType, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/load_indicator';
 
 import DxLoadIndicator from 'devextreme/ui/load_indicator';
 
diff --git a/packages/devextreme-angular/src/ui/load-panel/index.ts b/packages/devextreme-angular/src/ui/load-panel/index.ts
index 92767fc94bbe..1611ce15afa4 100644
--- a/packages/devextreme-angular/src/ui/load-panel/index.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/index.ts
@@ -17,10 +17,10 @@ import {
 } from '@angular/core';
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { LoadPanelIndicatorProperties, ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent } from 'devextreme/ui/load_panel';
-import { PositionAlignment } from 'devextreme/common';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { LoadPanelIndicatorProperties, ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent } from 'devextreme/ui/load_panel';
+import type { PositionAlignment } from 'devextreme/common';
 
 import DxLoadPanel from 'devextreme/ui/load_panel';
 
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/animation.ts b/packages/devextreme-angular/src/ui/load-panel/nested/animation.ts
index 94077b8b963a..2dca167a84ec 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/at.ts b/packages/devextreme-angular/src/ui/load-panel/nested/at.ts
index a92e02ae9fa1..b143d43d61d0 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/collision.ts b/packages/devextreme-angular/src/ui/load-panel/nested/collision.ts
index 21c3a7e529c2..ea6eb9a86d96 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/from.ts b/packages/devextreme-angular/src/ui/load-panel/nested/from.ts
index 038f57bc9157..821936254680 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/hide.ts b/packages/devextreme-angular/src/ui/load-panel/nested/hide.ts
index a46b60c38a37..3e71538d4771 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/indicator-options.ts b/packages/devextreme-angular/src/ui/load-panel/nested/indicator-options.ts
index 0faf6d0fa427..ef93810b8870 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/indicator-options.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/indicator-options.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { LoadingAnimationType } from 'devextreme/ui/load_indicator';
+import type { LoadingAnimationType } from 'devextreme/ui/load_indicator';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/my.ts b/packages/devextreme-angular/src/ui/load-panel/nested/my.ts
index b5fa93f38b14..ec5c8a049f3d 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/position.ts b/packages/devextreme-angular/src/ui/load-panel/nested/position.ts
index f7e3cd2ba648..abc1ade27bcd 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/show.ts b/packages/devextreme-angular/src/ui/load-panel/nested/show.ts
index 775aa6d7fc4d..200b32a3dd40 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/to.ts b/packages/devextreme-angular/src/ui/load-panel/nested/to.ts
index b84706890b5c..391bba3334b9 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/index.ts b/packages/devextreme-angular/src/ui/lookup/index.ts
index c9ccec4b1db5..9d3dd42a1a9c 100644
--- a/packages/devextreme-angular/src/ui/lookup/index.ts
+++ b/packages/devextreme-angular/src/ui/lookup/index.ts
@@ -24,13 +24,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { ApplyValueMode, LabelMode, PageLoadMode, SimplifiedSearchMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxPopoverOptions } from 'devextreme/ui/popover';
-import { ClosedEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OpenedEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/lookup';
+import type DataSource from 'devextreme/data/data_source';
+import type { ApplyValueMode, LabelMode, PageLoadMode, SimplifiedSearchMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxPopoverOptions } from 'devextreme/ui/popover';
+import type { ClosedEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OpenedEvent, OptionChangedEvent, PageLoadingEvent, PullRefreshEvent, ScrollEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/lookup';
 
 import DxLookup from 'devextreme/ui/lookup';
 
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/animation.ts b/packages/devextreme-angular/src/ui/lookup/nested/animation.ts
index 1531aad8e6d1..01c1cfb15627 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/at.ts b/packages/devextreme-angular/src/ui/lookup/nested/at.ts
index 814aa339d8c3..c3ec76717532 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/collision.ts b/packages/devextreme-angular/src/ui/lookup/nested/collision.ts
index 816eab8857fe..a0a615c6d6a8 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts
index 80b826bb8139..442e222d44b6 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from 'devextreme/ui/popover';
-import { Position } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from 'devextreme/ui/popover';
+import type { Position } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/from.ts b/packages/devextreme-angular/src/ui/lookup/nested/from.ts
index 624341b4e1ea..87a0a9181ebd 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/hide.ts b/packages/devextreme-angular/src/ui/lookup/nested/hide.ts
index a4c20287383a..806b7c828dcb 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/my.ts b/packages/devextreme-angular/src/ui/lookup/nested/my.ts
index 940297450e6a..6d4135f8bc27 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/position.ts b/packages/devextreme-angular/src/ui/lookup/nested/position.ts
index 4ed89262ba1d..aebe881b25da 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/show.ts b/packages/devextreme-angular/src/ui/lookup/nested/show.ts
index 74be571a05c4..c4e05a1db284 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/to.ts b/packages/devextreme-angular/src/ui/lookup/nested/to.ts
index 3706d81c9a6b..b4a20ce57dc8 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/lookup/nested/toolbar-item-dxi.ts
index 01a2d5716f73..3b879ef1c116 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/map/index.ts b/packages/devextreme-angular/src/ui/map/index.ts
index 104c12f98cdd..67fc2d89e750 100644
--- a/packages/devextreme-angular/src/ui/map/index.ts
+++ b/packages/devextreme-angular/src/ui/map/index.ts
@@ -22,7 +22,7 @@ import {
 } from '@angular/core';
 
 
-import { ClickEvent, DisposingEvent, InitializedEvent, MarkerAddedEvent, MarkerRemovedEvent, OptionChangedEvent, ReadyEvent, RouteAddedEvent, RouteRemovedEvent, MapProvider, RouteMode, MapType } from 'devextreme/ui/map';
+import type { ClickEvent, DisposingEvent, InitializedEvent, MarkerAddedEvent, MarkerRemovedEvent, OptionChangedEvent, ReadyEvent, RouteAddedEvent, RouteRemovedEvent, MapProvider, RouteMode, MapType } from 'devextreme/ui/map';
 
 import DxMap from 'devextreme/ui/map';
 
diff --git a/packages/devextreme-angular/src/ui/map/nested/route-dxi.ts b/packages/devextreme-angular/src/ui/map/nested/route-dxi.ts
index 0f5687ac90c8..49fa9e935c99 100644
--- a/packages/devextreme-angular/src/ui/map/nested/route-dxi.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/route-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { RouteMode } from 'devextreme/ui/map';
+import type { RouteMode } from 'devextreme/ui/map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/index.ts b/packages/devextreme-angular/src/ui/menu/index.ts
index 426571e1611d..4e126a2e0d5a 100644
--- a/packages/devextreme-angular/src/ui/menu/index.ts
+++ b/packages/devextreme-angular/src/ui/menu/index.ts
@@ -21,14 +21,14 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/menu';
-
-import DataSource from 'devextreme/data/data_source';
-import { AnimationConfig } from 'devextreme/common/core/animation';
-import { dxMenuItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SubmenuHiddenEvent, SubmenuHidingEvent, SubmenuShowingEvent, SubmenuShownEvent, SubmenuDirection } from 'devextreme/ui/menu';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Orientation, SingleOrNone, SubmenuShowMode } from 'devextreme/common';
+export type { ExplicitTypes } from 'devextreme/ui/menu';
+
+import type DataSource from 'devextreme/data/data_source';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
+import type { dxMenuItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SubmenuHiddenEvent, SubmenuHidingEvent, SubmenuShowingEvent, SubmenuShownEvent, SubmenuDirection } from 'devextreme/ui/menu';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Orientation, SingleOrNone, SubmenuShowMode } from 'devextreme/common';
 
 import DxMenu from 'devextreme/ui/menu';
 
diff --git a/packages/devextreme-angular/src/ui/menu/nested/animation.ts b/packages/devextreme-angular/src/ui/menu/nested/animation.ts
index 9898e98dfe9b..36f52c75e4d3 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/at.ts b/packages/devextreme-angular/src/ui/menu/nested/at.ts
index 1f95166a01a3..7687ed63aeb8 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/collision.ts b/packages/devextreme-angular/src/ui/menu/nested/collision.ts
index 944da0ae2645..caee30bf0413 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/from.ts b/packages/devextreme-angular/src/ui/menu/nested/from.ts
index d37100d205ed..1c27b2852e55 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/hide.ts b/packages/devextreme-angular/src/ui/menu/nested/hide.ts
index a6b25d1b691c..6f9e3faafd88 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/menu/nested/item-dxi.ts
index c7359b25ad76..3d2fe843816e 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxMenuItem } from 'devextreme/ui/menu';
+import type { dxMenuItem } from 'devextreme/ui/menu';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/my.ts b/packages/devextreme-angular/src/ui/menu/nested/my.ts
index aa28b4ab3fe0..279da042e495 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/position.ts b/packages/devextreme-angular/src/ui/menu/nested/position.ts
index 78cb377281fb..4cc377828fea 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/show-first-submenu-mode.ts b/packages/devextreme-angular/src/ui/menu/nested/show-first-submenu-mode.ts
index 912341cb6f03..9add9e2be4b2 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/show-first-submenu-mode.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/show-first-submenu-mode.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SubmenuShowMode } from 'devextreme/common';
+import type { SubmenuShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/show-submenu-mode.ts b/packages/devextreme-angular/src/ui/menu/nested/show-submenu-mode.ts
index 305c0d86e01c..5ee799d6b9e0 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/show-submenu-mode.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/show-submenu-mode.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SubmenuShowMode } from 'devextreme/common';
+import type { SubmenuShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/show.ts b/packages/devextreme-angular/src/ui/menu/nested/show.ts
index 2e9e438ae516..d59873845b73 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/menu/nested/to.ts b/packages/devextreme-angular/src/ui/menu/nested/to.ts
index dad833dc875f..b505a17aa28e 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/multi-view/index.ts b/packages/devextreme-angular/src/ui/multi-view/index.ts
index f0e6bf15c153..6175a4e36681 100644
--- a/packages/devextreme-angular/src/ui/multi-view/index.ts
+++ b/packages/devextreme-angular/src/ui/multi-view/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/multi_view';
+export type { ExplicitTypes } from 'devextreme/ui/multi_view';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxMultiViewItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/multi_view';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxMultiViewItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/multi_view';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxMultiView from 'devextreme/ui/multi_view';
 
diff --git a/packages/devextreme-angular/src/ui/nested/aggregation.ts b/packages/devextreme-angular/src/ui/nested/aggregation.ts
index bb1b74836a63..34127137e290 100644
--- a/packages/devextreme-angular/src/ui/nested/aggregation.ts
+++ b/packages/devextreme-angular/src/ui/nested/aggregation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartSeriesAggregationMethod } from 'devextreme/viz/chart';
+import type { ChartSeriesAggregationMethod } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/animation.ts b/packages/devextreme-angular/src/ui/nested/animation.ts
index caaf501ce567..d7c97c0a46ae 100644
--- a/packages/devextreme-angular/src/ui/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/nested/animation.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/argument-axis.ts b/packages/devextreme-angular/src/ui/nested/argument-axis.ts
index 8550c06f572b..55d88b09538a 100644
--- a/packages/devextreme-angular/src/ui/nested/argument-axis.ts
+++ b/packages/devextreme-angular/src/ui/nested/argument-axis.ts
@@ -18,10 +18,10 @@ import {
 
 
 
-import { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
-import { ArgumentAxisHoverMode, AxisScaleType, ChartsAxisLabelOverlap, ChartsDataType, DashStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, RelativePosition, ScaleBreak, ScaleBreakLineStyle, TextOverflow, TimeInterval, VisualRange, VisualRangeUpdateMode, WordWrap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
+import type { ArgumentAxisHoverMode, AxisScaleType, ChartsAxisLabelOverlap, ChartsDataType, DashStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, RelativePosition, ScaleBreak, ScaleBreakLineStyle, TextOverflow, TimeInterval, VisualRange, VisualRangeUpdateMode, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/at.ts b/packages/devextreme-angular/src/ui/nested/at.ts
index e0183b94696d..e59ed7ef3dc8 100644
--- a/packages/devextreme-angular/src/ui/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/auto-layout.ts b/packages/devextreme-angular/src/ui/nested/auto-layout.ts
index 40c92c067ffd..6c813bdced5d 100644
--- a/packages/devextreme-angular/src/ui/nested/auto-layout.ts
+++ b/packages/devextreme-angular/src/ui/nested/auto-layout.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Orientation } from 'devextreme/common';
-import { DataLayoutType } from 'devextreme/ui/diagram';
+import type { Orientation } from 'devextreme/common';
+import type { DataLayoutType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/background.ts b/packages/devextreme-angular/src/ui/nested/background.ts
index 7ff6fe115144..9ce3bc5f0ace 100644
--- a/packages/devextreme-angular/src/ui/nested/background.ts
+++ b/packages/devextreme-angular/src/ui/nested/background.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { BackgroundImageLocation } from 'devextreme/viz/range_selector';
+import type { BackgroundImageLocation } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/base/animation-config.ts b/packages/devextreme-angular/src/ui/nested/base/animation-config.ts
index da93dfccc03e..be244aa0d092 100644
--- a/packages/devextreme-angular/src/ui/nested/base/animation-config.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/animation-config.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { Direction } from 'devextreme/common';
-import { AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
+import type { AnimationState, AnimationType } from 'devextreme/common/core/animation';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/animation-state.ts b/packages/devextreme-angular/src/ui/nested/base/animation-state.ts
index 9d5c2c2466de..da6205b34396 100644
--- a/packages/devextreme-angular/src/ui/nested/base/animation-state.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/animation-state.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/box-options.ts b/packages/devextreme-angular/src/ui/nested/base/box-options.ts
index 7d9c7cc9f5cc..31f93049bd41 100644
--- a/packages/devextreme-angular/src/ui/nested/base/box-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/box-options.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { BoxDirection, ContentReadyEvent, CrosswiseDistribution, DisposingEvent, Distribution, dxBoxItem, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, Properties as dxBoxOptions } from 'devextreme/ui/box';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { BoxDirection, ContentReadyEvent, CrosswiseDistribution, DisposingEvent, Distribution, dxBoxItem, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, Properties as dxBoxOptions } from 'devextreme/ui/box';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/button-group-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/button-group-item-dxi.ts
index c88c98de399e..6bd1c8734250 100644
--- a/packages/devextreme-angular/src/ui/nested/base/button-group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/button-group-item-dxi.ts
@@ -5,24 +5,24 @@ import {
     Component,
 } from '@angular/core';
 
-import { AsyncRule, ButtonStyle, ButtonType, CompareRule, CustomRule, EmailRule, HorizontalAlignment, NumericRule, PatternRule, RangeRule, RequiredRule, StringLengthRule, ToolbarItemComponent, ToolbarItemLocation, VerticalAlignment } from 'devextreme/common';
-import { Properties as dxBoxOptions } from 'devextreme/ui/box';
-import { Properties as dxButtonOptions } from 'devextreme/ui/button';
-import { User } from 'devextreme/ui/chat';
-import { dxContextMenuItem } from 'devextreme/ui/context_menu';
-import { DataGridPredefinedToolbarItem } from 'devextreme/ui/data_grid';
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { ItemClickEvent } from 'devextreme/ui/drop_down_button';
-import { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
-import { ButtonItem, EmptyItem, FormItemComponent, FormItemType, GroupItem, LabelLocation, SimpleItem, TabbedItem } from 'devextreme/ui/form';
-import { GanttPredefinedContextMenuItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
-import { AICommand, AICommandName, HtmlEditorPredefinedContextMenuItem, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
-import { dxMenuItem } from 'devextreme/ui/menu';
-import { Properties as dxSplitterOptions } from 'devextreme/ui/splitter';
-import { Properties as dxTabPanelOptions } from 'devextreme/ui/tab_panel';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
-import { dxTreeViewItem } from 'devextreme/ui/tree_view';
+import type { AsyncRule, ButtonStyle, ButtonType, CompareRule, CustomRule, EmailRule, HorizontalAlignment, NumericRule, PatternRule, RangeRule, RequiredRule, StringLengthRule, ToolbarItemComponent, ToolbarItemLocation, VerticalAlignment } from 'devextreme/common';
+import type { Properties as dxBoxOptions } from 'devextreme/ui/box';
+import type { Properties as dxButtonOptions } from 'devextreme/ui/button';
+import type { User } from 'devextreme/ui/chat';
+import type { dxContextMenuItem } from 'devextreme/ui/context_menu';
+import type { DataGridPredefinedToolbarItem } from 'devextreme/ui/data_grid';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { ItemClickEvent } from 'devextreme/ui/drop_down_button';
+import type { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { ButtonItem, EmptyItem, FormItemComponent, FormItemType, GroupItem, LabelLocation, SimpleItem, TabbedItem } from 'devextreme/ui/form';
+import type { GanttPredefinedContextMenuItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
+import type { AICommand, AICommandName, HtmlEditorPredefinedContextMenuItem, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
+import type { dxMenuItem } from 'devextreme/ui/menu';
+import type { Properties as dxSplitterOptions } from 'devextreme/ui/splitter';
+import type { Properties as dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
+import type { dxTreeViewItem } from 'devextreme/ui/tree_view';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/button-options.ts b/packages/devextreme-angular/src/ui/nested/base/button-options.ts
index c0fb8773abc7..1ecbcb1d8cb5 100644
--- a/packages/devextreme-angular/src/ui/nested/base/button-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/button-options.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { ButtonStyle, ButtonType } from 'devextreme/common';
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/calendar-options.ts b/packages/devextreme-angular/src/ui/nested/base/calendar-options.ts
index 5969e8b80fee..cdccbe7ae374 100644
--- a/packages/devextreme-angular/src/ui/nested/base/calendar-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/calendar-options.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { FirstDayOfWeek, Position, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
-import { CalendarSelectionMode, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, WeekNumberRule } from 'devextreme/ui/calendar';
+import type { FirstDayOfWeek, Position, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
+import type { CalendarSelectionMode, CalendarZoomLevel, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, WeekNumberRule } from 'devextreme/ui/calendar';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/chart-annotation-config-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/chart-annotation-config-dxi.ts
index c9f3d9f1379d..dff8c492b0fd 100644
--- a/packages/devextreme-angular/src/ui/nested/base/chart-annotation-config-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/chart-annotation-config-dxi.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { AnnotationType, DashStyle, Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
+import type { AnnotationType, DashStyle, Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/chart-common-annotation-config.ts b/packages/devextreme-angular/src/ui/nested/base/chart-common-annotation-config.ts
index 8ebdf62cf167..727b91967099 100644
--- a/packages/devextreme-angular/src/ui/nested/base/chart-common-annotation-config.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/chart-common-annotation-config.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { AnnotationType, DashStyle, Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
+import type { AnnotationType, DashStyle, Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/chart-common-series-settings.ts b/packages/devextreme-angular/src/ui/nested/base/chart-common-series-settings.ts
index 7d37c32de86f..419819019212 100644
--- a/packages/devextreme-angular/src/ui/nested/base/chart-common-series-settings.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/chart-common-series-settings.ts
@@ -5,12 +5,12 @@ import {
     Component,
 } from '@angular/core';
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { ChartsColor, ChartsDataType, DashStyle, Font, HatchDirection, LabelPosition, PointInteractionMode, PointSymbol, RelativePosition, SeriesHoverMode, SeriesSelectionMode, SeriesType, TextOverflow, ValueErrorBarDisplayMode, ValueErrorBarType, WordWrap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
-import { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
-import { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { ChartsColor, ChartsDataType, DashStyle, Font, HatchDirection, LabelPosition, PointInteractionMode, PointSymbol, RelativePosition, SeriesHoverMode, SeriesSelectionMode, SeriesType, TextOverflow, ValueErrorBarDisplayMode, ValueErrorBarType, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
+import type { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/chart-series-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/chart-series-dxi.ts
index b6a09e261006..da34af27a98a 100644
--- a/packages/devextreme-angular/src/ui/nested/base/chart-series-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/chart-series-dxi.ts
@@ -5,12 +5,12 @@ import {
     Component,
 } from '@angular/core';
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { ChartsColor, ChartsDataType, DashStyle, Font, HatchDirection, LabelPosition, PointInteractionMode, PointSymbol, RelativePosition, SeriesHoverMode, SeriesSelectionMode, SeriesType, TextOverflow, ValueErrorBarDisplayMode, ValueErrorBarType, WordWrap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
-import { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
-import { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { ChartsColor, ChartsDataType, DashStyle, Font, HatchDirection, LabelPosition, PointInteractionMode, PointSymbol, RelativePosition, SeriesHoverMode, SeriesSelectionMode, SeriesType, TextOverflow, ValueErrorBarDisplayMode, ValueErrorBarType, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
+import type { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/column-chooser-search-config.ts b/packages/devextreme-angular/src/ui/nested/base/column-chooser-search-config.ts
index b7da0016fa57..dd87764f7261 100644
--- a/packages/devextreme-angular/src/ui/nested/base/column-chooser-search-config.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/column-chooser-search-config.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/column-chooser-selection-config.ts b/packages/devextreme-angular/src/ui/nested/base/column-chooser-selection-config.ts
index 64a5ef9ee207..ce431925c5e4 100644
--- a/packages/devextreme-angular/src/ui/nested/base/column-chooser-selection-config.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/column-chooser-selection-config.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { SelectAllMode, SingleMultipleOrNone } from 'devextreme/common';
-import { SelectionColumnDisplayMode } from 'devextreme/common/grids';
-import { SelectionSensitivity } from 'devextreme/ui/data_grid';
+import type { SelectAllMode, SingleMultipleOrNone } from 'devextreme/common';
+import type { SelectionColumnDisplayMode } from 'devextreme/common/grids';
+import type { SelectionSensitivity } from 'devextreme/ui/data_grid';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/column-chooser.ts b/packages/devextreme-angular/src/ui/nested/base/column-chooser.ts
index e433c08cfc8e..340e1011d4e9 100644
--- a/packages/devextreme-angular/src/ui/nested/base/column-chooser.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/column-chooser.ts
@@ -5,10 +5,10 @@ import {
     Component,
 } from '@angular/core';
 
-import { SortOrder } from 'devextreme/common';
-import { PositionConfig } from 'devextreme/common/core/animation';
-import { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
-import { UserDefinedElement } from 'devextreme/core/element';
+import type { SortOrder } from 'devextreme/common';
+import type { PositionConfig } from 'devextreme/common/core/animation';
+import type { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
+import type { UserDefinedElement } from 'devextreme/core/element';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/column-header-filter.ts b/packages/devextreme-angular/src/ui/nested/base/column-header-filter.ts
index 88a1d1a0bc7b..c6f12875110a 100644
--- a/packages/devextreme-angular/src/ui/nested/base/column-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/column-header-filter.ts
@@ -5,11 +5,11 @@ import {
     Component,
 } from '@angular/core';
 
-import { SearchMode } from 'devextreme/common';
-import { ColumnHeaderFilterSearchConfig, HeaderFilterGroupInterval, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
-import { Store } from 'devextreme/data';
-import { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { dxGanttHeaderFilterTexts } from 'devextreme/ui/gantt';
+import type { SearchMode } from 'devextreme/common';
+import type { ColumnHeaderFilterSearchConfig, HeaderFilterGroupInterval, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { Store } from 'devextreme/data';
+import type { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { dxGanttHeaderFilterTexts } from 'devextreme/ui/gantt';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/data-change-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/data-change-dxi.ts
index 7070855c7370..92ae9607a734 100644
--- a/packages/devextreme-angular/src/ui/nested/base/data-change-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/data-change-dxi.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { DataChangeType } from 'devextreme/common/grids';
+import type { DataChangeType } from 'devextreme/common/grids';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/data-grid-column-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/data-grid-column-dxi.ts
index befdd9c504f7..20937e206282 100644
--- a/packages/devextreme-angular/src/ui/nested/base/data-grid-column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/data-grid-column-dxi.ts
@@ -5,14 +5,14 @@ import {
     Component,
 } from '@angular/core';
 
-import { AsyncRule, CompareRule, CustomRule, DataType, EmailRule, HorizontalAlignment, NumericRule, PatternRule, RangeRule, RequiredRule, SortOrder, StringLengthRule } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { ColumnHeaderFilter, FilterOperation, FilterType, FixedPosition, SelectedFilterOperation } from 'devextreme/common/grids';
-import { Store } from 'devextreme/data';
-import { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { DataGridCommandColumnType, DataGridPredefinedColumnButton, dxDataGridColumn, dxDataGridColumnButton } from 'devextreme/ui/data_grid';
-import { SimpleItem } from 'devextreme/ui/form';
-import { dxTreeListColumn, dxTreeListColumnButton, TreeListCommandColumnType, TreeListPredefinedColumnButton } from 'devextreme/ui/tree_list';
+import type { AsyncRule, CompareRule, CustomRule, DataType, EmailRule, HorizontalAlignment, NumericRule, PatternRule, RangeRule, RequiredRule, SortOrder, StringLengthRule } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { ColumnHeaderFilter, FilterOperation, FilterType, FixedPosition, SelectedFilterOperation } from 'devextreme/common/grids';
+import type { Store } from 'devextreme/data';
+import type { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { DataGridCommandColumnType, DataGridPredefinedColumnButton, dxDataGridColumn, dxDataGridColumnButton } from 'devextreme/ui/data_grid';
+import type { SimpleItem } from 'devextreme/ui/form';
+import type { dxTreeListColumn, dxTreeListColumnButton, TreeListCommandColumnType, TreeListPredefinedColumnButton } from 'devextreme/ui/tree_list';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/data-grid-toolbar.ts b/packages/devextreme-angular/src/ui/nested/base/data-grid-toolbar.ts
index 0394513bb946..8278a8bea14d 100644
--- a/packages/devextreme-angular/src/ui/nested/base/data-grid-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/data-grid-toolbar.ts
@@ -5,12 +5,12 @@ import {
     Component,
 } from '@angular/core';
 
-import { UserDefinedElement } from 'devextreme/core/element';
-import { DataGridPredefinedToolbarItem, dxDataGridToolbarItem } from 'devextreme/ui/data_grid';
-import { dxFileManagerToolbarItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
-import { dxGanttToolbarItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
-import { AIToolbarItem, dxHtmlEditorToolbarItem, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
-import { dxTreeListToolbarItem, TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
+import type { UserDefinedElement } from 'devextreme/core/element';
+import type { DataGridPredefinedToolbarItem, dxDataGridToolbarItem } from 'devextreme/ui/data_grid';
+import type { dxFileManagerToolbarItem, FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { dxGanttToolbarItem, GanttPredefinedToolbarItem } from 'devextreme/ui/gantt';
+import type { AIToolbarItem, dxHtmlEditorToolbarItem, HtmlEditorPredefinedToolbarItem } from 'devextreme/ui/html_editor';
+import type { dxTreeListToolbarItem, TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/diagram-custom-command-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/diagram-custom-command-dxi.ts
index a25d880b7213..31d75c3b7815 100644
--- a/packages/devextreme-angular/src/ui/nested/base/diagram-custom-command-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/diagram-custom-command-dxi.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { ToolbarItemLocation } from 'devextreme/common';
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { AICommandNameExtended } from 'devextreme/ui/html_editor';
+import type { ToolbarItemLocation } from 'devextreme/common';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { AICommandNameExtended } from 'devextreme/ui/html_editor';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/file-manager-context-menu.ts b/packages/devextreme-angular/src/ui/nested/base/file-manager-context-menu.ts
index 2f8ab7d35165..fb6ca2f6aace 100644
--- a/packages/devextreme-angular/src/ui/nested/base/file-manager-context-menu.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/file-manager-context-menu.ts
@@ -5,10 +5,10 @@ import {
     Component,
 } from '@angular/core';
 
-import { dxContextMenuItem } from 'devextreme/ui/context_menu';
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem } from 'devextreme/ui/file_manager';
-import { GanttPredefinedContextMenuItem } from 'devextreme/ui/gantt';
+import type { dxContextMenuItem } from 'devextreme/ui/context_menu';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem } from 'devextreme/ui/file_manager';
+import type { GanttPredefinedContextMenuItem } from 'devextreme/ui/gantt';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/file-manager-toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/file-manager-toolbar-item-dxi.ts
index c12ec523fd76..4b213cdeddfa 100644
--- a/packages/devextreme-angular/src/ui/nested/base/file-manager-toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/file-manager-toolbar-item-dxi.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { ToolbarItemComponent, ToolbarItemLocation } from 'devextreme/common';
-import { FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemComponent, ToolbarItemLocation } from 'devextreme/common';
+import type { FileManagerPredefinedToolbarItem } from 'devextreme/ui/file_manager';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/file-uploader-options.ts b/packages/devextreme-angular/src/ui/nested/base/file-uploader-options.ts
index d1c02cda2770..0945065d3add 100644
--- a/packages/devextreme-angular/src/ui/nested/base/file-uploader-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/file-uploader-options.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { ValidationStatus } from 'devextreme/common';
-import { UserDefinedElement } from 'devextreme/core/element';
-import { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, FileUploadMode, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadHttpMethod, UploadStartedEvent, ValueChangedEvent } from 'devextreme/ui/file_uploader';
+import type { ValidationStatus } from 'devextreme/common';
+import type { UserDefinedElement } from 'devextreme/core/element';
+import type { BeforeSendEvent, ContentReadyEvent, DisposingEvent, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, FileUploadMode, InitializedEvent, OptionChangedEvent, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadHttpMethod, UploadStartedEvent, ValueChangedEvent } from 'devextreme/ui/file_uploader';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/filter-builder-custom-operation-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/filter-builder-custom-operation-dxi.ts
index c7a7485d3ea0..2984d170a9f4 100644
--- a/packages/devextreme-angular/src/ui/nested/base/filter-builder-custom-operation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/filter-builder-custom-operation-dxi.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { DataType } from 'devextreme/common';
+import type { DataType } from 'devextreme/common';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/filter-builder-field-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/filter-builder-field-dxi.ts
index 07eaf9b5941c..b92396614fdc 100644
--- a/packages/devextreme-angular/src/ui/nested/base/filter-builder-field-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/filter-builder-field-dxi.ts
@@ -5,11 +5,11 @@ import {
     Component,
 } from '@angular/core';
 
-import { DataType } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { Store } from 'devextreme/data';
-import { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { FilterBuilderOperation } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { Store } from 'devextreme/data';
+import type { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { FilterBuilderOperation } from 'devextreme/ui/filter_builder';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/filter-builder-options.ts b/packages/devextreme-angular/src/ui/nested/base/filter-builder-options.ts
index b7e006a8609c..2cbfcfd13827 100644
--- a/packages/devextreme-angular/src/ui/nested/base/filter-builder-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/filter-builder-options.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { ContentReadyEvent, DisposingEvent, dxFilterBuilderCustomOperation, dxFilterBuilderField, EditorPreparedEvent, EditorPreparingEvent, GroupOperation, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
+import type { ContentReadyEvent, DisposingEvent, dxFilterBuilderCustomOperation, dxFilterBuilderField, EditorPreparedEvent, EditorPreparingEvent, GroupOperation, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/filter-panel.ts b/packages/devextreme-angular/src/ui/nested/base/filter-panel.ts
index 9680b9d52a37..6a2229305ac4 100644
--- a/packages/devextreme-angular/src/ui/nested/base/filter-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/filter-panel.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { FilterPanelTexts } from 'devextreme/common/grids';
+import type { FilterPanelTexts } from 'devextreme/common/grids';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/form-options.ts b/packages/devextreme-angular/src/ui/nested/base/form-options.ts
index 46f362ab3d66..d251737a7a4c 100644
--- a/packages/devextreme-angular/src/ui/nested/base/form-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/form-options.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { Mode } from 'devextreme/common';
-import { ButtonItem, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, EmptyItem, FieldDataChangedEvent, FormLabelMode, GroupItem, InitializedEvent, LabelLocation, OptionChangedEvent, SimpleItem, TabbedItem } from 'devextreme/ui/form';
+import type { Mode } from 'devextreme/common';
+import type { ButtonItem, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, EmptyItem, FieldDataChangedEvent, FormLabelMode, GroupItem, InitializedEvent, LabelLocation, OptionChangedEvent, SimpleItem, TabbedItem } from 'devextreme/ui/form';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/form-simple-item.ts b/packages/devextreme-angular/src/ui/nested/base/form-simple-item.ts
index 2806143644da..d44274d1048f 100644
--- a/packages/devextreme-angular/src/ui/nested/base/form-simple-item.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/form-simple-item.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { AsyncRule, CompareRule, CustomRule, EmailRule, HorizontalAlignment, NumericRule, PatternRule, RangeRule, RequiredRule, StringLengthRule } from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { AsyncRule, CompareRule, CustomRule, EmailRule, HorizontalAlignment, NumericRule, PatternRule, RangeRule, RequiredRule, StringLengthRule } from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/format.ts b/packages/devextreme-angular/src/ui/nested/base/format.ts
index b9b69500e106..aa9d579890f4 100644
--- a/packages/devextreme-angular/src/ui/nested/base/format.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/format.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/gantt-filter-row.ts b/packages/devextreme-angular/src/ui/nested/base/gantt-filter-row.ts
index 3d6201db8ca2..bb8d412cce31 100644
--- a/packages/devextreme-angular/src/ui/nested/base/gantt-filter-row.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/gantt-filter-row.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { ApplyFilterMode } from 'devextreme/common/grids';
-import { dxGanttFilterRowOperationDescriptions } from 'devextreme/ui/gantt';
+import type { ApplyFilterMode } from 'devextreme/common/grids';
+import type { dxGanttFilterRowOperationDescriptions } from 'devextreme/ui/gantt';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/gauge-indicator.ts b/packages/devextreme-angular/src/ui/nested/base/gauge-indicator.ts
index 78d398d6d07c..dc4e2b1fc117 100644
--- a/packages/devextreme-angular/src/ui/nested/base/gauge-indicator.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/gauge-indicator.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { HorizontalEdge, VerticalEdge } from 'devextreme/common';
-import { ChartsColor, Font, Palette } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { HorizontalEdge, VerticalEdge } from 'devextreme/common';
+import type { ChartsColor, Font, Palette } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload-tab-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload-tab-item-dxi.ts
index 316eccd251f6..9e60173b99e1 100644
--- a/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload-tab-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload-tab-item-dxi.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
-import { ButtonItem, EmptyItem, GroupItem, SimpleItem, TabbedItem } from 'devextreme/ui/form';
-import { HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { ButtonItem, EmptyItem, GroupItem, SimpleItem, TabbedItem } from 'devextreme/ui/form';
+import type { HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload.ts b/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload.ts
index d037b7e7cc2c..d23c36d42e6b 100644
--- a/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/html-editor-image-upload.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
-import { dxHtmlEditorImageUploadTabItem, HtmlEditorImageUploadMode, HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
+import type { dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
+import type { dxHtmlEditorImageUploadTabItem, HtmlEditorImageUploadMode, HtmlEditorImageUploadTab } from 'devextreme/ui/html_editor';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/html-editor-mention-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/html-editor-mention-dxi.ts
index bafe9bdb152b..6e6521f9f81e 100644
--- a/packages/devextreme-angular/src/ui/nested/base/html-editor-mention-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/html-editor-mention-dxi.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/html-editor-table-context-menu.ts b/packages/devextreme-angular/src/ui/nested/base/html-editor-table-context-menu.ts
index 9b098a102568..eb2e5f9f8faf 100644
--- a/packages/devextreme-angular/src/ui/nested/base/html-editor-table-context-menu.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/html-editor-table-context-menu.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { HtmlEditorPredefinedContextMenuItem } from 'devextreme/ui/html_editor';
+import type { HtmlEditorPredefinedContextMenuItem } from 'devextreme/ui/html_editor';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/html-editor-variables.ts b/packages/devextreme-angular/src/ui/nested/base/html-editor-variables.ts
index cc9b578c532d..280b62818ed6 100644
--- a/packages/devextreme-angular/src/ui/nested/base/html-editor-variables.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/html-editor-variables.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/pager.ts b/packages/devextreme-angular/src/ui/nested/base/pager.ts
index f791fe4b0473..188ce411ae6d 100644
--- a/packages/devextreme-angular/src/ui/nested/base/pager.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/pager.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { DisplayMode, Mode } from 'devextreme/common';
-import { PagerPageSize } from 'devextreme/common/grids';
+import type { DisplayMode, Mode } from 'devextreme/common';
+import type { PagerPageSize } from 'devextreme/common/grids';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/popup-options.ts b/packages/devextreme-angular/src/ui/nested/base/popup-options.ts
index 2df7efc21c0b..bc31c24c8ad2 100644
--- a/packages/devextreme-angular/src/ui/nested/base/popup-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/popup-options.ts
@@ -5,11 +5,11 @@ import {
     Component,
 } from '@angular/core';
 
-import { Position, PositionAlignment } from 'devextreme/common';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { UserDefinedElement } from 'devextreme/core/element';
-import { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from 'devextreme/ui/popover';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type { Position, PositionAlignment } from 'devextreme/common';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { UserDefinedElement } from 'devextreme/core/element';
+import type { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from 'devextreme/ui/popover';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/popup-toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/popup-toolbar-item-dxi.ts
index 3357bb31631f..64e7f9604d4f 100644
--- a/packages/devextreme-angular/src/ui/nested/base/popup-toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/popup-toolbar-item-dxi.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { ToolbarItemComponent, ToolbarItemLocation } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemComponent, ToolbarItemLocation } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/position-config.ts b/packages/devextreme-angular/src/ui/nested/base/position-config.ts
index c0e802676268..a315ab47e067 100644
--- a/packages/devextreme-angular/src/ui/nested/base/position-config.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/position-config.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { HorizontalAlignment, PositionAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolution, CollisionResolutionCombination } from 'devextreme/common/core/animation';
-import { UserDefinedElement } from 'devextreme/core/element';
+import type { HorizontalAlignment, PositionAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolution, CollisionResolutionCombination } from 'devextreme/common/core/animation';
+import type { UserDefinedElement } from 'devextreme/core/element';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/scheduler-scrolling.ts b/packages/devextreme-angular/src/ui/nested/base/scheduler-scrolling.ts
index 21da27fbbcfc..eda3bc3e305f 100644
--- a/packages/devextreme-angular/src/ui/nested/base/scheduler-scrolling.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/scheduler-scrolling.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { Mode, ScrollbarMode, ScrollMode } from 'devextreme/common';
-import { DataRenderMode } from 'devextreme/common/grids';
-import { DataGridScrollMode } from 'devextreme/ui/data_grid';
+import type { Mode, ScrollbarMode, ScrollMode } from 'devextreme/common';
+import type { DataRenderMode } from 'devextreme/common/grids';
+import type { DataGridScrollMode } from 'devextreme/ui/data_grid';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/sortable-options.ts b/packages/devextreme-angular/src/ui/nested/base/sortable-options.ts
index 8c354dbe3067..b8cf9acddcd3 100644
--- a/packages/devextreme-angular/src/ui/nested/base/sortable-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/sortable-options.ts
@@ -5,9 +5,9 @@ import {
     Component,
 } from '@angular/core';
 
-import { DragDirection, DragHighlight, Orientation } from 'devextreme/common';
-import { UserDefinedElement } from 'devextreme/core/element';
-import { AddEvent, DisposingEvent, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
+import type { DragDirection, DragHighlight, Orientation } from 'devextreme/common';
+import type { UserDefinedElement } from 'devextreme/core/element';
+import type { AddEvent, DisposingEvent, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/sorting.ts b/packages/devextreme-angular/src/ui/nested/base/sorting.ts
index 22b6c0e89242..e75489f3f1f3 100644
--- a/packages/devextreme-angular/src/ui/nested/base/sorting.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/sorting.ts
@@ -5,7 +5,7 @@ import {
     Component,
 } from '@angular/core';
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/splitter-options.ts b/packages/devextreme-angular/src/ui/nested/base/splitter-options.ts
index 0605cd34796d..0d299abfce51 100644
--- a/packages/devextreme-angular/src/ui/nested/base/splitter-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/splitter-options.ts
@@ -5,10 +5,10 @@ import {
     Component,
 } from '@angular/core';
 
-import { Orientation } from 'devextreme/common';
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { ContentReadyEvent, DisposingEvent, dxSplitterItem, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemRenderedEvent, OptionChangedEvent, Properties as dxSplitterOptions, ResizeEndEvent, ResizeEvent, ResizeStartEvent } from 'devextreme/ui/splitter';
+import type { Orientation } from 'devextreme/common';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { ContentReadyEvent, DisposingEvent, dxSplitterItem, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemRenderedEvent, OptionChangedEvent, Properties as dxSplitterOptions, ResizeEndEvent, ResizeEvent, ResizeStartEvent } from 'devextreme/ui/splitter';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts b/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts
index f253d8f90cee..15573860372e 100644
--- a/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/tab-panel-options.ts
@@ -5,10 +5,10 @@ import {
     Component,
 } from '@angular/core';
 
-import { Position, TabsIconPosition, TabsStyle } from 'devextreme/common';
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { ContentReadyEvent, DisposingEvent, dxTabPanelItem, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { Position, TabsIconPosition, TabsStyle } from 'devextreme/common';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { ContentReadyEvent, DisposingEvent, dxTabPanelItem, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/text-box-options.ts b/packages/devextreme-angular/src/ui/nested/base/text-box-options.ts
index 790ec087b980..1a966046eb42 100644
--- a/packages/devextreme-angular/src/ui/nested/base/text-box-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/text-box-options.ts
@@ -5,8 +5,8 @@ import {
     Component,
 } from '@angular/core';
 
-import { EditorStyle, LabelMode, MaskMode, Position, TextBoxPredefinedButton, TextEditorButton, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
-import { ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, TextBoxType, ValueChangedEvent } from 'devextreme/ui/text_box';
+import type { EditorStyle, LabelMode, MaskMode, Position, TextBoxPredefinedButton, TextEditorButton, ValidationMessageMode, ValidationStatus } from 'devextreme/common';
+import type { ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, TextBoxType, ValueChangedEvent } from 'devextreme/ui/text_box';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/base/text-editor-button-dxi.ts b/packages/devextreme-angular/src/ui/nested/base/text-editor-button-dxi.ts
index 8c779b77b856..a30d5219ac3c 100644
--- a/packages/devextreme-angular/src/ui/nested/base/text-editor-button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/text-editor-button-dxi.ts
@@ -5,10 +5,10 @@ import {
     Component,
 } from '@angular/core';
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { Properties as dxButtonOptions } from 'devextreme/ui/button';
-import { ColumnButtonClickEvent, DataGridPredefinedColumnButton } from 'devextreme/ui/data_grid';
-import { TreeListPredefinedColumnButton } from 'devextreme/ui/tree_list';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { Properties as dxButtonOptions } from 'devextreme/ui/button';
+import type { ColumnButtonClickEvent, DataGridPredefinedColumnButton } from 'devextreme/ui/data_grid';
+import type { TreeListPredefinedColumnButton } from 'devextreme/ui/tree_list';
 
 @Component({
     template: ''
diff --git a/packages/devextreme-angular/src/ui/nested/behavior.ts b/packages/devextreme-angular/src/ui/nested/behavior.ts
index 851256af77a8..9996d1ff3539 100644
--- a/packages/devextreme-angular/src/ui/nested/behavior.ts
+++ b/packages/devextreme-angular/src/ui/nested/behavior.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SliderValueChangeMode } from 'devextreme/common';
+import type { SliderValueChangeMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/border.ts b/packages/devextreme-angular/src/ui/nested/border.ts
index a508240bd584..ab945f24a2ce 100644
--- a/packages/devextreme-angular/src/ui/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/box.ts b/packages/devextreme-angular/src/ui/nested/box.ts
index aac5021fe747..ea9c20f8575f 100644
--- a/packages/devextreme-angular/src/ui/nested/box.ts
+++ b/packages/devextreme-angular/src/ui/nested/box.ts
@@ -18,7 +18,7 @@ import {
 
 
 
-import { Properties as dxBoxOptions } from 'devextreme/ui/box';
+import type { Properties as dxBoxOptions } from 'devextreme/ui/box';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/break-style.ts b/packages/devextreme-angular/src/ui/nested/break-style.ts
index e1ee9ba01000..4da20e669fc0 100644
--- a/packages/devextreme-angular/src/ui/nested/break-style.ts
+++ b/packages/devextreme-angular/src/ui/nested/break-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ScaleBreakLineStyle } from 'devextreme/common/charts';
+import type { ScaleBreakLineStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/calendar-options.ts b/packages/devextreme-angular/src/ui/nested/calendar-options.ts
index 747550811a67..16069fb2e18d 100644
--- a/packages/devextreme-angular/src/ui/nested/calendar-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/calendar-options.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { CalendarZoomLevel } from 'devextreme/ui/calendar';
+import type { CalendarZoomLevel } from 'devextreme/ui/calendar';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/chart.ts b/packages/devextreme-angular/src/ui/nested/chart.ts
index 98bac7947b1d..60b8639c9825 100644
--- a/packages/devextreme-angular/src/ui/nested/chart.ts
+++ b/packages/devextreme-angular/src/ui/nested/chart.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import { ChartsDataType, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
-import { ChartSeries } from 'devextreme/viz/common';
-import { ChartAxisScale } from 'devextreme/viz/range_selector';
+import type { ChartsDataType, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
+import type { ChartSeries } from 'devextreme/viz/common';
+import type { ChartAxisScale } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/collision.ts b/packages/devextreme-angular/src/ui/nested/collision.ts
index 598c9558898f..dd65a849ba9e 100644
--- a/packages/devextreme-angular/src/ui/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/colorizer.ts b/packages/devextreme-angular/src/ui/nested/colorizer.ts
index 426737543089..98c1db1270e2 100644
--- a/packages/devextreme-angular/src/ui/nested/colorizer.ts
+++ b/packages/devextreme-angular/src/ui/nested/colorizer.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Palette, PaletteExtensionMode } from 'devextreme/common/charts';
-import { TreeMapColorizerType } from 'devextreme/viz/tree_map';
+import type { Palette, PaletteExtensionMode } from 'devextreme/common/charts';
+import type { TreeMapColorizerType } from 'devextreme/viz/tree_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/nested/column-dxi.ts
index 898b12d9871f..5f9bb5e558c9 100644
--- a/packages/devextreme-angular/src/ui/nested/column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/column-dxi.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { SortOrder } from 'devextreme/common';
-import { SelectedFilterOperation } from 'devextreme/common/grids';
+import type { SortOrder } from 'devextreme/common';
+import type { SelectedFilterOperation } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/common-axis-settings.ts b/packages/devextreme-angular/src/ui/nested/common-axis-settings.ts
index b9be7500c2b0..5721a6bb496c 100644
--- a/packages/devextreme-angular/src/ui/nested/common-axis-settings.ts
+++ b/packages/devextreme-angular/src/ui/nested/common-axis-settings.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
-import { ChartsAxisLabelOverlap, DashStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, RelativePosition, ScaleBreakLineStyle, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
+import type { ChartsAxisLabelOverlap, DashStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, RelativePosition, ScaleBreakLineStyle, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/common-pane-settings.ts b/packages/devextreme-angular/src/ui/nested/common-pane-settings.ts
index 0f46cbfeb3bc..2e4dda8fd789 100644
--- a/packages/devextreme-angular/src/ui/nested/common-pane-settings.ts
+++ b/packages/devextreme-angular/src/ui/nested/common-pane-settings.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, DashStyle } from 'devextreme/common/charts';
+import type { ChartsColor, DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/constant-line-dxi.ts b/packages/devextreme-angular/src/ui/nested/constant-line-dxi.ts
index 388c29cd75af..5a73a52dbddd 100644
--- a/packages/devextreme-angular/src/ui/nested/constant-line-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/constant-line-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/constant-line-style.ts b/packages/devextreme-angular/src/ui/nested/constant-line-style.ts
index 37449bdcfda9..816581e92395 100644
--- a/packages/devextreme-angular/src/ui/nested/constant-line-style.ts
+++ b/packages/devextreme-angular/src/ui/nested/constant-line-style.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/context-toolbox.ts b/packages/devextreme-angular/src/ui/nested/context-toolbox.ts
index f5db6dcbe30a..d0c5a17d86c9 100644
--- a/packages/devextreme-angular/src/ui/nested/context-toolbox.ts
+++ b/packages/devextreme-angular/src/ui/nested/context-toolbox.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ShapeCategory, ShapeType, ToolboxDisplayMode } from 'devextreme/ui/diagram';
+import type { ShapeCategory, ShapeType, ToolboxDisplayMode } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/control-bar.ts b/packages/devextreme-angular/src/ui/nested/control-bar.ts
index 2837d1773a94..37c9165f0265 100644
--- a/packages/devextreme-angular/src/ui/nested/control-bar.ts
+++ b/packages/devextreme-angular/src/ui/nested/control-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/crosshair.ts b/packages/devextreme-angular/src/ui/nested/crosshair.ts
index 3387d45814d7..fe807a311410 100644
--- a/packages/devextreme-angular/src/ui/nested/crosshair.ts
+++ b/packages/devextreme-angular/src/ui/nested/crosshair.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/custom-shape-dxi.ts b/packages/devextreme-angular/src/ui/nested/custom-shape-dxi.ts
index 17d0628fa941..b44d2f800e3a 100644
--- a/packages/devextreme-angular/src/ui/nested/custom-shape-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/custom-shape-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ShapeType } from 'devextreme/ui/diagram';
+import type { ShapeType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/default-item-properties.ts b/packages/devextreme-angular/src/ui/nested/default-item-properties.ts
index fea139e57d14..772d03b535d1 100644
--- a/packages/devextreme-angular/src/ui/nested/default-item-properties.ts
+++ b/packages/devextreme-angular/src/ui/nested/default-item-properties.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ConnectorLineEnd, ConnectorLineType } from 'devextreme/ui/diagram';
+import type { ConnectorLineEnd, ConnectorLineType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/dependencies.ts b/packages/devextreme-angular/src/ui/nested/dependencies.ts
index ee3639157290..27f0fbb854f7 100644
--- a/packages/devextreme-angular/src/ui/nested/dependencies.ts
+++ b/packages/devextreme-angular/src/ui/nested/dependencies.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/details.ts b/packages/devextreme-angular/src/ui/nested/details.ts
index 43f8d13b51ad..589ae1b94f7c 100644
--- a/packages/devextreme-angular/src/ui/nested/details.ts
+++ b/packages/devextreme-angular/src/ui/nested/details.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxFileManagerDetailsColumn } from 'devextreme/ui/file_manager';
+import type { dxFileManagerDetailsColumn } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/nested/drop-down-options.ts
index ab0cc3f77c9b..f7e64f96af5b 100644
--- a/packages/devextreme-angular/src/ui/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/drop-down-options.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { PositionAlignment } from 'devextreme/common';
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionAlignment } from 'devextreme/common';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/edges.ts b/packages/devextreme-angular/src/ui/nested/edges.ts
index 216f09f42e02..935b90be10c6 100644
--- a/packages/devextreme-angular/src/ui/nested/edges.ts
+++ b/packages/devextreme-angular/src/ui/nested/edges.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/editing.ts b/packages/devextreme-angular/src/ui/nested/editing.ts
index 0e9fc98c23fd..42a5975e2bbb 100644
--- a/packages/devextreme-angular/src/ui/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/nested/editing.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import { DataChange, GridsEditMode, GridsEditRefreshMode, NewRowPosition, StartEditAction } from 'devextreme/common/grids';
-import { Properties as dxFormOptions } from 'devextreme/ui/form';
-import { Properties as dxPopupOptions } from 'devextreme/ui/popup';
+import type { DataChange, GridsEditMode, GridsEditRefreshMode, NewRowPosition, StartEditAction } from 'devextreme/common/grids';
+import type { Properties as dxFormOptions } from 'devextreme/ui/form';
+import type { Properties as dxPopupOptions } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/export.ts b/packages/devextreme-angular/src/ui/nested/export.ts
index 83a30bed5b32..f2d60fa938dd 100644
--- a/packages/devextreme-angular/src/ui/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/nested/export.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
-import { DataGridExportFormat } from 'devextreme/ui/data_grid';
+import type { ExportFormat } from 'devextreme/common';
+import type { DataGridExportFormat } from 'devextreme/ui/data_grid';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/field-chooser.ts b/packages/devextreme-angular/src/ui/nested/field-chooser.ts
index 0f651eaa8906..aea6227ef464 100644
--- a/packages/devextreme-angular/src/ui/nested/field-chooser.ts
+++ b/packages/devextreme-angular/src/ui/nested/field-chooser.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { FieldChooserLayout } from 'devextreme/common';
-import { ApplyChangesMode } from 'devextreme/common/grids';
+import type { FieldChooserLayout } from 'devextreme/common';
+import type { ApplyChangesMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts b/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts
index 54e759b5ec9d..90edc01fdbfe 100644
--- a/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts
+++ b/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { PositionAlignment } from 'devextreme/common';
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionAlignment } from 'devextreme/common';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/geometry.ts b/packages/devextreme-angular/src/ui/nested/geometry.ts
index 23a6f067d1a8..094a6a5eba71 100644
--- a/packages/devextreme-angular/src/ui/nested/geometry.ts
+++ b/packages/devextreme-angular/src/ui/nested/geometry.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Orientation } from 'devextreme/common';
+import type { Orientation } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/group-dxi.ts b/packages/devextreme-angular/src/ui/nested/group-dxi.ts
index 8b73154261c4..a804d2df72b8 100644
--- a/packages/devextreme-angular/src/ui/nested/group-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/group-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Command, CustomCommand, ShapeCategory, ShapeType, ToolboxDisplayMode } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand, ShapeCategory, ShapeType, ToolboxDisplayMode } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/group-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/group-item-dxi.ts
index 0614607c1cad..4709ef0c3e0e 100644
--- a/packages/devextreme-angular/src/ui/nested/group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/group-item-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { SummaryType } from 'devextreme/common/grids';
+import type { Format } from 'devextreme/common/core/localization';
+import type { SummaryType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/group-panel.ts b/packages/devextreme-angular/src/ui/nested/group-panel.ts
index bca249abe23f..04e1fc0a6858 100644
--- a/packages/devextreme-angular/src/ui/nested/group-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/group-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Mode } from 'devextreme/common';
+import type { Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/group.ts b/packages/devextreme-angular/src/ui/nested/group.ts
index a6060e752ac1..9cb52d5b0022 100644
--- a/packages/devextreme-angular/src/ui/nested/group.ts
+++ b/packages/devextreme-angular/src/ui/nested/group.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow } from 'devextreme/common/charts';
+import type { Font, TextOverflow } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/grouping.ts b/packages/devextreme-angular/src/ui/nested/grouping.ts
index 4b03dcd8da8e..804643ed6915 100644
--- a/packages/devextreme-angular/src/ui/nested/grouping.ts
+++ b/packages/devextreme-angular/src/ui/nested/grouping.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { GroupExpandMode } from 'devextreme/common/grids';
+import type { GroupExpandMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/hatching.ts b/packages/devextreme-angular/src/ui/nested/hatching.ts
index 7573a63b501f..b0b38b31134f 100644
--- a/packages/devextreme-angular/src/ui/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/history-toolbar.ts b/packages/devextreme-angular/src/ui/nested/history-toolbar.ts
index b7b999a3506e..249695c6e084 100644
--- a/packages/devextreme-angular/src/ui/nested/history-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/history-toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/horizontal-line.ts b/packages/devextreme-angular/src/ui/nested/horizontal-line.ts
index 19c600b89125..1bdd32927658 100644
--- a/packages/devextreme-angular/src/ui/nested/horizontal-line.ts
+++ b/packages/devextreme-angular/src/ui/nested/horizontal-line.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/hover-style.ts b/packages/devextreme-angular/src/ui/nested/hover-style.ts
index 49b34c0f5c0c..179c8cee0160 100644
--- a/packages/devextreme-angular/src/ui/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, DashStyle, HatchDirection } from 'devextreme/common/charts';
+import type { ChartsColor, DashStyle, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/image.ts b/packages/devextreme-angular/src/ui/nested/image.ts
index f700c5b06cb7..4b67740b96ff 100644
--- a/packages/devextreme-angular/src/ui/nested/image.ts
+++ b/packages/devextreme-angular/src/ui/nested/image.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { BackgroundImageLocation } from 'devextreme/viz/range_selector';
+import type { BackgroundImageLocation } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/item-view.ts b/packages/devextreme-angular/src/ui/nested/item-view.ts
index 782ab2c8652c..cfc23c5ffdf4 100644
--- a/packages/devextreme-angular/src/ui/nested/item-view.ts
+++ b/packages/devextreme-angular/src/ui/nested/item-view.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { dxFileManagerDetailsColumn, FileManagerItemViewMode } from 'devextreme/ui/file_manager';
+import type { dxFileManagerDetailsColumn, FileManagerItemViewMode } from 'devextreme/ui/file_manager';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/item.ts b/packages/devextreme-angular/src/ui/nested/item.ts
index e9b444a2935f..bbec4e2a352e 100644
--- a/packages/devextreme-angular/src/ui/nested/item.ts
+++ b/packages/devextreme-angular/src/ui/nested/item.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/keyboard-navigation.ts b/packages/devextreme-angular/src/ui/nested/keyboard-navigation.ts
index 07c3a9de39ab..280d148059e9 100644
--- a/packages/devextreme-angular/src/ui/nested/keyboard-navigation.ts
+++ b/packages/devextreme-angular/src/ui/nested/keyboard-navigation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { EnterKeyAction, EnterKeyDirection } from 'devextreme/common/grids';
+import type { EnterKeyAction, EnterKeyDirection } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/label.ts b/packages/devextreme-angular/src/ui/nested/label.ts
index af1997e83624..7ef30f024938 100644
--- a/packages/devextreme-angular/src/ui/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/nested/label.ts
@@ -18,12 +18,12 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment, HorizontalEdge, Position, VerticalAlignment, VerticalEdge } from 'devextreme/common';
-import { ChartsAxisLabelOverlap, DashStyle, Font, LabelOverlap, LabelPosition, RelativePosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { LabelLocation } from 'devextreme/ui/form';
-import { ChartLabelDisplayMode } from 'devextreme/viz/chart';
-import { CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
+import type { HorizontalAlignment, HorizontalEdge, Position, VerticalAlignment, VerticalEdge } from 'devextreme/common';
+import type { ChartsAxisLabelOverlap, DashStyle, Font, LabelOverlap, LabelPosition, RelativePosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { LabelLocation } from 'devextreme/ui/form';
+import type { ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/layer-dxi.ts b/packages/devextreme-angular/src/ui/nested/layer-dxi.ts
index 99829a715cbe..cf9cdc7311e7 100644
--- a/packages/devextreme-angular/src/ui/nested/layer-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/layer-dxi.ts
@@ -12,11 +12,11 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
-import { Font, Palette } from 'devextreme/common/charts';
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { VectorMapLayerType, VectorMapMarkerType } from 'devextreme/viz/vector_map';
+import type { SingleMultipleOrNone } from 'devextreme/common';
+import type { Font, Palette } from 'devextreme/common/charts';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { VectorMapLayerType, VectorMapMarkerType } from 'devextreme/viz/vector_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/legend-dxi.ts b/packages/devextreme-angular/src/ui/nested/legend-dxi.ts
index 3f610d3a9727..9847c0677066 100644
--- a/packages/devextreme-angular/src/ui/nested/legend-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/legend-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { HorizontalAlignment, Orientation, Position, VerticalEdge } from 'devextreme/common';
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { VectorMapMarkerShape } from 'devextreme/viz/vector_map';
+import type { HorizontalAlignment, Orientation, Position, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { VectorMapMarkerShape } from 'devextreme/viz/vector_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/legend.ts b/packages/devextreme-angular/src/ui/nested/legend.ts
index 9e49f05ed330..3272342e61d6 100644
--- a/packages/devextreme-angular/src/ui/nested/legend.ts
+++ b/packages/devextreme-angular/src/ui/nested/legend.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { HorizontalAlignment, Orientation, Position, VerticalEdge } from 'devextreme/common';
-import { DashStyle, Font, LegendHoverMode, RelativePosition } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { PieChartLegendHoverMode } from 'devextreme/viz/pie_chart';
+import type { HorizontalAlignment, Orientation, Position, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, Font, LegendHoverMode, RelativePosition } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { PieChartLegendHoverMode } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/link.ts b/packages/devextreme-angular/src/ui/nested/link.ts
index 54fe37fc6128..587e331246b0 100644
--- a/packages/devextreme-angular/src/ui/nested/link.ts
+++ b/packages/devextreme-angular/src/ui/nested/link.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
-import { SankeyColorMode } from 'devextreme/viz/sankey';
+import type { HatchDirection } from 'devextreme/common/charts';
+import type { SankeyColorMode } from 'devextreme/viz/sankey';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/load-panel.ts b/packages/devextreme-angular/src/ui/nested/load-panel.ts
index 3fd6f45a87c4..e5f72efd7841 100644
--- a/packages/devextreme-angular/src/ui/nested/load-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/load-panel.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Mode } from 'devextreme/common';
+import type { Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/nested/loading-indicator.ts
index 90ce284cb8b5..285f1547bdd7 100644
--- a/packages/devextreme-angular/src/ui/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/lookup.ts b/packages/devextreme-angular/src/ui/nested/lookup.ts
index 31f7860dc454..a9238e78f477 100644
--- a/packages/devextreme-angular/src/ui/nested/lookup.ts
+++ b/packages/devextreme-angular/src/ui/nested/lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/main-toolbar.ts b/packages/devextreme-angular/src/ui/nested/main-toolbar.ts
index 42fc80b57b22..bb1f4e31b983 100644
--- a/packages/devextreme-angular/src/ui/nested/main-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/main-toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/marker.ts b/packages/devextreme-angular/src/ui/nested/marker.ts
index c06c73b57ce3..ac60269598a6 100644
--- a/packages/devextreme-angular/src/ui/nested/marker.ts
+++ b/packages/devextreme-angular/src/ui/nested/marker.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/my.ts b/packages/devextreme-angular/src/ui/nested/my.ts
index b5e92a24cc17..9066ef31f9e8 100644
--- a/packages/devextreme-angular/src/ui/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/node.ts b/packages/devextreme-angular/src/ui/nested/node.ts
index 7c51fa985543..4d9d1a5b76c1 100644
--- a/packages/devextreme-angular/src/ui/nested/node.ts
+++ b/packages/devextreme-angular/src/ui/nested/node.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/nodes.ts b/packages/devextreme-angular/src/ui/nested/nodes.ts
index 0145d9908422..0fda2fb96db9 100644
--- a/packages/devextreme-angular/src/ui/nested/nodes.ts
+++ b/packages/devextreme-angular/src/ui/nested/nodes.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { Orientation } from 'devextreme/common';
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
-import { DataLayoutType } from 'devextreme/ui/diagram';
+import type { Orientation } from 'devextreme/common';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { DataLayoutType } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/pane-dxi.ts b/packages/devextreme-angular/src/ui/nested/pane-dxi.ts
index fe12e81146a5..e3451a33b438 100644
--- a/packages/devextreme-angular/src/ui/nested/pane-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/pane-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ChartsColor, DashStyle } from 'devextreme/common/charts';
+import type { ChartsColor, DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/point.ts b/packages/devextreme-angular/src/ui/nested/point.ts
index 0c5d71c7c748..fdef3c741001 100644
--- a/packages/devextreme-angular/src/ui/nested/point.ts
+++ b/packages/devextreme-angular/src/ui/nested/point.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
+import type { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/popup.ts b/packages/devextreme-angular/src/ui/nested/popup.ts
index 15dd322ddc65..6b75a8d5f380 100644
--- a/packages/devextreme-angular/src/ui/nested/popup.ts
+++ b/packages/devextreme-angular/src/ui/nested/popup.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { PositionAlignment } from 'devextreme/common';
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionAlignment } from 'devextreme/common';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/properties-panel.ts b/packages/devextreme-angular/src/ui/nested/properties-panel.ts
index e924fa4a0e5f..e29505bd1543 100644
--- a/packages/devextreme-angular/src/ui/nested/properties-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/properties-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand, PanelVisibility } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand, PanelVisibility } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/range-container.ts b/packages/devextreme-angular/src/ui/nested/range-container.ts
index 04568f033059..904a1bc7822b 100644
--- a/packages/devextreme-angular/src/ui/nested/range-container.ts
+++ b/packages/devextreme-angular/src/ui/nested/range-container.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { ChartsColor, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
-import { CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { ChartsColor, Palette, PaletteExtensionMode } from 'devextreme/common/charts';
+import type { CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/range-dxi.ts b/packages/devextreme-angular/src/ui/nested/range-dxi.ts
index 2eaf1a8a4ac5..32d346b31c3b 100644
--- a/packages/devextreme-angular/src/ui/nested/range-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/range-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/reduction.ts b/packages/devextreme-angular/src/ui/nested/reduction.ts
index 881e9958e6c0..b56c48379dce 100644
--- a/packages/devextreme-angular/src/ui/nested/reduction.ts
+++ b/packages/devextreme-angular/src/ui/nested/reduction.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { FinancialChartReductionLevel } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/resource-assignments.ts b/packages/devextreme-angular/src/ui/nested/resource-assignments.ts
index 007968e80389..27f2036ab6b0 100644
--- a/packages/devextreme-angular/src/ui/nested/resource-assignments.ts
+++ b/packages/devextreme-angular/src/ui/nested/resource-assignments.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/resource-dxi.ts b/packages/devextreme-angular/src/ui/nested/resource-dxi.ts
index 5c374a5f1883..dcd0fd28a14d 100644
--- a/packages/devextreme-angular/src/ui/nested/resource-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/resource-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/resources.ts b/packages/devextreme-angular/src/ui/nested/resources.ts
index ccdfe1859f1f..defb28f739c8 100644
--- a/packages/devextreme-angular/src/ui/nested/resources.ts
+++ b/packages/devextreme-angular/src/ui/nested/resources.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/route-dxi.ts b/packages/devextreme-angular/src/ui/nested/route-dxi.ts
index 335aff70bb20..7176d6b4d9fa 100644
--- a/packages/devextreme-angular/src/ui/nested/route-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/route-dxi.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { RouteMode } from 'devextreme/ui/map';
+import type { RouteMode } from 'devextreme/ui/map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/row-dragging.ts b/packages/devextreme-angular/src/ui/nested/row-dragging.ts
index 6c72c9971db3..8310907be554 100644
--- a/packages/devextreme-angular/src/ui/nested/row-dragging.ts
+++ b/packages/devextreme-angular/src/ui/nested/row-dragging.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DragDirection, DragHighlight } from 'devextreme/common';
-import { UserDefinedElement } from 'devextreme/core/element';
+import type { DragDirection, DragHighlight } from 'devextreme/common';
+import type { UserDefinedElement } from 'devextreme/core/element';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/scale-type-range.ts b/packages/devextreme-angular/src/ui/nested/scale-type-range.ts
index 67e8dcee9147..22193b4564ac 100644
--- a/packages/devextreme-angular/src/ui/nested/scale-type-range.ts
+++ b/packages/devextreme-angular/src/ui/nested/scale-type-range.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { GanttScaleType } from 'devextreme/ui/gantt';
+import type { GanttScaleType } from 'devextreme/ui/gantt';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/scale.ts b/packages/devextreme-angular/src/ui/nested/scale.ts
index 71c81951e10b..3044a485169f 100644
--- a/packages/devextreme-angular/src/ui/nested/scale.ts
+++ b/packages/devextreme-angular/src/ui/nested/scale.ts
@@ -16,11 +16,11 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { ChartsDataType, DiscreteAxisDivisionMode, Font, LabelOverlap, ScaleBreak, ScaleBreakLineStyle, TimeInterval } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { CircularGaugeElementOrientation, CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
-import { AxisScale } from 'devextreme/viz/range_selector';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { ChartsDataType, DiscreteAxisDivisionMode, Font, LabelOverlap, ScaleBreak, ScaleBreakLineStyle, TimeInterval } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { CircularGaugeElementOrientation, CircularGaugeLabelOverlap } from 'devextreme/viz/circular_gauge';
+import type { AxisScale } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/scroll-bar.ts b/packages/devextreme-angular/src/ui/nested/scroll-bar.ts
index 31d649f85fa8..7b499d9cbf9a 100644
--- a/packages/devextreme-angular/src/ui/nested/scroll-bar.ts
+++ b/packages/devextreme-angular/src/ui/nested/scroll-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Position } from 'devextreme/common';
+import type { Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/selection-style.ts b/packages/devextreme-angular/src/ui/nested/selection-style.ts
index d4d4727f1ced..9b7e71c575cb 100644
--- a/packages/devextreme-angular/src/ui/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/nested/selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, DashStyle, HatchDirection } from 'devextreme/common/charts';
+import type { ChartsColor, DashStyle, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/show-first-submenu-mode.ts b/packages/devextreme-angular/src/ui/nested/show-first-submenu-mode.ts
index 50e619f41e12..01bc92e6b58d 100644
--- a/packages/devextreme-angular/src/ui/nested/show-first-submenu-mode.ts
+++ b/packages/devextreme-angular/src/ui/nested/show-first-submenu-mode.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SubmenuShowMode } from 'devextreme/common';
+import type { SubmenuShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/show-submenu-mode.ts b/packages/devextreme-angular/src/ui/nested/show-submenu-mode.ts
index 8112c635a6d6..d85abb63c465 100644
--- a/packages/devextreme-angular/src/ui/nested/show-submenu-mode.ts
+++ b/packages/devextreme-angular/src/ui/nested/show-submenu-mode.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SubmenuShowMode } from 'devextreme/common';
+import type { SubmenuShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/slider-marker.ts b/packages/devextreme-angular/src/ui/nested/slider-marker.ts
index 2228e266e23c..6bb266177d57 100644
--- a/packages/devextreme-angular/src/ui/nested/slider-marker.ts
+++ b/packages/devextreme-angular/src/ui/nested/slider-marker.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/small-values-grouping.ts b/packages/devextreme-angular/src/ui/nested/small-values-grouping.ts
index 49fc28b2c3f9..53e495412a99 100644
--- a/packages/devextreme-angular/src/ui/nested/small-values-grouping.ts
+++ b/packages/devextreme-angular/src/ui/nested/small-values-grouping.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
+import type { SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/sort-by-group-summary-info-dxi.ts b/packages/devextreme-angular/src/ui/nested/sort-by-group-summary-info-dxi.ts
index f50e85f09603..c63a4151e10d 100644
--- a/packages/devextreme-angular/src/ui/nested/sort-by-group-summary-info-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/sort-by-group-summary-info-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { SortOrder } from 'devextreme/common';
+import type { SortOrder } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/splitter.ts b/packages/devextreme-angular/src/ui/nested/splitter.ts
index e5aea208f808..a24b8c5f9d96 100644
--- a/packages/devextreme-angular/src/ui/nested/splitter.ts
+++ b/packages/devextreme-angular/src/ui/nested/splitter.ts
@@ -18,7 +18,7 @@ import {
 
 
 
-import { Properties as dxSplitterOptions } from 'devextreme/ui/splitter';
+import type { Properties as dxSplitterOptions } from 'devextreme/ui/splitter';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/state-storing.ts b/packages/devextreme-angular/src/ui/nested/state-storing.ts
index 7d31edfd870c..98d320ff3eb4 100644
--- a/packages/devextreme-angular/src/ui/nested/state-storing.ts
+++ b/packages/devextreme-angular/src/ui/nested/state-storing.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { StateStoreType } from 'devextreme/common/grids';
+import type { StateStoreType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/strip-dxi.ts b/packages/devextreme-angular/src/ui/nested/strip-dxi.ts
index 543115c32bf7..678ef423eca3 100644
--- a/packages/devextreme-angular/src/ui/nested/strip-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/strip-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/strip-style.ts b/packages/devextreme-angular/src/ui/nested/strip-style.ts
index ec9881aebb10..2ec40ca856bb 100644
--- a/packages/devextreme-angular/src/ui/nested/strip-style.ts
+++ b/packages/devextreme-angular/src/ui/nested/strip-style.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/subtitle.ts b/packages/devextreme-angular/src/ui/nested/subtitle.ts
index c2f6b9a614dc..3a3aa0688c45 100644
--- a/packages/devextreme-angular/src/ui/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/summary.ts b/packages/devextreme-angular/src/ui/nested/summary.ts
index 67cf690494b8..b0856269eff5 100644
--- a/packages/devextreme-angular/src/ui/nested/summary.ts
+++ b/packages/devextreme-angular/src/ui/nested/summary.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { SummaryType } from 'devextreme/common/grids';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { SummaryType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/tasks.ts b/packages/devextreme-angular/src/ui/nested/tasks.ts
index 050114f8ab4a..ab1614a13e53 100644
--- a/packages/devextreme-angular/src/ui/nested/tasks.ts
+++ b/packages/devextreme-angular/src/ui/nested/tasks.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Store } from 'devextreme/data';
-import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data';
+import type { default as DataSource, Options as DataSourceOptions } from 'devextreme/data/data_source';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/text.ts b/packages/devextreme-angular/src/ui/nested/text.ts
index 96e526dacd59..7887f4cf4990 100644
--- a/packages/devextreme-angular/src/ui/nested/text.ts
+++ b/packages/devextreme-angular/src/ui/nested/text.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/tile.ts b/packages/devextreme-angular/src/ui/nested/tile.ts
index d243292e2420..71ccd02b627d 100644
--- a/packages/devextreme-angular/src/ui/nested/tile.ts
+++ b/packages/devextreme-angular/src/ui/nested/tile.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/title.ts b/packages/devextreme-angular/src/ui/nested/title.ts
index 07bf576fefb8..c639a103f8a4 100644
--- a/packages/devextreme-angular/src/ui/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/toolbox.ts b/packages/devextreme-angular/src/ui/nested/toolbox.ts
index 53a79cbfa761..4f0ad5f869c7 100644
--- a/packages/devextreme-angular/src/ui/nested/toolbox.ts
+++ b/packages/devextreme-angular/src/ui/nested/toolbox.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { PanelVisibility, ShapeCategory, ShapeType, ToolboxDisplayMode } from 'devextreme/ui/diagram';
+import type { PanelVisibility, ShapeCategory, ShapeType, ToolboxDisplayMode } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/tooltip.ts b/packages/devextreme-angular/src/ui/nested/tooltip.ts
index 2d9f0ad2db42..087761b4ad57 100644
--- a/packages/devextreme-angular/src/ui/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/nested/tooltip.ts
@@ -14,11 +14,11 @@ import {
 
 
 
-import { TooltipShowMode, VerticalEdge } from 'devextreme/common';
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { UserDefinedElement } from 'devextreme/core/element';
-import { ChartTooltipLocation } from 'devextreme/viz/chart';
+import type { TooltipShowMode, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { UserDefinedElement } from 'devextreme/core/element';
+import type { ChartTooltipLocation } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/total-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/total-item-dxi.ts
index 5228b3abb8db..4a5de9eb5197 100644
--- a/packages/devextreme-angular/src/ui/nested/total-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/total-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { SummaryType } from 'devextreme/common/grids';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { SummaryType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/nested/validation-rule-dxi.ts
index d575e1a2d041..dd0cce0dae4c 100644
--- a/packages/devextreme-angular/src/ui/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/value-axis-dxi.ts b/packages/devextreme-angular/src/ui/nested/value-axis-dxi.ts
index d6f84d8cd3b3..9e11b6f41591 100644
--- a/packages/devextreme-angular/src/ui/nested/value-axis-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/value-axis-dxi.ts
@@ -16,10 +16,10 @@ import {
 
 
 
-import { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
-import { AxisScaleType, ChartsAxisLabelOverlap, ChartsDataType, DashStyle, DiscreteAxisDivisionMode, Font, RelativePosition, ScaleBreak, ScaleBreakLineStyle, TextOverflow, TimeInterval, ValueAxisVisualRangeUpdateMode, VisualRange, WordWrap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
+import type { HorizontalAlignment, Position, VerticalAlignment } from 'devextreme/common';
+import type { AxisScaleType, ChartsAxisLabelOverlap, ChartsDataType, DashStyle, DiscreteAxisDivisionMode, Font, RelativePosition, ScaleBreak, ScaleBreakLineStyle, TextOverflow, TimeInterval, ValueAxisVisualRangeUpdateMode, VisualRange, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { AggregatedPointsPosition, ChartLabelDisplayMode } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/value-axis.ts b/packages/devextreme-angular/src/ui/nested/value-axis.ts
index 903c887f77cc..271c5619afc4 100644
--- a/packages/devextreme-angular/src/ui/nested/value-axis.ts
+++ b/packages/devextreme-angular/src/ui/nested/value-axis.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import { AxisScaleType, ChartsDataType, DashStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, TimeInterval, ValueAxisVisualRangeUpdateMode, VisualRange } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { ChartAxisScale } from 'devextreme/viz/range_selector';
+import type { AxisScaleType, ChartsDataType, DashStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, TimeInterval, ValueAxisVisualRangeUpdateMode, VisualRange } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { ChartAxisScale } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/value-error-bar.ts b/packages/devextreme-angular/src/ui/nested/value-error-bar.ts
index 2f6d73487d21..47e57d5884c1 100644
--- a/packages/devextreme-angular/src/ui/nested/value-error-bar.ts
+++ b/packages/devextreme-angular/src/ui/nested/value-error-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/vertical-line.ts b/packages/devextreme-angular/src/ui/nested/vertical-line.ts
index c644f49e3f91..9a367e1aa347 100644
--- a/packages/devextreme-angular/src/ui/nested/vertical-line.ts
+++ b/packages/devextreme-angular/src/ui/nested/vertical-line.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/view-dxi.ts b/packages/devextreme-angular/src/ui/nested/view-dxi.ts
index 6b97962f38aa..9172ddd6fefd 100644
--- a/packages/devextreme-angular/src/ui/nested/view-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/view-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { FirstDayOfWeek, Orientation } from 'devextreme/common';
-import { AllDayPanelMode, CellAppointmentsLimit, dxSchedulerScrolling, ViewType } from 'devextreme/ui/scheduler';
+import type { FirstDayOfWeek, Orientation } from 'devextreme/common';
+import type { AllDayPanelMode, CellAppointmentsLimit, dxSchedulerScrolling, ViewType } from 'devextreme/ui/scheduler';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/view-toolbar.ts b/packages/devextreme-angular/src/ui/nested/view-toolbar.ts
index ae2d5d75db28..35f7390c3bde 100644
--- a/packages/devextreme-angular/src/ui/nested/view-toolbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/view-toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Command, CustomCommand } from 'devextreme/ui/diagram';
+import type { Command, CustomCommand } from 'devextreme/ui/diagram';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/nested/zoom-and-pan.ts b/packages/devextreme-angular/src/ui/nested/zoom-and-pan.ts
index 1da75d56cf5e..5bf025abbe96 100644
--- a/packages/devextreme-angular/src/ui/nested/zoom-and-pan.ts
+++ b/packages/devextreme-angular/src/ui/nested/zoom-and-pan.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
+import type { ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/number-box/index.ts b/packages/devextreme-angular/src/ui/number-box/index.ts
index 1be24c8fdeb1..fd72287af799 100644
--- a/packages/devextreme-angular/src/ui/number-box/index.ts
+++ b/packages/devextreme-angular/src/ui/number-box/index.ts
@@ -24,9 +24,9 @@ import {
 } from '@angular/core';
 
 
-import { NumberBoxPredefinedButton, NumberBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/number_box';
-import { TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { NumberBoxPredefinedButton, NumberBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/number_box';
+import type { TextEditorButton, LabelMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxNumberBox from 'devextreme/ui/number_box';
 
diff --git a/packages/devextreme-angular/src/ui/number-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/number-box/nested/button-dxi.ts
index 677e41161092..9905b244e095 100644
--- a/packages/devextreme-angular/src/ui/number-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/number-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/number-box/nested/format.ts b/packages/devextreme-angular/src/ui/number-box/nested/format.ts
index b081d6a0ae30..cdcd5ce5c89d 100644
--- a/packages/devextreme-angular/src/ui/number-box/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/number-box/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/number-box/nested/options.ts b/packages/devextreme-angular/src/ui/number-box/nested/options.ts
index d18e80675883..3a1a9d83ed31 100644
--- a/packages/devextreme-angular/src/ui/number-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/number-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pagination/index.ts b/packages/devextreme-angular/src/ui/pagination/index.ts
index be658491906f..b52efc28a830 100644
--- a/packages/devextreme-angular/src/ui/pagination/index.ts
+++ b/packages/devextreme-angular/src/ui/pagination/index.ts
@@ -20,8 +20,8 @@ import {
 } from '@angular/core';
 
 
-import { DisplayMode, Mode } from 'devextreme/common';
-import { EventInfo } from 'devextreme/common/core/events';
+import type { DisplayMode, Mode } from 'devextreme/common';
+import type { EventInfo } from 'devextreme/common/core/events';
 
 import DxPagination from 'devextreme/ui/pagination';
 
diff --git a/packages/devextreme-angular/src/ui/pie-chart/index.ts b/packages/devextreme-angular/src/ui/pie-chart/index.ts
index d59c502c3cbe..4bd7d0e52fbd 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/index.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/index.ts
@@ -22,13 +22,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { AnimationEaseMode, ChartsDataType, DashStyle, ChartsColor, HatchDirection, Font, LabelPosition, TextOverflow, WordWrap, SeriesLabel, SeriesPoint, Palette, PaletteExtensionMode, ShiftLabelOverlap, Theme } from 'devextreme/common/charts';
-import { dxPieChartAnnotationConfig, dxPieChartCommonAnnotationConfig, PieChartSeriesInteractionMode, SmallValuesGroupingMode, PieChartLegendItem, PieChartLegendHoverMode, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, PieChartSegmentDirection, PieChartSeries, dxPieChartPointInfo, PieChartType } from 'devextreme/viz/pie_chart';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { AnimationEaseMode, ChartsDataType, DashStyle, ChartsColor, HatchDirection, Font, LabelPosition, TextOverflow, WordWrap, SeriesLabel, SeriesPoint, Palette, PaletteExtensionMode, ShiftLabelOverlap, Theme } from 'devextreme/common/charts';
+import type { dxPieChartAnnotationConfig, dxPieChartCommonAnnotationConfig, PieChartSeriesInteractionMode, SmallValuesGroupingMode, PieChartLegendItem, PieChartLegendHoverMode, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, PieChartSegmentDirection, PieChartSeries, dxPieChartPointInfo, PieChartType } from 'devextreme/viz/pie_chart';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';
 
 import DxPieChart from 'devextreme/viz/pie_chart';
 
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/animation.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/animation.ts
index 224bada7b22c..791d9fd50581 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-border.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-border.ts
index 6beb234f5f24..04b4e9b1aa10 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-border.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-dxi.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-dxi.ts
index 0c799bfb0ad1..8a4b715b6aaa 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/annotation-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxPieChartAnnotationConfig, PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxPieChartAnnotationConfig, PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/argument-format.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/argument-format.ts
index 2f02376d1bc5..5fc75f7e0e0f 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/argument-format.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/argument-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/border.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/border.ts
index 68fac57bcd54..a50f839dd090 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/common-annotation-settings.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/common-annotation-settings.ts
index 823d5554bbc5..b8f56cf04f53 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/common-annotation-settings.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/common-annotation-settings.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxPieChartAnnotationConfig, PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxPieChartAnnotationConfig, PieChartAnnotationLocation } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/common-series-settings.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/common-series-settings.ts
index 93e301619ee9..c0ea6bda6bb4 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/common-series-settings.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/common-series-settings.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ChartsDataType, DashStyle, ChartsColor, HatchDirection, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsDataType, DashStyle, ChartsColor, HatchDirection, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/export.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/export.ts
index 8e954aaa8842..339eda0e8838 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/format.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/format.ts
index a41dcfdd8c4f..0a1d508a21d7 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/hatching.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/hatching.ts
index d1f16714b058..0c6c69286750 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/hover-style.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/hover-style.ts
index 113bdccd173f..05ad43288424 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/label.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/label.ts
index 19716fab4188..511aa0fa2e70 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title-subtitle.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title-subtitle.ts
index 210facb9b8c4..183241fd1af6 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title.ts
index f06cdd3f4fbf..388ed2209a8f 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/legend-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/legend.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/legend.ts
index 975e96aec663..c934cc8a757b 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/legend.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/legend.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { PieChartLegendItem, PieChartLegendHoverMode } from 'devextreme/viz/pie_chart';
-import { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { PieChartLegendItem, PieChartLegendHoverMode } from 'devextreme/viz/pie_chart';
+import type { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/loading-indicator.ts
index ce7449a1217f..3b8df4a09e88 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title-subtitle.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title-subtitle.ts
index 71aa964e4a01..fa418083a71b 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title.ts
index 30686c23cef2..8017582ad9cb 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/pie-chart-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/selection-style.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/selection-style.ts
index 4c43434d3f93..81bdb35e3a61 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/series-border.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/series-border.ts
index 4e9375059cbc..f5feadc2cee5 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/series-border.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/series-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/series-dxi.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/series-dxi.ts
index e9f8ac2635cf..ed535f0148a2 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/series-dxi.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/series-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { ChartsDataType, DashStyle, ChartsColor, HatchDirection, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsDataType, DashStyle, ChartsColor, HatchDirection, Font, LabelPosition, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/series-template.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/series-template.ts
index 8ea4e7c64af3..fbacf347cd08 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/series-template.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/series-template.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PieChartSeries } from 'devextreme/viz/pie_chart';
+import type { PieChartSeries } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/small-values-grouping.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/small-values-grouping.ts
index 7095044437d2..9bd9dfb37f9d 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/small-values-grouping.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/small-values-grouping.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
+import type { SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/subtitle.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/subtitle.ts
index 7ce2481ad0f0..24ffcf0a9f18 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/title.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/title.ts
index a7714e2bf9c4..48838d903696 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip-border.ts
index c1b2aaf4168e..7360862cf715 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip.ts
index 31a5eae65b79..f744e0929276 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/tooltip.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { dxPieChartPointInfo } from 'devextreme/viz/pie_chart';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { dxPieChartPointInfo } from 'devextreme/viz/pie_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/index.ts b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/index.ts
index 50d9f87208e9..405607e203f4 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/index.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/index.ts
@@ -20,10 +20,10 @@ import {
 } from '@angular/core';
 
 
-import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
-import { ApplyChangesMode, HeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { FieldChooserLayout } from 'devextreme/common';
-import { ContentReadyEvent, ContextMenuPreparingEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/pivot_grid_field_chooser';
+import type PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
+import type { ApplyChangesMode, HeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { FieldChooserLayout } from 'devextreme/common';
+import type { ContentReadyEvent, ContextMenuPreparingEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/pivot_grid_field_chooser';
 
 import DxPivotGridFieldChooser from 'devextreme/ui/pivot_grid_field_chooser';
 
diff --git a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter.ts b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter.ts
index 22576b9b7c44..fe01dee94ae1 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { HeaderFilterSearchConfig } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/search.ts b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/search.ts
index e2393e0ea2b3..66843a671362 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/index.ts b/packages/devextreme-angular/src/ui/pivot-grid/index.ts
index 19c5fa10ec89..8b3b9620d099 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/index.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/index.ts
@@ -20,11 +20,11 @@ import {
 } from '@angular/core';
 
 
-import PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
-import { PivotGridDataFieldArea, CellClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DisposingEvent, ExportingEvent, InitializedEvent, OptionChangedEvent, PivotGridRowHeaderLayout, PivotGridTotalDisplayMode } from 'devextreme/ui/pivot_grid';
-import { PivotGridDataSourceOptions } from 'devextreme/ui/pivot_grid/data_source';
-import { ApplyChangesMode, HeaderFilterSearchConfig, StateStoreType } from 'devextreme/common/grids';
-import { FieldChooserLayout, ScrollMode, Mode } from 'devextreme/common';
+import type PivotGridDataSource from 'devextreme/ui/pivot_grid/data_source';
+import type { PivotGridDataFieldArea, CellClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DisposingEvent, ExportingEvent, InitializedEvent, OptionChangedEvent, PivotGridRowHeaderLayout, PivotGridTotalDisplayMode } from 'devextreme/ui/pivot_grid';
+import type { PivotGridDataSourceOptions } from 'devextreme/ui/pivot_grid/data_source';
+import type { ApplyChangesMode, HeaderFilterSearchConfig, StateStoreType } from 'devextreme/common/grids';
+import type { FieldChooserLayout, ScrollMode, Mode } from 'devextreme/common';
 
 import DxPivotGrid from 'devextreme/ui/pivot_grid';
 
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser.ts
index 38da7b48c157..1e5be3d4ffec 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { ApplyChangesMode } from 'devextreme/common/grids';
-import { FieldChooserLayout } from 'devextreme/common';
+import type { ApplyChangesMode } from 'devextreme/common/grids';
+import type { FieldChooserLayout } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter.ts
index 981ed78aa6d3..f3ddfff7f625 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { HeaderFilterSearchConfig } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/scrolling.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/scrolling.ts
index 911225e03054..ab64d7ae15e5 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/scrolling.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/scrolling.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ScrollMode, Mode } from 'devextreme/common';
+import type { ScrollMode, Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/search.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/search.ts
index 592c5b547591..126402ac52de 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/state-storing.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/state-storing.ts
index 2d7e7437e1f0..fd23256d9e96 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/state-storing.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/state-storing.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { StateStoreType } from 'devextreme/common/grids';
+import type { StateStoreType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/index.ts b/packages/devextreme-angular/src/ui/polar-chart/index.ts
index d671bfb20026..3520f3d92a73 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/index.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/index.ts
@@ -22,14 +22,14 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import * as CommonChartTypes from 'devextreme/common/charts';
-import { AnimationEaseMode, ChartsDataType, DashStyle, Font, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, LabelOverlap, TimeInterval, AxisScaleType, ChartsColor, SeriesHoverMode, HatchDirection, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType, SeriesLabel, SeriesPoint, LegendItem, LegendHoverMode, Palette, PaletteExtensionMode, Theme, TextOverflow, WordWrap, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
-import { dxPolarChartAnnotationConfig, dxPolarChartCommonAnnotationConfig, PolarChartSeriesType, ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, SeriesClickEvent, SeriesHoverChangedEvent, SeriesSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, PolarChartSeries, dxPolarChartPointInfo } from 'devextreme/viz/polar_chart';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type * as CommonChartTypes from 'devextreme/common/charts';
+import type { AnimationEaseMode, ChartsDataType, DashStyle, Font, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, LabelOverlap, TimeInterval, AxisScaleType, ChartsColor, SeriesHoverMode, HatchDirection, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType, SeriesLabel, SeriesPoint, LegendItem, LegendHoverMode, Palette, PaletteExtensionMode, Theme, TextOverflow, WordWrap, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
+import type { dxPolarChartAnnotationConfig, dxPolarChartCommonAnnotationConfig, PolarChartSeriesType, ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, SeriesClickEvent, SeriesHoverChangedEvent, SeriesSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, PolarChartSeries, dxPolarChartPointInfo } from 'devextreme/viz/polar_chart';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';
 
 import DxPolarChart from 'devextreme/viz/polar_chart';
 
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/animation.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/animation.ts
index 0bd4405ebaeb..8eeab501233e 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationEaseMode } from 'devextreme/common/charts';
+import type { AnimationEaseMode } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-border.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-border.ts
index 8d63aaccb766..fb0fc9a087c5 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-border.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-dxi.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-dxi.ts
index 91da7d051c49..33081eecd790 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/annotation-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxPolarChartAnnotationConfig } from 'devextreme/viz/polar_chart';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxPolarChartAnnotationConfig } from 'devextreme/viz/polar_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis.ts
index 8909280f8e68..68c8dba82e02 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis.ts
@@ -16,8 +16,8 @@ import {
 
 
 
-import { ChartsDataType, DashStyle, Font, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, LabelOverlap, TimeInterval, AxisScaleType } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { ChartsDataType, DashStyle, Font, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, LabelOverlap, TimeInterval, AxisScaleType } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-format.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-format.ts
index 45747b6dd339..37425306d0a1 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-format.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/axis-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/axis-label.ts
index 211725553a5d..70944f66d737 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/axis-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/axis-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, LabelOverlap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/border.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/border.ts
index 79fc01b32b0d..2d6c7e7b7974 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-annotation-settings.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-annotation-settings.ts
index a6b34ce4bc75..5a5ecb6c34ae 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-annotation-settings.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-annotation-settings.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxPolarChartAnnotationConfig } from 'devextreme/viz/polar_chart';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxPolarChartAnnotationConfig } from 'devextreme/viz/polar_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-label.ts
index ac8566830970..b4bdf3f2def1 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings.ts
index 00ed54782b5b..5d8c236ac4cc 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, Font, DiscreteAxisDivisionMode, LabelOverlap } from 'devextreme/common/charts';
+import type { DashStyle, Font, DiscreteAxisDivisionMode, LabelOverlap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-hover-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-hover-style.ts
index 31c88842ac9b..770bfa2ace12 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-hover-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-label.ts
index 062659b94c9c..a9c76193f3be 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-selection-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-selection-style.ts
index a82968b9e184..5ceff321f912 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-selection-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings-selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings.ts
index 0e8a307619b0..d00632d61545 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-series-settings.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
+import type { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-dxi.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-dxi.ts
index dd5013380516..7f8234be9279 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-dxi.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
+import type { DashStyle, Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-label.ts
index c490e8e2dd4b..fc6780c76dc8 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style-label.ts
index 27e4ef682067..8f2b7733dd9c 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style.ts
index a7e532cb0b46..f4e56a5862a4 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/constant-line-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
+import type { DashStyle, Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/export.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/export.ts
index db92fb655250..56f800a62b95 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/format.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/format.ts
index 12552b7773a0..1993d2d13158 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/hatching.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/hatching.ts
index c33a96abb3c3..d434b9340a20 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/hover-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/hover-style.ts
index ac4201bbc641..fab5e5db54a5 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/label.ts
index f5f0f4799467..e67858a296db 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, LabelOverlap, DashStyle, RelativePosition } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font, LabelOverlap, DashStyle, RelativePosition } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title-subtitle.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title-subtitle.ts
index 4c783d5812e3..46dec76aff85 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title.ts
index 450383cca885..4f6f0ec92aa6 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/legend-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/legend.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/legend.ts
index 3fb8fcf57676..744a6bd59249 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/legend.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/legend.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, LegendItem, Font, LegendHoverMode } from 'devextreme/common/charts';
-import { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, LegendItem, Font, LegendHoverMode } from 'devextreme/common/charts';
+import type { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/loading-indicator.ts
index 5a7f6b548031..c681f70f6c42 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/point-hover-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/point-hover-style.ts
index c7f0edb390c8..03d5fa8f1fc9 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/point-hover-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/point-hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/point-selection-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/point-selection-style.ts
index 9b31922a7980..8b6c977fe5f4 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/point-selection-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/point-selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/point.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/point.ts
index adbea2622fdb..f9e8f30c462b 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/point.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/point.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
+import type { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title-subtitle.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title-subtitle.ts
index 4598d80fc199..8f83f17cf0bf 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title.ts
index b8e4c2dce879..0b994ca80120 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/polar-chart-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/selection-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/selection-style.ts
index 0fba25e7e449..11113b55a8b4 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/series-border.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/series-border.ts
index e37d6d7aa749..e0d4d07e8565 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/series-border.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/series-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/series-dxi.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/series-dxi.ts
index 0572b4009e21..e773de7a0235 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/series-dxi.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/series-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
+import type { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/series-template.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/series-template.ts
index dc3a64f1c9e0..76565248d129 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/series-template.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/series-template.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PolarChartSeries } from 'devextreme/viz/polar_chart';
+import type { PolarChartSeries } from 'devextreme/viz/polar_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-dxi.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-dxi.ts
index a9cff5ab824a..280d651a17b1 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-dxi.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-label.ts
index e2ef2c4f85ef..59c5bf756a5e 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style-label.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style-label.ts
index 80739fa345b9..ac6fe893e4ba 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style-label.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style.ts
index 5bc7aeb1efec..89516a32d96d 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/strip-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/subtitle.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/subtitle.ts
index a633a5980510..e34678aae71c 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/title.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/title.ts
index e2b9314cdf0c..563f46b0c83a 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip-border.ts
index a2fdebe4c9f1..33e266efab00 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip.ts
index 7a8097330113..e7fed236e8bd 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/tooltip.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { dxPolarChartPointInfo } from 'devextreme/viz/polar_chart';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { dxPolarChartPointInfo } from 'devextreme/viz/polar_chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/value-axis.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/value-axis.ts
index 524bbe4d50bf..9af943ff7032 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/value-axis.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/value-axis.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import * as CommonChartTypes from 'devextreme/common/charts';
-import { DashStyle, Font, DiscreteAxisDivisionMode, LabelOverlap, TimeInterval, AxisScaleType, ChartsDataType, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type * as CommonChartTypes from 'devextreme/common/charts';
+import type { DashStyle, Font, DiscreteAxisDivisionMode, LabelOverlap, TimeInterval, AxisScaleType, ChartsDataType, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/value-error-bar.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/value-error-bar.ts
index e363eaa23136..15d33041a5c6 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/value-error-bar.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/value-error-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/visual-range.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/visual-range.ts
index b6885b0370e9..384e578b966a 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/visual-range.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/visual-range.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { TimeInterval } from 'devextreme/common/charts';
+import type { TimeInterval } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/whole-range.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/whole-range.ts
index c0158497aee9..761b1137a484 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/whole-range.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/whole-range.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { TimeInterval } from 'devextreme/common/charts';
+import type { TimeInterval } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/index.ts b/packages/devextreme-angular/src/ui/popover/index.ts
index 7eda74570f60..54e628b53e4c 100644
--- a/packages/devextreme-angular/src/ui/popover/index.ts
+++ b/packages/devextreme-angular/src/ui/popover/index.ts
@@ -22,11 +22,11 @@ import {
 } from '@angular/core';
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from 'devextreme/ui/popover';
-import { Position } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, TitleRenderedEvent } from 'devextreme/ui/popover';
+import type { Position } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import DxPopover from 'devextreme/ui/popover';
 
diff --git a/packages/devextreme-angular/src/ui/popover/nested/animation.ts b/packages/devextreme-angular/src/ui/popover/nested/animation.ts
index f5760f7cdbea..091a1b15234c 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/at.ts b/packages/devextreme-angular/src/ui/popover/nested/at.ts
index 2a8b6dd4c1d4..e9ada0030787 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/collision.ts b/packages/devextreme-angular/src/ui/popover/nested/collision.ts
index 215e03103049..6e7766573b5d 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/from.ts b/packages/devextreme-angular/src/ui/popover/nested/from.ts
index 10ecb728b38f..67cea409d8f9 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/hide.ts b/packages/devextreme-angular/src/ui/popover/nested/hide.ts
index 53bb7eccddfc..7aba293056ca 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/my.ts b/packages/devextreme-angular/src/ui/popover/nested/my.ts
index c3e1c151f01b..bd0d121aec3d 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/position.ts b/packages/devextreme-angular/src/ui/popover/nested/position.ts
index 8ea992e3fcce..35bcc68375fd 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/show.ts b/packages/devextreme-angular/src/ui/popover/nested/show.ts
index 6a8a26b240b3..e82cc28ca0e5 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/to.ts b/packages/devextreme-angular/src/ui/popover/nested/to.ts
index d500ffe8227c..286801fedaab 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popover/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/popover/nested/toolbar-item-dxi.ts
index 8e286708e87b..edf56cacc528 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/component.ts b/packages/devextreme-angular/src/ui/popup/component.ts
index 000b98c5304d..931a174c30c9 100644
--- a/packages/devextreme-angular/src/ui/popup/component.ts
+++ b/packages/devextreme-angular/src/ui/popup/component.ts
@@ -22,11 +22,11 @@ import {
 } from '@angular/core';
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import DxPopup from 'devextreme/ui/popup';
 
diff --git a/packages/devextreme-angular/src/ui/popup/nested/animation.ts b/packages/devextreme-angular/src/ui/popup/nested/animation.ts
index 31b7e05a1f0f..d96078ba9d0b 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/at.ts b/packages/devextreme-angular/src/ui/popup/nested/at.ts
index 329d2adaf414..ca1c79dc6d01 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/collision.ts b/packages/devextreme-angular/src/ui/popup/nested/collision.ts
index db95371219d5..d3ebb8bbb8ad 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/from.ts b/packages/devextreme-angular/src/ui/popup/nested/from.ts
index 147e2161e376..08bc5279ac28 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/hide.ts b/packages/devextreme-angular/src/ui/popup/nested/hide.ts
index 32e0afb012fb..46d16a570d7b 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/my.ts b/packages/devextreme-angular/src/ui/popup/nested/my.ts
index 5ff4e30ac666..285f457ed449 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/position.ts b/packages/devextreme-angular/src/ui/popup/nested/position.ts
index 77cd079ea417..15476de6eca0 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/show.ts b/packages/devextreme-angular/src/ui/popup/nested/show.ts
index 2773abda9059..94b0d959337b 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/to.ts b/packages/devextreme-angular/src/ui/popup/nested/to.ts
index 45b695cacb53..14af57596fe0 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/popup/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/popup/nested/toolbar-item-dxi.ts
index 415cf73b3811..b52932b3726a 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/progress-bar/index.ts b/packages/devextreme-angular/src/ui/progress-bar/index.ts
index adf7ffac6536..df37e2baa0fd 100644
--- a/packages/devextreme-angular/src/ui/progress-bar/index.ts
+++ b/packages/devextreme-angular/src/ui/progress-bar/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { CompleteEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/progress_bar';
-import { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { CompleteEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/progress_bar';
+import type { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxProgressBar from 'devextreme/ui/progress_bar';
 
diff --git a/packages/devextreme-angular/src/ui/radio-group/index.ts b/packages/devextreme-angular/src/ui/radio-group/index.ts
index cc3e1732929e..acd0bc92cd77 100644
--- a/packages/devextreme-angular/src/ui/radio-group/index.ts
+++ b/packages/devextreme-angular/src/ui/radio-group/index.ts
@@ -24,12 +24,12 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Orientation, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/radio_group';
+import type DataSource from 'devextreme/data/data_source';
+import type { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Orientation, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/radio_group';
 
 import DxRadioGroup from 'devextreme/ui/radio_group';
 
diff --git a/packages/devextreme-angular/src/ui/range-selector/index.ts b/packages/devextreme-angular/src/ui/range-selector/index.ts
index a9f628efd04b..f6b327895721 100644
--- a/packages/devextreme-angular/src/ui/range-selector/index.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/index.ts
@@ -24,16 +24,16 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import * as CommonChartTypes from 'devextreme/common/charts';
-import { BackgroundImageLocation, ChartAxisScale, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, AxisScale } from 'devextreme/viz/range_selector';
-import { SliderValueChangeMode, ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
-import { dxChartCommonSeriesSettings } from 'devextreme/viz/chart';
-import { Palette, PaletteExtensionMode, ChartsDataType, Font, TimeInterval, ScaleBreak, ScaleBreakLineStyle, DiscreteAxisDivisionMode, LabelOverlap, VisualRangeUpdateMode, Theme, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { ChartSeries } from 'devextreme/viz/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Format } from 'devextreme/common/core/localization';
+import type DataSource from 'devextreme/data/data_source';
+import type * as CommonChartTypes from 'devextreme/common/charts';
+import type { BackgroundImageLocation, ChartAxisScale, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent, AxisScale } from 'devextreme/viz/range_selector';
+import type { SliderValueChangeMode, ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { dxChartCommonSeriesSettings } from 'devextreme/viz/chart';
+import type { Palette, PaletteExtensionMode, ChartsDataType, Font, TimeInterval, ScaleBreak, ScaleBreakLineStyle, DiscreteAxisDivisionMode, LabelOverlap, VisualRangeUpdateMode, Theme, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { ChartSeries } from 'devextreme/viz/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxRangeSelector from 'devextreme/viz/range_selector';
 
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/aggregation.ts b/packages/devextreme-angular/src/ui/range-selector/nested/aggregation.ts
index 3c957c5244ca..20a1c5ba7b7b 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/aggregation.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/aggregation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod } from 'devextreme/viz/chart';
+import type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/argument-format.ts b/packages/devextreme-angular/src/ui/range-selector/nested/argument-format.ts
index 37076d72b9b3..d6b6e7e33287 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/argument-format.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/argument-format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/background-image.ts b/packages/devextreme-angular/src/ui/range-selector/nested/background-image.ts
index 94c0adeb95d4..a9e84f19cd8a 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/background-image.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/background-image.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { BackgroundImageLocation } from 'devextreme/viz/range_selector';
+import type { BackgroundImageLocation } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/background.ts b/packages/devextreme-angular/src/ui/range-selector/nested/background.ts
index d62c5470ee66..aa5f989eea62 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/background.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/background.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { BackgroundImageLocation } from 'devextreme/viz/range_selector';
+import type { BackgroundImageLocation } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/behavior.ts b/packages/devextreme-angular/src/ui/range-selector/nested/behavior.ts
index 8d41ed3d79cb..7087fea28e65 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/behavior.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/behavior.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SliderValueChangeMode } from 'devextreme/common';
+import type { SliderValueChangeMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/border.ts b/packages/devextreme-angular/src/ui/range-selector/nested/border.ts
index 188f710562d9..cfc52ba7be28 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/break-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/break-style.ts
index 63729d8ca0d5..b2c66508ddc4 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/break-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/break-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ScaleBreakLineStyle } from 'devextreme/common/charts';
+import type { ScaleBreakLineStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/chart.ts b/packages/devextreme-angular/src/ui/range-selector/nested/chart.ts
index 7f844772bae9..9a2b4f6899a7 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/chart.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/chart.ts
@@ -16,10 +16,10 @@ import {
 
 
 
-import { dxChartCommonSeriesSettings } from 'devextreme/viz/chart';
-import { Palette, PaletteExtensionMode, ChartsDataType } from 'devextreme/common/charts';
-import { ChartSeries } from 'devextreme/viz/common';
-import { ChartAxisScale } from 'devextreme/viz/range_selector';
+import type { dxChartCommonSeriesSettings } from 'devextreme/viz/chart';
+import type { Palette, PaletteExtensionMode, ChartsDataType } from 'devextreme/common/charts';
+import type { ChartSeries } from 'devextreme/viz/common';
+import type { ChartAxisScale } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-hover-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-hover-style.ts
index 5a692b89a05a..c7b54a101d3a 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-hover-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-label.ts b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-label.ts
index e39d9254da7b..88b24ecd4be1 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-label.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-label.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font, RelativePosition } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-selection-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-selection-style.ts
index 083d611a5c0c..50359b15dbc4 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-selection-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings-selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings.ts b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings.ts
index 8c052f074db8..5789aa36b7fe 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/common-series-settings.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
-import { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/export.ts b/packages/devextreme-angular/src/ui/range-selector/nested/export.ts
index 23d16f27df36..a8e02287609e 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/format.ts b/packages/devextreme-angular/src/ui/range-selector/nested/format.ts
index cb679184dd5c..fb3b59168046 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/hatching.ts b/packages/devextreme-angular/src/ui/range-selector/nested/hatching.ts
index ad416913719e..75edac1646c4 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/hover-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/hover-style.ts
index 9f10369daef9..abdb329fe138 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/image.ts b/packages/devextreme-angular/src/ui/range-selector/nested/image.ts
index 8a760c1beb9b..3d121afe7bbd 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/image.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/image.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { BackgroundImageLocation } from 'devextreme/viz/range_selector';
+import type { BackgroundImageLocation } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/label.ts b/packages/devextreme-angular/src/ui/range-selector/nested/label.ts
index 8eff24113749..675f7f0437f9 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/label.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DashStyle, Font, RelativePosition, LabelOverlap } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font, RelativePosition, LabelOverlap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/range-selector/nested/loading-indicator.ts
index 18d773bf1a88..c9f7894a0fdc 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/marker-label.ts b/packages/devextreme-angular/src/ui/range-selector/nested/marker-label.ts
index 0b3cd83ff7dd..abc0709dd71c 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/marker-label.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/marker-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/marker.ts b/packages/devextreme-angular/src/ui/range-selector/nested/marker.ts
index 22a89cc65a8d..04ee7951f959 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/marker.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/marker.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/point-hover-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/point-hover-style.ts
index 076479d24843..03c27136ecd5 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/point-hover-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/point-hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/point-selection-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/point-selection-style.ts
index d183065e1ac6..734c0ee0aa50 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/point-selection-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/point-selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor } from 'devextreme/common/charts';
+import type { ChartsColor } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/point.ts b/packages/devextreme-angular/src/ui/range-selector/nested/point.ts
index 24d19724b623..78c11f6fa37a 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/point.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/point.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
+import type { ChartsColor, PointInteractionMode, PointSymbol } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/reduction.ts b/packages/devextreme-angular/src/ui/range-selector/nested/reduction.ts
index a3a27d8e9686..7478a1164ca8 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/reduction.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/reduction.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { FinancialChartReductionLevel } from 'devextreme/viz/chart';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/scale-label.ts b/packages/devextreme-angular/src/ui/range-selector/nested/scale-label.ts
index 38433720dcc0..b2307249fdd3 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/scale-label.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/scale-label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, LabelOverlap } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font, LabelOverlap } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/scale.ts b/packages/devextreme-angular/src/ui/range-selector/nested/scale.ts
index b95f93475dd9..7d165044c84d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/scale.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/scale.ts
@@ -16,9 +16,9 @@ import {
 
 
 
-import { TimeInterval, ScaleBreak, ScaleBreakLineStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, ChartsDataType } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
-import { AxisScale } from 'devextreme/viz/range_selector';
+import type { TimeInterval, ScaleBreak, ScaleBreakLineStyle, DiscreteAxisDivisionMode, Font, LabelOverlap, ChartsDataType } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
+import type { AxisScale } from 'devextreme/viz/range_selector';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/selection-style.ts b/packages/devextreme-angular/src/ui/range-selector/nested/selection-style.ts
index 2b44a47d7243..557fbc681439 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/selection-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
+import type { DashStyle, ChartsColor, HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/series-border.ts b/packages/devextreme-angular/src/ui/range-selector/nested/series-border.ts
index 621c84b5ede2..9a3a88248ce6 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/series-border.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/series-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/series-dxi.ts b/packages/devextreme-angular/src/ui/range-selector/nested/series-dxi.ts
index b7fca9cdc088..958e8c553fb4 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/series-dxi.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/series-dxi.ts
@@ -12,10 +12,10 @@ import {
 
 
 
-import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
-import { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
-import { HorizontalAlignment } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
+import type { DashStyle, ChartsColor, SeriesHoverMode, HatchDirection, Font, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/series-template.ts b/packages/devextreme-angular/src/ui/range-selector/nested/series-template.ts
index bb5ea6a2b6db..54c012c34a55 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/series-template.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/series-template.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ChartSeries } from 'devextreme/viz/common';
+import type { ChartSeries } from 'devextreme/viz/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/slider-marker.ts b/packages/devextreme-angular/src/ui/range-selector/nested/slider-marker.ts
index bdf5807d8223..70120e77fbfe 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/slider-marker.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/slider-marker.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/subtitle.ts b/packages/devextreme-angular/src/ui/range-selector/nested/subtitle.ts
index 27688799dab7..61042e604459 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/title.ts b/packages/devextreme-angular/src/ui/range-selector/nested/title.ts
index f8888252c53a..3b7fd45cca4d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/value-axis.ts b/packages/devextreme-angular/src/ui/range-selector/nested/value-axis.ts
index 659d9f38a93a..e43090b7d725 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/value-axis.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/value-axis.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { ChartAxisScale } from 'devextreme/viz/range_selector';
-import { ChartsDataType } from 'devextreme/common/charts';
+import type { ChartAxisScale } from 'devextreme/viz/range_selector';
+import type { ChartsDataType } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/value-error-bar.ts b/packages/devextreme-angular/src/ui/range-selector/nested/value-error-bar.ts
index 2e5d3a055a74..e8611093d71d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/value-error-bar.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/value-error-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
+import type { ValueErrorBarDisplayMode, ValueErrorBarType } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/value.ts b/packages/devextreme-angular/src/ui/range-selector/nested/value.ts
index a1e8e494eeb6..728ddee0e3b0 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/value.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/value.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { TimeInterval } from 'devextreme/common/charts';
+import type { TimeInterval } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-slider/index.ts b/packages/devextreme-angular/src/ui/range-slider/index.ts
index de5c05dacc6d..c0bbd4e19390 100644
--- a/packages/devextreme-angular/src/ui/range-slider/index.ts
+++ b/packages/devextreme-angular/src/ui/range-slider/index.ts
@@ -22,9 +22,9 @@ import {
 } from '@angular/core';
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { VerticalEdge, TooltipShowMode, ValidationMessageMode, Position, ValidationStatus, SliderValueChangeMode } from 'devextreme/common';
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/range_slider';
+import type { Format } from 'devextreme/common/core/localization';
+import type { VerticalEdge, TooltipShowMode, ValidationMessageMode, Position, ValidationStatus, SliderValueChangeMode } from 'devextreme/common';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/range_slider';
 
 import DxRangeSlider from 'devextreme/ui/range_slider';
 
diff --git a/packages/devextreme-angular/src/ui/range-slider/nested/format.ts b/packages/devextreme-angular/src/ui/range-slider/nested/format.ts
index 3df2e6097a3e..c722864d01f3 100644
--- a/packages/devextreme-angular/src/ui/range-slider/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/range-slider/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-slider/nested/label.ts b/packages/devextreme-angular/src/ui/range-slider/nested/label.ts
index 7d224ea2b7d8..1ecce6f44e7a 100644
--- a/packages/devextreme-angular/src/ui/range-slider/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/range-slider/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/range-slider/nested/tooltip.ts b/packages/devextreme-angular/src/ui/range-slider/nested/tooltip.ts
index 10dd6ab62497..ba35335bf3c7 100644
--- a/packages/devextreme-angular/src/ui/range-slider/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/range-slider/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { VerticalEdge, TooltipShowMode } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { VerticalEdge, TooltipShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/recurrence-editor/index.ts b/packages/devextreme-angular/src/ui/recurrence-editor/index.ts
index c72b30c25319..a5d1d4bc1cfa 100644
--- a/packages/devextreme-angular/src/ui/recurrence-editor/index.ts
+++ b/packages/devextreme-angular/src/ui/recurrence-editor/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/recurrence_editor';
-import { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/recurrence_editor';
+import type { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxRecurrenceEditor from 'devextreme/ui/recurrence_editor';
 
diff --git a/packages/devextreme-angular/src/ui/resizable/index.ts b/packages/devextreme-angular/src/ui/resizable/index.ts
index 9bdadca8383f..41424241517b 100644
--- a/packages/devextreme-angular/src/ui/resizable/index.ts
+++ b/packages/devextreme-angular/src/ui/resizable/index.ts
@@ -17,7 +17,7 @@ import {
 } from '@angular/core';
 
 
-import { ResizeHandle, DisposingEvent, InitializedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/resizable';
+import type { ResizeHandle, DisposingEvent, InitializedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/resizable';
 
 import DxResizable from 'devextreme/ui/resizable';
 
diff --git a/packages/devextreme-angular/src/ui/responsive-box/index.ts b/packages/devextreme-angular/src/ui/responsive-box/index.ts
index 032d2a26cbf6..af968af462af 100644
--- a/packages/devextreme-angular/src/ui/responsive-box/index.ts
+++ b/packages/devextreme-angular/src/ui/responsive-box/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/responsive_box';
+export type { ExplicitTypes } from 'devextreme/ui/responsive_box';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxResponsiveBoxItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/responsive_box';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxResponsiveBoxItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/responsive_box';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxResponsiveBox from 'devextreme/ui/responsive_box';
 
diff --git a/packages/devextreme-angular/src/ui/sankey/index.ts b/packages/devextreme-angular/src/ui/sankey/index.ts
index bfd015e9cd89..454fda336f1b 100644
--- a/packages/devextreme-angular/src/ui/sankey/index.ts
+++ b/packages/devextreme-angular/src/ui/sankey/index.ts
@@ -20,13 +20,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { VerticalAlignment, ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxSankeyNode, SankeyColorMode, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LinkClickEvent, LinkHoverEvent, NodeClickEvent, NodeHoverEvent, OptionChangedEvent } from 'devextreme/viz/sankey';
-import { Font, TextOverflow, HatchDirection, Palette, PaletteExtensionMode, Theme, WordWrap, DashStyle } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type DataSource from 'devextreme/data/data_source';
+import type { VerticalAlignment, ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxSankeyNode, SankeyColorMode, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LinkClickEvent, LinkHoverEvent, NodeClickEvent, NodeHoverEvent, OptionChangedEvent } from 'devextreme/viz/sankey';
+import type { Font, TextOverflow, HatchDirection, Palette, PaletteExtensionMode, Theme, WordWrap, DashStyle } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxSankey from 'devextreme/viz/sankey';
 
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/border.ts b/packages/devextreme-angular/src/ui/sankey/nested/border.ts
index d48e1ae7a4b8..263013b760ee 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/export.ts b/packages/devextreme-angular/src/ui/sankey/nested/export.ts
index 53ccd57cb8aa..845d01ca3d27 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/format.ts b/packages/devextreme-angular/src/ui/sankey/nested/format.ts
index 528a2a3b0055..dd37f3badcee 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/hatching.ts b/packages/devextreme-angular/src/ui/sankey/nested/hatching.ts
index 5d33e391162f..2729b0ef4bcd 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/hatching.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/hatching.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/hover-style.ts b/packages/devextreme-angular/src/ui/sankey/nested/hover-style.ts
index dae038785b6a..9056dc78a1b1 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/hover-style.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/label.ts b/packages/devextreme-angular/src/ui/sankey/nested/label.ts
index 73399dfbc2bf..406578f7bae1 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { dxSankeyNode } from 'devextreme/viz/sankey';
-import { Font, TextOverflow } from 'devextreme/common/charts';
+import type { dxSankeyNode } from 'devextreme/viz/sankey';
+import type { Font, TextOverflow } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/link.ts b/packages/devextreme-angular/src/ui/sankey/nested/link.ts
index cc25da0f50c6..cfbe7dbbfc70 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/link.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/link.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { SankeyColorMode } from 'devextreme/viz/sankey';
-import { HatchDirection } from 'devextreme/common/charts';
+import type { SankeyColorMode } from 'devextreme/viz/sankey';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/sankey/nested/loading-indicator.ts
index 08349135fced..29b1b46a971d 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/node.ts b/packages/devextreme-angular/src/ui/sankey/nested/node.ts
index 5f6bf1623a2e..d77483e421ba 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/node.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/node.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HatchDirection } from 'devextreme/common/charts';
+import type { HatchDirection } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/subtitle.ts b/packages/devextreme-angular/src/ui/sankey/nested/subtitle.ts
index 4b95fdcf7248..8efd520769a8 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/title.ts b/packages/devextreme-angular/src/ui/sankey/nested/title.ts
index 3be53b076478..0a758f4b5d6f 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/sankey/nested/tooltip-border.ts
index 2dc3b0883e7c..99eaefe0ec6a 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/tooltip.ts b/packages/devextreme-angular/src/ui/sankey/nested/tooltip.ts
index 564e142c32fc..795ea5b34260 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/index.ts b/packages/devextreme-angular/src/ui/scheduler/index.ts
index 7a1c57e9d7b6..3068ebac435e 100644
--- a/packages/devextreme-angular/src/ui/scheduler/index.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/index.ts
@@ -22,15 +22,15 @@ import {
 } from '@angular/core';
 
 
-import dxScheduler from 'devextreme/ui/scheduler';
-import dxSortable from 'devextreme/ui/sortable';
-import dxDraggable from 'devextreme/ui/draggable';
-import DataSource from 'devextreme/data/data_source';
-import { AllDayPanelMode, ViewType, dxSchedulerAppointment, AppointmentFormProperties, CellAppointmentsLimit, AppointmentAddedEvent, AppointmentAddingEvent, AppointmentClickEvent, AppointmentContextMenuEvent, AppointmentDblClickEvent, AppointmentDeletedEvent, AppointmentDeletingEvent, AppointmentFormOpeningEvent, AppointmentRenderedEvent, AppointmentTooltipShowingEvent, AppointmentUpdatedEvent, AppointmentUpdatingEvent, CellClickEvent, CellContextMenuEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, RecurrenceEditMode, dxSchedulerScrolling, dxSchedulerToolbar } from 'devextreme/ui/scheduler';
-import { event } from 'devextreme/events/events.types';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { FirstDayOfWeek, Orientation } from 'devextreme/common';
+import type dxScheduler from 'devextreme/ui/scheduler';
+import type dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type DataSource from 'devextreme/data/data_source';
+import type { AllDayPanelMode, ViewType, dxSchedulerAppointment, AppointmentFormProperties, CellAppointmentsLimit, AppointmentAddedEvent, AppointmentAddingEvent, AppointmentClickEvent, AppointmentContextMenuEvent, AppointmentDblClickEvent, AppointmentDeletedEvent, AppointmentDeletingEvent, AppointmentFormOpeningEvent, AppointmentRenderedEvent, AppointmentTooltipShowingEvent, AppointmentUpdatedEvent, AppointmentUpdatingEvent, CellClickEvent, CellContextMenuEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, RecurrenceEditMode, dxSchedulerScrolling, dxSchedulerToolbar } from 'devextreme/ui/scheduler';
+import type { event } from 'devextreme/events/events.types';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { FirstDayOfWeek, Orientation } from 'devextreme/common';
 
 import DxScheduler from 'devextreme/ui/scheduler';
 
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/appointment-dragging.ts b/packages/devextreme-angular/src/ui/scheduler/nested/appointment-dragging.ts
index 6e494a2880a5..009f611526fb 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/appointment-dragging.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/appointment-dragging.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import dxScheduler from 'devextreme/ui/scheduler';
-import dxSortable from 'devextreme/ui/sortable';
-import dxDraggable from 'devextreme/ui/draggable';
-import { event } from 'devextreme/events/events.types';
+import type dxScheduler from 'devextreme/ui/scheduler';
+import type dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type { event } from 'devextreme/events/events.types';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/async-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/async-rule-dxi.ts
index 439c7bd5ddc3..db3e241c3d28 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/async-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/async-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/button-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/button-item-dxi.ts
index a9344878cd21..65eeccca4795 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/button-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/button-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/button-options.ts b/packages/devextreme-angular/src/ui/scheduler/nested/button-options.ts
index a561a4bff075..efe03bff5665 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/button-options.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/button-options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/compare-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/compare-rule-dxi.ts
index 53eedef5e82a..437396d4c49b 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/compare-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/compare-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/custom-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/custom-rule-dxi.ts
index 0f96c4b432ab..2b479b653876 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/custom-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/custom-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/editing.ts b/packages/devextreme-angular/src/ui/scheduler/nested/editing.ts
index 772be5bb0e78..4716fd4069f5 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/editing.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AppointmentFormProperties } from 'devextreme/ui/scheduler';
+import type { AppointmentFormProperties } from 'devextreme/ui/scheduler';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/email-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/email-rule-dxi.ts
index 1d3732a9f8f0..56b68afe8156 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/email-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/email-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/empty-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/empty-item-dxi.ts
index a44f2a8fa7fc..7e31349fd4e4 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/empty-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/empty-item-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { FormItemType } from 'devextreme/ui/form';
+import type { FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/form.ts b/packages/devextreme-angular/src/ui/scheduler/nested/form.ts
index c7e2cd84264d..55976fdfd713 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/form.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/form.ts
@@ -18,10 +18,10 @@ import {
 
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { Mode } from 'devextreme/common';
-import { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
-import { AppointmentFormIconsShowMode } from 'devextreme/ui/scheduler';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { Mode } from 'devextreme/common';
+import type { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
+import type { AppointmentFormIconsShowMode } from 'devextreme/ui/scheduler';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/group-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/group-item-dxi.ts
index 2a834e283fd4..6f6e65fad95b 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/group-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/item-dxi.ts
index e97843de8a29..093799bd32db 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/item-dxi.ts
@@ -18,13 +18,13 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { HorizontalAlignment, VerticalAlignment, ToolbarItemLocation, ToolbarItemComponent, ButtonType } from 'devextreme/common';
-import { SchedulerPredefinedToolbarItem, DateNavigatorItemProperties } from 'devextreme/ui/scheduler';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { HorizontalAlignment, VerticalAlignment, ToolbarItemLocation, ToolbarItemComponent, ButtonType } from 'devextreme/common';
+import type { SchedulerPredefinedToolbarItem, DateNavigatorItemProperties } from 'devextreme/ui/scheduler';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/label.ts b/packages/devextreme-angular/src/ui/scheduler/nested/label.ts
index 3662340302c0..82cc5e936d93 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/label.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { LabelLocation } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/numeric-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/numeric-rule-dxi.ts
index 93f9f41ee3a0..97a28e7426ff 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/numeric-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/numeric-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/options-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/options-item-dxi.ts
index 14067c441cf5..7a37690b8016 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/options-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/options-item-dxi.ts
@@ -16,7 +16,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ButtonType } from 'devextreme/common';
+import type { ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/options.ts b/packages/devextreme-angular/src/ui/scheduler/nested/options.ts
index 7c3b658fac6b..61b0716f1b3c 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/options.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import { dxButtonGroupItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/button_group';
-import { SchedulerPredefinedDateNavigatorItem } from 'devextreme/ui/scheduler';
-import { SingleMultipleOrNone, ButtonStyle } from 'devextreme/common';
+import type { dxButtonGroupItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/button_group';
+import type { SchedulerPredefinedDateNavigatorItem } from 'devextreme/ui/scheduler';
+import type { SingleMultipleOrNone, ButtonStyle } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/pattern-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/pattern-rule-dxi.ts
index 006328ad02ec..5e1e3f563497 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/pattern-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/pattern-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/range-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/range-rule-dxi.ts
index 236ee7154211..1482ab081784 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/range-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/range-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/required-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/required-rule-dxi.ts
index d36db126e1f9..4e034b9e4f4b 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/required-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/required-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/resource-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/resource-dxi.ts
index cfa3d74e2df2..5892091dea85 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/resource-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/resource-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/scrolling.ts b/packages/devextreme-angular/src/ui/scheduler/nested/scrolling.ts
index f2050333fd47..426c5dd2fb6d 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/scrolling.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/scrolling.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ScrollMode } from 'devextreme/common';
+import type { ScrollMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/simple-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/simple-item-dxi.ts
index b11feb17e51a..26a7fdb485fd 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/simple-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/simple-item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/string-length-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/string-length-rule-dxi.ts
index 0a4c49121e00..703cd3447d27 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/string-length-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/string-length-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/tab-dxi.ts
index a9ae02a20cba..a73f53a4cf9e 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/tab-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options.ts
index 14f184f0b61c..cdfd13ad0e6b 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/tabbed-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/tabbed-item-dxi.ts
index 43079a2ad224..aa6f868abc94 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/tabbed-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/tabbed-item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/toolbar-item-dxi.ts
index db29e2153186..1b806352cf33 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { SchedulerPredefinedToolbarItem, DateNavigatorItemProperties } from 'devextreme/ui/scheduler';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { SchedulerPredefinedToolbarItem, DateNavigatorItemProperties } from 'devextreme/ui/scheduler';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/toolbar.ts b/packages/devextreme-angular/src/ui/scheduler/nested/toolbar.ts
index 1f5facd2946c..ecd7f403afe3 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxSchedulerToolbarItem, SchedulerPredefinedToolbarItem } from 'devextreme/ui/scheduler';
+import type { dxSchedulerToolbarItem, SchedulerPredefinedToolbarItem } from 'devextreme/ui/scheduler';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/validation-rule-dxi.ts
index 30e70a0a0ec1..876da5735730 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
+import type { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/view-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/view-dxi.ts
index b779eabbbab2..d6526ba3bcc5 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/view-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/view-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { AllDayPanelMode, CellAppointmentsLimit, dxSchedulerScrolling, ViewType } from 'devextreme/ui/scheduler';
-import { FirstDayOfWeek, Orientation } from 'devextreme/common';
+import type { AllDayPanelMode, CellAppointmentsLimit, dxSchedulerScrolling, ViewType } from 'devextreme/ui/scheduler';
+import type { FirstDayOfWeek, Orientation } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/scroll-view/index.ts b/packages/devextreme-angular/src/ui/scroll-view/index.ts
index 80a164bb4369..6160d227666b 100644
--- a/packages/devextreme-angular/src/ui/scroll-view/index.ts
+++ b/packages/devextreme-angular/src/ui/scroll-view/index.ts
@@ -17,8 +17,8 @@ import {
 } from '@angular/core';
 
 
-import { ScrollDirection } from 'devextreme/common';
-import { DisposingEvent, InitializedEvent, OptionChangedEvent, PullDownEvent, ReachBottomEvent, ScrollEvent, UpdatedEvent } from 'devextreme/ui/scroll_view';
+import type { ScrollDirection } from 'devextreme/common';
+import type { DisposingEvent, InitializedEvent, OptionChangedEvent, PullDownEvent, ReachBottomEvent, ScrollEvent, UpdatedEvent } from 'devextreme/ui/scroll_view';
 
 import DxScrollView from 'devextreme/ui/scroll_view';
 
diff --git a/packages/devextreme-angular/src/ui/select-box/index.ts b/packages/devextreme-angular/src/ui/select-box/index.ts
index b9518e2d91c8..af98a8c39045 100644
--- a/packages/devextreme-angular/src/ui/select-box/index.ts
+++ b/packages/devextreme-angular/src/ui/select-box/index.ts
@@ -24,14 +24,14 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { TextEditorButton, LabelMode, SimplifiedSearchMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CustomItemCreatingEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/select_box';
+import type DataSource from 'devextreme/data/data_source';
+import type { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { TextEditorButton, LabelMode, SimplifiedSearchMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CustomItemCreatingEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, OptionChangedEvent, PasteEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/select_box';
 
 import DxSelectBox from 'devextreme/ui/select_box';
 
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/animation.ts b/packages/devextreme-angular/src/ui/select-box/nested/animation.ts
index 5e984969e32a..d4b3e3f15b07 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/at.ts b/packages/devextreme-angular/src/ui/select-box/nested/at.ts
index f413275fb1d7..d08b44dd422e 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/select-box/nested/button-dxi.ts
index 9634d70eba63..d1c356fdf1b0 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/collision.ts b/packages/devextreme-angular/src/ui/select-box/nested/collision.ts
index f606f54d8e5f..4cf7794309db 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts
index 71a3f4a697ac..bae313c8e90b 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/from.ts b/packages/devextreme-angular/src/ui/select-box/nested/from.ts
index 42a95edfe246..2f43c776912a 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/hide.ts b/packages/devextreme-angular/src/ui/select-box/nested/hide.ts
index 1dffc54cbf79..a68fd497ff57 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/my.ts b/packages/devextreme-angular/src/ui/select-box/nested/my.ts
index 43348be63e5c..80a5b18bb061 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/options.ts b/packages/devextreme-angular/src/ui/select-box/nested/options.ts
index 9ef82e1cbfd8..287b8cc57f0f 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/position.ts b/packages/devextreme-angular/src/ui/select-box/nested/position.ts
index 1860729a3154..317417724a9a 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/show.ts b/packages/devextreme-angular/src/ui/select-box/nested/show.ts
index e71cc8e01f53..dfc24a5cf369 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/to.ts b/packages/devextreme-angular/src/ui/select-box/nested/to.ts
index 604c6d21fb05..9726995cf531 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/select-box/nested/toolbar-item-dxi.ts
index a687ba327866..48d6ec3249a5 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/slider/index.ts b/packages/devextreme-angular/src/ui/slider/index.ts
index 65b37584fdb7..8c010d6f2af8 100644
--- a/packages/devextreme-angular/src/ui/slider/index.ts
+++ b/packages/devextreme-angular/src/ui/slider/index.ts
@@ -22,9 +22,9 @@ import {
 } from '@angular/core';
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { VerticalEdge, TooltipShowMode, ValidationMessageMode, Position, ValidationStatus, SliderValueChangeMode } from 'devextreme/common';
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/slider';
+import type { Format } from 'devextreme/common/core/localization';
+import type { VerticalEdge, TooltipShowMode, ValidationMessageMode, Position, ValidationStatus, SliderValueChangeMode } from 'devextreme/common';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/slider';
 
 import DxSlider from 'devextreme/ui/slider';
 
diff --git a/packages/devextreme-angular/src/ui/slider/nested/format.ts b/packages/devextreme-angular/src/ui/slider/nested/format.ts
index c8bf389531e9..30381c05f6bf 100644
--- a/packages/devextreme-angular/src/ui/slider/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/slider/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/slider/nested/label.ts b/packages/devextreme-angular/src/ui/slider/nested/label.ts
index 21b3442c788c..786e4cd43937 100644
--- a/packages/devextreme-angular/src/ui/slider/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/slider/nested/label.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/slider/nested/tooltip.ts b/packages/devextreme-angular/src/ui/slider/nested/tooltip.ts
index 59e8ebb74ac1..dcec59dfcb43 100644
--- a/packages/devextreme-angular/src/ui/slider/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/slider/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Format } from 'devextreme/common/core/localization';
-import { VerticalEdge, TooltipShowMode } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { VerticalEdge, TooltipShowMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sortable/index.ts b/packages/devextreme-angular/src/ui/sortable/index.ts
index 27e5a1f2e229..c9eee5307592 100644
--- a/packages/devextreme-angular/src/ui/sortable/index.ts
+++ b/packages/devextreme-angular/src/ui/sortable/index.ts
@@ -17,8 +17,8 @@ import {
 } from '@angular/core';
 
 
-import { DragDirection, DragHighlight, Orientation } from 'devextreme/common';
-import { AddEvent, DisposingEvent, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
+import type { DragDirection, DragHighlight, Orientation } from 'devextreme/common';
+import type { AddEvent, DisposingEvent, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent, OptionChangedEvent, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
 
 import DxSortable from 'devextreme/ui/sortable';
 
diff --git a/packages/devextreme-angular/src/ui/sparkline/index.ts b/packages/devextreme-angular/src/ui/sparkline/index.ts
index e95e184b241f..bd36cde90916 100644
--- a/packages/devextreme-angular/src/ui/sparkline/index.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/index.ts
@@ -20,12 +20,12 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, SparklineType } from 'devextreme/viz/sparkline';
-import { PointSymbol, Theme, DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type DataSource from 'devextreme/data/data_source';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, SparklineType } from 'devextreme/viz/sparkline';
+import type { PointSymbol, Theme, DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxSparkline from 'devextreme/viz/sparkline';
 
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/border.ts b/packages/devextreme-angular/src/ui/sparkline/nested/border.ts
index c2c3bb9fcf69..b2d70b92803d 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/format.ts b/packages/devextreme-angular/src/ui/sparkline/nested/format.ts
index eda24c3f8aa8..1ba18be8d0db 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/tooltip.ts b/packages/devextreme-angular/src/ui/sparkline/nested/tooltip.ts
index fbc9004a7e8e..4d251d819406 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/speech-to-text/index.ts b/packages/devextreme-angular/src/ui/speech-to-text/index.ts
index 4e715826ec80..6fe7ea648b7c 100644
--- a/packages/devextreme-angular/src/ui/speech-to-text/index.ts
+++ b/packages/devextreme-angular/src/ui/speech-to-text/index.ts
@@ -17,8 +17,8 @@ import {
 } from '@angular/core';
 
 
-import { CustomSpeechRecognizer, ContentReadyEvent, DisposingEvent, EndEvent, ErrorEvent, InitializedEvent, OptionChangedEvent, ResultEvent, StartClickEvent, StopClickEvent, SpeechRecognitionConfig } from 'devextreme/ui/speech_to_text';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { CustomSpeechRecognizer, ContentReadyEvent, DisposingEvent, EndEvent, ErrorEvent, InitializedEvent, OptionChangedEvent, ResultEvent, StartClickEvent, StopClickEvent, SpeechRecognitionConfig } from 'devextreme/ui/speech_to_text';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import DxSpeechToText from 'devextreme/ui/speech_to_text';
 
diff --git a/packages/devextreme-angular/src/ui/speed-dial-action/index.ts b/packages/devextreme-angular/src/ui/speed-dial-action/index.ts
index 69d9c204f43b..470ba1c5f942 100644
--- a/packages/devextreme-angular/src/ui/speed-dial-action/index.ts
+++ b/packages/devextreme-angular/src/ui/speed-dial-action/index.ts
@@ -17,7 +17,7 @@ import {
 } from '@angular/core';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/speed_dial_action';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/speed_dial_action';
 
 import DxSpeedDialAction from 'devextreme/ui/speed_dial_action';
 
diff --git a/packages/devextreme-angular/src/ui/splitter/index.ts b/packages/devextreme-angular/src/ui/splitter/index.ts
index 47fbe870921b..8c658f2b04cb 100644
--- a/packages/devextreme-angular/src/ui/splitter/index.ts
+++ b/packages/devextreme-angular/src/ui/splitter/index.ts
@@ -21,13 +21,13 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/splitter';
+export type { ExplicitTypes } from 'devextreme/ui/splitter';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxSplitterItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemRenderedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/splitter';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Orientation } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxSplitterItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemRenderedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/splitter';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Orientation } from 'devextreme/common';
 
 import DxSplitter from 'devextreme/ui/splitter';
 
diff --git a/packages/devextreme-angular/src/ui/splitter/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/splitter/nested/item-dxi.ts
index a9f6ebde69d1..c8a59a4fb4ae 100644
--- a/packages/devextreme-angular/src/ui/splitter/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/splitter/nested/item-dxi.ts
@@ -16,7 +16,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxSplitterOptions } from 'devextreme/ui/splitter';
+import type { dxSplitterOptions } from 'devextreme/ui/splitter';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/stepper/index.ts b/packages/devextreme-angular/src/ui/stepper/index.ts
index 608a039261cc..9a0eb468b3d4 100644
--- a/packages/devextreme-angular/src/ui/stepper/index.ts
+++ b/packages/devextreme-angular/src/ui/stepper/index.ts
@@ -21,13 +21,13 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/stepper';
+export type { ExplicitTypes } from 'devextreme/ui/stepper';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxStepperItem, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/stepper';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Orientation } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxStepperItem, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/stepper';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Orientation } from 'devextreme/common';
 
 import DxStepper from 'devextreme/ui/stepper';
 
diff --git a/packages/devextreme-angular/src/ui/switch/index.ts b/packages/devextreme-angular/src/ui/switch/index.ts
index cbe35981e760..a3797d2cd219 100644
--- a/packages/devextreme-angular/src/ui/switch/index.ts
+++ b/packages/devextreme-angular/src/ui/switch/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/switch';
-import { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/switch';
+import type { ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
 
 import DxSwitch from 'devextreme/ui/switch';
 
diff --git a/packages/devextreme-angular/src/ui/tab-panel/index.ts b/packages/devextreme-angular/src/ui/tab-panel/index.ts
index ea93123646c8..957c781ba7ef 100644
--- a/packages/devextreme-angular/src/ui/tab-panel/index.ts
+++ b/packages/devextreme-angular/src/ui/tab-panel/index.ts
@@ -21,13 +21,13 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/tab_panel';
+export type { ExplicitTypes } from 'devextreme/ui/tab_panel';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
 
 import DxTabPanel from 'devextreme/ui/tab_panel';
 
diff --git a/packages/devextreme-angular/src/ui/tabs/index.ts b/packages/devextreme-angular/src/ui/tabs/index.ts
index 79b41a6fe77e..b5a944f6e178 100644
--- a/packages/devextreme-angular/src/ui/tabs/index.ts
+++ b/packages/devextreme-angular/src/ui/tabs/index.ts
@@ -21,13 +21,13 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/tabs';
+export type { ExplicitTypes } from 'devextreme/ui/tabs';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabsItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/tabs';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, Orientation, SingleOrMultiple, TabsStyle } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabsItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/tabs';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, Orientation, SingleOrMultiple, TabsStyle } from 'devextreme/common';
 
 import DxTabs from 'devextreme/ui/tabs';
 
diff --git a/packages/devextreme-angular/src/ui/tag-box/index.ts b/packages/devextreme-angular/src/ui/tag-box/index.ts
index d61a78e59eae..ccfb6a2d7665 100644
--- a/packages/devextreme-angular/src/ui/tag-box/index.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/index.ts
@@ -24,14 +24,14 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { ApplyValueMode, TextEditorButton, LabelMode, SimplifiedSearchMode, SelectAllMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
-import { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
-import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { ChangeEvent, ClosedEvent, ContentReadyEvent, CustomItemCreatingEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, MultiTagPreparingEvent, OpenedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/tag_box';
+import type DataSource from 'devextreme/data/data_source';
+import type { ApplyValueMode, TextEditorButton, LabelMode, SimplifiedSearchMode, SelectAllMode, EditorStyle, ValidationMessageMode, Mode, Position, ValidationStatus } from 'devextreme/common';
+import type { DropDownPredefinedButton, FieldAddons } from 'devextreme/ui/drop_down_editor/ui.drop_down_editor';
+import type { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CustomItemCreatingEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, ItemClickEvent, KeyDownEvent, KeyUpEvent, MultiTagPreparingEvent, OpenedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, ValueChangedEvent } from 'devextreme/ui/tag_box';
 
 import DxTagBox from 'devextreme/ui/tag_box';
 
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/animation.ts b/packages/devextreme-angular/src/ui/tag-box/nested/animation.ts
index a5b76f02b1a8..bb8c97790ee2 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/at.ts b/packages/devextreme-angular/src/ui/tag-box/nested/at.ts
index c96bdb777116..3052f62ecb77 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/tag-box/nested/button-dxi.ts
index 79098d4f1d8a..131e4697d3cc 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/collision.ts b/packages/devextreme-angular/src/ui/tag-box/nested/collision.ts
index ddee8f6cb80e..b3383cd7c159 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts
index cef63222ae49..34fb2485d4aa 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/from.ts b/packages/devextreme-angular/src/ui/tag-box/nested/from.ts
index 6ef3899dcdd1..6f5e4a4db894 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/hide.ts b/packages/devextreme-angular/src/ui/tag-box/nested/hide.ts
index c6aff6d0ae92..a46496ca978c 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/my.ts b/packages/devextreme-angular/src/ui/tag-box/nested/my.ts
index 6fc406b56555..6fedb0db2133 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/options.ts b/packages/devextreme-angular/src/ui/tag-box/nested/options.ts
index 213126796a93..0ec0e3b445f5 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/position.ts b/packages/devextreme-angular/src/ui/tag-box/nested/position.ts
index 2b05517bbdd0..99d790528e95 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/show.ts b/packages/devextreme-angular/src/ui/tag-box/nested/show.ts
index 770b70caba7d..f27188547d8b 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/to.ts b/packages/devextreme-angular/src/ui/tag-box/nested/to.ts
index 3838e82d0ebe..fcaafc3adbce 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/tag-box/nested/toolbar-item-dxi.ts
index 90a1428c0013..236ddfa7bfee 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/text-area/index.ts b/packages/devextreme-angular/src/ui/text-area/index.ts
index 9ad386281f9d..9bb54456fd9d 100644
--- a/packages/devextreme-angular/src/ui/text-area/index.ts
+++ b/packages/devextreme-angular/src/ui/text-area/index.ts
@@ -22,8 +22,8 @@ import {
 } from '@angular/core';
 
 
-import { LabelMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_area';
+import type { LabelMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_area';
 
 import DxTextArea from 'devextreme/ui/text_area';
 
diff --git a/packages/devextreme-angular/src/ui/text-box/index.ts b/packages/devextreme-angular/src/ui/text-box/index.ts
index c5239beec5cd..95bacf9667ec 100644
--- a/packages/devextreme-angular/src/ui/text-box/index.ts
+++ b/packages/devextreme-angular/src/ui/text-box/index.ts
@@ -24,8 +24,8 @@ import {
 } from '@angular/core';
 
 
-import { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
+import type { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
 
 import DxTextBox from 'devextreme/ui/text_box';
 
diff --git a/packages/devextreme-angular/src/ui/text-box/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/text-box/nested/button-dxi.ts
index 4f723e87b2aa..81f63191b6d5 100644
--- a/packages/devextreme-angular/src/ui/text-box/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/text-box/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/text-box/nested/options.ts b/packages/devextreme-angular/src/ui/text-box/nested/options.ts
index 29ccbb54a5dd..08a27f61a8d0 100644
--- a/packages/devextreme-angular/src/ui/text-box/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/text-box/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tile-view/index.ts b/packages/devextreme-angular/src/ui/tile-view/index.ts
index 4bde110e4493..3f8126f1c652 100644
--- a/packages/devextreme-angular/src/ui/tile-view/index.ts
+++ b/packages/devextreme-angular/src/ui/tile-view/index.ts
@@ -21,13 +21,13 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/tile_view';
+export type { ExplicitTypes } from 'devextreme/ui/tile_view';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTileViewItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/tile_view';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Orientation, ScrollbarMode } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTileViewItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/tile_view';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Orientation, ScrollbarMode } from 'devextreme/common';
 
 import DxTileView from 'devextreme/ui/tile_view';
 
diff --git a/packages/devextreme-angular/src/ui/toast/index.ts b/packages/devextreme-angular/src/ui/toast/index.ts
index 1c4e53f04131..e3e5afde0aef 100644
--- a/packages/devextreme-angular/src/ui/toast/index.ts
+++ b/packages/devextreme-angular/src/ui/toast/index.ts
@@ -17,9 +17,9 @@ import {
 } from '@angular/core';
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, ToastType } from 'devextreme/ui/toast';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent, ToastType } from 'devextreme/ui/toast';
 
 import DxToast from 'devextreme/ui/toast';
 
diff --git a/packages/devextreme-angular/src/ui/toast/nested/animation.ts b/packages/devextreme-angular/src/ui/toast/nested/animation.ts
index 23113642fbb5..36d55795d9d6 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/at.ts b/packages/devextreme-angular/src/ui/toast/nested/at.ts
index 34b757b1410c..935a3bb73917 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/collision.ts b/packages/devextreme-angular/src/ui/toast/nested/collision.ts
index 6d81c4a82664..0c7bb6b15bec 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/from.ts b/packages/devextreme-angular/src/ui/toast/nested/from.ts
index 5997a3339271..e20bec114115 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/hide.ts b/packages/devextreme-angular/src/ui/toast/nested/hide.ts
index 59ea11b569b0..929ca30b8a4b 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/my.ts b/packages/devextreme-angular/src/ui/toast/nested/my.ts
index 9792c37ffe99..f59af8216116 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/position.ts b/packages/devextreme-angular/src/ui/toast/nested/position.ts
index 0ee209e7022a..516674bd4ad0 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/show.ts b/packages/devextreme-angular/src/ui/toast/nested/show.ts
index 512ddb98705e..169cf76f6d74 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toast/nested/to.ts b/packages/devextreme-angular/src/ui/toast/nested/to.ts
index 83e8e4838580..9aa78aa26591 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/toolbar/index.ts b/packages/devextreme-angular/src/ui/toolbar/index.ts
index f9fa52a023b5..966be6354d28 100644
--- a/packages/devextreme-angular/src/ui/toolbar/index.ts
+++ b/packages/devextreme-angular/src/ui/toolbar/index.ts
@@ -21,12 +21,12 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/toolbar';
+export type { ExplicitTypes } from 'devextreme/ui/toolbar';
 
-import DataSource from 'devextreme/data/data_source';
-import { dxToolbarItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/toolbar';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxToolbarItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/toolbar';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import DxToolbar from 'devextreme/ui/toolbar';
 
diff --git a/packages/devextreme-angular/src/ui/toolbar/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/toolbar/nested/item-dxi.ts
index 5e8c2c6c341f..9a039d930876 100644
--- a/packages/devextreme-angular/src/ui/toolbar/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/toolbar/nested/item-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/index.ts b/packages/devextreme-angular/src/ui/tooltip/index.ts
index 394372334466..083e3d6d9a08 100644
--- a/packages/devextreme-angular/src/ui/tooltip/index.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/index.ts
@@ -17,10 +17,10 @@ import {
 } from '@angular/core';
 
 
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent } from 'devextreme/ui/tooltip';
-import { Position } from 'devextreme/common';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { ContentReadyEvent, DisposingEvent, HiddenEvent, HidingEvent, InitializedEvent, OptionChangedEvent, ShowingEvent, ShownEvent } from 'devextreme/ui/tooltip';
+import type { Position } from 'devextreme/common';
 
 import DxTooltip from 'devextreme/ui/tooltip';
 
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/animation.ts b/packages/devextreme-angular/src/ui/tooltip/nested/animation.ts
index ee881e0109de..baf02f32fbd9 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/at.ts b/packages/devextreme-angular/src/ui/tooltip/nested/at.ts
index 4508ef2ac1c6..3d7608341133 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/collision.ts b/packages/devextreme-angular/src/ui/tooltip/nested/collision.ts
index 18cbeb3e2993..71b4c2e597b0 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/from.ts b/packages/devextreme-angular/src/ui/tooltip/nested/from.ts
index b457481769c7..281bb46c4480 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/hide.ts b/packages/devextreme-angular/src/ui/tooltip/nested/hide.ts
index 6851ae6f8980..02e532e377e3 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/my.ts b/packages/devextreme-angular/src/ui/tooltip/nested/my.ts
index 9e41bfa1111e..8426d807bb2f 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/position.ts b/packages/devextreme-angular/src/ui/tooltip/nested/position.ts
index 9886f1e6b9d1..0a747cb2d6d5 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/show.ts b/packages/devextreme-angular/src/ui/tooltip/nested/show.ts
index cf9f6aa4fc59..9a7aa891aa60 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/to.ts b/packages/devextreme-angular/src/ui/tooltip/nested/to.ts
index dc633706f015..425939664991 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/index.ts b/packages/devextreme-angular/src/ui/tree-list/index.ts
index 538c25e31eb6..5aa613d56710 100644
--- a/packages/devextreme-angular/src/ui/tree-list/index.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/index.ts
@@ -21,23 +21,23 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/tree_list';
-
-import DataSource from 'devextreme/data/data_source';
-import dxTreeList from 'devextreme/ui/tree_list';
-import dxSortable from 'devextreme/ui/sortable';
-import dxDraggable from 'devextreme/ui/draggable';
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { ColumnChooser, ColumnResizeMode, DataChange, GridsEditMode, GridsEditRefreshMode, StartEditAction, FilterPanel, ApplyFilterMode, HeaderFilter, EnterKeyAction, EnterKeyDirection, Pager, GridBase, DataRenderMode, SearchPanel, Sorting, StateStoreType } from 'devextreme/common/grids';
-import { dxTreeListColumn, dxTreeListRowObject, TreeListFilterMode, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellHoverChangedEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, FocusedCellChangedEvent, FocusedCellChangingEvent, FocusedRowChangedEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, NodesInitializedEvent, OptionChangedEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, ToolbarPreparingEvent, dxTreeListToolbar } from 'devextreme/ui/tree_list';
-import { Mode, DataStructure, DragDirection, DragHighlight, ScrollMode, ScrollbarMode, SingleMultipleOrNone } from 'devextreme/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { dxFormOptions } from 'devextreme/ui/form';
-import { dxPopupOptions } from 'devextreme/ui/popup';
-import { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';
-import { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
-import { event } from 'devextreme/events/events.types';
+export type { ExplicitTypes } from 'devextreme/ui/tree_list';
+
+import type DataSource from 'devextreme/data/data_source';
+import type dxTreeList from 'devextreme/ui/tree_list';
+import type dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { ColumnChooser, ColumnResizeMode, DataChange, GridsEditMode, GridsEditRefreshMode, StartEditAction, FilterPanel, ApplyFilterMode, HeaderFilter, EnterKeyAction, EnterKeyDirection, Pager, GridBase, DataRenderMode, SearchPanel, Sorting, StateStoreType } from 'devextreme/common/grids';
+import type { dxTreeListColumn, dxTreeListRowObject, TreeListFilterMode, AdaptiveDetailRowPreparingEvent, AIColumnRequestCreatingEvent, CellClickEvent, CellDblClickEvent, CellHoverChangedEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DataErrorOccurredEvent, DisposingEvent, EditCanceledEvent, EditCancelingEvent, EditingStartEvent, EditorPreparedEvent, EditorPreparingEvent, FocusedCellChangedEvent, FocusedCellChangingEvent, FocusedRowChangedEvent, FocusedRowChangingEvent, InitializedEvent, InitNewRowEvent, KeyDownEvent, NodesInitializedEvent, OptionChangedEvent, RowClickEvent, RowCollapsedEvent, RowCollapsingEvent, RowDblClickEvent, RowExpandedEvent, RowExpandingEvent, RowInsertedEvent, RowInsertingEvent, RowPreparedEvent, RowRemovedEvent, RowRemovingEvent, RowUpdatedEvent, RowUpdatingEvent, RowValidatingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, ToolbarPreparingEvent, dxTreeListToolbar } from 'devextreme/ui/tree_list';
+import type { Mode, DataStructure, DragDirection, DragHighlight, ScrollMode, ScrollbarMode, SingleMultipleOrNone } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { dxFormOptions } from 'devextreme/ui/form';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
+import type { dxFilterBuilderOptions } from 'devextreme/ui/filter_builder';
+import type { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
+import type { event } from 'devextreme/events/events.types';
 
 import DxTreeList from 'devextreme/ui/tree_list';
 
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/ai.ts b/packages/devextreme-angular/src/ui/tree-list/nested/ai.ts
index fe09fbd6d20b..5864629ff20b 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/ai.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/ai.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { dxTextBoxOptions } from 'devextreme/ui/text_box';
-import { AIColumnMode } from 'devextreme/common/grids';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { dxTextBoxOptions } from 'devextreme/ui/text_box';
+import type { AIColumnMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/animation.ts b/packages/devextreme-angular/src/ui/tree-list/nested/animation.ts
index f8209cfb0bc4..347bbebdf696 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/animation.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/animation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { AnimationConfig } from 'devextreme/common/core/animation';
+import type { AnimationConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/async-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/async-rule-dxi.ts
index 52d59842ddfd..1f217a45bc8d 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/async-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/async-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/at.ts b/packages/devextreme-angular/src/ui/tree-list/nested/at.ts
index 63b6436fd264..51d9566b6425 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/at.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/at.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/button-dxi.ts
index 78a7bd8dd19d..b23845f6d558 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/button-dxi.ts
@@ -16,10 +16,10 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import dxTreeList from 'devextreme/ui/tree_list';
-import { dxTreeListColumn, dxTreeListRowObject, TreeListPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/tree_list';
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type dxTreeList from 'devextreme/ui/tree_list';
+import type { dxTreeListColumn, dxTreeListRowObject, TreeListPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/tree_list';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/button-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/button-item-dxi.ts
index 3ad118de5e11..50db325fc4c7 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/button-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/button-item-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/button-options.ts b/packages/devextreme-angular/src/ui/tree-list/nested/button-options.ts
index 9b7f7b407d94..a72cfd9e126f 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/button-options.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/button-options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/change-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/change-dxi.ts
index 0979877ecc29..dc6704737b7b 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/change-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/change-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { DataChangeType } from 'devextreme/common/grids';
+import type { DataChangeType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/collision.ts b/packages/devextreme-angular/src/ui/tree-list/nested/collision.ts
index f0ca96b86b1c..b67e0a5edb05 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/collision.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/collision.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { CollisionResolution } from 'devextreme/common/core/animation';
+import type { CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-button-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-button-dxi.ts
index 75b8d2dc26fd..05c32012583e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-button-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import dxTreeList from 'devextreme/ui/tree_list';
-import { dxTreeListColumn, dxTreeListRowObject, TreeListPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/tree_list';
+import type dxTreeList from 'devextreme/ui/tree_list';
+import type { dxTreeListColumn, dxTreeListRowObject, TreeListPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/tree_list';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser.ts
index 657920cc156a..36f7b7683b4f 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
-import { PositionConfig } from 'devextreme/common/core/animation';
-import { SortOrder } from 'devextreme/common';
+import type { ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig } from 'devextreme/common/grids';
+import type { PositionConfig } from 'devextreme/common/core/animation';
+import type { SortOrder } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-dxi.ts
index 9f36b7538e64..bfd3a2f36284 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-dxi.ts
@@ -16,14 +16,14 @@ import {
 
 
 
-import * as CommonTypes from 'devextreme/common';
-import { ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids';
-import { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
-import { dxTreeListColumnButton, TreeListPredefinedColumnButton, dxTreeListColumn, TreeListCommandColumnType } from 'devextreme/ui/tree_list';
-import { Format } from 'devextreme/common/core/localization';
-import { dxFormSimpleItem } from 'devextreme/ui/form';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type * as CommonTypes from 'devextreme/common';
+import type { ColumnAIOptions, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter, SelectedFilterOperation } from 'devextreme/common/grids';
+import type { HorizontalAlignment, DataType, SortOrder } from 'devextreme/common';
+import type { dxTreeListColumnButton, TreeListPredefinedColumnButton, dxTreeListColumn, TreeListCommandColumnType } from 'devextreme/ui/tree_list';
+import type { Format } from 'devextreme/common/core/localization';
+import type { dxFormSimpleItem } from 'devextreme/ui/form';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter-search.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter-search.ts
index ed6d36734d4d..ed217e74951e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter.ts
index c3aa3e2ff005..8ccd732d9d13 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-lookup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-lookup.ts
index 238dccb8de94..c32a8f494495 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-lookup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/compare-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/compare-rule-dxi.ts
index dd6d9fbf706e..060fcdf71552 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/compare-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/compare-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/custom-operation-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/custom-operation-dxi.ts
index d63786231321..140270acc0b3 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/custom-operation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/custom-operation-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
+import type { dxFilterBuilderField, FieldInfo } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/custom-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/custom-rule-dxi.ts
index f227aca19255..4d8bac67aea1 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/custom-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/custom-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/editing.ts b/packages/devextreme-angular/src/ui/tree-list/nested/editing.ts
index cb96f3b087b2..0b934a33f5e9 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/editing.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import dxTreeList from 'devextreme/ui/tree_list';
-import { dxTreeListRowObject } from 'devextreme/ui/tree_list';
-import { DataChange, GridsEditMode, GridsEditRefreshMode, StartEditAction } from 'devextreme/common/grids';
-import { dxFormOptions } from 'devextreme/ui/form';
-import { dxPopupOptions } from 'devextreme/ui/popup';
+import type dxTreeList from 'devextreme/ui/tree_list';
+import type { dxTreeListRowObject } from 'devextreme/ui/tree_list';
+import type { DataChange, GridsEditMode, GridsEditRefreshMode, StartEditAction } from 'devextreme/common/grids';
+import type { dxFormOptions } from 'devextreme/ui/form';
+import type { dxPopupOptions } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/editor-options-button-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/editor-options-button-dxi.ts
index a911e9d57c43..18cda981a358 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/editor-options-button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/editor-options-button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/editor-options.ts b/packages/devextreme-angular/src/ui/tree-list/nested/editor-options.ts
index 61088a34512d..91d02a9d5905 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/editor-options.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/editor-options.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
+import type { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/email-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/email-rule-dxi.ts
index 854116b17adb..4db41169e3e3 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/email-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/email-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/empty-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/empty-item-dxi.ts
index c4a88b20d881..70488c3b73e4 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/empty-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/empty-item-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { FormItemType } from 'devextreme/ui/form';
+import type { FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/field-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/field-dxi.ts
index fa12cb296ea8..08631230019e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/field-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/field-dxi.ts
@@ -12,11 +12,11 @@ import {
 
 
 
-import { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
-import { DataType } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { FieldInfo, FilterBuilderOperation } from 'devextreme/ui/filter_builder';
+import type { DataType } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/field-lookup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/field-lookup.ts
index 81a64b90236b..75909b21d875 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/field-lookup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/field-lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts
index 4b554d6c5fea..1b9f902f697f 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder.ts
index e712a2deaa48..7766100917f5 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder.ts
@@ -18,7 +18,7 @@ import {
 
 
 
-import { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
+import type { dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent, DisposingEvent, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent, OptionChangedEvent, ValueChangedEvent } from 'devextreme/ui/filter_builder';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel.ts
index d2303ea18267..aa37915ac8e6 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { FilterPanel, FilterPanelTexts } from 'devextreme/common/grids';
+import type { FilterPanel, FilterPanelTexts } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-row.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-row.ts
index aa26dd84674d..d9397cac7c38 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-row.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-row.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ApplyFilterMode } from 'devextreme/common/grids';
+import type { ApplyFilterMode } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/form-item.ts b/packages/devextreme-angular/src/ui/tree-list/nested/form-item.ts
index 6dac31ddb6ad..1dc2d6d505f3 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/form-item.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/form-item.ts
@@ -20,9 +20,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/form.ts b/packages/devextreme-angular/src/ui/tree-list/nested/form.ts
index 959c3ba1fde2..97ff0de8f540 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/form.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/form.ts
@@ -18,9 +18,9 @@ import {
 
 
 
-import { AIIntegration } from 'devextreme/common/ai-integration';
-import { Mode } from 'devextreme/common';
-import { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
+import type { AIIntegration } from 'devextreme/common/ai-integration';
+import type { Mode } from 'devextreme/common';
+import type { dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, ContentReadyEvent, DisposingEvent, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent, OptionChangedEvent, SmartPastedEvent, SmartPastingEvent } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/format.ts b/packages/devextreme-angular/src/ui/tree-list/nested/format.ts
index e725ab99a386..004c6eb2a92a 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/from.ts b/packages/devextreme-angular/src/ui/tree-list/nested/from.ts
index 0423910114e0..9ac8d6d2c86e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/from.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/group-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/group-item-dxi.ts
index ebf088063f5e..ba4eb9ac1486 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/group-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/group-item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/header-filter.ts b/packages/devextreme-angular/src/ui/tree-list/nested/header-filter.ts
index 46ad14509289..1abd3f597576 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/header-filter.ts
@@ -14,10 +14,10 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
-import { SearchMode } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/hide.ts b/packages/devextreme-angular/src/ui/tree-list/nested/hide.ts
index 2d0878296b03..978becbdc807 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/hide.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/indicator-options.ts b/packages/devextreme-angular/src/ui/tree-list/nested/indicator-options.ts
index a21a457a09b8..31063138470e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/indicator-options.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/indicator-options.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { LoadingAnimationType } from 'devextreme/ui/load_indicator';
+import type { LoadingAnimationType } from 'devextreme/ui/load_indicator';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/item-dxi.ts
index fe230d84e0ca..b5cc1317cb48 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/item-dxi.ts
@@ -18,13 +18,13 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { HorizontalAlignment, VerticalAlignment, ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
-import { dxButtonOptions } from 'devextreme/ui/button';
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { HorizontalAlignment, VerticalAlignment, ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { dxButtonOptions } from 'devextreme/ui/button';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/keyboard-navigation.ts b/packages/devextreme-angular/src/ui/tree-list/nested/keyboard-navigation.ts
index 3c99ebe56d0d..3d5a5dbff712 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/keyboard-navigation.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/keyboard-navigation.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { EnterKeyAction, EnterKeyDirection } from 'devextreme/common/grids';
+import type { EnterKeyAction, EnterKeyDirection } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/label.ts b/packages/devextreme-angular/src/ui/tree-list/nested/label.ts
index b365d84c03a9..90cf8c70886b 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/label.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { HorizontalAlignment } from 'devextreme/common';
-import { LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
+import type { LabelLocation } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/load-panel.ts b/packages/devextreme-angular/src/ui/tree-list/nested/load-panel.ts
index 895272f755f6..f5781c44f416 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/load-panel.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/load-panel.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Mode } from 'devextreme/common';
-import { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
+import type { Mode } from 'devextreme/common';
+import type { LoadPanelIndicatorProperties } from 'devextreme/ui/load_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/lookup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/lookup.ts
index 8f7eb1c08a22..06348e900024 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/lookup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/lookup.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/my.ts b/packages/devextreme-angular/src/ui/tree-list/nested/my.ts
index 67102965a6af..91b01e8dc036 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/my.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/my.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/numeric-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/numeric-rule-dxi.ts
index a4a5b02feb02..330c3dc2e0fe 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/numeric-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/numeric-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/options.ts b/packages/devextreme-angular/src/ui/tree-list/nested/options.ts
index 8724474ed847..cc5ff81baef0 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/pager.ts b/packages/devextreme-angular/src/ui/tree-list/nested/pager.ts
index f7ee23072a3d..600402e501b4 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/pager.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/pager.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PagerPageSize } from 'devextreme/common/grids';
-import { Mode, DisplayMode } from 'devextreme/common';
+import type { PagerPageSize } from 'devextreme/common/grids';
+import type { Mode, DisplayMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/pattern-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/pattern-rule-dxi.ts
index 359a0d61f7cf..92b5a16624a2 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/pattern-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/pattern-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts
index 560605d80956..42c4da7aec29 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts
@@ -18,15 +18,15 @@ import {
 
 
 
-import dxOverlay from 'devextreme/ui/overlay';
-import DOMComponent from 'devextreme/core/dom_component';
-import dxPopup from 'devextreme/ui/popup';
-import { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
-import { event } from 'devextreme/events/events.types';
-import { EventInfo } from 'devextreme/common/core/events';
-import { Component as CoreComponent } from 'devextreme/core/component';
-import { PositionAlignment } from 'devextreme/common';
-import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import type dxOverlay from 'devextreme/ui/overlay';
+import type DOMComponent from 'devextreme/core/dom_component';
+import type dxPopup from 'devextreme/ui/popup';
+import type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';
+import type { event } from 'devextreme/events/events.types';
+import type { EventInfo } from 'devextreme/common/core/events';
+import type { Component as CoreComponent } from 'devextreme/core/component';
+import type { PositionAlignment } from 'devextreme/common';
+import type { dxPopupToolbarItem } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/position.ts b/packages/devextreme-angular/src/ui/tree-list/nested/position.ts
index ad2ee079d94b..f87b22a72f35 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/position.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
-import { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
+import type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';
+import type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/range-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/range-rule-dxi.ts
index 4ba6f3217ebd..bba02e3e7dd3 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/range-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/range-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/required-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/required-rule-dxi.ts
index 3bca71bfc059..10628cc290c2 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/required-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/required-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/row-dragging.ts b/packages/devextreme-angular/src/ui/tree-list/nested/row-dragging.ts
index aa2df9b467c5..fcede60f3bdb 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/row-dragging.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/row-dragging.ts
@@ -14,11 +14,11 @@ import {
 
 
 
-import dxSortable from 'devextreme/ui/sortable';
-import dxDraggable from 'devextreme/ui/draggable';
-import { DragDirection, DragHighlight } from 'devextreme/common';
-import { GridBase } from 'devextreme/common/grids';
-import { event } from 'devextreme/events/events.types';
+import type dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type { DragDirection, DragHighlight } from 'devextreme/common';
+import type { GridBase } from 'devextreme/common/grids';
+import type { event } from 'devextreme/events/events.types';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/scrolling.ts b/packages/devextreme-angular/src/ui/tree-list/nested/scrolling.ts
index 878d2feeb218..b7153b3b024a 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/scrolling.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/scrolling.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DataRenderMode } from 'devextreme/common/grids';
-import { ScrollMode, ScrollbarMode, Mode } from 'devextreme/common';
+import type { DataRenderMode } from 'devextreme/common/grids';
+import type { ScrollMode, ScrollbarMode, Mode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/search.ts b/packages/devextreme-angular/src/ui/tree-list/nested/search.ts
index 64e77be6160c..72c90358ea29 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/selection.ts b/packages/devextreme-angular/src/ui/tree-list/nested/selection.ts
index 952b29c1f38c..ab77dba114f7 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/selection.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/selection.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/show.ts b/packages/devextreme-angular/src/ui/tree-list/nested/show.ts
index 0873dc7f8ad9..d0407175bef4 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/show.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
-import { Direction } from 'devextreme/common';
+import type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';
+import type { Direction } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/simple-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/simple-item-dxi.ts
index 04abfa87384f..fadd96ca1178 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/simple-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/simple-item-dxi.ts
@@ -18,9 +18,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
-import { HorizontalAlignment } from 'devextreme/common';
+import type * as CommonTypes from 'devextreme/common';
+import type { FormItemComponent, FormItemType, LabelLocation } from 'devextreme/ui/form';
+import type { HorizontalAlignment } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/sorting.ts b/packages/devextreme-angular/src/ui/tree-list/nested/sorting.ts
index 245635db8e8b..a0ee691ee861 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/sorting.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/sorting.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/state-storing.ts b/packages/devextreme-angular/src/ui/tree-list/nested/state-storing.ts
index 55dacf7af214..d3a4842e7338 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/state-storing.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/state-storing.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { StateStoreType } from 'devextreme/common/grids';
+import type { StateStoreType } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/string-length-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/string-length-rule-dxi.ts
index 89253db14373..2b36c153f8f2 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/string-length-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/string-length-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tab-dxi.ts
index acb5975b78fc..bf70aca9507f 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tab-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options.ts
index ef13159e71c4..f776a2aabcaa 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options.ts
@@ -18,11 +18,11 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tabbed-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tabbed-item-dxi.ts
index ec6b1b0abc38..26afb12aa224 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tabbed-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tabbed-item-dxi.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
-import { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
+import type { FormItemType, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';
+import type { dxTabPanelOptions } from 'devextreme/ui/tab_panel';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/to.ts b/packages/devextreme-angular/src/ui/tree-list/nested/to.ts
index 77edcfcd8ddc..d7483c3bf1e8 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/to.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { PositionConfig } from 'devextreme/common/core/animation';
+import type { PositionConfig } from 'devextreme/common/core/animation';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/toolbar-item-dxi.ts
index 081851b2246a..f10d8c5ffd8b 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { ToolbarLocation } from 'devextreme/ui/popup';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { ToolbarLocation } from 'devextreme/ui/popup';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/toolbar.ts b/packages/devextreme-angular/src/ui/tree-list/nested/toolbar.ts
index 90d1a604516e..c953bc4eba05 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/toolbar.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { dxTreeListToolbarItem, TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
+import type { dxTreeListToolbarItem, TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-search.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-search.ts
index 013e3094b854..3fa98d04c26e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-search.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-search.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SearchMode } from 'devextreme/common';
+import type { SearchMode } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter.ts
index 77e1b0c0ffcd..60b46cdc1e20 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
+import type { HeaderFilterSearchConfig, HeaderFilterTexts } from 'devextreme/common/grids';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-selection.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-selection.ts
index d001eea52d27..d7850c2fc7ce 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-selection.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-selection.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-toolbar-item-dxi.ts
index 41e8d7283d02..71afe4680be3 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-toolbar-item-dxi.ts
@@ -16,9 +16,9 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
-import { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
-import { TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
+import type { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
+import type { ToolbarItemLocation, ToolbarItemComponent } from 'devextreme/common';
+import type { TreeListPredefinedToolbarItem } from 'devextreme/ui/tree_list';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/validation-rule-dxi.ts
index 5119c0ab22c6..8fe5e59efd44 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
+import type { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/index.ts b/packages/devextreme-angular/src/ui/tree-map/index.ts
index 34175b01b30b..66e1420997f9 100644
--- a/packages/devextreme-angular/src/ui/tree-map/index.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/index.ts
@@ -20,13 +20,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { Palette, PaletteExtensionMode, Font, TextOverflow, Theme, WordWrap, DashStyle } from 'devextreme/common/charts';
-import { TreeMapColorizerType, TreeMapLayoutAlgorithm, TreeMapLayoutDirection, ClickEvent, DisposingEvent, DrawnEvent, DrillEvent, ExportedEvent, ExportingEvent, FileSavingEvent, HoverChangedEvent, IncidentOccurredEvent, InitializedEvent, NodesInitializedEvent, NodesRenderingEvent, OptionChangedEvent, SelectionChangedEvent, dxTreeMapNode } from 'devextreme/viz/tree_map';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { ExportFormat, SingleMultipleOrNone, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
-import { Format } from 'devextreme/common/core/localization';
+import type DataSource from 'devextreme/data/data_source';
+import type { Palette, PaletteExtensionMode, Font, TextOverflow, Theme, WordWrap, DashStyle } from 'devextreme/common/charts';
+import type { TreeMapColorizerType, TreeMapLayoutAlgorithm, TreeMapLayoutDirection, ClickEvent, DisposingEvent, DrawnEvent, DrillEvent, ExportedEvent, ExportingEvent, FileSavingEvent, HoverChangedEvent, IncidentOccurredEvent, InitializedEvent, NodesInitializedEvent, NodesRenderingEvent, OptionChangedEvent, SelectionChangedEvent, dxTreeMapNode } from 'devextreme/viz/tree_map';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { ExportFormat, SingleMultipleOrNone, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Format } from 'devextreme/common/core/localization';
 
 import DxTreeMap from 'devextreme/viz/tree_map';
 
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/border.ts b/packages/devextreme-angular/src/ui/tree-map/nested/border.ts
index 424b6e5ebea1..e70deeb2eef4 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/colorizer.ts b/packages/devextreme-angular/src/ui/tree-map/nested/colorizer.ts
index c69fa4a4788d..dde92096c3f2 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/colorizer.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/colorizer.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Palette, PaletteExtensionMode } from 'devextreme/common/charts';
-import { TreeMapColorizerType } from 'devextreme/viz/tree_map';
+import type { Palette, PaletteExtensionMode } from 'devextreme/common/charts';
+import type { TreeMapColorizerType } from 'devextreme/viz/tree_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/export.ts b/packages/devextreme-angular/src/ui/tree-map/nested/export.ts
index c49616c1f757..371023403d17 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/format.ts b/packages/devextreme-angular/src/ui/tree-map/nested/format.ts
index a1d7ce7a20be..7aeb6ad55ea0 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/format.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Format } from 'devextreme/common';
+import type { Format } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/group-label.ts b/packages/devextreme-angular/src/ui/tree-map/nested/group-label.ts
index 4adfeff9689e..d3a442f32cb4 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/group-label.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/group-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow } from 'devextreme/common/charts';
+import type { Font, TextOverflow } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/group.ts b/packages/devextreme-angular/src/ui/tree-map/nested/group.ts
index 9d9ecab171e4..7dc87b3759a8 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/group.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/group.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow } from 'devextreme/common/charts';
+import type { Font, TextOverflow } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/label.ts b/packages/devextreme-angular/src/ui/tree-map/nested/label.ts
index dc2f5f7c32c7..2cf76f1ccc33 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/tree-map/nested/loading-indicator.ts
index 49cac1bc092b..10c620850c4d 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/subtitle.ts b/packages/devextreme-angular/src/ui/tree-map/nested/subtitle.ts
index 5971fe906074..403c98c2c278 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/tile-label.ts b/packages/devextreme-angular/src/ui/tree-map/nested/tile-label.ts
index 5b9ad90299db..13c51d0559ff 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/tile-label.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/tile-label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/tile.ts b/packages/devextreme-angular/src/ui/tree-map/nested/tile.ts
index 9c4ea64ea14a..5e3e3dbb8745 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/tile.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/tile.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/title.ts b/packages/devextreme-angular/src/ui/tree-map/nested/title.ts
index 16c6a361e714..b65b9f6c45d3 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/tree-map/nested/tooltip-border.ts
index df001e2fc316..4cdbfd38cf01 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/tooltip.ts b/packages/devextreme-angular/src/ui/tree-map/nested/tooltip.ts
index 9e825651cb8c..e6bf5100f54d 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/tooltip.ts
@@ -14,9 +14,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { dxTreeMapNode } from 'devextreme/viz/tree_map';
-import { Format } from 'devextreme/common/core/localization';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { dxTreeMapNode } from 'devextreme/viz/tree_map';
+import type { Format } from 'devextreme/common/core/localization';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-view/index.ts b/packages/devextreme-angular/src/ui/tree-view/index.ts
index 7720702111dc..8fbca6fbc6ca 100644
--- a/packages/devextreme-angular/src/ui/tree-view/index.ts
+++ b/packages/devextreme-angular/src/ui/tree-view/index.ts
@@ -21,14 +21,14 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/tree_view';
-
-import DataSource from 'devextreme/data/data_source';
-import { dxTreeViewNode, dxTreeViewItem, DisabledNodeSelectionMode, TreeViewExpandEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemHoldEvent, ItemRenderedEvent, ItemSelectionChangedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, TreeViewCheckBoxMode } from 'devextreme/ui/tree_view';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { DataStructure, ScrollDirection, SearchMode, SingleOrMultiple } from 'devextreme/common';
-import { dxTextBoxOptions } from 'devextreme/ui/text_box';
+export type { ExplicitTypes } from 'devextreme/ui/tree_view';
+
+import type DataSource from 'devextreme/data/data_source';
+import type { dxTreeViewNode, dxTreeViewItem, DisabledNodeSelectionMode, TreeViewExpandEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemHoldEvent, ItemRenderedEvent, ItemSelectionChangedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, TreeViewCheckBoxMode } from 'devextreme/ui/tree_view';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { DataStructure, ScrollDirection, SearchMode, SingleOrMultiple } from 'devextreme/common';
+import type { dxTextBoxOptions } from 'devextreme/ui/text_box';
 
 import DxTreeView from 'devextreme/ui/tree_view';
 
diff --git a/packages/devextreme-angular/src/ui/tree-view/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/tree-view/nested/button-dxi.ts
index 4d9f82856150..49a58c8177bb 100644
--- a/packages/devextreme-angular/src/ui/tree-view/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-view/nested/button-dxi.ts
@@ -12,8 +12,8 @@ import {
 
 
 
-import { TextEditorButtonLocation } from 'devextreme/common';
-import { dxButtonOptions } from 'devextreme/ui/button';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-view/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/tree-view/nested/item-dxi.ts
index 7dd332fd5f17..1499f4741999 100644
--- a/packages/devextreme-angular/src/ui/tree-view/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-view/nested/item-dxi.ts
@@ -18,7 +18,7 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { dxTreeViewItem } from 'devextreme/ui/tree_view';
+import type { dxTreeViewItem } from 'devextreme/ui/tree_view';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-view/nested/options.ts b/packages/devextreme-angular/src/ui/tree-view/nested/options.ts
index a631518b918b..adf63118369d 100644
--- a/packages/devextreme-angular/src/ui/tree-view/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/tree-view/nested/options.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
-import { ButtonStyle, ButtonType } from 'devextreme/common';
+import type { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';
+import type { ButtonStyle, ButtonType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/tree-view/nested/search-editor-options.ts b/packages/devextreme-angular/src/ui/tree-view/nested/search-editor-options.ts
index 745c18b279f9..a96177a49aca 100644
--- a/packages/devextreme-angular/src/ui/tree-view/nested/search-editor-options.ts
+++ b/packages/devextreme-angular/src/ui/tree-view/nested/search-editor-options.ts
@@ -18,8 +18,8 @@ import {
 
 
 
-import { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
-import { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
+import type { TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, ValidationMessageMode, Position, ValidationStatus } from 'devextreme/common';
+import type { TextBoxType, ChangeEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent, PasteEvent, ValueChangedEvent } from 'devextreme/ui/text_box';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validation-group/index.ts b/packages/devextreme-angular/src/ui/validation-group/index.ts
index 6595c2fc39e7..ef4d9caba5b0 100644
--- a/packages/devextreme-angular/src/ui/validation-group/index.ts
+++ b/packages/devextreme-angular/src/ui/validation-group/index.ts
@@ -17,7 +17,7 @@ import {
 } from '@angular/core';
 
 
-import { DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/validation_group';
+import type { DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/validation_group';
 
 import DxValidationGroup from 'devextreme/ui/validation_group';
 
diff --git a/packages/devextreme-angular/src/ui/validation-summary/index.ts b/packages/devextreme-angular/src/ui/validation-summary/index.ts
index d8b916140c15..359d4d5297b9 100644
--- a/packages/devextreme-angular/src/ui/validation-summary/index.ts
+++ b/packages/devextreme-angular/src/ui/validation-summary/index.ts
@@ -21,10 +21,10 @@ import {
     QueryList
 } from '@angular/core';
 
-export { ExplicitTypes } from 'devextreme/ui/validation_summary';
+export type { ExplicitTypes } from 'devextreme/ui/validation_summary';
 
-import { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
-import { ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent } from 'devextreme/ui/validation_summary';
+import type { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent } from 'devextreme/ui/validation_summary';
 
 import DxValidationSummary from 'devextreme/ui/validation_summary';
 
diff --git a/packages/devextreme-angular/src/ui/validator/index.ts b/packages/devextreme-angular/src/ui/validator/index.ts
index 2a4bccce1bd3..de1ad61b353c 100644
--- a/packages/devextreme-angular/src/ui/validator/index.ts
+++ b/packages/devextreme-angular/src/ui/validator/index.ts
@@ -25,8 +25,8 @@ import {
 } from '@angular/core';
 
 
-import * as CommonTypes from 'devextreme/common';
-import { DisposingEvent, InitializedEvent, OptionChangedEvent, ValidatedEvent } from 'devextreme/ui/validator';
+import type * as CommonTypes from 'devextreme/common';
+import type { DisposingEvent, InitializedEvent, OptionChangedEvent, ValidatedEvent } from 'devextreme/ui/validator';
 
 import DxValidator from 'devextreme/ui/validator';
 
diff --git a/packages/devextreme-angular/src/ui/validator/nested/async-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/async-rule-dxi.ts
index 559ac16e3eb1..b84941fe3a52 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/async-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/async-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/compare-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/compare-rule-dxi.ts
index 8e76e79ce0ec..2353bfc4ba96 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/compare-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/compare-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
+import type { ComparisonOperator, ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/custom-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/custom-rule-dxi.ts
index 45a1337f86ef..e32969ba76a1 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/custom-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/custom-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/email-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/email-rule-dxi.ts
index 2d521735098d..280f763e362f 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/email-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/email-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/numeric-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/numeric-rule-dxi.ts
index c6c31403582d..bd5fd36b74a0 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/numeric-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/numeric-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/pattern-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/pattern-rule-dxi.ts
index c67650c9d586..dd0dd7ebf0ff 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/pattern-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/pattern-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/range-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/range-rule-dxi.ts
index 58949625e981..88909ecba796 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/range-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/range-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/required-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/required-rule-dxi.ts
index dabc5ad3f397..9ea0744eccfe 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/required-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/required-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/string-length-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/string-length-rule-dxi.ts
index 4b7f909a9559..86bfccc9be0d 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/string-length-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/string-length-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType } from 'devextreme/common';
+import type { ValidationRuleType } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/validator/nested/validation-rule-dxi.ts b/packages/devextreme-angular/src/ui/validator/nested/validation-rule-dxi.ts
index e1e6524d03cb..428f75d9cece 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/validation-rule-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/validation-rule-dxi.ts
@@ -12,7 +12,7 @@ import {
 
 
 
-import { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
+import type { ValidationRuleType, ComparisonOperator } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/index.ts b/packages/devextreme-angular/src/ui/vector-map/index.ts
index 286ff7f87328..14c8f7d58fdf 100644
--- a/packages/devextreme-angular/src/ui/vector-map/index.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/index.ts
@@ -22,13 +22,13 @@ import {
 } from '@angular/core';
 
 
-import DataSource from 'devextreme/data/data_source';
-import { dxVectorMapAnnotationConfig, dxVectorMapCommonAnnotationConfig, MapLayerElement, VectorMapMarkerType, VectorMapLayerType, VectorMapLegendItem, VectorMapMarkerShape, CenterChangedEvent, ClickEvent, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, SelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomFactorChangedEvent } from 'devextreme/viz/vector_map';
-import { HorizontalAlignment, VerticalEdge, ExportFormat, SingleMultipleOrNone, Position, Orientation } from 'devextreme/common';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Font, Palette, DashStyle, Theme, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { VectorMapProjection, VectorMapProjectionConfig } from 'devextreme/viz/vector_map/projection';
+import type DataSource from 'devextreme/data/data_source';
+import type { dxVectorMapAnnotationConfig, dxVectorMapCommonAnnotationConfig, MapLayerElement, VectorMapMarkerType, VectorMapLayerType, VectorMapLegendItem, VectorMapMarkerShape, CenterChangedEvent, ClickEvent, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, OptionChangedEvent, SelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomFactorChangedEvent } from 'devextreme/viz/vector_map';
+import type { HorizontalAlignment, VerticalEdge, ExportFormat, SingleMultipleOrNone, Position, Orientation } from 'devextreme/common';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Font, Palette, DashStyle, Theme, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { VectorMapProjection, VectorMapProjectionConfig } from 'devextreme/viz/vector_map/projection';
 
 import DxVectorMap from 'devextreme/viz/vector_map';
 
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/annotation-border.ts b/packages/devextreme-angular/src/ui/vector-map/nested/annotation-border.ts
index 026d79a9b7d7..4d0d54105ce9 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/annotation-border.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/annotation-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/annotation-dxi.ts b/packages/devextreme-angular/src/ui/vector-map/nested/annotation-dxi.ts
index 2c3f22667874..808361830a53 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/annotation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/annotation-dxi.ts
@@ -16,8 +16,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxVectorMapAnnotationConfig } from 'devextreme/viz/vector_map';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxVectorMapAnnotationConfig } from 'devextreme/viz/vector_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/border.ts b/packages/devextreme-angular/src/ui/vector-map/nested/border.ts
index 494884d33e85..2a14a4dbafe1 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/border.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/common-annotation-settings.ts b/packages/devextreme-angular/src/ui/vector-map/nested/common-annotation-settings.ts
index 0eb6cdf9e98d..1ed768f7ad71 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/common-annotation-settings.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/common-annotation-settings.ts
@@ -18,8 +18,8 @@ import {
 import { DOCUMENT } from '@angular/common';
 
 
-import { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
-import { dxVectorMapAnnotationConfig } from 'devextreme/viz/vector_map';
+import type { DashStyle, Font, TextOverflow, AnnotationType, WordWrap } from 'devextreme/common/charts';
+import type { dxVectorMapAnnotationConfig } from 'devextreme/viz/vector_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/control-bar.ts b/packages/devextreme-angular/src/ui/vector-map/nested/control-bar.ts
index 1d56c7b6f7a1..b8d7357550bf 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/control-bar.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/control-bar.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/export.ts b/packages/devextreme-angular/src/ui/vector-map/nested/export.ts
index 2db483229a7e..fd870f62f7ac 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/export.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { ExportFormat } from 'devextreme/common';
+import type { ExportFormat } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/label.ts b/packages/devextreme-angular/src/ui/vector-map/nested/label.ts
index 9e812909c81a..5ad8e5dad552 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/label.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/label.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/layer-dxi.ts b/packages/devextreme-angular/src/ui/vector-map/nested/layer-dxi.ts
index 02a25d907271..dfcc11c62c98 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/layer-dxi.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/layer-dxi.ts
@@ -12,12 +12,12 @@ import {
 
 
 
-import DataSource from 'devextreme/data/data_source';
-import { MapLayerElement, VectorMapMarkerType, VectorMapLayerType } from 'devextreme/viz/vector_map';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
-import { Font, Palette } from 'devextreme/common/charts';
-import { SingleMultipleOrNone } from 'devextreme/common';
+import type DataSource from 'devextreme/data/data_source';
+import type { MapLayerElement, VectorMapMarkerType, VectorMapLayerType } from 'devextreme/viz/vector_map';
+import type { DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { Font, Palette } from 'devextreme/common/charts';
+import type { SingleMultipleOrNone } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/legend-dxi.ts b/packages/devextreme-angular/src/ui/vector-map/nested/legend-dxi.ts
index 727a87cab95b..d2e88519222c 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/legend-dxi.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/legend-dxi.ts
@@ -12,9 +12,9 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { VectorMapLegendItem, VectorMapMarkerShape } from 'devextreme/viz/vector_map';
-import { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { VectorMapLegendItem, VectorMapMarkerShape } from 'devextreme/viz/vector_map';
+import type { HorizontalAlignment, Position, Orientation, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/legend-title-subtitle.ts b/packages/devextreme-angular/src/ui/vector-map/nested/legend-title-subtitle.ts
index f1c717461ed6..3a89d1d8ff96 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/legend-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/legend-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/legend-title.ts b/packages/devextreme-angular/src/ui/vector-map/nested/legend-title.ts
index ab0c987e5aa3..59eb0c4ac825 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/legend-title.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/legend-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/loading-indicator.ts b/packages/devextreme-angular/src/ui/vector-map/nested/loading-indicator.ts
index d0834d9b528e..f57c6d9f05a1 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/loading-indicator.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/loading-indicator.ts
@@ -16,7 +16,7 @@ import {
 
 
 
-import { Font } from 'devextreme/common/charts';
+import type { Font } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/subtitle.ts b/packages/devextreme-angular/src/ui/vector-map/nested/subtitle.ts
index 2210ed9f1c69..62c56e93463c 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/subtitle.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/title.ts b/packages/devextreme-angular/src/ui/vector-map/nested/title.ts
index 62775f3bd60a..505509b724e8 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/title.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/tooltip-border.ts b/packages/devextreme-angular/src/ui/vector-map/nested/tooltip-border.ts
index a4a102a7d9e7..37dbc98857f6 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/tooltip-border.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/tooltip-border.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { DashStyle } from 'devextreme/common/charts';
+import type { DashStyle } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/tooltip.ts b/packages/devextreme-angular/src/ui/vector-map/nested/tooltip.ts
index ea0a57cc7008..3a6a3794386f 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/tooltip.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { DashStyle, Font } from 'devextreme/common/charts';
-import { MapLayerElement } from 'devextreme/viz/vector_map';
+import type { DashStyle, Font } from 'devextreme/common/charts';
+import type { MapLayerElement } from 'devextreme/viz/vector_map';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title-subtitle.ts b/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title-subtitle.ts
index 23817b7c95f1..b2311b8ff4b6 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title-subtitle.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title-subtitle.ts
@@ -14,7 +14,7 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
 
 import {
     DxIntegrationModule,
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title.ts b/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title.ts
index f50df0bbe05c..914b253447ec 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/vector-map-title.ts
@@ -14,8 +14,8 @@ import {
 
 
 
-import { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
-import { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { Font, TextOverflow, WordWrap } from 'devextreme/common/charts';
+import type { HorizontalAlignment, VerticalEdge } from 'devextreme/common';
 
 import {
     DxIntegrationModule,