diff --git a/packages/devextreme-angular/src/ui/accordion/index.ts b/packages/devextreme-angular/src/ui/accordion/index.ts
index 94180b07e110..1118a8f0dc0a 100644
--- a/packages/devextreme-angular/src/ui/accordion/index.ts
+++ b/packages/devextreme-angular/src/ui/accordion/index.ts
@@ -21,12 +21,11 @@ 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 { dxAccordionItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, ItemTitleClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/accordion';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxAccordion from 'devextreme/ui/accordion';
@@ -56,7 +55,6 @@ import {
*/
@Component({
selector: 'dx-accordion',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/accordion/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/accordion/nested/item-dxi.ts
index 232bc8f153ef..5098806d3c5b 100644
--- a/packages/devextreme-angular/src/ui/accordion/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/accordion/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-accordion-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/action-sheet/index.ts b/packages/devextreme-angular/src/ui/action-sheet/index.ts
index 495eaeb27ee3..e6ee47ea42e6 100644
--- a/packages/devextreme-angular/src/ui/action-sheet/index.ts
+++ b/packages/devextreme-angular/src/ui/action-sheet/index.ts
@@ -21,12 +21,11 @@ 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 { dxActionSheetItem, CancelClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/action_sheet';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxActionSheet from 'devextreme/ui/action_sheet';
@@ -56,7 +55,6 @@ import {
*/
@Component({
selector: 'dx-action-sheet',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..dc4bf51b348a 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,
@@ -33,7 +33,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-action-sheet-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/autocomplete/index.ts b/packages/devextreme-angular/src/ui/autocomplete/index.ts
index df0f77770c47..f5b7e5019026 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/index.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/index.ts
@@ -24,14 +24,13 @@ 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 { 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 { default as DataSource, 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';
@@ -102,7 +101,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-autocomplete',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts
index 9455600bd998..31dcfef15cdd 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bc9643176287 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/boundary-offset.ts
index 356688c6108f..1cab4bbb7b3c 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3e55d3030ff0 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-autocomplete-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..81f46ea05fdc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..26c7c34049ae 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-autocomplete-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b88c54fbf3c3 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f3c661c7e071 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/item-dxi.ts
index df31c1a2246c..887aee6f753f 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-autocomplete-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..27b411a98d51 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/offset.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/offset.ts
index de3e8b4b7c06..82826dae61e0 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6fa1c9a5df31 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..bb45d638d584 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bd775dd93cc2 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..49be9bfdd491 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-autocomplete-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4b170f214ff6 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-autocomplete-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..aeadf6908e0a 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';
@@ -85,7 +85,6 @@ import { DxoBarGaugeTooltipBorderModule } from 'devextreme-angular/ui/bar-gauge/
*/
@Component({
selector: 'dx-bar-gauge',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
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..a7a99c473450 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c478a14ae659 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-bar-gauge-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a4cfc3382dab 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-bar-gauge-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..794fb4e6b93c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d5ae68d64d74 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/font.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/font.ts
index e5fb7e6c0c76..c31c4c46f387 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a0873910e00a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/geometry.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/geometry.ts
index b99352c8ecc4..56d79ad88dd5 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/geometry.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/geometry.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-geometry',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f72e28f11bab 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-item-text-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e55946001add 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a5b9c839862a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-legend-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6e3ade8b7b7d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-legend-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ccd18b44b82e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-legend-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e31721a2ad47 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e8198cae61a5 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/margin.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/margin.ts
index da2e66cb1c00..37d630e8d25e 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/shadow.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/shadow.ts
index c7b73795b220..811dcc4f7b1a 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bar-gauge/nested/size.ts b/packages/devextreme-angular/src/ui/bar-gauge/nested/size.ts
index 4b5b3c58f322..6aca174eb774 100644
--- a/packages/devextreme-angular/src/ui/bar-gauge/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/bar-gauge/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..34cae02f9c32 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4fd1e61b68cf 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9087745b22be 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3c01553a12ac 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bar-gauge-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/box/index.ts b/packages/devextreme-angular/src/ui/box/index.ts
index 5ef91bd54ee0..ad4a00eba993 100644
--- a/packages/devextreme-angular/src/ui/box/index.ts
+++ b/packages/devextreme-angular/src/ui/box/index.ts
@@ -21,12 +21,11 @@ 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 { Distribution, CrosswiseDistribution, dxBoxItem, BoxDirection, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/box';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxBox from 'devextreme/ui/box';
@@ -57,7 +56,6 @@ import {
*/
@Component({
selector: 'dx-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..85c8a29ec413 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,
@@ -32,7 +32,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-box-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bullet/index.ts b/packages/devextreme-angular/src/ui/bullet/index.ts
index 1177b9c397c8..2c7b6b4ea492 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';
@@ -56,7 +56,6 @@ import { DxoBulletTooltipModule } from 'devextreme-angular/ui/bullet/nested';
*/
@Component({
selector: 'dx-bullet',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/border.ts b/packages/devextreme-angular/src/ui/bullet/nested/border.ts
index 35eb317c006e..717349085817 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/font.ts b/packages/devextreme-angular/src/ui/bullet/nested/font.ts
index 19be9d0800c7..8c7e0af2ace5 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a6d518255693 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/margin.ts b/packages/devextreme-angular/src/ui/bullet/nested/margin.ts
index a2fed22c6140..5c59d9898b90 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/shadow.ts b/packages/devextreme-angular/src/ui/bullet/nested/shadow.ts
index 6115a359db38..48a50f19c987 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/bullet/nested/size.ts b/packages/devextreme-angular/src/ui/bullet/nested/size.ts
index a20d5d3d2ae6..a697b34ef8c1 100644
--- a/packages/devextreme-angular/src/ui/bullet/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/bullet/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..da6546ba21c8 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-bullet-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ff3575b1baaf 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';
@@ -53,7 +53,6 @@ import {
*/
@Component({
selector: 'dx-button-group',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..d04f0f846f90 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,
@@ -32,7 +32,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-button-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/button/index.ts b/packages/devextreme-angular/src/ui/button/index.ts
index 6e09d1169590..a87ac0c80314 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';
@@ -41,7 +41,6 @@ import {
*/
@Component({
selector: 'dx-button',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/calendar/index.ts b/packages/devextreme-angular/src/ui/calendar/index.ts
index 744b3ec69c9c..6bbcb9f26494 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';
@@ -57,7 +57,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-calendar',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/index.ts b/packages/devextreme-angular/src/ui/card-view/index.ts
index d21576159363..bedbfc74436f 100644
--- a/packages/devextreme-angular/src/ui/card-view/index.ts
+++ b/packages/devextreme-angular/src/ui/card-view/index.ts
@@ -21,17 +21,16 @@ 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 { 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 { default as DataSource, 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';
@@ -139,7 +138,6 @@ import {
@Component({
selector: 'dx-card-view',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/ai-options.ts b/packages/devextreme-angular/src/ui/card-view/nested/ai-options.ts
index dc2fab2ef266..7021f6b70021 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/ai-options.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/ai-options.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-ai-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..d9bca1e578ba 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..309f0ba4674d 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-async-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1fe2dd03f8f8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/card-view/nested/boundary-offset.ts
index 8e4ab3aa84f4..d0d3f984190d 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e915e8834271 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-button-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b4795db80cbc 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-button-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-cover.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-cover.ts
index dddd2dbf276d..5f7f4100e988 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-cover.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-cover.ts
@@ -32,7 +32,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-card-cover',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..88cb69d39c9a 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-card-header-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..5fa8dabeadb0 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxo-card-view-card-header',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..139ad6ff7338 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-card-view-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-texts.ts b/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-texts.ts
index c117a74f3838..a4b058180850 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-texts.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-card-view-header-filter-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b4d3b83b8ec4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-card-view-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2d2f3097729e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-card-view-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..50cbb68b7c66 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_changes } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-change',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/col-count-by-screen.ts b/packages/devextreme-angular/src/ui/card-view/nested/col-count-by-screen.ts
index e39d48b901ac..7d98cee79265 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/col-count-by-screen.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/col-count-by-screen.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-col-count-by-screen',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f6d9dfc27917 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-search.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-search.ts
index 461c3548b09f..ab465dc18a33 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-search.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-search.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-column-chooser-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-selection.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-selection.ts
index d72d4c0196fb..e0845759649e 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-selection.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/column-chooser-selection.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-column-chooser-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..629ed5248ce2 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-column-chooser',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f9ca2e0880f2 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxi-card-view-column',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c1bddbab2f41 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-column-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 351a9e662be4..de9f720746db 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-column-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8c93c88ec552 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-compare-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2b7c9e470511 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_customOperations } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-card-view-custom-operation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7de9b9b3b6b3 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-custom-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ebb4560cb032 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/editing-texts.ts b/packages/devextreme-angular/src/ui/card-view/nested/editing-texts.ts
index 660474d2125c..2f0007ee869b 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/editing-texts.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/editing-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-editing-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..25ccac930101 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-card-view-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9d0b75360d95 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-email-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9d451fa9a67d 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-empty-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f65cb1fb3da8 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,
@@ -28,7 +28,6 @@ import { PROPERTY_TOKEN_fields } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-field',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8ae3ebf03689 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-card-view-filter-builder',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/filter-operation-descriptions.ts b/packages/devextreme-angular/src/ui/card-view/nested/filter-operation-descriptions.ts
index 63be6fe7ddac..016c3543ff80 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/filter-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/filter-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-filter-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/filter-panel-texts.ts b/packages/devextreme-angular/src/ui/card-view/nested/filter-panel-texts.ts
index e55d934d6767..404c7409e43f 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/filter-panel-texts.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/filter-panel-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-filter-panel-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..94b0d6c5c68c 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-filter-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..62b68e8337e4 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,
@@ -41,7 +41,6 @@ import {
@Component({
selector: 'dxo-card-view-form-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..1680882b7393 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-card-view-form',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b12a57049885 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fd79019f9917 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3961b7461eea 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-card-view-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/group-operation-descriptions.ts b/packages/devextreme-angular/src/ui/card-view/nested/group-operation-descriptions.ts
index e493bf328632..c8aaa931c6fd 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/group-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/group-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-group-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 165e47c35b75..d8d6e57b469b 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3b2cc5ac47b8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-header-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..41afa2ca1c32 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..535c29f9e222 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-indicator-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..34f0eb5cbb95 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,
@@ -44,7 +44,6 @@ import {
@Component({
selector: 'dxi-card-view-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..7430142bfb6c 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..6d8a34b8f782 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,
@@ -30,7 +30,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-load-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9ff82c2d4c7d 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..72871d95b473 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-my',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..00ff783353d5 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-numeric-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/offset.ts b/packages/devextreme-angular/src/ui/card-view/nested/offset.ts
index 1e0dfaba3181..f05b01508464 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..70aef980ec5c 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-pager',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/paging.ts b/packages/devextreme-angular/src/ui/card-view/nested/paging.ts
index fe39146fdb51..71f3cc9dacab 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/paging.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/paging.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-paging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f0867437eb8c 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-pattern-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1b95b7c87781 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..401f0724fb83 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-range-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/remote-operations.ts b/packages/devextreme-angular/src/ui/card-view/nested/remote-operations.ts
index 766a544f5cec..6b994e8f4718 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/remote-operations.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/remote-operations.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-remote-operations',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1c7bdc07a90e 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-required-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..81e78971d7c8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-scrolling',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/search-panel.ts b/packages/devextreme-angular/src/ui/card-view/nested/search-panel.ts
index fbb122cddb55..ccd2152e00ae 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/search-panel.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/search-panel.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-search-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..06c1dbc18913 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7bcdeed48093 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..19631993744b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ff22aec3f15e 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-card-view-simple-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..fca7ae8ad6a9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-sorting',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f89d86e4675d 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-string-length-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d3ccc708ec0c 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-card-view-tab',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options-item-dxi.ts b/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options-item-dxi.ts
index d07a2679f779..cb7cec21e333 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options-item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-tab-panel-options-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..d6c289986e51 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,10 @@ 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 { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
import {
DxIntegrationModule,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-card-view-tab-panel-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f9839bdd7c8d 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-card-view-tabbed-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/texts.ts b/packages/devextreme-angular/src/ui/card-view/nested/texts.ts
index 50755b8b3d7a..b0e76fa3f67a 100644
--- a/packages/devextreme-angular/src/ui/card-view/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/card-view/nested/texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..265d5c955eeb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-card-view-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e511e1f5866d 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..223fe782ac13 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-card-view-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6e7b634a3628 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-card-view-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/index.ts b/packages/devextreme-angular/src/ui/chart/index.ts
index 0c8dc8e52cba..599d62c62a1c 100644
--- a/packages/devextreme-angular/src/ui/chart/index.ts
+++ b/packages/devextreme-angular/src/ui/chart/index.ts
@@ -22,15 +22,14 @@ 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 * 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 { default as DataSource, 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';
@@ -240,7 +239,6 @@ import {
*/
@Component({
selector: 'dx-chart',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/chart/nested/adaptive-layout.ts b/packages/devextreme-angular/src/ui/chart/nested/adaptive-layout.ts
index c55a3ff7d0d3..3318be9006f6 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/adaptive-layout.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/adaptive-layout.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-adaptive-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/aggregation-interval.ts b/packages/devextreme-angular/src/ui/chart/nested/aggregation-interval.ts
index a34619684b89..5ff4dadd239b 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/aggregation-interval.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/aggregation-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-aggregation-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/aggregation.ts b/packages/devextreme-angular/src/ui/chart/nested/aggregation.ts
index afc87c1c8019..323f5750d15d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-aggregation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7419a60b1dca 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f8825086d3aa 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-annotation-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..70ab092f8e1a 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,
@@ -33,7 +33,6 @@ import { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chart-annotation',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/annotation-image.ts b/packages/devextreme-angular/src/ui/chart/nested/annotation-image.ts
index 94862303f55c..cbc6519feb93 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/annotation-image.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/annotation-image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-annotation-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e0c4c807970a 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxo-chart-argument-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..74a7cd4ea860 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-argument-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d6743f8f78d4 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-axis-constant-line-style-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2ea0c8f1ad2b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-axis-constant-line-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0d1b6f845278 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,
@@ -36,7 +36,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-axis-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..361a7d72afcb 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-axis-title',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/background-color.ts b/packages/devextreme-angular/src/ui/chart/nested/background-color.ts
index ed9774a2c6ed..2238f3457d66 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/background-color.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/background-color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-background-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..56651bc45a33 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/break-dxi.ts b/packages/devextreme-angular/src/ui/chart/nested/break-dxi.ts
index bdbb68b0a993..0d8940593e00 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/break-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/break-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_breaks } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chart-break',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..df00bcd6e146 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-break-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ec496a613cce 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-chart-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..668b6b01943e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-chart-title',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/color.ts b/packages/devextreme-angular/src/ui/chart/nested/color.ts
index fa57ba6bf572..103ee97a611b 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bbbfa220b8b6 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-annotation-settings',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..443373579ece 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-axis-settings-constant-line-style-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9aff12f67b03 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-axis-settings-constant-line-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a3660c638fd5 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,
@@ -35,7 +35,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-axis-settings-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..dd68a8b32aed 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-axis-settings-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d6dbd4e16407 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-axis-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2f8b0cc13812 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-pane-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e9df6edda5c6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-series-settings-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..65935617bb92 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-series-settings-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..81aa5eaffa83 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-series-settings-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..577a39554b97 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-common-series-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/connector.ts b/packages/devextreme-angular/src/ui/chart/nested/connector.ts
index ef687969732b..e6e0a667aa60 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/connector.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/connector.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-connector',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e65e91363690 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_constantLines } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chart-constant-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..60dc5caccb1d 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-constant-line-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d57871acf94f 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-constant-line-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..94f0c9b0d5bc 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-crosshair',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/data-prepare-settings.ts b/packages/devextreme-angular/src/ui/chart/nested/data-prepare-settings.ts
index 6e03a317d437..3dc3a387524e 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/data-prepare-settings.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/data-prepare-settings.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-data-prepare-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/drag-box-style.ts b/packages/devextreme-angular/src/ui/chart/nested/drag-box-style.ts
index aaa6f65ab0e6..438705092a92 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/drag-box-style.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/drag-box-style.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-drag-box-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b04ab81cea73 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/font.ts b/packages/devextreme-angular/src/ui/chart/nested/font.ts
index a2833e8894dc..e1b525c1f295 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..71c37a9ddf0a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/grid.ts b/packages/devextreme-angular/src/ui/chart/nested/grid.ts
index f667e935304b..9f919ee77352 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/grid.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/grid.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-grid',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cfcb5626e19d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/height.ts b/packages/devextreme-angular/src/ui/chart/nested/height.ts
index 8a9bf555ec1a..38f5e64dedf4 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/height.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/height.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-height',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8c61b135a0a4 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-horizontal-line-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ac3565ea8466 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-horizontal-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c9784b7065b4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/image.ts b/packages/devextreme-angular/src/ui/chart/nested/image.ts
index 1af69def0eca..54d8c2377eaa 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/image.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e604bd06dfc0 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,
@@ -36,7 +36,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..dd914b855048 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-legend-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4dc8044f3941 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-legend-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ee5a00e57fea 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/length.ts b/packages/devextreme-angular/src/ui/chart/nested/length.ts
index c92b72c32b57..5f69ecfd29c7 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/length.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/length.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-length',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..16b1db4d11a1 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/margin.ts b/packages/devextreme-angular/src/ui/chart/nested/margin.ts
index af17535ce1d5..e658999e2dff 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/min-visual-range-length.ts b/packages/devextreme-angular/src/ui/chart/nested/min-visual-range-length.ts
index 45d72d1907a1..7d3d7d37d936 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/min-visual-range-length.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/min-visual-range-length.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-min-visual-range-length',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/minor-grid.ts b/packages/devextreme-angular/src/ui/chart/nested/minor-grid.ts
index 84b2f32d1a87..4a49939d50ca 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/minor-grid.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/minor-grid.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-minor-grid',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/minor-tick-interval.ts b/packages/devextreme-angular/src/ui/chart/nested/minor-tick-interval.ts
index caf96661e2d4..062cfeaa2419 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/minor-tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/minor-tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-minor-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/minor-tick.ts b/packages/devextreme-angular/src/ui/chart/nested/minor-tick.ts
index 12fd2dacea5d..6be05b3d7d52 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9032b78b2ff0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-pane-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0940cd108c65 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_panes } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chart-pane',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/point-border.ts b/packages/devextreme-angular/src/ui/chart/nested/point-border.ts
index cbd6aad00178..582460eb4eaf 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/point-border.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/point-border.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-point-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b0c6270df4a6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-point-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/point-image.ts b/packages/devextreme-angular/src/ui/chart/nested/point-image.ts
index ec219b5ea925..4de803739c88 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/point-image.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/point-image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-point-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..14948667fde6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-point-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5af9a0dbc477 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-point',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ef066ceb34db 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-reduction',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..884127b6dd61 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-scroll-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3974a77f670e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ad2eace02a5f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-series-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ab0557f0293c 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,
@@ -27,7 +27,6 @@ import { PROPERTY_TOKEN_series } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chart-series',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ac6afbc3592e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-series-template',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/shadow.ts b/packages/devextreme-angular/src/ui/chart/nested/shadow.ts
index 5fb40455e9f1..c4edb7edd55d 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/size.ts b/packages/devextreme-angular/src/ui/chart/nested/size.ts
index eabd82ea9e7e..1c92f477c6cd 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a1e4a5c77020 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_strips } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chart-strip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d30f0b06432e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-strip-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..81d4eb3b973f 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-strip-style-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..26ef0c6ccf20 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-strip-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..de666cab9d4d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/tick-interval.ts b/packages/devextreme-angular/src/ui/chart/nested/tick-interval.ts
index 0ba4197f5a0b..605f7a17cd6f 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/tick.ts b/packages/devextreme-angular/src/ui/chart/nested/tick.ts
index beec0fd0969d..2bb1b8b33354 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/tick.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3dceb8b4df12 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c656a6b774db 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..375f0c749bfc 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/url.ts b/packages/devextreme-angular/src/ui/chart/nested/url.ts
index 1699de0326ad..f38a61a540cb 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/url.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/url.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-url',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..72a07d7de61f 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-chart-value-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7e0753bb538d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-value-error-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f34dd22ee983 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-vertical-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bbd29398a0bf 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-visual-range',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4a7a623ede76 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-whole-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chart/nested/width.ts b/packages/devextreme-angular/src/ui/chart/nested/width.ts
index 701fad3726f4..46cd4fb790c0 100644
--- a/packages/devextreme-angular/src/ui/chart/nested/width.ts
+++ b/packages/devextreme-angular/src/ui/chart/nested/width.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-width',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..267fe4179d5d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chart-zoom-and-pan',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chat/index.ts b/packages/devextreme-angular/src/ui/chat/index.ts
index ccd3cdcf3131..74cf196e9fa5 100644
--- a/packages/devextreme-angular/src/ui/chat/index.ts
+++ b/packages/devextreme-angular/src/ui/chat/index.ts
@@ -22,13 +22,11 @@ import {
} from '@angular/core';
-import DataSource from 'devextreme/data/data_source';
-import dxChat from 'devextreme/ui/chat';
-import { Alert, Message, AttachmentDownloadClickEvent, DisposingEvent, InitializedEvent, 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 type { default as dxChat, Alert, Message, AttachmentDownloadClickEvent, DisposingEvent, InitializedEvent, MessageDeletedEvent, MessageDeletingEvent, MessageEditCanceledEvent, MessageEditingStartEvent, MessageEnteredEvent, MessageUpdatedEvent, MessageUpdatingEvent, OptionChangedEvent, TypingEndEvent, TypingStartEvent, User } from 'devextreme/ui/chat';
+import type { default as DataSource, 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 DxChat from 'devextreme/ui/chat';
@@ -77,7 +75,6 @@ import {
*/
@Component({
selector: 'dx-chat',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chat/nested/alert-dxi.ts b/packages/devextreme-angular/src/ui/chat/nested/alert-dxi.ts
index ee7cf4a25e8f..bf3da649b754 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/alert-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/alert-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_alerts } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chat-alert',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chat/nested/attachment-dxi.ts b/packages/devextreme-angular/src/ui/chat/nested/attachment-dxi.ts
index 975a3dd82c63..70d5b039c08d 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/attachment-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/attachment-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_attachments } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chat-attachment',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chat/nested/author.ts b/packages/devextreme-angular/src/ui/chat/nested/author.ts
index b5006e45df24..bd49b3c72aec 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/author.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/author.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chat-author',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..c253feba1e34 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chat-day-header-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a676432e8eec 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/editing.ts
@@ -14,8 +14,7 @@ import {
-import dxChat from 'devextreme/ui/chat';
-import { Message } from 'devextreme/ui/chat';
+import type { default as dxChat, Message } from 'devextreme/ui/chat';
import {
DxIntegrationModule,
@@ -26,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chat-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b71b10a2bcff 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,
@@ -29,7 +29,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chat-file-uploader-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 980657eed387..632fe1f31e2c 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, MessageType } from 'devextreme/ui/chat';
+import type { Attachment, User, MessageType } from 'devextreme/ui/chat';
import {
DxIntegrationModule,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-chat-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..76d7b205a834 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chat-message-timestamp-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chat/nested/typing-user-dxi.ts b/packages/devextreme-angular/src/ui/chat/nested/typing-user-dxi.ts
index 9fd5e2de2bb3..db224e1ccdba 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/typing-user-dxi.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/typing-user-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_typingUsers } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-chat-typing-user',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/chat/nested/user.ts b/packages/devextreme-angular/src/ui/chat/nested/user.ts
index 00f8fbad223c..ceecace402ad 100644
--- a/packages/devextreme-angular/src/ui/chat/nested/user.ts
+++ b/packages/devextreme-angular/src/ui/chat/nested/user.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-chat-user',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1cce6c322c1f 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';
@@ -57,7 +57,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-check-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/index.ts b/packages/devextreme-angular/src/ui/circular-gauge/index.ts
index b82f7820299e..f439065baa64 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';
@@ -102,7 +102,6 @@ import {
*/
@Component({
selector: 'dx-circular-gauge',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
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..3c0c7a0fe939 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/background-color.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/background-color.ts
index 579a56ad195d..ff248c7ce88e 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/background-color.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/background-color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-background-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bcf1295d8eb9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/color.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/color.ts
index 42154671df41..99c796ffbd70 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4b4c110eee05 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/font.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/font.ts
index d1beacb5d0f1..48ff6c2180e3 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0f6cc0413e4e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/geometry.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/geometry.ts
index 2d1365aff910..3c686fabdd62 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/geometry.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/geometry.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-geometry',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ed0090ed8d01 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3a49b5302b58 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/margin.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/margin.ts
index e183c1725b01..383936d2110e 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/minor-tick.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/minor-tick.ts
index 66e4da069266..66f3f13500b6 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0407df79ff6d 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,
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-circular-gauge-range-container',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3496b68ff1d5 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_ranges } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-circular-gauge-range',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..239c6b4be532 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-scale',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/shadow.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/shadow.ts
index 463af6cb9556..2f4cf15eb58c 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/size.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/size.ts
index b1b436393862..f12f0cfb1ad4 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2c70ef0174c5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..eba2f5fb22f9 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-subvalue-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6298127c486b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-text',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/circular-gauge/nested/tick.ts b/packages/devextreme-angular/src/ui/circular-gauge/nested/tick.ts
index fea34fff7d4f..a9057465d96b 100644
--- a/packages/devextreme-angular/src/ui/circular-gauge/nested/tick.ts
+++ b/packages/devextreme-angular/src/ui/circular-gauge/nested/tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c1878b020af3 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..31a2f271b527 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2c0f5581639f 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-circular-gauge-value-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/color-box/index.ts b/packages/devextreme-angular/src/ui/color-box/index.ts
index c843cbcc9b28..20d2c0adaf08 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';
@@ -96,7 +96,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-color-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..9362e3a21892 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5514b1532138 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/color-box/nested/boundary-offset.ts
index 9604a4228edc..b54b63da87d8 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2d6f80c78aa8 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-color-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5e93bd49a017 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ab5482f42380 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-color-box-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/field-addons.ts b/packages/devextreme-angular/src/ui/color-box/nested/field-addons.ts
index 071c3d1b076f..bbaa1bc8ed8c 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/field-addons.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/field-addons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-field-addons',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c7f7d7c3a9d8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4040b22c9a77 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fa427a56168b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/offset.ts b/packages/devextreme-angular/src/ui/color-box/nested/offset.ts
index 9bf2c110f06f..2e2f8401383b 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..750ca7ef6b0a 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..6b570ebb6870 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0c581930bac6 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..da685e107016 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-color-box-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..840dfe25a665 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-color-box-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..0ee0497bfd0b 100644
--- a/packages/devextreme-angular/src/ui/context-menu/index.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/index.ts
@@ -21,15 +21,14 @@ import {
QueryList
} from '@angular/core';
-export { ExplicitTypes } from 'devextreme/ui/context_menu';
+export type { 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';
+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 { default as DataSource, 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';
@@ -87,7 +86,6 @@ import {
*/
@Component({
selector: 'dx-context-menu',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..0e273b3f9782 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2845930255dd 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/context-menu/nested/boundary-offset.ts
index 1efea35cb141..75f303921d08 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fc4875bf66bb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/delay.ts b/packages/devextreme-angular/src/ui/context-menu/nested/delay.ts
index 3f4e5a088a4a..bd85bbd20aa3 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/delay.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/delay.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-delay',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d6f408f60c45 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b4ba31775479 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bf07db65ffc3 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-context-menu-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..bb1a64397adc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/offset.ts b/packages/devextreme-angular/src/ui/context-menu/nested/offset.ts
index 1f253e8e39ed..be4530647733 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ca8c21c09415 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-position',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/context-menu/nested/show-event.ts b/packages/devextreme-angular/src/ui/context-menu/nested/show-event.ts
index a1fa00e74e7f..1155a10cf19f 100644
--- a/packages/devextreme-angular/src/ui/context-menu/nested/show-event.ts
+++ b/packages/devextreme-angular/src/ui/context-menu/nested/show-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-show-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..629151767df0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-show-submenu-mode',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6d0d14290f17 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1ed7814b2d6b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-menu-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4a70db38e603 100644
--- a/packages/devextreme-angular/src/ui/data-grid/index.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/index.ts
@@ -21,24 +21,22 @@ 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 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 { default as dxDataGrid, 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 { default as DataSource, 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';
@@ -245,7 +243,6 @@ import {
*/
@Component({
selector: 'dx-data-grid',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/ai-options.ts b/packages/devextreme-angular/src/ui/data-grid/nested/ai-options.ts
index 9dd79f5a68dd..8e24d9f0f01d 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/ai-options.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/ai-options.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-ai-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..0dd220193b55 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-ai',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0a0cb3c0ec3d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d93bafea0b26 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-async-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a21bd06e7bcc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/data-grid/nested/boundary-offset.ts
index 2afa993cde53..3fc93303cf44 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..42f073ce3580 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,9 @@ 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 { default as dxDataGrid, dxDataGridColumn, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/data_grid';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
import {
DxIntegrationModule,
@@ -35,7 +34,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-button',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..22730fe7730e 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-button-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..79a74641cc5c 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-button-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..72151a3180bf 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_changes } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-change',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/col-count-by-screen.ts b/packages/devextreme-angular/src/ui/data-grid/nested/col-count-by-screen.ts
index dab98c7be5e3..9e23e27a1d2d 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/col-count-by-screen.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/col-count-by-screen.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-col-count-by-screen',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b7b7bbc07ffb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aeee26cf75f0 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,7 @@ 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 { default as dxDataGrid, dxDataGridColumn, dxDataGridRowObject, DataGridPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/data_grid';
import {
DxIntegrationModule,
@@ -33,7 +32,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-column-button',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-search.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-search.ts
index 0360d1c9e1e9..a5ae1d35432c 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-search.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-search.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-chooser-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-selection.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-selection.ts
index ad5337f09970..0336853e75f9 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-selection.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-chooser-selection.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-chooser-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f8ad6a2e6e46 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-chooser',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bf16ad9551eb 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-data-grid-column',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing-texts.ts
index 5c78509a5c97..a2531c6e6999 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-fixing-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing.ts
index 7aa0b021347d..92b0124aa99f 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/column-fixing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-fixing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8efd4d144967 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 e1110f855d7d..6a7606ac2876 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..09e7a74bd140 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-column-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a030ae437d7c 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-compare-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/cursor-offset.ts b/packages/devextreme-angular/src/ui/data-grid/nested/cursor-offset.ts
index 37b7fe0ec127..14331a35c5d3 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/cursor-offset.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/cursor-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-cursor-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..66c5a341a5c3 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_customOperations } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-data-grid-custom-operation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d48ea9fbf3ee 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-custom-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d1f284d543c1 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-data-grid-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-texts.ts
index 8101aa590397..9937752e2754 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/data-grid-header-filter-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-data-grid-header-filter-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b8b1dfc0e1af 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-data-grid-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..65817c49989f 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-data-grid-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..520787067456 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-data-grid-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/editing-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/editing-texts.ts
index ed9d5b790ac5..f4b66e898a82 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/editing-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/editing-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-editing-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..64a02cedfc25 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,10 @@ 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 { default as dxDataGrid, 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,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-data-grid-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d9ccea25e3aa 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-editor-options-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..192029a59ccc 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-data-grid-editor-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..20872946e8fa 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-email-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b82e2072c8af 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-empty-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/export-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/export-texts.ts
index 44a0ab1943dc..8a18b9f1d8ff 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/export-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/export-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-export-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..97f05144ad47 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-export',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9e5e3a6fca3a 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,
@@ -28,7 +28,6 @@ import { PROPERTY_TOKEN_fields } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-field',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..114c94b21a40 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-field-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cad8dabf6bb3 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-data-grid-filter-builder-popup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..86340a29362d 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-data-grid-filter-builder',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-operation-descriptions.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-operation-descriptions.ts
index 84098a111ea1..584e3dbc0062 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-filter-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel-texts.ts
index c2a7863f305b..03b67970bcfa 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-panel-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-filter-panel-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..478464c27583 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-filter-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a80406d62ff9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-filter-row',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d0316eb78af9 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-data-grid-form-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..a225101b8074 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,
@@ -41,7 +41,6 @@ import {
@Component({
selector: 'dxo-data-grid-form-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..c02f020bfbcf 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-data-grid-form',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d172d0c915b3 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1bcc2750811b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..126eab590af0 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_groupItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-group-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/group-operation-descriptions.ts b/packages/devextreme-angular/src/ui/data-grid/nested/group-operation-descriptions.ts
index 5a0131430948..1d41304d8950 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/group-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/group-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-group-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e0bf4cefb0b9 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-group-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/grouping-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/grouping-texts.ts
index 03c5cdd9e9e6..2f79a4f2fd05 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/grouping-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/grouping-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-grouping-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..33eaf345ea1e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-grouping',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 8f1085f2ecb8..ba4f07144059 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ba43cacf432b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/icons.ts b/packages/devextreme-angular/src/ui/data-grid/nested/icons.ts
index 686a0dfde96e..33626589bd8f 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/icons.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/icons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-icons',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..98cb9b960ab5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-indicator-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c57c113a18df 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,
@@ -44,7 +44,6 @@ import {
@Component({
selector: 'dxi-data-grid-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..6ed666e83fa9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-keyboard-navigation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c5e869576448 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..a933dad70c02 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-load-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a4051bb23f25 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/master-detail.ts b/packages/devextreme-angular/src/ui/data-grid/nested/master-detail.ts
index 528f0d31c046..c141419bf11f 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/master-detail.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/master-detail.ts
@@ -32,7 +32,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-master-detail',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..6b9979a423b0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-my',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4800a075fb9a 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-numeric-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/offset.ts b/packages/devextreme-angular/src/ui/data-grid/nested/offset.ts
index 210bde9d9b45..72485253105b 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/operation-descriptions.ts b/packages/devextreme-angular/src/ui/data-grid/nested/operation-descriptions.ts
index 8c4cc785679e..1c3d0339541a 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b63ffa0174d4 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..d0cc2caf9c91 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-pager',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/paging.ts b/packages/devextreme-angular/src/ui/data-grid/nested/paging.ts
index 6d0659b4c5bc..aabbd8e0eacf 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/paging.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/paging.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-paging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ab0104c13ecb 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-pattern-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..155974b59d3a 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-data-grid-popup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c7612cfca9b9 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a8d3e7bca9ba 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-range-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/remote-operations.ts b/packages/devextreme-angular/src/ui/data-grid/nested/remote-operations.ts
index 26095c22b1ee..3668ce6680aa 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/remote-operations.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/remote-operations.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-remote-operations',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..12a6c437cb5a 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-required-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..74ed73812d32 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,
@@ -29,7 +29,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-row-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c94b5f573228 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-scrolling',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/search-panel.ts b/packages/devextreme-angular/src/ui/data-grid/nested/search-panel.ts
index 872ac2d26908..c1378917ddd4 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/search-panel.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/search-panel.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-search-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2f326b18c97b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e66cea099104 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f0b2c352058c 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..814f836a4b64 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-data-grid-simple-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..810b53b32e6e 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_sortByGroupSummaryInfo } from 'devextreme-angular/core/t
@Component({
selector: 'dxi-data-grid-sort-by-group-summary-info',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2cdab31ea1b6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-sorting',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..64cd671dc8bc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-state-storing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1c85260bc94f 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-string-length-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/summary-texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/summary-texts.ts
index 4d64f3a7fa9e..1689ac4583cd 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/summary-texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/summary-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-summary-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bd25fe95c67f 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-data-grid-summary',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6d003ae0d7c8 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-data-grid-tab',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options-item-dxi.ts b/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options-item-dxi.ts
index eab4d8b24269..5b770cce0e07 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/tab-panel-options-item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-tab-panel-options-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..f6d00d1b2a34 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,10 @@ 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 { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
import {
DxIntegrationModule,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-data-grid-tab-panel-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b18266d32f57 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-data-grid-tabbed-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/texts.ts b/packages/devextreme-angular/src/ui/data-grid/nested/texts.ts
index afe30c9b1e6c..092c9442214e 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bbdcf2eb43aa 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7e6154c8efd0 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..e8ea428a0a6c 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-data-grid-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3c882fa94c54 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_totalItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-total-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7a025334f136 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-data-grid-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d15ab4df4e2a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-grid-value-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..744438fb238e 100644
--- a/packages/devextreme-angular/src/ui/date-box/index.ts
+++ b/packages/devextreme-angular/src/ui/date-box/index.ts
@@ -24,13 +24,12 @@ 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 { 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 { default as dxDateBox, 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';
@@ -102,7 +101,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-date-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..2ccccc4cdcd1 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..733955d7f7fb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/date-box/nested/boundary-offset.ts
index 2787abe3fb07..64f610037967 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1d9d1c47cb8d 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-date-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a515cacca4d8 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-calendar-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..94905ea40986 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ee08e126c220 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-display-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c0d98788732a 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-date-box-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0f47042bb2bf 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4336bf9affee 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..360ba841b294 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/offset.ts b/packages/devextreme-angular/src/ui/date-box/nested/offset.ts
index b96806b105cb..6394c334d416 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..492bb57d5203 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..65ca2e515b17 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b9ef22e23724 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..56e9379ed6ce 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-box-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..152c3e3ac2e8 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-date-box-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..5b40ba0eaed4 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';
@@ -101,7 +101,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-date-range-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..532d8c78fa38 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3e0b002a6d09 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/boundary-offset.ts
index b03d777b4688..948e33866f09 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0f48f49eacfc 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-date-range-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8b1d190a47ed 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-calendar-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..441293148c36 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6679f9f92a71 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-display-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f4e5ebe1c724 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-date-range-box-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6cd8060d242b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cae8a4ea796c 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..dae12a280397 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/offset.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/offset.ts
index 1463238efcee..427cbe56d72f 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..eead7f296ddb 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..1dca10695745 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..83b82e6c37b9 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3e718fa75858 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-date-range-box-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8eab2b7e2c54 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-date-range-box-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/index.ts b/packages/devextreme-angular/src/ui/diagram/index.ts
index fe80ce0e90b7..c1ee49b9c3a4 100644
--- a/packages/devextreme-angular/src/ui/diagram/index.ts
+++ b/packages/devextreme-angular/src/ui/diagram/index.ts
@@ -22,11 +22,10 @@ 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 { 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 { default as DataSource, 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';
@@ -107,7 +106,6 @@ import {
*/
@Component({
selector: 'dx-diagram',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..296b17e005ee 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-auto-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..44d1250e202e 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-diagram-command',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3d55cf07b2ce 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-diagram-command-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/connection-point-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/connection-point-dxi.ts
index 8ab10bfc86d4..f2cbcf2c05c4 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/connection-point-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/connection-point-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_connectionPoints } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-diagram-connection-point',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..acbbcc7ecf22 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-diagram-context-menu',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 bd665eef273a..078eb5d9d0a0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-context-toolbox',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b59a6d792176 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-diagram-custom-shape',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..1e5a23e3d6ea 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-default-item-properties',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..50e0af798afa 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/edges.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/edges.ts
@@ -14,9 +14,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -27,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-edges',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/editing.ts b/packages/devextreme-angular/src/ui/diagram/nested/editing.ts
index 27211c5642fc..9f7a7db5da4a 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/editing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/export.ts b/packages/devextreme-angular/src/ui/diagram/nested/export.ts
index c30cdc23f7ec..452412655525 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/export.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/grid-size.ts b/packages/devextreme-angular/src/ui/diagram/nested/grid-size.ts
index cb855eb06d5b..ff351433062c 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/grid-size.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/grid-size.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-grid-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 75972e06e027..4b43246fcadc 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-diagram-group',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8d93ea83bf49 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-diagram-history-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8af143f47f28 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-diagram-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d5f34a94e2f1 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-diagram-main-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..76bfaa0ebd2c 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/nodes.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/nodes.ts
@@ -14,11 +14,10 @@ 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 { DataLayoutType } from 'devextreme/ui/diagram';
+import type { Orientation } from 'devextreme/common';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -29,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-nodes',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/page-size-item-dxi.ts b/packages/devextreme-angular/src/ui/diagram/nested/page-size-item-dxi.ts
index 4b603ea214af..bfc9304a1403 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/page-size-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/page-size-item-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-diagram-page-size-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/page-size.ts b/packages/devextreme-angular/src/ui/diagram/nested/page-size.ts
index 73a099233875..6aefb599d862 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/page-size.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/page-size.ts
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-diagram-page-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a1b2c2a0d575 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-diagram-properties-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fd9e11317b18 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-diagram-tab',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3842c1d3d8a6 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-diagram-tab-group',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 d2565eeeba53..7ed842d569c1 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_groups } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-diagram-toolbox-group',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/toolbox.ts b/packages/devextreme-angular/src/ui/diagram/nested/toolbox.ts
index e60d96924825..8b7d6193894d 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-diagram-toolbox',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e05320556fc3 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-diagram-view-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/diagram/nested/zoom-level.ts b/packages/devextreme-angular/src/ui/diagram/nested/zoom-level.ts
index c773b70fcfbe..d629e13ae7dd 100644
--- a/packages/devextreme-angular/src/ui/diagram/nested/zoom-level.ts
+++ b/packages/devextreme-angular/src/ui/diagram/nested/zoom-level.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-diagram-zoom-level',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/draggable/index.ts b/packages/devextreme-angular/src/ui/draggable/index.ts
index ae55fe5c5dab..4dbe3b460aaf 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';
@@ -43,7 +43,6 @@ import { DxoDraggableCursorOffsetModule } from 'devextreme-angular/ui/draggable/
*/
@Component({
selector: 'dx-draggable',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/draggable/nested/cursor-offset.ts b/packages/devextreme-angular/src/ui/draggable/nested/cursor-offset.ts
index dc09f4dc6299..f81bf0bdb1b4 100644
--- a/packages/devextreme-angular/src/ui/draggable/nested/cursor-offset.ts
+++ b/packages/devextreme-angular/src/ui/draggable/nested/cursor-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-draggable-cursor-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/drawer/index.ts b/packages/devextreme-angular/src/ui/drawer/index.ts
index f8b7171abbff..a69211c9ac35 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';
@@ -41,7 +41,6 @@ import {
*/
@Component({
selector: 'dx-drawer',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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 51eb593db56c..41df829baca4 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,12 @@ 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 { 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 { default as DataSource, 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';
@@ -101,7 +100,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-drop-down-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..3e584bdbf833 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e5c0e31c84d8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/boundary-offset.ts
index ed2c7f02b316..2053fdd41bb1 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4a83062f6a51 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-drop-down-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a9e6b4280af9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..45991ba17b19 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-drop-down-box-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/field-addons.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/field-addons.ts
index 99de2830e90f..c1258d0688e2 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/field-addons.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/field-addons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-field-addons',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..55b2ec34c1a5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8cb5e954497a 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..311f0aef0921 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/offset.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/offset.ts
index 072372dbb699..aa5a7b3b4f19 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..52da86650fd1 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..eff947b7a8be 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5564927db9f7 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..eb54d3f37f0d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-box-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..294680e0b27e 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-drop-down-box-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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 5337c7303252..26edeac06a7f 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,11 @@ 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 { dxDropDownButtonItem, ButtonClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/drop_down_button';
+import type { default as DataSource, 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';
@@ -83,7 +82,6 @@ import {
*/
@Component({
selector: 'dx-drop-down-button',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..8f2d889508f5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..11a21fbdb44e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/boundary-offset.ts
index 81f45bc0d395..45aa6a58be7c 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d9a23db93a3a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b912cfe1d01a 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-drop-down-button-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e482b63c3871 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fc7d01d9bb46 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..09c1593fbcaa 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,
@@ -32,7 +32,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-drop-down-button-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..6de8cdbea376 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/offset.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/offset.ts
index bb0624eee319..e74fbc984a06 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7d7bcd10efb5 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0bc14b292058 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5ff2fe65d5eb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drop-down-button-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bc51873c6301 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-drop-down-button-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..5528e65e6e26 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';
@@ -76,7 +76,6 @@ import {
*/
@Component({
selector: 'dx-file-manager',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..9f765894257c 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_columns } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-file-manager-column',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..223b7372dd96 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,
@@ -28,7 +28,6 @@ import {
@Component({
selector: 'dxi-file-manager-context-menu-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8920b658ddee 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-file-manager-context-menu',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d03a5131c0b3 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-file-manager-details',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..47a03bdda20e 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_fileSelectionItems } from 'devextreme-angular/core/token
@Component({
selector: 'dxi-file-manager-file-selection-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ef5e8c60ee9f 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-file-manager-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..78629a98d285 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-file-manager-item-view',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/notifications.ts b/packages/devextreme-angular/src/ui/file-manager/nested/notifications.ts
index b2a9d959923b..5cb5a233c74f 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/notifications.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/notifications.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-file-manager-notifications',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/permissions.ts b/packages/devextreme-angular/src/ui/file-manager/nested/permissions.ts
index dd00c8ee7308..52b925eda42c 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/permissions.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/permissions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-file-manager-permissions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..561e240eb2c5 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-file-manager-toolbar-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ea7510147e75 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,
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-file-manager-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/file-manager/nested/upload.ts b/packages/devextreme-angular/src/ui/file-manager/nested/upload.ts
index 5b0c729f9b3e..5e42d012c4da 100644
--- a/packages/devextreme-angular/src/ui/file-manager/nested/upload.ts
+++ b/packages/devextreme-angular/src/ui/file-manager/nested/upload.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-file-manager-upload',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b2f713903a90 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';
@@ -58,7 +58,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-file-uploader',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/filter-builder/index.ts b/packages/devextreme-angular/src/ui/filter-builder/index.ts
index ac8ccfb9a0cc..13d51e1429ae 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';
@@ -75,7 +75,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-filter-builder',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..23049ac99ec4 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_customOperations } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-filter-builder-custom-operation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b10294a8573f 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,
@@ -28,7 +28,6 @@ import { PROPERTY_TOKEN_fields } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-filter-builder-field',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/filter-builder/nested/filter-operation-descriptions.ts b/packages/devextreme-angular/src/ui/filter-builder/nested/filter-operation-descriptions.ts
index 7047ba3878e4..5ca7203092ca 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/nested/filter-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/nested/filter-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-filter-builder-filter-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bd031b7d9db1 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-filter-builder-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/filter-builder/nested/group-operation-descriptions.ts b/packages/devextreme-angular/src/ui/filter-builder/nested/group-operation-descriptions.ts
index ce0416349ab8..17f1b19eac21 100644
--- a/packages/devextreme-angular/src/ui/filter-builder/nested/group-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/filter-builder/nested/group-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-filter-builder-group-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b760a70d3d45 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-filter-builder-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/form/index.ts b/packages/devextreme-angular/src/ui/form/index.ts
index bef6ca3bf880..bb266a33493f 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';
@@ -84,7 +84,6 @@ import {
*/
@Component({
selector: 'dx-form',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/form/nested/ai-options.ts b/packages/devextreme-angular/src/ui/form/nested/ai-options.ts
index a71231721896..7c429d3df495 100644
--- a/packages/devextreme-angular/src/ui/form/nested/ai-options.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/ai-options.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-form-ai-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..9a79ab861d1e 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-async-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6fc305045dbe 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-button-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8863169911bf 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-form-button-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/form/nested/col-count-by-screen.ts b/packages/devextreme-angular/src/ui/form/nested/col-count-by-screen.ts
index 5ebb9f427aa7..d1932ff31f40 100644
--- a/packages/devextreme-angular/src/ui/form/nested/col-count-by-screen.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/col-count-by-screen.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-form-col-count-by-screen',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fda0e15cb6d4 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-compare-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c0683b7452b5 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-custom-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4793f09b237d 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-email-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4e52bb39eb94 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-empty-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d8ac664d4143 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-form-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..0f0190bea3c7 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,
@@ -42,7 +42,6 @@ import {
@Component({
selector: 'dxi-form-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..5777bb625e42 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-form-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..88e7e590b6bc 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-numeric-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4341c3504932 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-pattern-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..14d97d1cd093 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-range-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..dc1e3088c521 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-required-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..794986e46d12 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-form-simple-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..0358471ac351 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-string-length-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8bfea7657302 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-form-tab',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/form/nested/tab-panel-options-item-dxi.ts b/packages/devextreme-angular/src/ui/form/nested/tab-panel-options-item-dxi.ts
index 76046412c86d..4b21ba253c4e 100644
--- a/packages/devextreme-angular/src/ui/form/nested/tab-panel-options-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/form/nested/tab-panel-options-item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-tab-panel-options-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..d50c3a35c333 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,10 @@ 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 { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
import {
DxIntegrationModule,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-form-tab-panel-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..75cc7d3303ce 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-form-tabbed-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..854f3fdd3a9a 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-form-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/index.ts b/packages/devextreme-angular/src/ui/funnel/index.ts
index 1cb76b03c17e..dd78f199c453 100644
--- a/packages/devextreme-angular/src/ui/funnel/index.ts
+++ b/packages/devextreme-angular/src/ui/funnel/index.ts
@@ -20,13 +20,12 @@ 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 { FunnelAlgorithm, dxFunnelItem, FunnelLegendItem, DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, HoverChangedEvent, IncidentOccurredEvent, InitializedEvent, ItemClickEvent, LegendClickEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/viz/funnel';
+import type { default as DataSource, 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';
@@ -96,7 +95,6 @@ import { DxoFunnelTooltipBorderModule } from 'devextreme-angular/ui/funnel/neste
*/
@Component({
selector: 'dx-funnel',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/adaptive-layout.ts b/packages/devextreme-angular/src/ui/funnel/nested/adaptive-layout.ts
index c0e0f2772172..9f7ddace5c12 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/adaptive-layout.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/adaptive-layout.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-adaptive-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/border.ts b/packages/devextreme-angular/src/ui/funnel/nested/border.ts
index 80b5fc56d9fe..98d1a789c0f4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/connector.ts b/packages/devextreme-angular/src/ui/funnel/nested/connector.ts
index f217299df6be..a06a0a25d9f8 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/connector.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/connector.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-connector',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..36f5d4f6ccde 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/font.ts b/packages/devextreme-angular/src/ui/funnel/nested/font.ts
index 4b9266d50b3c..e4a3af42ed5e 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7873b9f1d97e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a2ebd4ec7e19 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-funnel-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..03d348104d34 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-funnel-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0c6c02444899 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..621f947b8582 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/item-border.ts b/packages/devextreme-angular/src/ui/funnel/nested/item-border.ts
index cffcfd9c2afe..990d9e8d9bae 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/item-border.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/item-border.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-item-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..76266722ae48 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2d35263cf954 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-label-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0382ac876ce9 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..153042f9a34c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-legend-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..eac7e264f26c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-legend-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d0dc974c1469 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-legend-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7f94b0316743 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5e7e775705cf 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/margin.ts b/packages/devextreme-angular/src/ui/funnel/nested/margin.ts
index 36e9a5a0e38f..95e1bfeb5d5a 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9677564da730 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/shadow.ts b/packages/devextreme-angular/src/ui/funnel/nested/shadow.ts
index 1dd02b5b6287..ec2ded491f21 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/funnel/nested/size.ts b/packages/devextreme-angular/src/ui/funnel/nested/size.ts
index 50fec075d6f0..af09a78045de 100644
--- a/packages/devextreme-angular/src/ui/funnel/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/funnel/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..660ad0161211 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..733205ab5a1a 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8758dd74c35c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aeea7ab4073a 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-funnel-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gallery/index.ts b/packages/devextreme-angular/src/ui/gallery/index.ts
index 543d002654e3..d42063b54872 100644
--- a/packages/devextreme-angular/src/ui/gallery/index.ts
+++ b/packages/devextreme-angular/src/ui/gallery/index.ts
@@ -21,12 +21,11 @@ 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 { dxGalleryItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/gallery';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxGallery from 'devextreme/ui/gallery';
@@ -56,7 +55,6 @@ import {
*/
@Component({
selector: 'dx-gallery',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gallery/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/gallery/nested/item-dxi.ts
index 59038b7efb17..65119e9f94e9 100644
--- a/packages/devextreme-angular/src/ui/gallery/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gallery/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-gallery-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gantt/index.ts b/packages/devextreme-angular/src/ui/gantt/index.ts
index f32034d2517e..fc033a95310b 100644
--- a/packages/devextreme-angular/src/ui/gantt/index.ts
+++ b/packages/devextreme-angular/src/ui/gantt/index.ts
@@ -22,11 +22,10 @@ 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 { 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 { default as DataSource, 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';
@@ -101,7 +100,6 @@ import {
*/
@Component({
selector: 'dx-gantt',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..bd1e8dc6ee4c 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,
@@ -28,7 +28,6 @@ import { PROPERTY_TOKEN_columns } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-gantt-column',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..56645eb4a379 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-column-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 520fdb9da704..58a20930e70e 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-column-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..00422cbcc2d6 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-gantt-context-menu-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..1826504cc54d 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-gantt-context-menu-item-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..5f277fb85871 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-gantt-context-menu',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b6b1ce6b8c0e 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/dependencies.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/dependencies.ts
@@ -14,9 +14,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -27,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-dependencies',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/editing.ts b/packages/devextreme-angular/src/ui/gantt/nested/editing.ts
index 7370e8e93026..f19133641437 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/editing.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/editing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c8fd3e78dd03 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-filter-row',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2c8c2678bd50 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..25e853120320 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-gantt-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fbf992eb5922 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-gantt-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 7bef9bbf537b..17a974d50327 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,
@@ -29,7 +29,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c85f67cc07bb 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-gantt-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/operation-descriptions.ts b/packages/devextreme-angular/src/ui/gantt/nested/operation-descriptions.ts
index 7d5926d1a2e5..d50e4b0f53b1 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a8d010f062f7 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,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -27,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-resource-assignments',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a766c0bc2993 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/resources.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/resources.ts
@@ -14,9 +14,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -27,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-resources',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f53908beabbc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-scale-type-range',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fb5b238cff9c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..64e1d2795795 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-sorting',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/strip-line-dxi.ts b/packages/devextreme-angular/src/ui/gantt/nested/strip-line-dxi.ts
index 44c0ed3bf54b..12522692d9c2 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/strip-line-dxi.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/strip-line-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_stripLines } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-gantt-strip-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5315e205eb66 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/tasks.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/tasks.ts
@@ -14,9 +14,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -27,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-tasks',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/texts.ts b/packages/devextreme-angular/src/ui/gantt/nested/texts.ts
index abea9ce0cda1..6d9f5bd10bb6 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a4cef716d1d6 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-gantt-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..3fe6e7ec4842 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-gantt-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/validation.ts b/packages/devextreme-angular/src/ui/gantt/nested/validation.ts
index 5cb05d5e2a5f..81b187176ee9 100644
--- a/packages/devextreme-angular/src/ui/gantt/nested/validation.ts
+++ b/packages/devextreme-angular/src/ui/gantt/nested/validation.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-gantt-validation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9efc625b206e 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';
@@ -93,7 +93,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-html-editor',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..f6361710ac53 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_commands } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-html-editor-command',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/converter.ts b/packages/devextreme-angular/src/ui/html-editor/nested/converter.ts
index 1efe32056ea0..365d707162c1 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/converter.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/converter.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-html-editor-converter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..89c7934bf9c9 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,
@@ -29,7 +29,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-html-editor-file-uploader-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..875b0e8bd24e 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,
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-html-editor-image-upload',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b0c7f7971174 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-html-editor-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/media-resizing.ts b/packages/devextreme-angular/src/ui/html-editor/nested/media-resizing.ts
index eed300023e7d..6cf27fdd0b29 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/media-resizing.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/media-resizing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-html-editor-media-resizing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..03ae76ce6bca 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,8 @@ 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 { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -34,7 +33,6 @@ import { PROPERTY_TOKEN_mentions } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-html-editor-mention',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..6abb176c088d 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_tabs } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-html-editor-tab',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..055cf51f74e7 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-html-editor-table-context-menu-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..87309a3ba938 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-html-editor-table-context-menu',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/html-editor/nested/table-resizing.ts b/packages/devextreme-angular/src/ui/html-editor/nested/table-resizing.ts
index a465fc7438f0..b7f0097859cc 100644
--- a/packages/devextreme-angular/src/ui/html-editor/nested/table-resizing.ts
+++ b/packages/devextreme-angular/src/ui/html-editor/nested/table-resizing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-html-editor-table-resizing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9752df0735f8 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-html-editor-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..1815c9ae8dad 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-html-editor-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aa93eaa56f03 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,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -27,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-html-editor-variables',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..10ce3f22f647 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';
@@ -104,7 +104,6 @@ import {
*/
@Component({
selector: 'dx-linear-gauge',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
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..71d9cd8daddd 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/background-color.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/background-color.ts
index b9d3289bc0a6..9dc85ecd4e9e 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/background-color.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/background-color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-background-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b3e5361bafa5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/color.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/color.ts
index 9f491f03a25a..f311acdf832a 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3396d2577325 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/font.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/font.ts
index 1b93d77b6780..cbaf19f5b884 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2144266f45db 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4de2c620b8ef 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-geometry',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3b77c84d412e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c450f42b5bb9 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/margin.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/margin.ts
index b1ec8b9735dd..f8e477a6db25 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/minor-tick.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/minor-tick.ts
index 8abe3ab37934..fb7d8cb952b5 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b0b20319d556 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,
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-linear-gauge-range-container',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..858df0fe5149 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_ranges } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-linear-gauge-range',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a833d53a561d 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-scale',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/shadow.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/shadow.ts
index 11285bfb1bbe..2332e7244ef6 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/size.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/size.ts
index f0d278990ead..02d9431d93dd 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fec9d79e6bb0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f3dfc784bd27 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-subvalue-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..453ad51c0424 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-text',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/tick.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/tick.ts
index d9dfbe3616ee..52aa555321f9 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/tick.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5415d0e03233 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aa9895727003 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..460db1f435d8 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-value-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/linear-gauge/nested/width.ts b/packages/devextreme-angular/src/ui/linear-gauge/nested/width.ts
index d35ba7130665..f4ca84c104f6 100644
--- a/packages/devextreme-angular/src/ui/linear-gauge/nested/width.ts
+++ b/packages/devextreme-angular/src/ui/linear-gauge/nested/width.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-linear-gauge-width',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/list/index.ts b/packages/devextreme-angular/src/ui/list/index.ts
index 0bea7fe8518a..869e62f170c6 100644
--- a/packages/devextreme-angular/src/ui/list/index.ts
+++ b/packages/devextreme-angular/src/ui/list/index.ts
@@ -21,15 +21,14 @@ import {
QueryList
} from '@angular/core';
-export { ExplicitTypes } from 'devextreme/ui/list';
+export type { 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';
+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 { default as DataSource, 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';
@@ -48,7 +47,6 @@ import {
import { DxoItemDraggingModule } from 'devextreme-angular/ui/nested';
import { DxoCursorOffsetModule } from 'devextreme-angular/ui/nested';
import { DxiItemModule } from 'devextreme-angular/ui/nested';
-import { DxiMenuItemModule } from 'devextreme-angular/ui/nested';
import { DxoSearchEditorOptionsModule } from 'devextreme-angular/ui/nested';
import { DxiButtonModule } from 'devextreme-angular/ui/nested';
import { DxoOptionsModule } from 'devextreme-angular/ui/nested';
@@ -73,7 +71,6 @@ import {
*/
@Component({
selector: 'dx-list',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
@@ -1501,7 +1498,6 @@ export class DxListComponent extends DxComponent implem
DxoItemDraggingModule,
DxoCursorOffsetModule,
DxiItemModule,
- DxiMenuItemModule,
DxoSearchEditorOptionsModule,
DxiButtonModule,
DxoOptionsModule,
@@ -1520,7 +1516,6 @@ export class DxListComponent extends DxComponent implem
DxoItemDraggingModule,
DxoCursorOffsetModule,
DxiItemModule,
- DxiMenuItemModule,
DxoSearchEditorOptionsModule,
DxiButtonModule,
DxoOptionsModule,
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..0191b7200557 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-list-button',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/list/nested/cursor-offset.ts b/packages/devextreme-angular/src/ui/list/nested/cursor-offset.ts
index d448fc676f50..1844a9fd933d 100644
--- a/packages/devextreme-angular/src/ui/list/nested/cursor-offset.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/cursor-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-list-cursor-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c3baf6f32520 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-list-item-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/list/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/list/nested/item-dxi.ts
index e615a5cd34d6..3ed632c21898 100644
--- a/packages/devextreme-angular/src/ui/list/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-list-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/list/nested/menu-item-dxi.ts b/packages/devextreme-angular/src/ui/list/nested/menu-item-dxi.ts
index bea15b4736fa..f0b24c1d146b 100644
--- a/packages/devextreme-angular/src/ui/list/nested/menu-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/list/nested/menu-item-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_menuItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-list-menu-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1be2d11eaa2a 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-list-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..f46fa88a6a2e 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-list-search-editor-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..47f5fd430669 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';
@@ -40,7 +40,6 @@ import {
*/
@Component({
selector: 'dx-load-indicator',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/load-panel/index.ts b/packages/devextreme-angular/src/ui/load-panel/index.ts
index 92767fc94bbe..482aff50970e 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';
@@ -66,7 +66,6 @@ import { DxoLoadPanelToModule } from 'devextreme-angular/ui/load-panel/nested';
*/
@Component({
selector: 'dx-load-panel',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..8255bed40626 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7bd4d4978670 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/load-panel/nested/boundary-offset.ts
index 2c39a4355349..40410b6ce91e 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..09b89f510fb0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1a9bcc455876 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ed8cf6735596 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..55c2eb54f092 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-indicator-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e935d05f1b07 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/load-panel/nested/offset.ts b/packages/devextreme-angular/src/ui/load-panel/nested/offset.ts
index ab53c41c8ffa..23fc3a468464 100644
--- a/packages/devextreme-angular/src/ui/load-panel/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/load-panel/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..eb173199ff34 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e7c6a256844f 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1d4bbfbfba75 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel-to',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/index.ts b/packages/devextreme-angular/src/ui/lookup/index.ts
index c9ccec4b1db5..e0884d021022 100644
--- a/packages/devextreme-angular/src/ui/lookup/index.ts
+++ b/packages/devextreme-angular/src/ui/lookup/index.ts
@@ -24,13 +24,12 @@ 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 { 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 { default as DataSource, 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';
@@ -100,7 +99,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-lookup',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/animation.ts b/packages/devextreme-angular/src/ui/lookup/nested/animation.ts
index 1531aad8e6d1..11baf77e04ac 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..95a6eb4ab000 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/lookup/nested/boundary-offset.ts
index 58f0329f6b52..82a16eea8946 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f08f3457171d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9b7dbba2f2a8 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxo-lookup-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..468304686d31 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-from',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/hide-event.ts b/packages/devextreme-angular/src/ui/lookup/nested/hide-event.ts
index 3e1e1bc2bf8b..9ccf9f0ebef9 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/hide-event.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/hide-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-hide-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..339192c1499b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/lookup/nested/item-dxi.ts
index 2f39a85d5224..2df7d6e701b4 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-lookup-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..78515d26647a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/offset.ts b/packages/devextreme-angular/src/ui/lookup/nested/offset.ts
index 327b3affb471..6d1502cfb032 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b2d39da0d362 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-position',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/show-event.ts b/packages/devextreme-angular/src/ui/lookup/nested/show-event.ts
index cbfd753108c7..a2652bdf1e43 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/show-event.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/show-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-show-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aa31f8f16f2e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..442b33b21a93 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9ed13c9548a5 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-lookup-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/index.ts b/packages/devextreme-angular/src/ui/map/index.ts
index 104c12f98cdd..b27d9beaf4b7 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';
@@ -68,7 +68,6 @@ import {
*/
@Component({
selector: 'dx-map',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/api-key.ts b/packages/devextreme-angular/src/ui/map/nested/api-key.ts
index 7108edba5f89..6ba2558de43c 100644
--- a/packages/devextreme-angular/src/ui/map/nested/api-key.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/api-key.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-map-api-key',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/center.ts b/packages/devextreme-angular/src/ui/map/nested/center.ts
index 9edad68a6b57..08023209b52c 100644
--- a/packages/devextreme-angular/src/ui/map/nested/center.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/center.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-map-center',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/location-dxi.ts b/packages/devextreme-angular/src/ui/map/nested/location-dxi.ts
index 2706f6919cf4..d4b0f68f9e2a 100644
--- a/packages/devextreme-angular/src/ui/map/nested/location-dxi.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/location-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_locations } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-map-location',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/location.ts b/packages/devextreme-angular/src/ui/map/nested/location.ts
index 77ab0266c356..84fec9a75730 100644
--- a/packages/devextreme-angular/src/ui/map/nested/location.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/location.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-map-location',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/marker-dxi.ts b/packages/devextreme-angular/src/ui/map/nested/marker-dxi.ts
index c2a22c7fcb34..7ddb87763fe0 100644
--- a/packages/devextreme-angular/src/ui/map/nested/marker-dxi.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/marker-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_markers } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-map-marker',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/provider-config.ts b/packages/devextreme-angular/src/ui/map/nested/provider-config.ts
index 6b482cb0704e..0b75435ab9a5 100644
--- a/packages/devextreme-angular/src/ui/map/nested/provider-config.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/provider-config.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-map-provider-config',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..29452796abe8 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-map-route',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/map/nested/tooltip.ts b/packages/devextreme-angular/src/ui/map/nested/tooltip.ts
index d1defcbe6377..4e92ddb6c193 100644
--- a/packages/devextreme-angular/src/ui/map/nested/tooltip.ts
+++ b/packages/devextreme-angular/src/ui/map/nested/tooltip.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-map-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/menu/index.ts b/packages/devextreme-angular/src/ui/menu/index.ts
index 426571e1611d..0b2ee236147c 100644
--- a/packages/devextreme-angular/src/ui/menu/index.ts
+++ b/packages/devextreme-angular/src/ui/menu/index.ts
@@ -21,14 +21,13 @@ import {
QueryList
} from '@angular/core';
-export { ExplicitTypes } from 'devextreme/ui/menu';
+export type { 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';
+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 { default as DataSource, 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';
@@ -86,7 +85,6 @@ import {
*/
@Component({
selector: 'dx-menu',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/menu/nested/animation.ts b/packages/devextreme-angular/src/ui/menu/nested/animation.ts
index 9898e98dfe9b..6bf5fa773586 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..23b9d621fc30 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/menu/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/menu/nested/boundary-offset.ts
index 0fdda21b38ea..d048c407be79 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..03ace67b23a4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/menu/nested/delay.ts b/packages/devextreme-angular/src/ui/menu/nested/delay.ts
index 51c94f4e7d76..aeb6fe2efba6 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/delay.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/delay.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-delay',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..93e21f38cc02 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a1387b9eb373 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..618f6da08bf3 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-menu-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..09ad2aaee64d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/menu/nested/offset.ts b/packages/devextreme-angular/src/ui/menu/nested/offset.ts
index eca4c2a4ba77..1d1ea83434b8 100644
--- a/packages/devextreme-angular/src/ui/menu/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/menu/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..57d433d35d26 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c43f053a3dc1 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-show-first-submenu-mode',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d8663a7e003e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-show-submenu-mode',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..79f354ea4579 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d5c3269f2947 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-menu-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ce4635b51482 100644
--- a/packages/devextreme-angular/src/ui/multi-view/index.ts
+++ b/packages/devextreme-angular/src/ui/multi-view/index.ts
@@ -21,12 +21,11 @@ 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 { dxMultiViewItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/multi_view';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxMultiView from 'devextreme/ui/multi_view';
@@ -56,7 +55,6 @@ import {
*/
@Component({
selector: 'dx-multi-view',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/multi-view/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/multi-view/nested/item-dxi.ts
index 14945fae9045..7a780f6a6f52 100644
--- a/packages/devextreme-angular/src/ui/multi-view/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/multi-view/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-multi-view-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/adapter.ts b/packages/devextreme-angular/src/ui/nested/adapter.ts
index e9fd94474384..646b096a324d 100644
--- a/packages/devextreme-angular/src/ui/nested/adapter.ts
+++ b/packages/devextreme-angular/src/ui/nested/adapter.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-adapter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/adaptive-layout.ts b/packages/devextreme-angular/src/ui/nested/adaptive-layout.ts
index b7dfb367683c..0992eda61319 100644
--- a/packages/devextreme-angular/src/ui/nested/adaptive-layout.ts
+++ b/packages/devextreme-angular/src/ui/nested/adaptive-layout.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-adaptive-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/aggregation-interval.ts b/packages/devextreme-angular/src/ui/nested/aggregation-interval.ts
index 1e3b2f0c028b..2e9b9238c0ca 100644
--- a/packages/devextreme-angular/src/ui/nested/aggregation-interval.ts
+++ b/packages/devextreme-angular/src/ui/nested/aggregation-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-aggregation-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/aggregation.ts b/packages/devextreme-angular/src/ui/nested/aggregation.ts
index bb1b74836a63..23a47ce91521 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-aggregation',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/alert-dxi.ts b/packages/devextreme-angular/src/ui/nested/alert-dxi.ts
index 6bc833fa3858..d0d5c3632b4c 100644
--- a/packages/devextreme-angular/src/ui/nested/alert-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/alert-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_alerts } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-alert',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/animation.ts b/packages/devextreme-angular/src/ui/nested/animation.ts
index caaf501ce567..b4800e1c74b2 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/annotation-dxi.ts b/packages/devextreme-angular/src/ui/nested/annotation-dxi.ts
index 94a82218c024..a464bda337f1 100644
--- a/packages/devextreme-angular/src/ui/nested/annotation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/annotation-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-annotation',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/api-key.ts b/packages/devextreme-angular/src/ui/nested/api-key.ts
index 7c21eebfa0a4..b9d1cab38243 100644
--- a/packages/devextreme-angular/src/ui/nested/api-key.ts
+++ b/packages/devextreme-angular/src/ui/nested/api-key.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-api-key',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/appointment-dragging.ts b/packages/devextreme-angular/src/ui/nested/appointment-dragging.ts
index 8aec05f95813..fccc39e169af 100644
--- a/packages/devextreme-angular/src/ui/nested/appointment-dragging.ts
+++ b/packages/devextreme-angular/src/ui/nested/appointment-dragging.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-appointment-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/area.ts b/packages/devextreme-angular/src/ui/nested/area.ts
index 080df70bfed9..26878ad2d98c 100644
--- a/packages/devextreme-angular/src/ui/nested/area.ts
+++ b/packages/devextreme-angular/src/ui/nested/area.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-area',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..defb08bccf5b 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,
@@ -38,7 +38,6 @@ import {
@Component({
selector: 'dxo-argument-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/argument-format.ts b/packages/devextreme-angular/src/ui/nested/argument-format.ts
index 7aefa738b17f..a2179801d056 100644
--- a/packages/devextreme-angular/src/ui/nested/argument-format.ts
+++ b/packages/devextreme-angular/src/ui/nested/argument-format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-argument-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/at.ts b/packages/devextreme-angular/src/ui/nested/at.ts
index e0183b94696d..22236bff6770 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/author.ts b/packages/devextreme-angular/src/ui/nested/author.ts
index af07dfa394df..1979a2104e88 100644
--- a/packages/devextreme-angular/src/ui/nested/author.ts
+++ b/packages/devextreme-angular/src/ui/nested/author.ts
@@ -24,7 +24,6 @@ import { DxoUser } from './base/user';
@Component({
selector: 'dxo-author',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bd5e31487dab 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-auto-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/background-color.ts b/packages/devextreme-angular/src/ui/nested/background-color.ts
index 8ace22200843..3ee9b2019dd4 100644
--- a/packages/devextreme-angular/src/ui/nested/background-color.ts
+++ b/packages/devextreme-angular/src/ui/nested/background-color.ts
@@ -24,7 +24,6 @@ import { DxoChartsColor } from './base/charts-color';
@Component({
selector: 'dxo-background-color',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/background.ts b/packages/devextreme-angular/src/ui/nested/background.ts
index 7ff6fe115144..7c4658cb04c5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-background',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/bar.ts b/packages/devextreme-angular/src/ui/nested/bar.ts
index 0b67e6783b87..6a1b9c094b3a 100644
--- a/packages/devextreme-angular/src/ui/nested/bar.ts
+++ b/packages/devextreme-angular/src/ui/nested/bar.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 300f30b1b52b..94adf1872bda 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 eb8ae00abc91..f379b90148de 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..d96f7a538f53 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-behavior',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/border.ts b/packages/devextreme-angular/src/ui/nested/border.ts
index a508240bd584..3ad3192dd13f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/nested/boundary-offset.ts
index b0b67b617c5d..d0d96a42ccc7 100644
--- a/packages/devextreme-angular/src/ui/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/box.ts b/packages/devextreme-angular/src/ui/nested/box.ts
index aac5021fe747..089788d27360 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-box',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/break-dxi.ts b/packages/devextreme-angular/src/ui/nested/break-dxi.ts
index ebffd8bd2557..82228b7572ef 100644
--- a/packages/devextreme-angular/src/ui/nested/break-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/break-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_breaks } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-break',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..01fb4a592adf 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-break-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/bubble.ts b/packages/devextreme-angular/src/ui/nested/bubble.ts
index 3e93e6adab49..5d6b05ad65ec 100644
--- a/packages/devextreme-angular/src/ui/nested/bubble.ts
+++ b/packages/devextreme-angular/src/ui/nested/bubble.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-bubble',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/button-dxi.ts b/packages/devextreme-angular/src/ui/nested/button-dxi.ts
index 4d4a9cc0875b..d079941e4e5c 100644
--- a/packages/devextreme-angular/src/ui/nested/button-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/button-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-button',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/button-options.ts b/packages/devextreme-angular/src/ui/nested/button-options.ts
index 427405344d2c..8dcb9e49601a 100644
--- a/packages/devextreme-angular/src/ui/nested/button-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/button-options.ts
@@ -24,7 +24,6 @@ import { DxoButtonOptions } from './base/button-options';
@Component({
selector: 'dxo-button-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e83a92940d43 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,
@@ -27,7 +27,6 @@ import { DxoCalendarOptions } from './base/calendar-options';
@Component({
selector: 'dxo-calendar-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/candlestick.ts b/packages/devextreme-angular/src/ui/nested/candlestick.ts
index 954468a5139c..c666ed15e80b 100644
--- a/packages/devextreme-angular/src/ui/nested/candlestick.ts
+++ b/packages/devextreme-angular/src/ui/nested/candlestick.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-candlestick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/center-dxi.ts b/packages/devextreme-angular/src/ui/nested/center-dxi.ts
index 005dc9de5ee2..e4f543db057e 100644
--- a/packages/devextreme-angular/src/ui/nested/center-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/center-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_center } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-center',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/change-dxi.ts b/packages/devextreme-angular/src/ui/nested/change-dxi.ts
index ce797798f9ad..feeb17ced00d 100644
--- a/packages/devextreme-angular/src/ui/nested/change-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/change-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_changes } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-change',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/chart.ts b/packages/devextreme-angular/src/ui/nested/chart.ts
index 98bac7947b1d..49a7d65d7050 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-chart',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/col-count-by-screen.ts b/packages/devextreme-angular/src/ui/nested/col-count-by-screen.ts
index 168e24f37799..47a28bef6372 100644
--- a/packages/devextreme-angular/src/ui/nested/col-count-by-screen.ts
+++ b/packages/devextreme-angular/src/ui/nested/col-count-by-screen.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-col-count-by-screen',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/col-dxi.ts b/packages/devextreme-angular/src/ui/nested/col-dxi.ts
index 1aa28e0bb089..60ceba4656fb 100644
--- a/packages/devextreme-angular/src/ui/nested/col-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/col-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_cols } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-col',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/collision.ts b/packages/devextreme-angular/src/ui/nested/collision.ts
index 598c9558898f..eea9ee48ee2b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/color.ts b/packages/devextreme-angular/src/ui/nested/color.ts
index 7d50699d6d56..273ba478de9d 100644
--- a/packages/devextreme-angular/src/ui/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/nested/color.ts
@@ -24,7 +24,6 @@ import { DxoChartsColor } from './base/charts-color';
@Component({
selector: 'dxo-color',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/colorizer.ts b/packages/devextreme-angular/src/ui/nested/colorizer.ts
index 426737543089..d1d9fdbf23be 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-colorizer',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/column-chooser.ts b/packages/devextreme-angular/src/ui/nested/column-chooser.ts
index f36849557d11..c7d802c566eb 100644
--- a/packages/devextreme-angular/src/ui/nested/column-chooser.ts
+++ b/packages/devextreme-angular/src/ui/nested/column-chooser.ts
@@ -24,7 +24,6 @@ import { DxoColumnChooser } from './base/column-chooser';
@Component({
selector: 'dxo-column-chooser',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..19b30ad9b648 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxi-column',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/column-fixing.ts b/packages/devextreme-angular/src/ui/nested/column-fixing.ts
index 83c797f464c0..2ccc81aac3b5 100644
--- a/packages/devextreme-angular/src/ui/nested/column-fixing.ts
+++ b/packages/devextreme-angular/src/ui/nested/column-fixing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-column-fixing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/command-dxi.ts b/packages/devextreme-angular/src/ui/nested/command-dxi.ts
index eff77b345d27..ff947b6b36ef 100644
--- a/packages/devextreme-angular/src/ui/nested/command-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/command-dxi.ts
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-command',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/common-annotation-settings.ts b/packages/devextreme-angular/src/ui/nested/common-annotation-settings.ts
index ee6ab152f206..9e874581c07e 100644
--- a/packages/devextreme-angular/src/ui/nested/common-annotation-settings.ts
+++ b/packages/devextreme-angular/src/ui/nested/common-annotation-settings.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonAnnotationConfig } from './base/chart-common-annotation-c
@Component({
selector: 'dxo-common-annotation-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a2a2596ec58d 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-common-axis-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..34d784885e15 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-common-pane-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/common-series-settings.ts b/packages/devextreme-angular/src/ui/nested/common-series-settings.ts
index 041f3137fb84..4bfa54e44762 100644
--- a/packages/devextreme-angular/src/ui/nested/common-series-settings.ts
+++ b/packages/devextreme-angular/src/ui/nested/common-series-settings.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-common-series-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/connection-point-dxi.ts b/packages/devextreme-angular/src/ui/nested/connection-point-dxi.ts
index 39833b522997..5571413f1651 100644
--- a/packages/devextreme-angular/src/ui/nested/connection-point-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/connection-point-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_connectionPoints } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-connection-point',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/connector.ts b/packages/devextreme-angular/src/ui/nested/connector.ts
index c6db117075d2..9a609e5fbed9 100644
--- a/packages/devextreme-angular/src/ui/nested/connector.ts
+++ b/packages/devextreme-angular/src/ui/nested/connector.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-connector',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..42b931984162 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_constantLines } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-constant-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9286727e76ed 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-constant-line-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/context-menu.ts b/packages/devextreme-angular/src/ui/nested/context-menu.ts
index 2b2463581da0..c21330a69fd8 100644
--- a/packages/devextreme-angular/src/ui/nested/context-menu.ts
+++ b/packages/devextreme-angular/src/ui/nested/context-menu.ts
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-context-menu',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fc74df2a5392 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-context-toolbox',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d252e0c348c5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-control-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/converter.ts b/packages/devextreme-angular/src/ui/nested/converter.ts
index 96256e2f554b..ecae7f17f004 100644
--- a/packages/devextreme-angular/src/ui/nested/converter.ts
+++ b/packages/devextreme-angular/src/ui/nested/converter.ts
@@ -24,7 +24,6 @@ import { DxoConverter } from './base/converter';
@Component({
selector: 'dxo-converter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/crosshair.ts b/packages/devextreme-angular/src/ui/nested/crosshair.ts
index 3387d45814d7..ffedfab78791 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-crosshair',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/cursor-offset.ts b/packages/devextreme-angular/src/ui/nested/cursor-offset.ts
index 69e0c3ec604f..ce435dcf1415 100644
--- a/packages/devextreme-angular/src/ui/nested/cursor-offset.ts
+++ b/packages/devextreme-angular/src/ui/nested/cursor-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-cursor-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/custom-operation-dxi.ts b/packages/devextreme-angular/src/ui/nested/custom-operation-dxi.ts
index 69ab26baabf6..4a730218987d 100644
--- a/packages/devextreme-angular/src/ui/nested/custom-operation-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/custom-operation-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_customOperations } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-custom-operation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9ba9cf3c845a 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-custom-shape',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/data-prepare-settings.ts b/packages/devextreme-angular/src/ui/nested/data-prepare-settings.ts
index d2e4f413ca82..a59f470405b0 100644
--- a/packages/devextreme-angular/src/ui/nested/data-prepare-settings.ts
+++ b/packages/devextreme-angular/src/ui/nested/data-prepare-settings.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-data-prepare-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/day-header-format.ts b/packages/devextreme-angular/src/ui/nested/day-header-format.ts
index 838bcd0bfb8e..ff81869decad 100644
--- a/packages/devextreme-angular/src/ui/nested/day-header-format.ts
+++ b/packages/devextreme-angular/src/ui/nested/day-header-format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-day-header-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b49f8cc75f1d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-default-item-properties',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/delay.ts b/packages/devextreme-angular/src/ui/nested/delay.ts
index 87d4ceff3c98..7dc90d9939d5 100644
--- a/packages/devextreme-angular/src/ui/nested/delay.ts
+++ b/packages/devextreme-angular/src/ui/nested/delay.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-delay',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/dependencies.ts b/packages/devextreme-angular/src/ui/nested/dependencies.ts
index ee3639157290..d02f2ebc9e97 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-dependencies',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/details.ts b/packages/devextreme-angular/src/ui/nested/details.ts
index 43f8d13b51ad..bb394e795991 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-details',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/display-format.ts b/packages/devextreme-angular/src/ui/nested/display-format.ts
index ad3be2814d47..7f8ea5fa4b14 100644
--- a/packages/devextreme-angular/src/ui/nested/display-format.ts
+++ b/packages/devextreme-angular/src/ui/nested/display-format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-display-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/drag-box-style.ts b/packages/devextreme-angular/src/ui/nested/drag-box-style.ts
index e73317ed0982..937393d5289a 100644
--- a/packages/devextreme-angular/src/ui/nested/drag-box-style.ts
+++ b/packages/devextreme-angular/src/ui/nested/drag-box-style.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-drag-box-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..851578dfcebd 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/edges.ts b/packages/devextreme-angular/src/ui/nested/edges.ts
index 216f09f42e02..7f2746a80b17 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-edges',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/editing.ts b/packages/devextreme-angular/src/ui/nested/editing.ts
index 0e9fc98c23fd..59fe62f432b3 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/export.ts b/packages/devextreme-angular/src/ui/nested/export.ts
index 83a30bed5b32..3db16e917947 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-export',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..904f877abb58 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-field-chooser',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/field-dxi.ts b/packages/devextreme-angular/src/ui/nested/field-dxi.ts
index 7155228909b7..ef565672a2d2 100644
--- a/packages/devextreme-angular/src/ui/nested/field-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/field-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_fields } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-field',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/field-panel.ts b/packages/devextreme-angular/src/ui/nested/field-panel.ts
index 1a6880761424..0d0ca384aedb 100644
--- a/packages/devextreme-angular/src/ui/nested/field-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/field-panel.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-field-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/file-selection-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/file-selection-item-dxi.ts
index 8031db2e6757..f07de248c290 100644
--- a/packages/devextreme-angular/src/ui/nested/file-selection-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/file-selection-item-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_fileSelectionItems } from 'devextreme-angular/core/token
@Component({
selector: 'dxi-file-selection-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/file-uploader-options.ts b/packages/devextreme-angular/src/ui/nested/file-uploader-options.ts
index b1b23b7cc6fa..e12b02f1f4d7 100644
--- a/packages/devextreme-angular/src/ui/nested/file-uploader-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/file-uploader-options.ts
@@ -26,7 +26,6 @@ import { DxoFileUploaderOptions } from './base/file-uploader-options';
@Component({
selector: 'dxo-file-uploader-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6d733608524d 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-filter-builder-popup',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/filter-builder.ts b/packages/devextreme-angular/src/ui/nested/filter-builder.ts
index 69a61b75dfd9..d6749035195b 100644
--- a/packages/devextreme-angular/src/ui/nested/filter-builder.ts
+++ b/packages/devextreme-angular/src/ui/nested/filter-builder.ts
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-filter-builder',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/filter-operation-descriptions.ts b/packages/devextreme-angular/src/ui/nested/filter-operation-descriptions.ts
index 07820ac9f304..77e44b386770 100644
--- a/packages/devextreme-angular/src/ui/nested/filter-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/nested/filter-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-filter-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/filter-panel.ts b/packages/devextreme-angular/src/ui/nested/filter-panel.ts
index 91c26d625133..1b6ae247cd99 100644
--- a/packages/devextreme-angular/src/ui/nested/filter-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/filter-panel.ts
@@ -26,7 +26,6 @@ import { DxoFilterPanel } from './base/filter-panel';
@Component({
selector: 'dxo-filter-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/filter-row.ts b/packages/devextreme-angular/src/ui/nested/filter-row.ts
index fc73fa67d9a3..365be79b7c86 100644
--- a/packages/devextreme-angular/src/ui/nested/filter-row.ts
+++ b/packages/devextreme-angular/src/ui/nested/filter-row.ts
@@ -24,7 +24,6 @@ import { DxoGanttFilterRow } from './base/gantt-filter-row';
@Component({
selector: 'dxo-filter-row',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/font.ts b/packages/devextreme-angular/src/ui/nested/font.ts
index 8140646f8319..1c5783508cce 100644
--- a/packages/devextreme-angular/src/ui/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/nested/font.ts
@@ -24,7 +24,6 @@ import { DxoVizFont } from './base/viz-font';
@Component({
selector: 'dxo-font',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/form-item.ts b/packages/devextreme-angular/src/ui/nested/form-item.ts
index 224350b6f921..cc19a22df689 100644
--- a/packages/devextreme-angular/src/ui/nested/form-item.ts
+++ b/packages/devextreme-angular/src/ui/nested/form-item.ts
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxo-form-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/form.ts b/packages/devextreme-angular/src/ui/nested/form.ts
index 9274c9573f2c..86471937f27a 100644
--- a/packages/devextreme-angular/src/ui/nested/form.ts
+++ b/packages/devextreme-angular/src/ui/nested/form.ts
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-form',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/format.ts b/packages/devextreme-angular/src/ui/nested/format.ts
index 560be41e2af3..b364aac5b260 100644
--- a/packages/devextreme-angular/src/ui/nested/format.ts
+++ b/packages/devextreme-angular/src/ui/nested/format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/from.ts b/packages/devextreme-angular/src/ui/nested/from.ts
index a54c185a452e..9dfc574e19b6 100644
--- a/packages/devextreme-angular/src/ui/nested/from.ts
+++ b/packages/devextreme-angular/src/ui/nested/from.ts
@@ -24,7 +24,6 @@ import { DxoAnimationState } from './base/animation-state';
@Component({
selector: 'dxo-from',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/fullstackedarea.ts b/packages/devextreme-angular/src/ui/nested/fullstackedarea.ts
index fd925a6247e8..3ba27d3c6d03 100644
--- a/packages/devextreme-angular/src/ui/nested/fullstackedarea.ts
+++ b/packages/devextreme-angular/src/ui/nested/fullstackedarea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-fullstackedarea',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/fullstackedbar.ts b/packages/devextreme-angular/src/ui/nested/fullstackedbar.ts
index b1aaf2eb36e3..3fc75f99a53d 100644
--- a/packages/devextreme-angular/src/ui/nested/fullstackedbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/fullstackedbar.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-fullstackedbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/fullstackedline.ts b/packages/devextreme-angular/src/ui/nested/fullstackedline.ts
index e342c5f80e86..197fe6a5bbde 100644
--- a/packages/devextreme-angular/src/ui/nested/fullstackedline.ts
+++ b/packages/devextreme-angular/src/ui/nested/fullstackedline.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-fullstackedline',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/fullstackedspline.ts b/packages/devextreme-angular/src/ui/nested/fullstackedspline.ts
index 4801764b9432..b40047ef36ef 100644
--- a/packages/devextreme-angular/src/ui/nested/fullstackedspline.ts
+++ b/packages/devextreme-angular/src/ui/nested/fullstackedspline.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-fullstackedspline',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/fullstackedsplinearea.ts b/packages/devextreme-angular/src/ui/nested/fullstackedsplinearea.ts
index 76a6cb3ce22d..c462c4000262 100644
--- a/packages/devextreme-angular/src/ui/nested/fullstackedsplinearea.ts
+++ b/packages/devextreme-angular/src/ui/nested/fullstackedsplinearea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-fullstackedsplinearea',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/geometry.ts b/packages/devextreme-angular/src/ui/nested/geometry.ts
index 23a6f067d1a8..3671a71f661f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-geometry',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/grid-size.ts b/packages/devextreme-angular/src/ui/nested/grid-size.ts
index 41254b076da3..09ca2562239b 100644
--- a/packages/devextreme-angular/src/ui/nested/grid-size.ts
+++ b/packages/devextreme-angular/src/ui/nested/grid-size.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-grid-size',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/grid.ts b/packages/devextreme-angular/src/ui/nested/grid.ts
index 46923dcd1c3a..58d4bb82112f 100644
--- a/packages/devextreme-angular/src/ui/nested/grid.ts
+++ b/packages/devextreme-angular/src/ui/nested/grid.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-grid',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e99bd8c8f7fa 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-group',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..61cf94be5dae 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_groupItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-group-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/group-operation-descriptions.ts b/packages/devextreme-angular/src/ui/nested/group-operation-descriptions.ts
index 8c723c592f8c..ec99d20a6166 100644
--- a/packages/devextreme-angular/src/ui/nested/group-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/nested/group-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-group-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8fe668a33cb7 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-group-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/group.ts b/packages/devextreme-angular/src/ui/nested/group.ts
index a6060e752ac1..782713d6c298 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-group',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/grouping.ts b/packages/devextreme-angular/src/ui/nested/grouping.ts
index 4b03dcd8da8e..678277fd7560 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-grouping',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/hatching.ts b/packages/devextreme-angular/src/ui/nested/hatching.ts
index 7573a63b501f..b4168fb27b28 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/header-filter.ts b/packages/devextreme-angular/src/ui/nested/header-filter.ts
index 868c76b468c8..6eb48584a8d5 100644
--- a/packages/devextreme-angular/src/ui/nested/header-filter.ts
+++ b/packages/devextreme-angular/src/ui/nested/header-filter.ts
@@ -24,7 +24,6 @@ import { DxoColumnHeaderFilter } from './base/column-header-filter';
@Component({
selector: 'dxo-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/height.ts b/packages/devextreme-angular/src/ui/nested/height.ts
index 8e382ca59b52..08606cce4940 100644
--- a/packages/devextreme-angular/src/ui/nested/height.ts
+++ b/packages/devextreme-angular/src/ui/nested/height.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-height',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/hide-event.ts b/packages/devextreme-angular/src/ui/nested/hide-event.ts
index b42e10bd4826..2c2ed2f0772d 100644
--- a/packages/devextreme-angular/src/ui/nested/hide-event.ts
+++ b/packages/devextreme-angular/src/ui/nested/hide-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-hide-event',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/hide.ts b/packages/devextreme-angular/src/ui/nested/hide.ts
index 95a76a99561d..c4cb4608f30b 100644
--- a/packages/devextreme-angular/src/ui/nested/hide.ts
+++ b/packages/devextreme-angular/src/ui/nested/hide.ts
@@ -24,7 +24,6 @@ import { DxoAnimationConfig } from './base/animation-config';
@Component({
selector: 'dxo-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d98fb1d96475 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-history-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e9acf9bd5f72 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-horizontal-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8048e3ec2708 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/icons.ts b/packages/devextreme-angular/src/ui/nested/icons.ts
index f6f67ae4d4b3..8b2771e770a2 100644
--- a/packages/devextreme-angular/src/ui/nested/icons.ts
+++ b/packages/devextreme-angular/src/ui/nested/icons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-icons',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/image-upload.ts b/packages/devextreme-angular/src/ui/nested/image-upload.ts
index 366c9ddad648..70ccf87115dc 100644
--- a/packages/devextreme-angular/src/ui/nested/image-upload.ts
+++ b/packages/devextreme-angular/src/ui/nested/image-upload.ts
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxo-image-upload',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/image.ts b/packages/devextreme-angular/src/ui/nested/image.ts
index f700c5b06cb7..f13370b5dff3 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-image',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/indent.ts b/packages/devextreme-angular/src/ui/nested/indent.ts
index 766211508e84..841db8be9ad1 100644
--- a/packages/devextreme-angular/src/ui/nested/indent.ts
+++ b/packages/devextreme-angular/src/ui/nested/indent.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-indent',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/item-dragging.ts b/packages/devextreme-angular/src/ui/nested/item-dragging.ts
index 248a16b062de..a9176dfc001a 100644
--- a/packages/devextreme-angular/src/ui/nested/item-dragging.ts
+++ b/packages/devextreme-angular/src/ui/nested/item-dragging.ts
@@ -24,7 +24,6 @@ import { DxoSortableOptions } from './base/sortable-options';
@Component({
selector: 'dxo-item-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/nested/item-dxi.ts
index b45e228d9f26..5daca52b6c31 100644
--- a/packages/devextreme-angular/src/ui/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/item-dxi.ts
@@ -40,7 +40,6 @@ import {
@Component({
selector: 'dxi-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/item-text-format.ts b/packages/devextreme-angular/src/ui/nested/item-text-format.ts
index 7e024017a4e8..a9facddf6803 100644
--- a/packages/devextreme-angular/src/ui/nested/item-text-format.ts
+++ b/packages/devextreme-angular/src/ui/nested/item-text-format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-item-text-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ebd58d5c31ff 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-item-view',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/item.ts b/packages/devextreme-angular/src/ui/nested/item.ts
index e9b444a2935f..1c2b880db7c4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cff36de9f0da 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-keyboard-navigation',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/label.ts b/packages/devextreme-angular/src/ui/nested/label.ts
index af1997e83624..bd9a2ea9ee0c 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,
@@ -38,7 +38,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..91a313644308 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,
@@ -28,7 +28,6 @@ import { PROPERTY_TOKEN_layers } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-layer',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9d2a1d33b8e4 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_legends } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/legend.ts b/packages/devextreme-angular/src/ui/nested/legend.ts
index 9e49f05ed330..5617aef011d9 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/line.ts b/packages/devextreme-angular/src/ui/nested/line.ts
index c9e6d40875aa..a233ddbff2d8 100644
--- a/packages/devextreme-angular/src/ui/nested/line.ts
+++ b/packages/devextreme-angular/src/ui/nested/line.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-line',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/link.ts b/packages/devextreme-angular/src/ui/nested/link.ts
index 54fe37fc6128..7ae1fd1c841f 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-link',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2fd14f88567a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-load-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1092bf1f0f91 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/location-dxi.ts b/packages/devextreme-angular/src/ui/nested/location-dxi.ts
index 439247f468d7..50dcad1637b1 100644
--- a/packages/devextreme-angular/src/ui/nested/location-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/location-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_location } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-location',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/lookup.ts b/packages/devextreme-angular/src/ui/nested/lookup.ts
index 31f7860dc454..4d80152d292f 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..18350c67ba4d 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-main-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/margin.ts b/packages/devextreme-angular/src/ui/nested/margin.ts
index bb40abcea7c8..225ae7fc5844 100644
--- a/packages/devextreme-angular/src/ui/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/marker-dxi.ts b/packages/devextreme-angular/src/ui/nested/marker-dxi.ts
index 5559c00245ce..25cd78536d10 100644
--- a/packages/devextreme-angular/src/ui/nested/marker-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/marker-dxi.ts
@@ -28,7 +28,6 @@ import {
@Component({
selector: 'dxi-marker',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/marker.ts b/packages/devextreme-angular/src/ui/nested/marker.ts
index c06c73b57ce3..aac6aa950fbf 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-marker',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/master-detail.ts b/packages/devextreme-angular/src/ui/nested/master-detail.ts
index 9fe7912bed53..0241c14971f6 100644
--- a/packages/devextreme-angular/src/ui/nested/master-detail.ts
+++ b/packages/devextreme-angular/src/ui/nested/master-detail.ts
@@ -32,7 +32,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-master-detail',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/max-range.ts b/packages/devextreme-angular/src/ui/nested/max-range.ts
index 13bf8680bf3a..3ebd492881d9 100644
--- a/packages/devextreme-angular/src/ui/nested/max-range.ts
+++ b/packages/devextreme-angular/src/ui/nested/max-range.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-max-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/media-resizing.ts b/packages/devextreme-angular/src/ui/nested/media-resizing.ts
index 20b1b08a04b5..0300a83688b0 100644
--- a/packages/devextreme-angular/src/ui/nested/media-resizing.ts
+++ b/packages/devextreme-angular/src/ui/nested/media-resizing.ts
@@ -24,7 +24,6 @@ import { DxoHtmlEditorMediaResizing } from './base/html-editor-media-resizing';
@Component({
selector: 'dxo-media-resizing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/mention-dxi.ts b/packages/devextreme-angular/src/ui/nested/mention-dxi.ts
index 745237135ed5..d296fe3fc6bc 100644
--- a/packages/devextreme-angular/src/ui/nested/mention-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/mention-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_mentions } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-mention',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/menu-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/menu-item-dxi.ts
index 862c31243d8a..4e0f9af0f79c 100644
--- a/packages/devextreme-angular/src/ui/nested/menu-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/menu-item-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_menuItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-menu-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/message-timestamp-format.ts b/packages/devextreme-angular/src/ui/nested/message-timestamp-format.ts
index 7de3022346c8..3da65fb84cdf 100644
--- a/packages/devextreme-angular/src/ui/nested/message-timestamp-format.ts
+++ b/packages/devextreme-angular/src/ui/nested/message-timestamp-format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-message-timestamp-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/min-range.ts b/packages/devextreme-angular/src/ui/nested/min-range.ts
index 31ac3410cc7a..a98688cd665e 100644
--- a/packages/devextreme-angular/src/ui/nested/min-range.ts
+++ b/packages/devextreme-angular/src/ui/nested/min-range.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-min-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/min-visual-range-length.ts b/packages/devextreme-angular/src/ui/nested/min-visual-range-length.ts
index e08ef95482c3..af030f252861 100644
--- a/packages/devextreme-angular/src/ui/nested/min-visual-range-length.ts
+++ b/packages/devextreme-angular/src/ui/nested/min-visual-range-length.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-min-visual-range-length',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/minor-grid.ts b/packages/devextreme-angular/src/ui/nested/minor-grid.ts
index 946bb0fe70f4..561965db84fd 100644
--- a/packages/devextreme-angular/src/ui/nested/minor-grid.ts
+++ b/packages/devextreme-angular/src/ui/nested/minor-grid.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-minor-grid',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/minor-tick-interval.ts b/packages/devextreme-angular/src/ui/nested/minor-tick-interval.ts
index c6bed3ff5ea5..957104ce5b63 100644
--- a/packages/devextreme-angular/src/ui/nested/minor-tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/nested/minor-tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-minor-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/minor-tick.ts b/packages/devextreme-angular/src/ui/nested/minor-tick.ts
index 8897e6ab1b36..809bbf7c6deb 100644
--- a/packages/devextreme-angular/src/ui/nested/minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/nested/minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/my.ts b/packages/devextreme-angular/src/ui/nested/my.ts
index b5e92a24cc17..f6d2b5e798d9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/node.ts b/packages/devextreme-angular/src/ui/nested/node.ts
index 7c51fa985543..9bad11f24333 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-node',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/nodes.ts b/packages/devextreme-angular/src/ui/nested/nodes.ts
index 0145d9908422..9b83dc586092 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-nodes',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/notifications.ts b/packages/devextreme-angular/src/ui/nested/notifications.ts
index add40ab98be8..3c50ba3cae18 100644
--- a/packages/devextreme-angular/src/ui/nested/notifications.ts
+++ b/packages/devextreme-angular/src/ui/nested/notifications.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-notifications',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/offset.ts b/packages/devextreme-angular/src/ui/nested/offset.ts
index aa01c62cc4dc..24675e11edbc 100644
--- a/packages/devextreme-angular/src/ui/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/operation-descriptions.ts b/packages/devextreme-angular/src/ui/nested/operation-descriptions.ts
index d2d9ead9cf5d..8b07325384d2 100644
--- a/packages/devextreme-angular/src/ui/nested/operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/nested/operation-descriptions.ts
@@ -24,7 +24,6 @@ import { DxoGanttFilterRowOperationDescriptions } from './base/gantt-filter-row-
@Component({
selector: 'dxo-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/options.ts b/packages/devextreme-angular/src/ui/nested/options.ts
index 339878a1560b..217dd4122bd9 100644
--- a/packages/devextreme-angular/src/ui/nested/options.ts
+++ b/packages/devextreme-angular/src/ui/nested/options.ts
@@ -24,7 +24,6 @@ import { DxoButtonOptions } from './base/button-options';
@Component({
selector: 'dxo-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/page-size.ts b/packages/devextreme-angular/src/ui/nested/page-size.ts
index 76b8ddd37578..d2617b9f7931 100644
--- a/packages/devextreme-angular/src/ui/nested/page-size.ts
+++ b/packages/devextreme-angular/src/ui/nested/page-size.ts
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-page-size',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/pager.ts b/packages/devextreme-angular/src/ui/nested/pager.ts
index e151e6ab83b1..c93540aba54a 100644
--- a/packages/devextreme-angular/src/ui/nested/pager.ts
+++ b/packages/devextreme-angular/src/ui/nested/pager.ts
@@ -24,7 +24,6 @@ import { DxoPager } from './base/pager';
@Component({
selector: 'dxo-pager',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/paging.ts b/packages/devextreme-angular/src/ui/nested/paging.ts
index 33d82470f137..194a7bdd2040 100644
--- a/packages/devextreme-angular/src/ui/nested/paging.ts
+++ b/packages/devextreme-angular/src/ui/nested/paging.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-paging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2544366de249 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_panes } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-pane',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/permissions.ts b/packages/devextreme-angular/src/ui/nested/permissions.ts
index 631577fb9893..625a1355f26d 100644
--- a/packages/devextreme-angular/src/ui/nested/permissions.ts
+++ b/packages/devextreme-angular/src/ui/nested/permissions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-permissions',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/point.ts b/packages/devextreme-angular/src/ui/nested/point.ts
index 0c5d71c7c748..f23a78303f14 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-point',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/popup.ts b/packages/devextreme-angular/src/ui/nested/popup.ts
index 15dd322ddc65..22301be3c3cc 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-popup',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/position.ts b/packages/devextreme-angular/src/ui/nested/position.ts
index fe6ddd241487..511e8d0f3d3a 100644
--- a/packages/devextreme-angular/src/ui/nested/position.ts
+++ b/packages/devextreme-angular/src/ui/nested/position.ts
@@ -24,7 +24,6 @@ import { DxoPositionConfig } from './base/position-config';
@Component({
selector: 'dxo-position',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/projection.ts b/packages/devextreme-angular/src/ui/nested/projection.ts
index 8d5d28aa3997..ab0db66d3f3e 100644
--- a/packages/devextreme-angular/src/ui/nested/projection.ts
+++ b/packages/devextreme-angular/src/ui/nested/projection.ts
@@ -24,7 +24,6 @@ import { DxoVectorMapProjectionConfig } from './base/vector-map-projection-confi
@Component({
selector: 'dxo-projection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..82dbae32fa0a 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-properties-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/provider-config.ts b/packages/devextreme-angular/src/ui/nested/provider-config.ts
index 8ce1776b0dfc..c4ef29aa4db1 100644
--- a/packages/devextreme-angular/src/ui/nested/provider-config.ts
+++ b/packages/devextreme-angular/src/ui/nested/provider-config.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-provider-config',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ae8c9fc536cd 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-range-container',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..611d55d1a309 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_ranges } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/rangearea.ts b/packages/devextreme-angular/src/ui/nested/rangearea.ts
index 4fd6d13656ed..a3fecb7c129b 100644
--- a/packages/devextreme-angular/src/ui/nested/rangearea.ts
+++ b/packages/devextreme-angular/src/ui/nested/rangearea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-rangearea',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/rangebar.ts b/packages/devextreme-angular/src/ui/nested/rangebar.ts
index 6ddfc3a25eaa..0caa89662cdd 100644
--- a/packages/devextreme-angular/src/ui/nested/rangebar.ts
+++ b/packages/devextreme-angular/src/ui/nested/rangebar.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-rangebar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/reduction.ts b/packages/devextreme-angular/src/ui/nested/reduction.ts
index 881e9958e6c0..29bedb5638c8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-reduction',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/remote-operations.ts b/packages/devextreme-angular/src/ui/nested/remote-operations.ts
index 8d2e266cfe43..7bd8bc791783 100644
--- a/packages/devextreme-angular/src/ui/nested/remote-operations.ts
+++ b/packages/devextreme-angular/src/ui/nested/remote-operations.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-remote-operations',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bd99ac4613f5 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-resource-assignments',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..875e62f802d6 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_resources } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-resource',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/resources.ts b/packages/devextreme-angular/src/ui/nested/resources.ts
index ccdfe1859f1f..0b4f8dc50a44 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-resources',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..663be0382754 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,
@@ -29,7 +29,6 @@ import {
@Component({
selector: 'dxi-route',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c8bf60df4cd3 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-row-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/row-dxi.ts b/packages/devextreme-angular/src/ui/nested/row-dxi.ts
index 3a9198372f3f..8dd580ffcc97 100644
--- a/packages/devextreme-angular/src/ui/nested/row-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/row-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_rows } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-row',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c810dc122fb2 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scale-type-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/scale.ts b/packages/devextreme-angular/src/ui/nested/scale.ts
index 71c81951e10b..deb8b469b46a 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-scale',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/scatter.ts b/packages/devextreme-angular/src/ui/nested/scatter.ts
index 61a9daa7c9b0..9e8ec99ee41a 100644
--- a/packages/devextreme-angular/src/ui/nested/scatter.ts
+++ b/packages/devextreme-angular/src/ui/nested/scatter.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-scatter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ce4c57005217 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scroll-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/scrolling.ts b/packages/devextreme-angular/src/ui/nested/scrolling.ts
index 7cbdf5e30bae..6861224b3dfd 100644
--- a/packages/devextreme-angular/src/ui/nested/scrolling.ts
+++ b/packages/devextreme-angular/src/ui/nested/scrolling.ts
@@ -24,7 +24,6 @@ import { DxoSchedulerScrolling } from './base/scheduler-scrolling';
@Component({
selector: 'dxo-scrolling',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/search-editor-options.ts b/packages/devextreme-angular/src/ui/nested/search-editor-options.ts
index 75f14c0eb505..7b364289e1d6 100644
--- a/packages/devextreme-angular/src/ui/nested/search-editor-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/search-editor-options.ts
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-search-editor-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/search-panel.ts b/packages/devextreme-angular/src/ui/nested/search-panel.ts
index c3b60b4e39d7..8566caef07d1 100644
--- a/packages/devextreme-angular/src/ui/nested/search-panel.ts
+++ b/packages/devextreme-angular/src/ui/nested/search-panel.ts
@@ -26,7 +26,6 @@ import { DxoSearchPanel } from './base/search-panel';
@Component({
selector: 'dxo-search-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/search.ts b/packages/devextreme-angular/src/ui/nested/search.ts
index a39e75362a46..a081dc220817 100644
--- a/packages/devextreme-angular/src/ui/nested/search.ts
+++ b/packages/devextreme-angular/src/ui/nested/search.ts
@@ -24,7 +24,6 @@ import { DxoColumnChooserSearchConfig } from './base/column-chooser-search-confi
@Component({
selector: 'dxo-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e37d54fb4382 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/selection.ts b/packages/devextreme-angular/src/ui/nested/selection.ts
index 6b660eda71a8..132ec6acb1ee 100644
--- a/packages/devextreme-angular/src/ui/nested/selection.ts
+++ b/packages/devextreme-angular/src/ui/nested/selection.ts
@@ -24,7 +24,6 @@ import { DxoColumnChooserSelectionConfig } from './base/column-chooser-selection
@Component({
selector: 'dxo-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/series-dxi.ts b/packages/devextreme-angular/src/ui/nested/series-dxi.ts
index fd9cfcd94e79..b226782b41c8 100644
--- a/packages/devextreme-angular/src/ui/nested/series-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/series-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_series } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-series',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/series-template.ts b/packages/devextreme-angular/src/ui/nested/series-template.ts
index 95d87c74a504..107fe7775096 100644
--- a/packages/devextreme-angular/src/ui/nested/series-template.ts
+++ b/packages/devextreme-angular/src/ui/nested/series-template.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-series-template',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/shadow.ts b/packages/devextreme-angular/src/ui/nested/shadow.ts
index 30f00eeba285..5da31f985ddb 100644
--- a/packages/devextreme-angular/src/ui/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/show-event.ts b/packages/devextreme-angular/src/ui/nested/show-event.ts
index 965e9475358e..63082d4d42e7 100644
--- a/packages/devextreme-angular/src/ui/nested/show-event.ts
+++ b/packages/devextreme-angular/src/ui/nested/show-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-show-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e121303fd83d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-show-first-submenu-mode',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..dcddc933f04e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-show-submenu-mode',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/show.ts b/packages/devextreme-angular/src/ui/nested/show.ts
index 677182400248..071aab4ead34 100644
--- a/packages/devextreme-angular/src/ui/nested/show.ts
+++ b/packages/devextreme-angular/src/ui/nested/show.ts
@@ -24,7 +24,6 @@ import { DxoAnimationConfig } from './base/animation-config';
@Component({
selector: 'dxo-show',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/shutter.ts b/packages/devextreme-angular/src/ui/nested/shutter.ts
index e561f93f72c5..5434db0f991b 100644
--- a/packages/devextreme-angular/src/ui/nested/shutter.ts
+++ b/packages/devextreme-angular/src/ui/nested/shutter.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-shutter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/size.ts b/packages/devextreme-angular/src/ui/nested/size.ts
index b541d582eff9..63b238110852 100644
--- a/packages/devextreme-angular/src/ui/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-size',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/slider-handle.ts b/packages/devextreme-angular/src/ui/nested/slider-handle.ts
index b727a1b8439e..ce146a87f283 100644
--- a/packages/devextreme-angular/src/ui/nested/slider-handle.ts
+++ b/packages/devextreme-angular/src/ui/nested/slider-handle.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-slider-handle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..63f234f1e069 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-slider-marker',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cb4ff439f6e8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-small-values-grouping',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6c2c8b0197b2 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_sortByGroupSummaryInfo } from 'devextreme-angular/core/t
@Component({
selector: 'dxi-sort-by-group-summary-info',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/sorting.ts b/packages/devextreme-angular/src/ui/nested/sorting.ts
index d1dbfa95a419..84f506cee27a 100644
--- a/packages/devextreme-angular/src/ui/nested/sorting.ts
+++ b/packages/devextreme-angular/src/ui/nested/sorting.ts
@@ -24,7 +24,6 @@ import { DxoSorting } from './base/sorting';
@Component({
selector: 'dxo-sorting',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/source.ts b/packages/devextreme-angular/src/ui/nested/source.ts
index ba8f7c938729..ada27721bded 100644
--- a/packages/devextreme-angular/src/ui/nested/source.ts
+++ b/packages/devextreme-angular/src/ui/nested/source.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-source',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/spline.ts b/packages/devextreme-angular/src/ui/nested/spline.ts
index d4dfcb1f086a..1ba01a104526 100644
--- a/packages/devextreme-angular/src/ui/nested/spline.ts
+++ b/packages/devextreme-angular/src/ui/nested/spline.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-spline',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/splinearea.ts b/packages/devextreme-angular/src/ui/nested/splinearea.ts
index a8b3e6ed300e..6712c6d4a461 100644
--- a/packages/devextreme-angular/src/ui/nested/splinearea.ts
+++ b/packages/devextreme-angular/src/ui/nested/splinearea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-splinearea',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/splitter.ts b/packages/devextreme-angular/src/ui/nested/splitter.ts
index e5aea208f808..1513b34d4561 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-splitter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stackedarea.ts b/packages/devextreme-angular/src/ui/nested/stackedarea.ts
index c04b3c152e10..9976e0f9ac0c 100644
--- a/packages/devextreme-angular/src/ui/nested/stackedarea.ts
+++ b/packages/devextreme-angular/src/ui/nested/stackedarea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stackedarea',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stackedbar.ts b/packages/devextreme-angular/src/ui/nested/stackedbar.ts
index 09fbb6c62f21..d232c6288e01 100644
--- a/packages/devextreme-angular/src/ui/nested/stackedbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/stackedbar.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stackedbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stackedline.ts b/packages/devextreme-angular/src/ui/nested/stackedline.ts
index c623d54f766b..00e5544e9b8b 100644
--- a/packages/devextreme-angular/src/ui/nested/stackedline.ts
+++ b/packages/devextreme-angular/src/ui/nested/stackedline.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stackedline',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stackedspline.ts b/packages/devextreme-angular/src/ui/nested/stackedspline.ts
index 70ba3f81ca61..7b22316e28eb 100644
--- a/packages/devextreme-angular/src/ui/nested/stackedspline.ts
+++ b/packages/devextreme-angular/src/ui/nested/stackedspline.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stackedspline',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stackedsplinearea.ts b/packages/devextreme-angular/src/ui/nested/stackedsplinearea.ts
index a3abb5842fe8..90509013da81 100644
--- a/packages/devextreme-angular/src/ui/nested/stackedsplinearea.ts
+++ b/packages/devextreme-angular/src/ui/nested/stackedsplinearea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stackedsplinearea',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..89f9ee5fdc9d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-state-storing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/steparea.ts b/packages/devextreme-angular/src/ui/nested/steparea.ts
index fdc1c24a4f6e..1801d5fdff82 100644
--- a/packages/devextreme-angular/src/ui/nested/steparea.ts
+++ b/packages/devextreme-angular/src/ui/nested/steparea.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-steparea',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stepline.ts b/packages/devextreme-angular/src/ui/nested/stepline.ts
index 3179edb2d326..3f934b4c24c3 100644
--- a/packages/devextreme-angular/src/ui/nested/stepline.ts
+++ b/packages/devextreme-angular/src/ui/nested/stepline.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stepline',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/stock.ts b/packages/devextreme-angular/src/ui/nested/stock.ts
index 74bb8a5fa708..7fce9a77ab22 100644
--- a/packages/devextreme-angular/src/ui/nested/stock.ts
+++ b/packages/devextreme-angular/src/ui/nested/stock.ts
@@ -24,7 +24,6 @@ import { DxoChartCommonSeriesSettings } from './base/chart-common-series-setting
@Component({
selector: 'dxo-stock',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0336b13d1b3a 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_strips } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-strip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/strip-line-dxi.ts b/packages/devextreme-angular/src/ui/nested/strip-line-dxi.ts
index e8f38a2523e0..e99616bf264e 100644
--- a/packages/devextreme-angular/src/ui/nested/strip-line-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/strip-line-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_stripLines } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-strip-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..824e903bccc0 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-strip-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/subtitle.ts b/packages/devextreme-angular/src/ui/nested/subtitle.ts
index c2f6b9a614dc..2419de08727d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/subvalue-indicator.ts b/packages/devextreme-angular/src/ui/nested/subvalue-indicator.ts
index f19a1ac749c8..66ace0008d95 100644
--- a/packages/devextreme-angular/src/ui/nested/subvalue-indicator.ts
+++ b/packages/devextreme-angular/src/ui/nested/subvalue-indicator.ts
@@ -24,7 +24,6 @@ import { DxoGaugeIndicator } from './base/gauge-indicator';
@Component({
selector: 'dxo-subvalue-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/summary.ts b/packages/devextreme-angular/src/ui/nested/summary.ts
index 67cf690494b8..445ccef85936 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-summary',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tab-dxi.ts b/packages/devextreme-angular/src/ui/nested/tab-dxi.ts
index 77fd63b9a7fd..bafaf5c396e5 100644
--- a/packages/devextreme-angular/src/ui/nested/tab-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/tab-dxi.ts
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-tab',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts b/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts
index 1448dcb3e313..95538c345b89 100644
--- a/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/tab-panel-options.ts
@@ -32,7 +32,6 @@ import {
@Component({
selector: 'dxo-tab-panel-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/table-context-menu.ts b/packages/devextreme-angular/src/ui/nested/table-context-menu.ts
index 6bcb20b61e08..049682df2385 100644
--- a/packages/devextreme-angular/src/ui/nested/table-context-menu.ts
+++ b/packages/devextreme-angular/src/ui/nested/table-context-menu.ts
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxo-table-context-menu',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/table-resizing.ts b/packages/devextreme-angular/src/ui/nested/table-resizing.ts
index e7ec0a5df654..d4514c8097ed 100644
--- a/packages/devextreme-angular/src/ui/nested/table-resizing.ts
+++ b/packages/devextreme-angular/src/ui/nested/table-resizing.ts
@@ -24,7 +24,6 @@ import { DxoHtmlEditorTableResizing } from './base/html-editor-table-resizing';
@Component({
selector: 'dxo-table-resizing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tasks.ts b/packages/devextreme-angular/src/ui/nested/tasks.ts
index 050114f8ab4a..3f8e8e3670e9 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tasks',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/text.ts b/packages/devextreme-angular/src/ui/nested/text.ts
index 96e526dacd59..adbda7699df6 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-text',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/texts.ts b/packages/devextreme-angular/src/ui/nested/texts.ts
index dd6c4d10b2ed..bc452fd326ba 100644
--- a/packages/devextreme-angular/src/ui/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/nested/texts.ts
@@ -24,7 +24,6 @@ import { DxoFilterPanelTexts } from './base/filter-panel-texts';
@Component({
selector: 'dxo-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tick-interval.ts b/packages/devextreme-angular/src/ui/nested/tick-interval.ts
index 821c6b2efef9..7768d83f224c 100644
--- a/packages/devextreme-angular/src/ui/nested/tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/nested/tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tick.ts b/packages/devextreme-angular/src/ui/nested/tick.ts
index 4b57d20b19d9..0f967978a6d4 100644
--- a/packages/devextreme-angular/src/ui/nested/tick.ts
+++ b/packages/devextreme-angular/src/ui/nested/tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tile.ts b/packages/devextreme-angular/src/ui/nested/tile.ts
index d243292e2420..88a4695f3422 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tile',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/title.ts b/packages/devextreme-angular/src/ui/nested/title.ts
index 07bf576fefb8..11f3ae402d3c 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-title',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/to.ts b/packages/devextreme-angular/src/ui/nested/to.ts
index b7081ec06082..5fc511e70211 100644
--- a/packages/devextreme-angular/src/ui/nested/to.ts
+++ b/packages/devextreme-angular/src/ui/nested/to.ts
@@ -24,7 +24,6 @@ import { DxoAnimationState } from './base/animation-state';
@Component({
selector: 'dxo-to',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/toolbar-item-dxi.ts b/packages/devextreme-angular/src/ui/nested/toolbar-item-dxi.ts
index 4a4a1a0c1d67..65bb6ca9b10c 100644
--- a/packages/devextreme-angular/src/ui/nested/toolbar-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/toolbar-item-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-toolbar-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/toolbar.ts b/packages/devextreme-angular/src/ui/nested/toolbar.ts
index aabfff8076b5..185827fb4608 100644
--- a/packages/devextreme-angular/src/ui/nested/toolbar.ts
+++ b/packages/devextreme-angular/src/ui/nested/toolbar.ts
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/toolbox.ts b/packages/devextreme-angular/src/ui/nested/toolbox.ts
index 53a79cbfa761..202bca84ad7f 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-toolbox',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/tooltip.ts b/packages/devextreme-angular/src/ui/nested/tooltip.ts
index 2d9f0ad2db42..e69e3626063d 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,
@@ -29,7 +29,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..43777c62dc46 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_totalItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-total-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/typing-user-dxi.ts b/packages/devextreme-angular/src/ui/nested/typing-user-dxi.ts
index b5c8e56be8cd..4c9062f3f360 100644
--- a/packages/devextreme-angular/src/ui/nested/typing-user-dxi.ts
+++ b/packages/devextreme-angular/src/ui/nested/typing-user-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_typingUsers } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-typing-user',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/upload.ts b/packages/devextreme-angular/src/ui/nested/upload.ts
index b9d0ff89ad46..17a8b620140f 100644
--- a/packages/devextreme-angular/src/ui/nested/upload.ts
+++ b/packages/devextreme-angular/src/ui/nested/upload.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-upload',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/url.ts b/packages/devextreme-angular/src/ui/nested/url.ts
index 7e9564da43a9..4d3fa277fae1 100644
--- a/packages/devextreme-angular/src/ui/nested/url.ts
+++ b/packages/devextreme-angular/src/ui/nested/url.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-url',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/user.ts b/packages/devextreme-angular/src/ui/nested/user.ts
index 6a4eb3ed714c..8fc456acf886 100644
--- a/packages/devextreme-angular/src/ui/nested/user.ts
+++ b/packages/devextreme-angular/src/ui/nested/user.ts
@@ -24,7 +24,6 @@ import { DxoUser } from './base/user';
@Component({
selector: 'dxo-user',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5954dfd50b90 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/validation.ts b/packages/devextreme-angular/src/ui/nested/validation.ts
index 47d7898d2964..10798ffea464 100644
--- a/packages/devextreme-angular/src/ui/nested/validation.ts
+++ b/packages/devextreme-angular/src/ui/nested/validation.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-validation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fa149fa07709 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-value-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b22ade579879 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxo-value-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..28786d0fc45e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-value-error-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/value-format.ts b/packages/devextreme-angular/src/ui/nested/value-format.ts
index 7d7ea3174e82..595f78ac024e 100644
--- a/packages/devextreme-angular/src/ui/nested/value-format.ts
+++ b/packages/devextreme-angular/src/ui/nested/value-format.ts
@@ -24,7 +24,6 @@ import { DxoFormat } from './base/format';
@Component({
selector: 'dxo-value-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/value-indicator.ts b/packages/devextreme-angular/src/ui/nested/value-indicator.ts
index 2c72451003a4..c7e285c78f82 100644
--- a/packages/devextreme-angular/src/ui/nested/value-indicator.ts
+++ b/packages/devextreme-angular/src/ui/nested/value-indicator.ts
@@ -24,7 +24,6 @@ import { DxoGaugeIndicator } from './base/gauge-indicator';
@Component({
selector: 'dxo-value-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/variables.ts b/packages/devextreme-angular/src/ui/nested/variables.ts
index b37efbcec84a..75aa088214a6 100644
--- a/packages/devextreme-angular/src/ui/nested/variables.ts
+++ b/packages/devextreme-angular/src/ui/nested/variables.ts
@@ -24,7 +24,6 @@ import { DxoHtmlEditorVariables } from './base/html-editor-variables';
@Component({
selector: 'dxo-variables',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d7d9e8de423b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vertical-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7b600cf8058b 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_views } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-view',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6ff8bd0318b5 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-view-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/width.ts b/packages/devextreme-angular/src/ui/nested/width.ts
index 7724683d263e..333db96c3473 100644
--- a/packages/devextreme-angular/src/ui/nested/width.ts
+++ b/packages/devextreme-angular/src/ui/nested/width.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-width',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4dde844e06be 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-zoom-and-pan',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/nested/zoom-level.ts b/packages/devextreme-angular/src/ui/nested/zoom-level.ts
index 18ab0d7eca5f..ab6b708f20e4 100644
--- a/packages/devextreme-angular/src/ui/nested/zoom-level.ts
+++ b/packages/devextreme-angular/src/ui/nested/zoom-level.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-zoom-level',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c7dd1a4da872 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';
@@ -70,7 +70,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-number-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..7c2d5fd46730 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-number-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..028da33f0f64 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-number-box-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..855eaf5533b4 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-number-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pagination/index.ts b/packages/devextreme-angular/src/ui/pagination/index.ts
index be658491906f..61b78785e44d 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';
@@ -45,7 +45,6 @@ import {
*/
@Component({
selector: 'dx-pagination',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/index.ts b/packages/devextreme-angular/src/ui/pie-chart/index.ts
index d59c502c3cbe..8244b2a5fc7e 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/index.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/index.ts
@@ -22,13 +22,12 @@ 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 { 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 { default as DataSource, 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';
@@ -120,7 +119,6 @@ import {
*/
@Component({
selector: 'dx-pie-chart',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/adaptive-layout.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/adaptive-layout.ts
index 522f57767379..4a5b6cfb62e1 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/adaptive-layout.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/adaptive-layout.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-adaptive-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..01f51ff8333c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..996991e08134 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-annotation-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..26f6ca5928f5 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,
@@ -33,7 +33,6 @@ import { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-pie-chart-annotation',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..fc0198795928 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-argument-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..84d1354e7175 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/color.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/color.ts
index 51398932e394..bb21392a57f5 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..363038814f19 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-common-annotation-settings',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..4d966f18cf9e 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-common-series-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/connector.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/connector.ts
index f2d0f66b3882..ea84258ce5dd 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/connector.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/connector.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-connector',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7101a34d47fa 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/font.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/font.ts
index 63cc398fc833..8c01712b74a1 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3132416dc202 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..08d515513d8c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7eee84d3dbb9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/image.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/image.ts
index a04b1a1b6317..b309a400718b 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/image.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..271ab32687ff 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..89b97fbd8a02 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-legend-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cfa91cfca49f 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-legend-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..af8ad8fe0def 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..422964950866 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/margin.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/margin.ts
index bba4e4653dfa..5bd412fea3dc 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5e68c9bd654e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-pie-chart-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..60943af17edc 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-pie-chart-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f615fa49df16 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1eefc8c36cbe 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-series-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..958ff8be7cb3 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_series } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-pie-chart-series',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9ab807bdf07c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-series-template',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/shadow.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/shadow.ts
index ccd729ec1066..cb54119803cc 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pie-chart/nested/size.ts b/packages/devextreme-angular/src/ui/pie-chart/nested/size.ts
index 406b39b87b8e..c4d1762c555b 100644
--- a/packages/devextreme-angular/src/ui/pie-chart/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/pie-chart/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..994b8693d6ec 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-small-values-grouping',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..049a1838a4e0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1792ebff123e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d67cb58b861f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b65a19ae84b3 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pie-chart-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a79dc8acc058 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';
@@ -55,7 +55,6 @@ import { DxoPivotGridFieldChooserTextsModule } from 'devextreme-angular/ui/pivot
*/
@Component({
selector: 'dx-pivot-grid-field-chooser',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter-texts.ts
index 29e8c7f25d36..696fc40d8f11 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/header-filter-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser-header-filter-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..c7612fcfa002 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/pivot-grid-field-chooser-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/pivot-grid-field-chooser-texts.ts
index cdcb6a948603..6a3ec1539442 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/pivot-grid-field-chooser-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/pivot-grid-field-chooser-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser-pivot-grid-field-chooser-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e000ff00cc8e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/texts.ts b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/texts.ts
index c9847b4eff33..6accae4dcd74 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid-field-chooser/nested/texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..79febda6a5fb 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/index.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/index.ts
@@ -20,11 +20,10 @@ 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 { PivotGridDataFieldArea, CellClickEvent, CellPreparedEvent, ContentReadyEvent, ContextMenuPreparingEvent, DisposingEvent, ExportingEvent, InitializedEvent, OptionChangedEvent, PivotGridRowHeaderLayout, PivotGridTotalDisplayMode } from 'devextreme/ui/pivot_grid';
+import type { default as PivotGridDataSource, 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';
@@ -70,7 +69,6 @@ import { DxoPivotGridTextsModule } from 'devextreme-angular/ui/pivot-grid/nested
*/
@Component({
selector: 'dx-pivot-grid',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/export.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/export.ts
index 340678d1151c..b2fa29ad61c1 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/export.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/export.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts
index 9aa0568707b0..0081de32be60 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-chooser-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..0ec7764824c5 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-chooser',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel-texts.ts
index 98ed7bd9d98a..dcf0dab1c53d 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-panel-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel.ts
index 041dbac534d7..26e36cb874d7 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/field-panel.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-field-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter-texts.ts
index 35af1bcabbfd..8500e2e1f6a3 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/header-filter-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-header-filter-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b6093c97f0f2 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/load-panel.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/load-panel.ts
index d3602a97f939..35204021c08a 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/load-panel.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/load-panel.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-load-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/pivot-grid-texts.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/pivot-grid-texts.ts
index 9c04de31df65..fb35baa64b1e 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/pivot-grid-texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/pivot-grid-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-pivot-grid-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..863c005bfff8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-scrolling',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..87f3dbef277d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..52dceee0db61 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-state-storing',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/pivot-grid/nested/texts.ts b/packages/devextreme-angular/src/ui/pivot-grid/nested/texts.ts
index dcc62d08ccf5..a300bd016aeb 100644
--- a/packages/devextreme-angular/src/ui/pivot-grid/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/pivot-grid/nested/texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-pivot-grid-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e6b46512b85c 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/index.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/index.ts
@@ -22,14 +22,13 @@ 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 * 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 { default as DataSource, 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';
@@ -179,7 +178,6 @@ import {
*/
@Component({
selector: 'dx-polar-chart',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/adaptive-layout.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/adaptive-layout.ts
index 658e79c2f3b5..9fcfee922047 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/adaptive-layout.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/adaptive-layout.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-adaptive-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..fec1c8d326cb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..92963de7dd40 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-annotation-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3e17c4075f67 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,
@@ -33,7 +33,6 @@ import { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-polar-chart-annotation',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-minor-tick.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-minor-tick.ts
index b8526b9d48da..5bd6c130dd19 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-argument-axis-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-tick.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-tick.ts
index eab46c4114fc..f59454320eaf 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-tick.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/argument-axis-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-argument-axis-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9a988246f7cf 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-polar-chart-argument-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a57b33490163 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-argument-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d113f8ca3cb2 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-axis-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8b2c1947dd90 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/color.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/color.ts
index bd920f64e5d6..ed3821edde3d 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b33ff2ad87ef 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-annotation-settings',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..f12e17e3c282 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-axis-settings-label',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-minor-tick.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-minor-tick.ts
index 43073f067be0..5ada2efccf1b 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-axis-settings-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-tick.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-tick.ts
index a48d6d4afc01..1fbb581fcb48 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-tick.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/common-axis-settings-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-axis-settings-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0efb06c6d2a4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-axis-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..490b66f7699f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-series-settings-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1fb7c4bdff87 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-series-settings-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f7e812d67115 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-series-settings-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0110287bbfd4 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-common-series-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/connector.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/connector.ts
index 841131457825..10bc4ffea3fa 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/connector.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/connector.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-connector',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cb7294281d32 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_constantLines } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-polar-chart-constant-line',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fc54060a43e3 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-constant-line-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7bbcfcf2ff70 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-constant-line-style-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..904ca5f25494 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-constant-line-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/data-prepare-settings.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/data-prepare-settings.ts
index d778f336968e..5e51e211f5ab 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/data-prepare-settings.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/data-prepare-settings.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-data-prepare-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b3f28e61ecec 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/font.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/font.ts
index 28be9e2bce48..010264b694f8 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..25e74a4c8135 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/grid.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/grid.ts
index 24c2ebef6e42..df0a963f4b92 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/grid.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/grid.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-grid',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bf89e2d2a8ab 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c42ef60b1765 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/image.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/image.ts
index d871951d5b55..e305b3f20852 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/image.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4d5b2ae1a2d5 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f86fc2af1c2a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-legend-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..09b035fc7f2b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-legend-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..df21a4b74203 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/length.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/length.ts
index 14bfbb873918..218b7ed24879 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/length.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/length.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-length',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..486f1304f5c5 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/margin.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/margin.ts
index ec6f2a04ede0..f78a92b6da58 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/min-visual-range-length.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/min-visual-range-length.ts
index a3c50fe3ff69..4d68ec212394 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/min-visual-range-length.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/min-visual-range-length.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-min-visual-range-length',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/minor-grid.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/minor-grid.ts
index 7ecea996ab93..1a4459a447ef 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/minor-grid.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/minor-grid.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-minor-grid',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick-interval.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick-interval.ts
index 81a2779d7821..460e2b0592fd 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-minor-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick.ts
index eac8c10df639..f4aaa670248a 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/point-border.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/point-border.ts
index 8faf1086576b..cfd46751d564 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/point-border.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/point-border.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-point-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d35dc1ee5a95 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-point-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0248de0004e7 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-point-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1c0f1a167500 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-point',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..eee8da73ad2c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-polar-chart-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..da167d6a40cd 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-polar-chart-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a037805b3485 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6267b2c4e07a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-series-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6c284260a219 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_series } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-polar-chart-series',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..62b308a19582 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-series-template',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/shadow.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/shadow.ts
index 53c5d942ad00..48d6ab66e634 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/size.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/size.ts
index 20daecc13d39..e8af40596448 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..56d2d37e5a3a 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_strips } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-polar-chart-strip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8f5106461243 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-strip-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e898e88a5b6f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-strip-style-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..57831d380a03 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-strip-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a9f92a48e99e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/tick-interval.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/tick-interval.ts
index dc500f43c7cb..bda888d2201d 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/polar-chart/nested/tick.ts b/packages/devextreme-angular/src/ui/polar-chart/nested/tick.ts
index a6fabb545162..8c015b99e039 100644
--- a/packages/devextreme-angular/src/ui/polar-chart/nested/tick.ts
+++ b/packages/devextreme-angular/src/ui/polar-chart/nested/tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d31de1c995c7 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..03862d076974 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e786857caae0 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9bbd5d4a1900 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxo-polar-chart-value-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..104facee69f7 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-value-error-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5f36837c14af 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-visual-range',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..77ed5cfe62f9 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-polar-chart-whole-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popover/index.ts b/packages/devextreme-angular/src/ui/popover/index.ts
index 7eda74570f60..0c271036311c 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';
@@ -81,7 +81,6 @@ import {
*/
@Component({
selector: 'dx-popover',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popover/nested/animation.ts b/packages/devextreme-angular/src/ui/popover/nested/animation.ts
index f5760f7cdbea..5b7c99b4c158 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6c97779b378e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popover/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/popover/nested/boundary-offset.ts
index 227c528c64df..0b2172fe8aa3 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b07ae7bb4730 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fd899c98e831 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-from',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popover/nested/hide-event.ts b/packages/devextreme-angular/src/ui/popover/nested/hide-event.ts
index 5f171499dd99..07fe43022b0e 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/hide-event.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/hide-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-hide-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1cb2f80fc8f3 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..af1bf014a4a9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popover/nested/offset.ts b/packages/devextreme-angular/src/ui/popover/nested/offset.ts
index 8d9baf4005e9..c4118509a3b9 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4cdf335bcd91 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-position',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popover/nested/show-event.ts b/packages/devextreme-angular/src/ui/popover/nested/show-event.ts
index cd1d099ba677..afeeaa6bfa94 100644
--- a/packages/devextreme-angular/src/ui/popover/nested/show-event.ts
+++ b/packages/devextreme-angular/src/ui/popover/nested/show-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-show-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..397b0b343b87 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2702f4b9e86f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popover-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d1c945d92efd 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-popover-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popup/component.ts b/packages/devextreme-angular/src/ui/popup/component.ts
index 000b98c5304d..7703393e014f 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';
@@ -77,7 +77,6 @@ import {
*/
@Component({
selector: 'dx-popup',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popup/nested/animation.ts b/packages/devextreme-angular/src/ui/popup/nested/animation.ts
index 31b7e05a1f0f..f58929ac436c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c36b2512957a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popup/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/popup/nested/boundary-offset.ts
index fd5a51cbf220..3a3cb37ac0f4 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a7db62218869 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c61084893f8e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..287443cc6154 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..55f768b9e789 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/popup/nested/offset.ts b/packages/devextreme-angular/src/ui/popup/nested/offset.ts
index 8f58417c0103..a05fe6100d07 100644
--- a/packages/devextreme-angular/src/ui/popup/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/popup/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0897e74e2b64 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0b29ed25febb 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..48ca0d146f2c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-popup-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fa74ef86d8c0 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-popup-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..8dbdfeb5866b 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';
@@ -57,7 +57,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-progress-bar',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/radio-group/index.ts b/packages/devextreme-angular/src/ui/radio-group/index.ts
index cc3e1732929e..2733f930ecd8 100644
--- a/packages/devextreme-angular/src/ui/radio-group/index.ts
+++ b/packages/devextreme-angular/src/ui/radio-group/index.ts
@@ -24,12 +24,11 @@ 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 { CollectionWidgetItem } from 'devextreme/ui/collection/ui.collection_widget.base';
+import type { default as DataSource, 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';
@@ -69,7 +68,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-radio-group',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/radio-group/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/radio-group/nested/item-dxi.ts
index 3676221d23a3..d290eb2896e7 100644
--- a/packages/devextreme-angular/src/ui/radio-group/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/radio-group/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-radio-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/index.ts b/packages/devextreme-angular/src/ui/range-selector/index.ts
index a9f628efd04b..95e04e4bf628 100644
--- a/packages/devextreme-angular/src/ui/range-selector/index.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/index.ts
@@ -24,16 +24,15 @@ 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 * 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 { default as DataSource, 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';
@@ -202,7 +201,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-range-selector',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/aggregation-interval.ts b/packages/devextreme-angular/src/ui/range-selector/nested/aggregation-interval.ts
index e57b4dd7d1e4..4e54407fd2a9 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/aggregation-interval.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/aggregation-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-aggregation-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..ca7f1c934893 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-aggregation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..110bbec9c0ae 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-argument-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7efb8284003a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-background-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..505aa66bfa2d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-background',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..797443666300 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-behavior',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..76fa8b6ef258 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/break-dxi.ts b/packages/devextreme-angular/src/ui/range-selector/nested/break-dxi.ts
index b7de8b0fe48a..8a957ba930c5 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/break-dxi.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/break-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_breaks } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-range-selector-break',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fd156b1478ec 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-break-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..68c8fcb2e6f9 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-range-selector-chart',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/color.ts b/packages/devextreme-angular/src/ui/range-selector/nested/color.ts
index 02167cc2f091..a2715bf972fe 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/color.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/color.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-color',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..02a1db0f438d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-common-series-settings-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..592ba7f88725 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-common-series-settings-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2dae4d098a15 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-common-series-settings-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..37a28c295bba 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-common-series-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/connector.ts b/packages/devextreme-angular/src/ui/range-selector/nested/connector.ts
index 552281afdd9d..aae100bfef2d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/connector.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/connector.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-connector',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/data-prepare-settings.ts b/packages/devextreme-angular/src/ui/range-selector/nested/data-prepare-settings.ts
index db4ae52d1127..70114d181486 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/data-prepare-settings.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/data-prepare-settings.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-data-prepare-settings',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..730215a72b39 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/font.ts b/packages/devextreme-angular/src/ui/range-selector/nested/font.ts
index ebd83c39c2f2..64a5cc322f10 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..84c885b87e74 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c23ac8d482f2 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/height.ts b/packages/devextreme-angular/src/ui/range-selector/nested/height.ts
index bb695e5e56d2..b36f507ec117 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/height.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/height.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-height',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..dfa9894c0057 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cfbc06a6a4a9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-image',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/indent.ts b/packages/devextreme-angular/src/ui/range-selector/nested/indent.ts
index d04775b34ab1..5ba4404e7775 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/indent.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/indent.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-indent',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..07d3504c9353 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-label',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/length.ts b/packages/devextreme-angular/src/ui/range-selector/nested/length.ts
index d7f99fc0f069..58d6dc03d212 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/length.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/length.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-length',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ae1eb5f0d85c 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/margin.ts b/packages/devextreme-angular/src/ui/range-selector/nested/margin.ts
index 081da4c278af..ec03cce9bd3e 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..522c67fb72ca 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-marker-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..816568df7bfc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-marker',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/max-range.ts b/packages/devextreme-angular/src/ui/range-selector/nested/max-range.ts
index 2798f0b87535..2950aae5e46c 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/max-range.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/max-range.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-max-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/min-range.ts b/packages/devextreme-angular/src/ui/range-selector/nested/min-range.ts
index 38227c7b6c22..6bb0b2535828 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/min-range.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/min-range.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-min-range',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick-interval.ts b/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick-interval.ts
index 291e9232dc55..78b90ca8f579 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-minor-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick.ts b/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick.ts
index c5f15ee68f02..cb7f4270b964 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/minor-tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-minor-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/point-border.ts b/packages/devextreme-angular/src/ui/range-selector/nested/point-border.ts
index 14f82fa19f63..d5df0fa9500d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/point-border.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/point-border.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-point-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f7afe1b43f0b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-point-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/point-image.ts b/packages/devextreme-angular/src/ui/range-selector/nested/point-image.ts
index bde23ac6fef1..2089b3c7153d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/point-image.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/point-image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-point-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..56d9e6931b70 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-point-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..01cd25a78b44 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-point',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..887d878aba0f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-reduction',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..082ddedca0a6 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-scale-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7539911000f8 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,
@@ -33,7 +33,6 @@ import {
@Component({
selector: 'dxo-range-selector-scale',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ba512dc0e578 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c94911f2844f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-series-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ed729aac81e2 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,
@@ -27,7 +27,6 @@ import { PROPERTY_TOKEN_series } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-range-selector-series',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8b35fe1782a6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-series-template',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/shutter.ts b/packages/devextreme-angular/src/ui/range-selector/nested/shutter.ts
index 9388f016d487..5ce5f512cfc5 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/shutter.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/shutter.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-shutter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/size.ts b/packages/devextreme-angular/src/ui/range-selector/nested/size.ts
index 639b99c6d20c..4c38e79f1029 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-size',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/slider-handle.ts b/packages/devextreme-angular/src/ui/range-selector/nested/slider-handle.ts
index 3526102ecd15..374296f2808d 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/slider-handle.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/slider-handle.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-slider-handle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f933a114d362 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-slider-marker',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1f7c64576164 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/tick-interval.ts b/packages/devextreme-angular/src/ui/range-selector/nested/tick-interval.ts
index 4e78bedb01d7..8142310c41c3 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/tick-interval.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/tick-interval.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-tick-interval',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/tick.ts b/packages/devextreme-angular/src/ui/range-selector/nested/tick.ts
index cf50a65ad8eb..feaaf1eb1eaa 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/tick.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/tick.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-tick',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f879fc1a1d65 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-title',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/url.ts b/packages/devextreme-angular/src/ui/range-selector/nested/url.ts
index ac13a819ce7e..0e95b2e18d99 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/url.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/url.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-url',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7c578ed30736 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-value-axis',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ddd0291b126b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-value-error-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..939b50f2bd11 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-value',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/range-selector/nested/width.ts b/packages/devextreme-angular/src/ui/range-selector/nested/width.ts
index b8e3f67ab910..6f65d458b4ca 100644
--- a/packages/devextreme-angular/src/ui/range-selector/nested/width.ts
+++ b/packages/devextreme-angular/src/ui/range-selector/nested/width.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-selector-width',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..029247e61dcf 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';
@@ -64,7 +64,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-range-slider',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..dedba57de149 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-slider-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..098a59bf213e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-slider-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8c494a608278 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-range-slider-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8f40af32633c 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';
@@ -57,7 +57,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-recurrence-editor',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/resizable/index.ts b/packages/devextreme-angular/src/ui/resizable/index.ts
index 9bdadca8383f..28f845f9eb00 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';
@@ -40,7 +40,6 @@ import {
*/
@Component({
selector: 'dx-resizable',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/responsive-box/index.ts b/packages/devextreme-angular/src/ui/responsive-box/index.ts
index 032d2a26cbf6..c9677de8e8f3 100644
--- a/packages/devextreme-angular/src/ui/responsive-box/index.ts
+++ b/packages/devextreme-angular/src/ui/responsive-box/index.ts
@@ -21,12 +21,11 @@ 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 { dxResponsiveBoxItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/responsive_box';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxResponsiveBox from 'devextreme/ui/responsive_box';
@@ -65,7 +64,6 @@ import {
*/
@Component({
selector: 'dx-responsive-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/responsive-box/nested/col-dxi.ts b/packages/devextreme-angular/src/ui/responsive-box/nested/col-dxi.ts
index d3b4739f2aaa..a68f14b949bb 100644
--- a/packages/devextreme-angular/src/ui/responsive-box/nested/col-dxi.ts
+++ b/packages/devextreme-angular/src/ui/responsive-box/nested/col-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_cols } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-responsive-box-col',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/responsive-box/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/responsive-box/nested/item-dxi.ts
index 99aab308fd80..e90d184560c5 100644
--- a/packages/devextreme-angular/src/ui/responsive-box/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/responsive-box/nested/item-dxi.ts
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-responsive-box-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/responsive-box/nested/location-dxi.ts b/packages/devextreme-angular/src/ui/responsive-box/nested/location-dxi.ts
index 1bd9fcee337d..0cfb5c2cb1c0 100644
--- a/packages/devextreme-angular/src/ui/responsive-box/nested/location-dxi.ts
+++ b/packages/devextreme-angular/src/ui/responsive-box/nested/location-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_location } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-responsive-box-location',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/responsive-box/nested/row-dxi.ts b/packages/devextreme-angular/src/ui/responsive-box/nested/row-dxi.ts
index 7f15191aa71b..7def9078754d 100644
--- a/packages/devextreme-angular/src/ui/responsive-box/nested/row-dxi.ts
+++ b/packages/devextreme-angular/src/ui/responsive-box/nested/row-dxi.ts
@@ -23,7 +23,6 @@ import { PROPERTY_TOKEN_rows } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-responsive-box-row',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/index.ts b/packages/devextreme-angular/src/ui/sankey/index.ts
index bfd015e9cd89..ef0efe8693f8 100644
--- a/packages/devextreme-angular/src/ui/sankey/index.ts
+++ b/packages/devextreme-angular/src/ui/sankey/index.ts
@@ -20,13 +20,12 @@ 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 { VerticalAlignment, ExportFormat, HorizontalAlignment, VerticalEdge } from 'devextreme/common';
+import type { default as DataSource, 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';
@@ -86,7 +85,6 @@ import { DxoSankeyTooltipBorderModule } from 'devextreme-angular/ui/sankey/neste
*/
@Component({
selector: 'dx-sankey',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/adaptive-layout.ts b/packages/devextreme-angular/src/ui/sankey/nested/adaptive-layout.ts
index 7c0146236db8..ffcad8b2e201 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/adaptive-layout.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/adaptive-layout.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-adaptive-layout',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/border.ts b/packages/devextreme-angular/src/ui/sankey/nested/border.ts
index d48e1ae7a4b8..058529af215e 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a9f535e64845 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/font.ts b/packages/devextreme-angular/src/ui/sankey/nested/font.ts
index aaa8c687e31f..dca2359521f4 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..85f1ccaca190 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d443954fd423 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-hatching',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ae14c4e1e2f7 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aadaf21861c1 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1d58581b42ec 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-link',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b24eb5d49162 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/margin.ts b/packages/devextreme-angular/src/ui/sankey/nested/margin.ts
index f498ad703ea6..3547496abd8c 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8e370cef4878 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-node',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/sankeyborder.ts b/packages/devextreme-angular/src/ui/sankey/nested/sankeyborder.ts
index 9f65a31e19db..01b211cfab8f 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/sankeyborder.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/sankeyborder.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-sankeyborder',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/shadow.ts b/packages/devextreme-angular/src/ui/sankey/nested/shadow.ts
index b4841c63e255..ce126a52ce58 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sankey/nested/size.ts b/packages/devextreme-angular/src/ui/sankey/nested/size.ts
index fcff79d957fc..99333e29ceda 100644
--- a/packages/devextreme-angular/src/ui/sankey/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/sankey/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0e1faadfe844 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..22e36bd423c6 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e6b1e420cb47 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..db8a3e0180ab 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sankey-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/scheduler/index.ts b/packages/devextreme-angular/src/ui/scheduler/index.ts
index 7a1c57e9d7b6..af48421e2f61 100644
--- a/packages/devextreme-angular/src/ui/scheduler/index.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/index.ts
@@ -22,15 +22,13 @@ 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 dxSortable from 'devextreme/ui/sortable';
+import type dxDraggable from 'devextreme/ui/draggable';
+import type { default as dxScheduler, 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 { default as DataSource, 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';
@@ -100,7 +98,6 @@ import {
*/
@Component({
selector: 'dx-scheduler',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/ai-options.ts b/packages/devextreme-angular/src/ui/scheduler/nested/ai-options.ts
index 215c07d5f572..b544ab0d8b99 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/ai-options.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/ai-options.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-ai-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..d893dab31fd6 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-appointment-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b992b4bac635 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-async-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..04cac9a26047 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-button-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..724555b4e7a9 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-button-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/col-count-by-screen.ts b/packages/devextreme-angular/src/ui/scheduler/nested/col-count-by-screen.ts
index 7cdd87512ae3..148cb3ac58f6 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/col-count-by-screen.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/col-count-by-screen.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-col-count-by-screen',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ccdd4d076fe4 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-compare-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6a14cd99f1ac 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-custom-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8f669d54abb0 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1c7932b69809 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-email-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..166d1c6baae5 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-empty-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1c711da7d438 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxo-scheduler-form',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3b97739732df 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-scheduler-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..4c623f21fb66 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,
@@ -44,7 +44,6 @@ import {
@Component({
selector: 'dxi-scheduler-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..be126bdbe472 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..b8b0a8776764 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-numeric-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3c2e3710990b 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,
@@ -32,7 +32,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-options-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..adbb1f966b04 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-scheduler-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0c5f027a1c9e 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-pattern-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0562cf880c6e 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-range-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9b97bd97b167 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-required-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f07d22779a89 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,8 @@ import {
-import DataSource from 'devextreme/data/data_source';
-import { DataSourceOptions } from 'devextreme/data/data_source';
-import { Store } from 'devextreme/data/store';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import {
DxIntegrationModule,
@@ -26,7 +25,6 @@ import { PROPERTY_TOKEN_resources } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-resource',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a57ccb8f47b9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-scheduler-scrolling',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..795b40e8b201 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-scheduler-simple-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..e28fe8c46431 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-string-length-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e379345ac39a 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-scheduler-tab',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options-item-dxi.ts b/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options-item-dxi.ts
index ad8f5a2ac87f..40d7d44565c4 100644
--- a/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/scheduler/nested/tab-panel-options-item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-tab-panel-options-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..d6b9ed69d413 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,10 @@ 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 { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
import {
DxIntegrationModule,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-scheduler-tab-panel-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ad8fe083da55 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-scheduler-tabbed-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d928256a761e 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..4af425b0c39a 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-scheduler-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f23010194bfa 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ae6195889a82 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_views } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-scheduler-view',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e3159c4f4231 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';
@@ -41,7 +41,6 @@ import {
*/
@Component({
selector: 'dx-scroll-view',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/select-box/index.ts b/packages/devextreme-angular/src/ui/select-box/index.ts
index 079d19edde08..5ec9214cfc6c 100644
--- a/packages/devextreme-angular/src/ui/select-box/index.ts
+++ b/packages/devextreme-angular/src/ui/select-box/index.ts
@@ -24,14 +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, 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 { 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 { default as DataSource, 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';
@@ -103,7 +102,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-select-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..85e40f9402c9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8a677625033c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/select-box/nested/boundary-offset.ts
index a448c7f59557..ee5564db177b 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b8ed48fe4972 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-select-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..dd7afb39011f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5b62a7afd18b 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-select-box-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/field-addons.ts b/packages/devextreme-angular/src/ui/select-box/nested/field-addons.ts
index ad9677aa6ea4..5625993af92e 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/field-addons.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/field-addons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-field-addons',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5f5440673c22 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..85c9ebfc1146 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/select-box/nested/item-dxi.ts
index a812f952ca7b..d6e98c3db267 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-select-box-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..60133be41faf 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/offset.ts b/packages/devextreme-angular/src/ui/select-box/nested/offset.ts
index 8b55ff7bae36..b225c3268f9e 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..44e79abbb397 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..7435994a7473 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e3a363006100 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..94c6bfc87d75 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-select-box-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e6e2a38a690c 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-select-box-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/slider/index.ts b/packages/devextreme-angular/src/ui/slider/index.ts
index 65b37584fdb7..8b465d1f60af 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';
@@ -64,7 +64,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-slider',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/slider/nested/format.ts b/packages/devextreme-angular/src/ui/slider/nested/format.ts
index c8bf389531e9..6ff3f05052ff 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-slider-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aff6941537ab 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-slider-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..46c40bcae55e 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-slider-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sortable/index.ts b/packages/devextreme-angular/src/ui/sortable/index.ts
index 27e5a1f2e229..d38b8fc4e03b 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';
@@ -43,7 +43,6 @@ import { DxoSortableCursorOffsetModule } from 'devextreme-angular/ui/sortable/ne
*/
@Component({
selector: 'dx-sortable',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sortable/nested/cursor-offset.ts b/packages/devextreme-angular/src/ui/sortable/nested/cursor-offset.ts
index 5300c2572f45..cd9a27bd25e1 100644
--- a/packages/devextreme-angular/src/ui/sortable/nested/cursor-offset.ts
+++ b/packages/devextreme-angular/src/ui/sortable/nested/cursor-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sortable-cursor-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sparkline/index.ts b/packages/devextreme-angular/src/ui/sparkline/index.ts
index e95e184b241f..4ca796056cee 100644
--- a/packages/devextreme-angular/src/ui/sparkline/index.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/index.ts
@@ -20,12 +20,11 @@ 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 { default as DataSource, 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';
@@ -63,7 +62,6 @@ import { DxoSparklineTooltipModule } from 'devextreme-angular/ui/sparkline/neste
*/
@Component({
selector: 'dx-sparkline',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/border.ts b/packages/devextreme-angular/src/ui/sparkline/nested/border.ts
index c2c3bb9fcf69..6928981c5632 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-border',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/font.ts b/packages/devextreme-angular/src/ui/sparkline/nested/font.ts
index 1b538c7d776e..5ee44ffad27e 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e9baf34d5220 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-format',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/margin.ts b/packages/devextreme-angular/src/ui/sparkline/nested/margin.ts
index 884e42f1f1e9..b3636eddabcb 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/shadow.ts b/packages/devextreme-angular/src/ui/sparkline/nested/shadow.ts
index b707bb07f46f..649cbbc61cb1 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/sparkline/nested/size.ts b/packages/devextreme-angular/src/ui/sparkline/nested/size.ts
index 41bd0fa8181c..b4430cbdbb09 100644
--- a/packages/devextreme-angular/src/ui/sparkline/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/sparkline/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..88177654e8c4 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-sparkline-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..ec958de76c6d 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';
@@ -40,7 +40,6 @@ import { DxoSpeechToTextSpeechRecognitionConfigModule } from 'devextreme-angular
@Component({
selector: 'dx-speech-to-text',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/speech-to-text/nested/custom-speech-recognizer.ts b/packages/devextreme-angular/src/ui/speech-to-text/nested/custom-speech-recognizer.ts
index 42decd6b782f..1ef2593a437e 100644
--- a/packages/devextreme-angular/src/ui/speech-to-text/nested/custom-speech-recognizer.ts
+++ b/packages/devextreme-angular/src/ui/speech-to-text/nested/custom-speech-recognizer.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-speech-to-text-custom-speech-recognizer',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/speech-to-text/nested/speech-recognition-config.ts b/packages/devextreme-angular/src/ui/speech-to-text/nested/speech-recognition-config.ts
index 9d77c60d0aeb..02665684d783 100644
--- a/packages/devextreme-angular/src/ui/speech-to-text/nested/speech-recognition-config.ts
+++ b/packages/devextreme-angular/src/ui/speech-to-text/nested/speech-recognition-config.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-speech-to-text-speech-recognition-config',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..03b2c971944a 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';
@@ -40,7 +40,6 @@ import {
*/
@Component({
selector: 'dx-speed-dial-action',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/splitter/index.ts b/packages/devextreme-angular/src/ui/splitter/index.ts
index 47fbe870921b..a470d86ed85d 100644
--- a/packages/devextreme-angular/src/ui/splitter/index.ts
+++ b/packages/devextreme-angular/src/ui/splitter/index.ts
@@ -21,13 +21,12 @@ 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 { dxSplitterItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemRenderedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/splitter';
+import type { default as DataSource, 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';
@@ -58,7 +57,6 @@ import {
*/
@Component({
selector: 'dx-splitter',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..e79219ac95c5 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,
@@ -32,7 +32,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-splitter-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/stepper/index.ts b/packages/devextreme-angular/src/ui/stepper/index.ts
index 608a039261cc..fdf1c9b1f660 100644
--- a/packages/devextreme-angular/src/ui/stepper/index.ts
+++ b/packages/devextreme-angular/src/ui/stepper/index.ts
@@ -21,13 +21,12 @@ 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 { dxStepperItem, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/stepper';
+import type { default as DataSource, 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';
@@ -53,7 +52,6 @@ import {
@Component({
selector: 'dx-stepper',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/stepper/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/stepper/nested/item-dxi.ts
index 70599db1e128..e99bb5406cc2 100644
--- a/packages/devextreme-angular/src/ui/stepper/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/stepper/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-stepper-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/switch/index.ts b/packages/devextreme-angular/src/ui/switch/index.ts
index cbe35981e760..12fb8ad79d80 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';
@@ -57,7 +57,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-switch',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tab-panel/index.ts b/packages/devextreme-angular/src/ui/tab-panel/index.ts
index ea93123646c8..3e58daabeed0 100644
--- a/packages/devextreme-angular/src/ui/tab-panel/index.ts
+++ b/packages/devextreme-angular/src/ui/tab-panel/index.ts
@@ -21,13 +21,12 @@ 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 { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { default as DataSource, 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';
@@ -57,7 +56,6 @@ import {
*/
@Component({
selector: 'dx-tab-panel',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tab-panel/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/tab-panel/nested/item-dxi.ts
index 578ae89150f2..6512171b72e9 100644
--- a/packages/devextreme-angular/src/ui/tab-panel/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tab-panel/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tab-panel-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tabs/index.ts b/packages/devextreme-angular/src/ui/tabs/index.ts
index 79b41a6fe77e..ebb60071ab37 100644
--- a/packages/devextreme-angular/src/ui/tabs/index.ts
+++ b/packages/devextreme-angular/src/ui/tabs/index.ts
@@ -21,13 +21,12 @@ 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 { dxTabsItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent } from 'devextreme/ui/tabs';
+import type { default as DataSource, 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';
@@ -57,7 +56,6 @@ import {
*/
@Component({
selector: 'dx-tabs',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tabs/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/tabs/nested/item-dxi.ts
index 25e449d5cb94..3a3d579cc9f2 100644
--- a/packages/devextreme-angular/src/ui/tabs/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tabs/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tabs-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tag-box/index.ts b/packages/devextreme-angular/src/ui/tag-box/index.ts
index d9620cebb4b5..e65c2ca41cc4 100644
--- a/packages/devextreme-angular/src/ui/tag-box/index.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/index.ts
@@ -24,14 +24,13 @@ 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 { 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 { default as DataSource, 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';
@@ -103,7 +102,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-tag-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..b40a5a36e5d9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..10082c6ad0ef 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/tag-box/nested/boundary-offset.ts
index 00abdc4130d4..42c91003641a 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a5df166c2359 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tag-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f9896accfec7 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7c0f21b7d6d2 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-tag-box-drop-down-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/field-addons.ts b/packages/devextreme-angular/src/ui/tag-box/nested/field-addons.ts
index 79f86d2c70bc..bfa111a8136c 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/field-addons.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/field-addons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-field-addons',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..88e22f9db5e5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7e06c9946dff 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/tag-box/nested/item-dxi.ts
index b506dbf6ec6a..0d0b785aa6ec 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tag-box-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..59e44cf34d7d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/offset.ts b/packages/devextreme-angular/src/ui/tag-box/nested/offset.ts
index 657b36ed5be6..7a247b2f14c2 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..998c6f269897 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..d49b45128ceb 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a883e280a357 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..135b8aaf9af7 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tag-box-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..bab411e1ea7e 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tag-box-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..f3f56fca396c 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';
@@ -57,7 +57,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-text-area',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/text-box/index.ts b/packages/devextreme-angular/src/ui/text-box/index.ts
index c5239beec5cd..dc80a935d21f 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';
@@ -67,7 +67,6 @@ const CUSTOM_VALUE_ACCESSOR_PROVIDER = {
*/
@Component({
selector: 'dx-text-box',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..18963dd5b36c 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-text-box-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..77a9192393e6 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-text-box-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..3bd0fc09be73 100644
--- a/packages/devextreme-angular/src/ui/tile-view/index.ts
+++ b/packages/devextreme-angular/src/ui/tile-view/index.ts
@@ -21,13 +21,12 @@ 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 { dxTileViewItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/tile_view';
+import type { default as DataSource, 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';
@@ -57,7 +56,6 @@ import {
*/
@Component({
selector: 'dx-tile-view',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tile-view/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/tile-view/nested/item-dxi.ts
index 4c9641d5d38c..aea7c33c33fb 100644
--- a/packages/devextreme-angular/src/ui/tile-view/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tile-view/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tile-view-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/toast/index.ts b/packages/devextreme-angular/src/ui/toast/index.ts
index 1c4e53f04131..fa9d0164dc7e 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';
@@ -64,7 +64,6 @@ import { DxoToastToModule } from 'devextreme-angular/ui/toast/nested';
*/
@Component({
selector: 'dx-toast',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/toast/nested/animation.ts b/packages/devextreme-angular/src/ui/toast/nested/animation.ts
index 23113642fbb5..6a39d45a5a12 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b2f2481286e5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/toast/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/toast/nested/boundary-offset.ts
index 795516c25ba3..db7d578c3b56 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8661831f5df9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4fa914727cf4 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..719a88c3a151 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7dc9017ae9a3 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/toast/nested/offset.ts b/packages/devextreme-angular/src/ui/toast/nested/offset.ts
index 2b7d30e64df1..9a0029dfd519 100644
--- a/packages/devextreme-angular/src/ui/toast/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/toast/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..90bd9c2926ea 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..44454dd357ab 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..901ffe820ac7 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-toast-to',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/toolbar/index.ts b/packages/devextreme-angular/src/ui/toolbar/index.ts
index f9fa52a023b5..bedf9a4dc117 100644
--- a/packages/devextreme-angular/src/ui/toolbar/index.ts
+++ b/packages/devextreme-angular/src/ui/toolbar/index.ts
@@ -21,12 +21,11 @@ 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 { dxToolbarItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/toolbar';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
import DxToolbar from 'devextreme/ui/toolbar';
@@ -56,7 +55,6 @@ import {
*/
@Component({
selector: 'dx-toolbar',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..60bace4d403b 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,
@@ -33,7 +33,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tooltip/index.ts b/packages/devextreme-angular/src/ui/tooltip/index.ts
index 394372334466..ad0d23e0aa5f 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';
@@ -69,7 +69,6 @@ import { DxoTooltipToModule } from 'devextreme-angular/ui/tooltip/nested';
*/
@Component({
selector: 'dx-tooltip',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/animation.ts b/packages/devextreme-angular/src/ui/tooltip/nested/animation.ts
index ee881e0109de..48910a528952 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d506da0c23f9 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/tooltip/nested/boundary-offset.ts
index 831c47d48ed4..eda849360efe 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a571ce06c219 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b3a23223b90d 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-from',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/hide-event.ts b/packages/devextreme-angular/src/ui/tooltip/nested/hide-event.ts
index 806d8f9eda18..a7e9f9c450af 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/hide-event.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/hide-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-hide-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e124677eba91 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c290bbb9d005 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-my',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/offset.ts b/packages/devextreme-angular/src/ui/tooltip/nested/offset.ts
index 3c3a3c751e92..a0eeeb9a68e8 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4888485d194a 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-position',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tooltip/nested/show-event.ts b/packages/devextreme-angular/src/ui/tooltip/nested/show-event.ts
index c4b23464a8f6..13009a69664f 100644
--- a/packages/devextreme-angular/src/ui/tooltip/nested/show-event.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/nested/show-event.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-show-event',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c93f31e72d92 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..52b79bc7cc3b 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tooltip-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..21b8807f5167 100644
--- a/packages/devextreme-angular/src/ui/tree-list/index.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/index.ts
@@ -21,23 +21,21 @@ 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 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 { default as dxTreeList, 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 { default as DataSource, 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';
@@ -220,7 +218,6 @@ import {
*/
@Component({
selector: 'dx-tree-list',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/ai-options.ts b/packages/devextreme-angular/src/ui/tree-list/nested/ai-options.ts
index aae512f60b6b..3499cc314fac 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/ai-options.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/ai-options.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-ai-options',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..2716262c5808 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-ai',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..83f14331d45f 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-animation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6820f711dd29 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-async-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..28e9e0a9ea63 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-at',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/boundary-offset.ts b/packages/devextreme-angular/src/ui/tree-list/nested/boundary-offset.ts
index 26caba8cbb13..9a25b627a954 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/boundary-offset.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/boundary-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-boundary-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8a7c9c309f3f 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,9 @@ 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 { default as dxTreeList, dxTreeListColumn, dxTreeListRowObject, TreeListPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/tree_list';
+import type { TextEditorButtonLocation } from 'devextreme/common';
+import type { dxButtonOptions } from 'devextreme/ui/button';
import {
DxIntegrationModule,
@@ -35,7 +34,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-button',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..c563dc173d27 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-button-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d3779c2b62f6 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-button-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..e7313a1e2fa7 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_changes } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-change',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/col-count-by-screen.ts b/packages/devextreme-angular/src/ui/tree-list/nested/col-count-by-screen.ts
index 17828ead386f..1a38f2f72896 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/col-count-by-screen.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/col-count-by-screen.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-col-count-by-screen',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c7643ecd8391 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-collision',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fd8b995f2840 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,7 @@ 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 { default as dxTreeList, dxTreeListColumn, dxTreeListRowObject, TreeListPredefinedColumnButton, ColumnButtonClickEvent } from 'devextreme/ui/tree_list';
import {
DxIntegrationModule,
@@ -33,7 +32,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-column-button',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-search.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-search.ts
index d440f7ed5995..803168e0ff4f 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-search.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-search.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-chooser-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-selection.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-selection.ts
index 9642b8360eb3..98e4e089b023 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-selection.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-chooser-selection.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-chooser-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..86c4537f834d 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-chooser',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..898f89714cd3 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-tree-list-column',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing-texts.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing-texts.ts
index 5e392bdda819..888844e0c7a9 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing-texts.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-fixing-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing.ts
index e2f408135a2e..360153d0f3e1 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/column-fixing.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-fixing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..813558e1c3bb 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 6c769a3a86c8..59efd0f32cec 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..21d555f45266 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-column-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..18b3b3b4f9f9 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-compare-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/cursor-offset.ts b/packages/devextreme-angular/src/ui/tree-list/nested/cursor-offset.ts
index 141bd10b7346..7537887fd77e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/cursor-offset.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/cursor-offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-cursor-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e5b0bee5f224 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_customOperations } from 'devextreme-angular/core/tokens'
@Component({
selector: 'dxi-tree-list-custom-operation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4bc6390064c3 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-custom-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/editing-texts.ts b/packages/devextreme-angular/src/ui/tree-list/nested/editing-texts.ts
index 0046b42541a4..2def7d73841b 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/editing-texts.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/editing-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-editing-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f8b187f9b4fb 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,10 @@ 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 { default as dxTreeList, 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,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-tree-list-editing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2cccc190cd65 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-editor-options-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e0e170322d1e 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-tree-list-editor-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9671952793c4 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-email-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e95e7f35caec 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-empty-item',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..4b408f8c015c 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,
@@ -28,7 +28,6 @@ import { PROPERTY_TOKEN_fields } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-field',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f657c576c610 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-field-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5f72381eaeaa 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-tree-list-filter-builder-popup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..932d72422c6f 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-tree-list-filter-builder',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-operation-descriptions.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-operation-descriptions.ts
index 31959b910879..73b6c5a1807b 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-filter-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel-texts.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel-texts.ts
index 4683086d060d..86c5898e4f42 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel-texts.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-panel-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-filter-panel-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0590d548fa7e 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-filter-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c355bc97100c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-filter-row',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aa19fee7069e 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,
@@ -41,7 +41,6 @@ import {
@Component({
selector: 'dxo-tree-list-form-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..7b3ff5644dc5 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,
@@ -35,7 +35,6 @@ import {
@Component({
selector: 'dxo-tree-list-form',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e0d4afe91cfe 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b90cec3bfa74 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-from',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..aca1895eea4e 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-tree-list-group-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/group-operation-descriptions.ts b/packages/devextreme-angular/src/ui/tree-list/nested/group-operation-descriptions.ts
index 642ff526e07b..54d407126ed9 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/group-operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/group-operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-group-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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 a1214534e4a7..5b700b81a137 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,
@@ -28,7 +28,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e485c5d23e84 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-hide',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/icons.ts b/packages/devextreme-angular/src/ui/tree-list/nested/icons.ts
index 68003d7ecaf0..a28f485aea7d 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/icons.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/icons.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-icons',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..091bf0036277 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-indicator-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..21b5253d7e6f 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,
@@ -44,7 +44,6 @@ import {
@Component({
selector: 'dxi-tree-list-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..a4c08f320539 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-keyboard-navigation',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..12c642f2b431 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-label',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..0229096b9511 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-load-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e570e797ffcc 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-lookup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5767f19288d5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-my',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..66024101974d 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-numeric-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/offset.ts b/packages/devextreme-angular/src/ui/tree-list/nested/offset.ts
index 8877e9cb641d..87816a6db331 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/offset.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/offset.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-offset',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/operation-descriptions.ts b/packages/devextreme-angular/src/ui/tree-list/nested/operation-descriptions.ts
index e4f1bb66fd66..bd6f689a9ebe 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/operation-descriptions.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/operation-descriptions.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-operation-descriptions',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5a623aacd5f1 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..e5a628a2db7a 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-pager',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/paging.ts b/packages/devextreme-angular/src/ui/tree-list/nested/paging.ts
index f874b731b77b..d6335e7507d1 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/paging.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/paging.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-paging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b597d01b48a0 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-pattern-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..07b721bc94f8 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,14 @@ 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 { 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 { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';
import {
DxIntegrationModule,
@@ -41,7 +40,6 @@ import {
@Component({
selector: 'dxo-tree-list-popup',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fb540c5e71a9 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-position',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f328edb51b5f 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-range-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/remote-operations.ts b/packages/devextreme-angular/src/ui/tree-list/nested/remote-operations.ts
index 291968de2f7e..b91fadf53f04 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/remote-operations.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/remote-operations.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-remote-operations',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c22195c0fffd 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-required-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0f740a0372f8 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,
@@ -29,7 +29,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-row-dragging',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..58465c9ea7cf 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-scrolling',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/search-panel.ts b/packages/devextreme-angular/src/ui/tree-list/nested/search-panel.ts
index 380462583abf..4f9cace1761e 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/search-panel.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/search-panel.ts
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-search-panel',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..22a6a50237e5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-search',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..8af39292bffe 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e31b0e4424d2 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-show',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..68480a27c4c4 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,
@@ -39,7 +39,6 @@ import {
@Component({
selector: 'dxi-tree-list-simple-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..ba9c43a787c2 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-sorting',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..95398d71dcda 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-state-storing',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3b9f4ca820c7 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-string-length-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cf9f3835c7f1 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,
@@ -37,7 +37,6 @@ import {
@Component({
selector: 'dxi-tree-list-tab',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options-item-dxi.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options-item-dxi.ts
index efb0230de5cb..fbfdcf0e63cf 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options-item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tab-panel-options-item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-tab-panel-options-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..33ee73c34714 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,10 @@ 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 { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
+import type { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';
+import type { Store } from 'devextreme/data/store';
+import type { TabsIconPosition, TabsStyle, Position } from 'devextreme/common';
import {
DxIntegrationModule,
@@ -37,7 +36,6 @@ import {
@Component({
selector: 'dxo-tree-list-tab-panel-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2309641e8dc0 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,
@@ -30,7 +30,6 @@ import {
@Component({
selector: 'dxi-tree-list-tabbed-item',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/texts.ts b/packages/devextreme-angular/src/ui/tree-list/nested/texts.ts
index 6a7676ad58e4..6bcbb652d631 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/texts.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..40eb29fc92a8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-to',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3c8af5345f97 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_toolbarItems } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..b513088c270d 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,
@@ -31,7 +31,6 @@ import {
@Component({
selector: 'dxo-tree-list-toolbar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..553026f1189c 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-tree-list-header-filter-search',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-texts.ts b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-texts.ts
index 11d45244c4a2..a1ffc48fcd18 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-texts.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/tree-list-header-filter-texts.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-tree-list-header-filter-texts',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..0ddb1cc3421a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-tree-list-header-filter',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..fc4f67c8bcbc 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-list-tree-list-selection',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d44a0a8e160f 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,
@@ -34,7 +34,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-tree-list-toolbar-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..b0e350c4dd7f 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-list-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..78c7d1025da9 100644
--- a/packages/devextreme-angular/src/ui/tree-map/index.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/index.ts
@@ -20,13 +20,12 @@ 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 { 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 { default as DataSource, 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';
@@ -88,7 +87,6 @@ import { DxoTreeMapTreeMapborderModule } from 'devextreme-angular/ui/tree-map/ne
*/
@Component({
selector: 'dx-tree-map',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
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..09a9af94c357 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..884e2adc13c3 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-colorizer',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6f9cb25173b6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/font.ts b/packages/devextreme-angular/src/ui/tree-map/nested/font.ts
index 3c4c1a4fab01..fb1b30e00220 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-font',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a132793c3f78 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-format',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..1f98a9cec4e8 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-group-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a8e5ffd055e5 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-group',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/hover-style.ts b/packages/devextreme-angular/src/ui/tree-map/nested/hover-style.ts
index 4ac520c18d80..3002052ac6f2 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/hover-style.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/hover-style.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-hover-style',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..34daf812395a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6e8318dd7d27 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/margin.ts b/packages/devextreme-angular/src/ui/tree-map/nested/margin.ts
index 6cc924f5e592..b2a6489fb8af 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/selection-style.ts b/packages/devextreme-angular/src/ui/tree-map/nested/selection-style.ts
index 260dc4aff2b1..1ae493aec574 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/selection-style.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/selection-style.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-selection-style',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/shadow.ts b/packages/devextreme-angular/src/ui/tree-map/nested/shadow.ts
index 0d67c276306b..00021425bd31 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/size.ts b/packages/devextreme-angular/src/ui/tree-map/nested/size.ts
index 787056677ab8..2e2226327185 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-size',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c6a74b357591 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..c0a7a6c5a641 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-tile-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9a0c1869792a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-tile',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6a8d3b49e988 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..e0a9eaf431e3 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..a69cec9241d5 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-map/nested/tree-mapborder.ts b/packages/devextreme-angular/src/ui/tree-map/nested/tree-mapborder.ts
index 17e9ff09969d..bb3c927693fa 100644
--- a/packages/devextreme-angular/src/ui/tree-map/nested/tree-mapborder.ts
+++ b/packages/devextreme-angular/src/ui/tree-map/nested/tree-mapborder.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-map-tree-mapborder',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/tree-view/index.ts b/packages/devextreme-angular/src/ui/tree-view/index.ts
index 55e087ca0d8b..e04ecd0378a2 100644
--- a/packages/devextreme-angular/src/ui/tree-view/index.ts
+++ b/packages/devextreme-angular/src/ui/tree-view/index.ts
@@ -21,14 +21,13 @@ import {
QueryList
} from '@angular/core';
-export { ExplicitTypes } from 'devextreme/ui/tree_view';
+export type { ExplicitTypes } from 'devextreme/ui/tree_view';
-import DataSource from 'devextreme/data/data_source';
-import { dxTreeViewNode, dxTreeViewItem, 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';
+import type { dxTreeViewNode, dxTreeViewItem, TreeViewExpandEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemCollapsedEvent, ItemContextMenuEvent, ItemExpandedEvent, ItemHoldEvent, ItemRenderedEvent, ItemSelectionChangedEvent, OptionChangedEvent, SelectAllValueChangedEvent, SelectionChangedEvent, TreeViewCheckBoxMode } from 'devextreme/ui/tree_view';
+import type { default as DataSource, 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';
@@ -65,7 +64,6 @@ import {
*/
@Component({
selector: 'dx-tree-view',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
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..f69039c8702b 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,
@@ -25,7 +25,6 @@ import { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-tree-view-button',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..77500b12b4f0 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,
@@ -36,7 +36,6 @@ import {
@Component({
selector: 'dxi-tree-view-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..f01996ce101f 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-tree-view-options',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..936fd7424189 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,
@@ -34,7 +34,6 @@ import {
@Component({
selector: 'dxo-tree-view-search-editor-options',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..95cc9723a916 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';
@@ -40,7 +40,6 @@ import {
*/
@Component({
selector: 'dx-validation-group',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/validation-summary/index.ts b/packages/devextreme-angular/src/ui/validation-summary/index.ts
index d8b916140c15..34f37b5ec0ed 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';
@@ -54,7 +54,6 @@ import {
*/
@Component({
selector: 'dx-validation-summary',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/validation-summary/nested/item-dxi.ts b/packages/devextreme-angular/src/ui/validation-summary/nested/item-dxi.ts
index 9dc9589771b2..99ea010d30f7 100644
--- a/packages/devextreme-angular/src/ui/validation-summary/nested/item-dxi.ts
+++ b/packages/devextreme-angular/src/ui/validation-summary/nested/item-dxi.ts
@@ -31,7 +31,6 @@ import { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validation-summary-item',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/validator/index.ts b/packages/devextreme-angular/src/ui/validator/index.ts
index 2a4bccce1bd3..202986a498ab 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';
@@ -67,7 +67,6 @@ import {
*/
@Component({
selector: 'dx-validator',
- standalone: true,
template: '',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/validator/nested/adapter.ts b/packages/devextreme-angular/src/ui/validator/nested/adapter.ts
index 819ab783ea1b..21a5ce739ceb 100644
--- a/packages/devextreme-angular/src/ui/validator/nested/adapter.ts
+++ b/packages/devextreme-angular/src/ui/validator/nested/adapter.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-validator-adapter',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
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..3789c9bf86c3 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-async-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..586d95858f74 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-compare-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b9d6ecd91ea5 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-custom-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3226d12405b7 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-email-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..6c3283027653 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-numeric-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7f73a7a0416c 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-pattern-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5cfc0f459f66 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-range-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..5879534ed8df 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-required-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..92b63cb9cadd 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-string-length-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..2ef6d73b752a 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,
@@ -24,7 +24,6 @@ import { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-validator-validation-rule',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..9d5f5fb9cb41 100644
--- a/packages/devextreme-angular/src/ui/vector-map/index.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/index.ts
@@ -22,13 +22,12 @@ 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 { 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 { default as DataSource, 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';
@@ -104,7 +103,6 @@ import {
*/
@Component({
selector: 'dx-vector-map',
- standalone: true,
template: '',
styles: [ ' :host { display: block; }'],
host: { ngSkipHydration: 'true' },
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..cd8e44fc6632 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-annotation-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..576df388e07d 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,
@@ -33,7 +33,6 @@ import { PROPERTY_TOKEN_annotations } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-vector-map-annotation',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/background.ts b/packages/devextreme-angular/src/ui/vector-map/nested/background.ts
index 763e4e8f493f..4ada19289ad3 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/background.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/background.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-background',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..93cdfd4a46e6 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..cecfb820d50a 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,
@@ -34,7 +34,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-common-annotation-settings',
- standalone: true,
template: '',
styles: [':host { display: block; }'],
imports: [ 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..047d7efee682 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-control-bar',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..54e7623dbc60 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-export',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/font.ts b/packages/devextreme-angular/src/ui/vector-map/nested/font.ts
index a333c6366537..04e2d50d055a 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/font.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/font.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-font',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/image.ts b/packages/devextreme-angular/src/ui/vector-map/nested/image.ts
index 5292833de8e5..5c6b1626684e 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/image.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/image.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-image',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..b07adf726044 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-label',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..d22631a098eb 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,11 @@ 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 { MapLayerElement, VectorMapMarkerType, VectorMapLayerType } from 'devextreme/viz/vector_map';
+import type { default as DataSource, 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,
@@ -29,7 +28,6 @@ import { PROPERTY_TOKEN_layers } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-vector-map-layer',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..3316a0be01c6 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,
@@ -26,7 +26,6 @@ import { PROPERTY_TOKEN_legends } from 'devextreme-angular/core/tokens';
@Component({
selector: 'dxi-vector-map-legend',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..20b16a8d6882 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-legend-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..557fa4a85230 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-legend-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..f812b58b6c02 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,
@@ -27,7 +27,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-loading-indicator',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/margin.ts b/packages/devextreme-angular/src/ui/vector-map/nested/margin.ts
index e5b92474d3c4..b10c4b560c81 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/margin.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/margin.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-margin',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/projection.ts b/packages/devextreme-angular/src/ui/vector-map/nested/projection.ts
index af19b9889e7a..aa35ff293f06 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/projection.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/projection.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-projection',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/shadow.ts b/packages/devextreme-angular/src/ui/vector-map/nested/shadow.ts
index c7b82d3d017f..c877dea00224 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/shadow.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/shadow.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-shadow',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/size.ts b/packages/devextreme-angular/src/ui/vector-map/nested/size.ts
index 829f7161a3cd..240bf10f42cd 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/size.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/size.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-size',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/packages/devextreme-angular/src/ui/vector-map/nested/source.ts b/packages/devextreme-angular/src/ui/vector-map/nested/source.ts
index 50945dd07a88..c4869b4d2cb8 100644
--- a/packages/devextreme-angular/src/ui/vector-map/nested/source.ts
+++ b/packages/devextreme-angular/src/ui/vector-map/nested/source.ts
@@ -24,7 +24,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-source',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..624b43fb9dc1 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..25c24011b957 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-title',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..92082a9a865a 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-tooltip-border',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..62bdb45bf24b 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-tooltip',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..66de0fc86065 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,
@@ -25,7 +25,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-vector-map-title-subtitle',
- standalone: true,
template: '',
styles: [''],
imports: [ 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..7a90f6a4a3d2 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,
@@ -26,7 +26,6 @@ import { NestedOption } from 'devextreme-angular/core';
@Component({
selector: 'dxo-vector-map-vector-map-title',
- standalone: true,
template: '',
styles: [''],
imports: [ DxIntegrationModule ],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e3379a177cf6..0daa9494e42f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -159,8 +159,8 @@ catalogs:
specifier: 20.12.8
version: 20.12.8
devextreme-internal-tools:
- specifier: 20.1.1
- version: 20.1.1
+ specifier: 20.5.0
+ version: 20.5.0
prettier:
specifier: 3.5.3
version: 3.5.3
@@ -244,7 +244,7 @@ importers:
version: 4.12.1
devextreme-internal-tools:
specifier: catalog:tools
- version: 20.1.1
+ version: 20.5.0
devextreme-metadata:
specifier: workspace:*
version: link:packages/devextreme-metadata
@@ -1892,7 +1892,7 @@ importers:
version: 20.12.8
devextreme-internal-tools:
specifier: catalog:tools
- version: 20.1.1
+ version: 20.5.0
prettier:
specifier: catalog:tools
version: 3.5.3
@@ -9271,9 +9271,9 @@ packages:
resolution: {integrity: sha512-WiNl1iQD9i1G9AyEnrcBDF2lMHpsNS+zilXhQ72/STkKo9AUbZknYsgvz1vdnfLhdaW8go5zhnryjQ5p6gemfw==}
engines: {node: '>=18'}
- devextreme-internal-tools@20.1.1:
- resolution: {integrity: sha512-heMGvQIrTSZEXDpL6GZnMhKrX2YlZgOfmd0Sr4dYBgQBRm7aoCyIrVDDo3l71qFLWM0qawqTbIKvjcMiQpBCtw==}
- engines: {node: '>=20.0.0'}
+ devextreme-internal-tools@20.5.0:
+ resolution: {integrity: sha512-7VB9sR8sbAE6eF81NnXhVPW69c+JTgeUA54PDsysm6uIchJguNRhUHQjm4qxCFWAH9d4mL55wAHn5aZMNNj8Lg==}
+ engines: {node: ^24.16.0}
hasBin: true
devextreme-quill@1.7.10:
@@ -14246,11 +14246,6 @@ packages:
engines: {node: '>=14'}
hasBin: true
- prettier@3.6.2:
- resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
- engines: {node: '>=14'}
- hasBin: true
-
prettier@3.8.1:
resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
engines: {node: '>=14'}
@@ -16569,11 +16564,6 @@ packages:
engines: {node: '>=14.17'}
hasBin: true
- typescript@5.9.2:
- resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
- engines: {node: '>=14.17'}
- hasBin: true
-
typescript@5.9.3:
resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
engines: {node: '>=14.17'}
@@ -17306,8 +17296,8 @@ packages:
resolution: {integrity: sha512-8drMJ4rkgaPo1Me4zD/3WLfI/zPdA9o2IipKODunnGDcuqbHwjsbB79ylv04LCGGzU0xQ6vTznOMpQGaLhhm6A==}
engines: {node: '>= 12.0.0'}
- winston@3.17.0:
- resolution: {integrity: sha512-DLiFIXYC5fMPxaRg832S6F5mJYvePtmO5G9v9IgUFPhXm9/GkXarH/TUrBAVzhTCzAj9anE/+GjrgXp/54nOgw==}
+ winston@3.19.0:
+ resolution: {integrity: sha512-LZNJgPzfKR+/J3cHkxcpHKpKKvGfDZVPS4hfJCc4cCG0CgYzvlD6yE/S3CIL/Yt91ak327YCpiF/0MyeZHEHKA==}
engines: {node: '>= 12.0.0'}
word-wrap@1.2.5:
@@ -22377,10 +22367,10 @@ snapshots:
'@preact/signals-core@1.14.1': {}
- '@prettier/sync@0.6.1(prettier@3.6.2)':
+ '@prettier/sync@0.6.1(prettier@3.8.1)':
dependencies:
make-synchronized: 0.8.0
- prettier: 3.6.2
+ prettier: 3.8.1
'@puppeteer/browsers@2.4.0':
dependencies:
@@ -27189,15 +27179,15 @@ snapshots:
- bare-buffer
- react-native-b4a
- devextreme-internal-tools@20.1.1:
+ devextreme-internal-tools@20.5.0:
dependencies:
- '@prettier/sync': 0.6.1(prettier@3.6.2)
+ '@prettier/sync': 0.6.1(prettier@3.8.1)
dot: 1.1.3
mkdirp: 3.0.1
- prettier: 3.6.2
+ prettier: 3.8.1
shelljs: 0.10.0
- typescript: 5.9.2
- winston: 3.17.0
+ typescript: 5.9.3
+ winston: 3.19.0
devextreme-quill@1.7.10:
dependencies:
@@ -34934,10 +34924,7 @@ snapshots:
prettier@3.5.3: {}
- prettier@3.6.2: {}
-
- prettier@3.8.1:
- optional: true
+ prettier@3.8.1: {}
pretty-error@4.0.0:
dependencies:
@@ -38135,8 +38122,6 @@ snapshots:
typescript@5.8.3: {}
- typescript@5.9.2: {}
-
typescript@5.9.3: {}
ua-parser-js@0.7.41: {}
@@ -39377,7 +39362,7 @@ snapshots:
readable-stream: 3.6.2
triple-beam: 1.4.1
- winston@3.17.0:
+ winston@3.19.0:
dependencies:
'@colors/colors': 1.6.0
'@dabh/diagnostics': 2.0.8
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 88f1f0da4ea9..8ed983eb9093 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -107,7 +107,7 @@ catalogs:
"typescript": 5.5.4
"zone.js": 0.15.1
tools:
- "devextreme-internal-tools": 20.1.1
+ "devextreme-internal-tools": 20.5.0
"prettier": 3.5.3
"ts-node": 10.9.2
"@types/node": 20.12.8
@@ -141,3 +141,4 @@ minimumReleaseAgeExclude:
- '@angular/compiler@19.2.26'
- undici@7.28.0
- '@sigstore/core@3.2.1'
+ - devextreme-internal-tools@20.5.0
diff --git a/tools/generators-config.js b/tools/generators-config.js
index 77ab3b73a34e..2ac9237f72cd 100644
--- a/tools/generators-config.js
+++ b/tools/generators-config.js
@@ -135,6 +135,7 @@ const angularConfig = {
...commonConfig()
}
angularConfig.variables.genericTypes['CoreComponent'] = {};
+angularConfig.variables.nonExportedNestedComponents = ['DxiToolbarItem', 'DxiMenuItem'];
const vueConfig = {
...commonConfig()