Skip to content

Angular standalone by default (for v20)#33111

Open
mpreyskurantov wants to merge 3 commits intoDevExpress:26_1from
mpreyskurantov:26_1-angular-standalone-by-default-20-dev
Open

Angular standalone by default (for v20)#33111
mpreyskurantov wants to merge 3 commits intoDevExpress:26_1from
mpreyskurantov:26_1-angular-standalone-by-default-20-dev

Conversation

@mpreyskurantov
Copy link
Copy Markdown
Contributor

@mpreyskurantov mpreyskurantov commented Mar 31, 2026

Without explicit standalone: true

Patch for:

After:

Refs:

https://angular.dev/guide/components#imports-in-the-component-decorator

By default, Angular components are standalone
IMPORTANT: In Angular versions before 19.0.0, the standalone option defaults to false.

ReOpen:

@mpreyskurantov mpreyskurantov self-assigned this Mar 31, 2026
Copilot AI review requested due to automatic review settings March 31, 2026 22:50
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR prepares DevExtreme Angular wrapper components/directives for an Angular v20 “standalone by default” world by removing explicit standalone: true metadata.

Changes:

  • Removed standalone: true from many @Component() declarations across UI wrappers (and their nested option components).
  • Removed standalone: true from DxTemplateDirective.

Reviewed changes

Copilot reviewed 300 out of 1516 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
packages/devextreme-angular/src/ui/context-menu/nested/show-event.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/position.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/offset.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/my.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/item-dxi.ts Removes explicit standalone flag from nested context-menu item component
packages/devextreme-angular/src/ui/context-menu/nested/hide.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/from.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/delay.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/collision.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/boundary-offset.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/at.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/nested/animation.ts Removes explicit standalone flag from nested context-menu option component
packages/devextreme-angular/src/ui/context-menu/index.ts Removes explicit standalone flag from dx-context-menu component
packages/devextreme-angular/src/ui/color-box/nested/toolbar-item-dxi.ts Removes explicit standalone flag from nested color-box toolbar item component
packages/devextreme-angular/src/ui/color-box/nested/to.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/show.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/position.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/options.ts Removes explicit standalone flag from nested color-box options component
packages/devextreme-angular/src/ui/color-box/nested/offset.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/my.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/hide.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/from.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/field-addons.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/collision.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/button-dxi.ts Removes explicit standalone flag from nested color-box button component
packages/devextreme-angular/src/ui/color-box/nested/boundary-offset.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/at.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/nested/animation.ts Removes explicit standalone flag from nested color-box option component
packages/devextreme-angular/src/ui/color-box/index.ts Removes explicit standalone flag from dx-color-box component
packages/devextreme-angular/src/ui/circular-gauge/nested/value-indicator.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/tooltip.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/title.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/tick.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/text.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/subvalue-indicator.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/subtitle.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/size.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/shadow.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/scale.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/range-dxi.ts Removes explicit standalone flag from nested circular-gauge range component
packages/devextreme-angular/src/ui/circular-gauge/nested/range-container.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/minor-tick.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/margin.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/loading-indicator.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/label.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/geometry.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/format.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/font.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/export.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/color.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/border.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/background-color.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/nested/animation.ts Removes explicit standalone flag from nested circular-gauge option component
packages/devextreme-angular/src/ui/circular-gauge/index.ts Removes explicit standalone flag from dx-circular-gauge component
packages/devextreme-angular/src/ui/check-box/index.ts Removes explicit standalone flag from dx-check-box component
packages/devextreme-angular/src/ui/chat/nested/user.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/typing-user-dxi.ts Removes explicit standalone flag from nested chat typing-user component
packages/devextreme-angular/src/ui/chat/nested/speech-to-text-options.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/speech-recognition-config.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/message-timestamp-format.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/item-dxi.ts Removes explicit standalone flag from nested chat item component
packages/devextreme-angular/src/ui/chat/nested/file-uploader-options.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/editing.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/day-header-format.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/custom-speech-recognizer.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/author.ts Removes explicit standalone flag from nested chat option component
packages/devextreme-angular/src/ui/chat/nested/attachment-dxi.ts Removes explicit standalone flag from nested chat attachment component
packages/devextreme-angular/src/ui/chat/nested/alert-dxi.ts Removes explicit standalone flag from nested chat alert component
packages/devextreme-angular/src/ui/chat/index.ts Removes explicit standalone flag from dx-chat component
packages/devextreme-angular/src/ui/chart/nested/zoom-and-pan.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/width.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/whole-range.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/visual-range.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/vertical-line.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/value-error-bar.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/value-axis-dxi.ts Removes explicit standalone flag from nested chart axis component
packages/devextreme-angular/src/ui/chart/nested/url.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/tooltip.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/tooltip-border.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/title.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/tick.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/tick-interval.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/subtitle.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/strip-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/strip-style-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/strip-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/strip-dxi.ts Removes explicit standalone flag from nested chart strip component
packages/devextreme-angular/src/ui/chart/nested/size.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/shadow.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/series-template.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/series-dxi.ts Removes explicit standalone flag from nested chart series component
packages/devextreme-angular/src/ui/chart/nested/series-border.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/selection-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/scroll-bar.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/reduction.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/point.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/point-selection-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/point-image.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/point-hover-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/point-border.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/pane-dxi.ts Removes explicit standalone flag from nested chart pane component
packages/devextreme-angular/src/ui/chart/nested/pane-border.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/minor-tick.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/minor-tick-interval.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/minor-grid.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/min-visual-range-length.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/margin.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/loading-indicator.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/length.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/legend.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/legend-title.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/legend-title-subtitle.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/label.ts Removes explicit standalone flag from nested chart label component
packages/devextreme-angular/src/ui/chart/nested/image.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/hover-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/horizontal-line.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/horizontal-line-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/height.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/hatching.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/grid.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/format.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/font.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/export.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/drag-box-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/data-prepare-settings.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/crosshair.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/constant-line-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/constant-line-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/constant-line-dxi.ts Removes explicit standalone flag from nested chart constant-line component
packages/devextreme-angular/src/ui/chart/nested/connector.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-series-settings.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-series-settings-selection-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-series-settings-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-series-settings-hover-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-pane-settings.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-axis-settings.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-title.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-label.ts Removes explicit standalone flag from nested chart label component
packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-axis-settings-constant-line-style-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/common-annotation-settings.ts Removes explicit standalone flag from nested chart annotation settings component
packages/devextreme-angular/src/ui/chart/nested/color.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/chart-title.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/chart-title-subtitle.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/break-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/break-dxi.ts Removes explicit standalone flag from nested chart break component
packages/devextreme-angular/src/ui/chart/nested/border.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/background-color.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/axis-title.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/axis-label.ts Removes explicit standalone flag from nested chart label component
packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/axis-constant-line-style-label.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/argument-format.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/argument-axis.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/annotation-image.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/annotation-dxi.ts Removes explicit standalone flag from nested chart annotation component
packages/devextreme-angular/src/ui/chart/nested/annotation-border.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/animation.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/aggregation.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/aggregation-interval.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/nested/adaptive-layout.ts Removes explicit standalone flag from nested chart option component
packages/devextreme-angular/src/ui/chart/index.ts Removes explicit standalone flag from dx-chart component
packages/devextreme-angular/src/ui/card-view/nested/validation-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/toolbar.ts Removes explicit standalone flag from nested card-view toolbar option component
packages/devextreme-angular/src/ui/card-view/nested/toolbar-item-dxi.ts Removes explicit standalone flag from nested card-view toolbar item component
packages/devextreme-angular/src/ui/card-view/nested/to.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/texts.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/tabbed-item-dxi.ts Removes explicit standalone flag from nested card-view tabbed item component
packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/tab-panel-options-item-dxi.ts Removes explicit standalone flag from nested card-view tab-panel item component
packages/devextreme-angular/src/ui/card-view/nested/tab-dxi.ts Removes explicit standalone flag from nested card-view tab component
packages/devextreme-angular/src/ui/card-view/nested/string-length-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/sorting.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/simple-item-dxi.ts Removes explicit standalone flag from nested card-view item component
packages/devextreme-angular/src/ui/card-view/nested/show.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/selection.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/search.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/search-panel.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/scrolling.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/required-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/remote-operations.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/range-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/position.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/pattern-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/paging.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/pager.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/offset.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/numeric-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/my.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/lookup.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/load-panel.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/label.ts Removes explicit standalone flag from nested card-view label component
packages/devextreme-angular/src/ui/card-view/nested/item-dxi.ts Removes explicit standalone flag from nested card-view item component
packages/devextreme-angular/src/ui/card-view/nested/indicator-options.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/hide.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/header-panel.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/group-operation-descriptions.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/group-item-dxi.ts Removes explicit standalone flag from nested card-view group item component
packages/devextreme-angular/src/ui/card-view/nested/from.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/format.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/form.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/form-item.ts Removes explicit standalone flag from nested card-view form item component
packages/devextreme-angular/src/ui/card-view/nested/filter-panel.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/filter-panel-texts.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/filter-operation-descriptions.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/filter-builder.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/field-dxi.ts Removes explicit standalone flag from nested card-view field component
packages/devextreme-angular/src/ui/card-view/nested/empty-item-dxi.ts Removes explicit standalone flag from nested card-view empty item component
packages/devextreme-angular/src/ui/card-view/nested/email-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/editing.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/editing-texts.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/dragging.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/custom-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/custom-operation-dxi.ts Removes explicit standalone flag from nested card-view custom operation component
packages/devextreme-angular/src/ui/card-view/nested/compare-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/column-header-filter-search.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/column-dxi.ts Removes explicit standalone flag from nested card-view column component
packages/devextreme-angular/src/ui/card-view/nested/column-chooser.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/column-chooser-selection.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/column-chooser-search.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/collision.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/col-count-by-screen.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/change-dxi.ts Removes explicit standalone flag from nested card-view change component
packages/devextreme-angular/src/ui/card-view/nested/card-view-selection.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-texts.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/card-view-header-filter-search.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/card-header.ts Removes explicit standalone flag from nested card-view card-header component
packages/devextreme-angular/src/ui/card-view/nested/card-header-item-dxi.ts Removes explicit standalone flag from nested card-view card-header item component
packages/devextreme-angular/src/ui/card-view/nested/card-cover.ts Removes explicit standalone flag from nested card-view card-cover component
packages/devextreme-angular/src/ui/card-view/nested/button-options.ts Removes explicit standalone flag from nested card-view button options component
packages/devextreme-angular/src/ui/card-view/nested/button-item-dxi.ts Removes explicit standalone flag from nested card-view button-item component
packages/devextreme-angular/src/ui/card-view/nested/boundary-offset.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/at.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/async-rule-dxi.ts Removes explicit standalone flag from nested card-view validation rule component
packages/devextreme-angular/src/ui/card-view/nested/animation.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/nested/ai-options.ts Removes explicit standalone flag from nested card-view option component
packages/devextreme-angular/src/ui/card-view/index.ts Removes explicit standalone flag from dx-card-view component
packages/devextreme-angular/src/ui/calendar/index.ts Removes explicit standalone flag from dx-calendar component
packages/devextreme-angular/src/ui/button/index.ts Removes explicit standalone flag from dx-button component
packages/devextreme-angular/src/ui/button-group/nested/item-dxi.ts Removes explicit standalone flag from nested button-group item component
packages/devextreme-angular/src/ui/button-group/index.ts Removes explicit standalone flag from dx-button-group component
packages/devextreme-angular/src/ui/bullet/nested/tooltip.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/nested/size.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/nested/shadow.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/nested/margin.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/nested/format.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/nested/font.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/nested/border.ts Removes explicit standalone flag from nested bullet option component
packages/devextreme-angular/src/ui/bullet/index.ts Removes explicit standalone flag from dx-bullet component
packages/devextreme-angular/src/ui/box/nested/item-dxi.ts Removes explicit standalone flag from nested box item component
packages/devextreme-angular/src/ui/box/index.ts Removes explicit standalone flag from dx-box component
packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/tooltip-border.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/title.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/subtitle.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/size.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/shadow.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/margin.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/loading-indicator.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/legend.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/legend-title-subtitle.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/legend-border.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/label.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/item-text-format.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/geometry.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/format.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/font.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/export.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/border.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/bar-gauge-title-subtitle.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/nested/animation.ts Removes explicit standalone flag from nested bar-gauge option component
packages/devextreme-angular/src/ui/bar-gauge/index.ts Removes explicit standalone flag from dx-bar-gauge component
packages/devextreme-angular/src/ui/autocomplete/nested/toolbar-item-dxi.ts Removes explicit standalone flag from nested autocomplete toolbar item component
packages/devextreme-angular/src/ui/autocomplete/nested/to.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/show.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/position.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/options.ts Removes explicit standalone flag from nested autocomplete options component
packages/devextreme-angular/src/ui/autocomplete/nested/offset.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/my.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/item-dxi.ts Removes explicit standalone flag from nested autocomplete item component
packages/devextreme-angular/src/ui/autocomplete/nested/hide.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/from.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/collision.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/button-dxi.ts Removes explicit standalone flag from nested autocomplete button component
packages/devextreme-angular/src/ui/autocomplete/nested/boundary-offset.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/at.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/nested/animation.ts Removes explicit standalone flag from nested autocomplete option component
packages/devextreme-angular/src/ui/autocomplete/index.ts Removes explicit standalone flag from dx-autocomplete component
packages/devextreme-angular/src/ui/action-sheet/nested/item-dxi.ts Removes explicit standalone flag from nested action-sheet item component
packages/devextreme-angular/src/ui/action-sheet/index.ts Removes explicit standalone flag from dx-action-sheet component
packages/devextreme-angular/src/ui/accordion/nested/item-dxi.ts Removes explicit standalone flag from nested accordion item component
packages/devextreme-angular/src/ui/accordion/index.ts Removes explicit standalone flag from dx-accordion component
packages/devextreme-angular/src/core/template.ts Removes explicit standalone flag from DxTemplateDirective

Comment on lines 42 to 46
@Component({
selector: 'dx-button',
standalone: true,
template: '<ng-content></ng-content>',
host: { ngSkipHydration: 'true' },
imports: [ DxIntegrationModule ],
Copy link

Copilot AI Mar 31, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In Angular versions where standalone is not the default, removing standalone: true while keeping imports: [...] will cause Angular compilation errors (imports is only valid on standalone components). If this package must still compile on Angular < v20, keep standalone: true (or remove imports and ensure the component is declared via an NgModule). If this PR intentionally targets Angular v20 only, ensure the repo/tooling/peerDependencies are updated accordingly so builds don’t break.

Copilot uses AI. Check for mistakes.
@@ -28,7 +28,6 @@ export class RenderData {

@Directive({
selector: '[dxTemplate]',
Copy link

Copilot AI Mar 31, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dropping standalone: true from a widely-consumed directive is a breaking change for consumers on Angular versions that require explicit standalone directives/components (e.g., importing DxTemplateDirective directly into a standalone component). If the wrapper still supports Angular < v20, keep standalone: true; otherwise, make the Angular v20-only requirement explicit (peerDependencies + migration notes) so consumers understand the breaking surface.

Suggested change
selector: '[dxTemplate]',
selector: '[dxTemplate]',
standalone: true,

Copilot uses AI. Check for mistakes.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants