Merge branch '25_2' of https://github.com/DevExpress/DevExtreme into 25_2_update_angular19

# Conflicts:
#	packages/devextreme-angular/package.json
#	pnpm-lock.yaml

Author: GoodDayForSurf

.github/workflows/demos_visual_tests.yml

@@ -88,7 +88,7 @@ jobs:
     steps:
       - name: Determine framework tests scope
         id: determine
-        run: |         
+        run: |
           if [ "${{ github.event_name }}" != "pull_request" ] || [ "${{ contains(github.event.pull_request.labels.*.name, 'force all tests') }}" = "true" ]; then
             echo "Framework tests scope: all demos"
             echo "framework-tests-scope=all" >> $GITHUB_OUTPUT
@@ -110,7 +110,7 @@ jobs:
       needs.determine-framework-tests-scope.result == 'success'
     env:
       NODE_OPTIONS: --max-old-space-size=8192
-    timeout-minutes: 20
+    timeout-minutes: 30
 
     steps:
       - name: Get sources
@@ -603,12 +603,12 @@ jobs:
       id: chrome-flags
       run: |
         BASE_FLAGS="chrome:headless --window-size=1200,800 --disable-gpu --no-sandbox --disable-dev-shm-usage --disable-partial-raster --disable-skia-runtime-opts --run-all-compositor-stages-before-draw --disable-new-content-rendering-timeout --disable-threaded-animation --disable-threaded-scrolling --disable-checker-imaging --disable-image-animation-resync --use-gl=swiftshader --disable-features=PaintHolding --js-flags=--random-seed=2147483647"
-        
+
         # For Material theme, enable better font rendering to avoid instability
         if [[ "${{ matrix.THEME }}" != *"material"* ]]; then
           BASE_FLAGS="$BASE_FLAGS --font-render-hinting=none --disable-font-subpixel-positioning"
         fi
-        
+
         echo "flags=$BASE_FLAGS" >> $GITHUB_OUTPUT
 
     - name: Run TestCafe tests (jQuery)

.github/workflows/packages_publishing.yml

@@ -90,7 +90,7 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         run: |
-          pnpm set //npm.pkg.github.com/:_authToken="$NODE_AUTH_TOKEN";
+          pnpm set "//npm.pkg.github.com/:_authToken" "$env:NODE_AUTH_TOKEN"
           pnpm nx build sbom;
 
       - name: Build artifacts package

apps/angular/package.json

@@ -2,7 +2,7 @@
   "name": "devextreme-angular-playground",
   "description": "DevExtreme Angular UI and Visualization Components",
   "private": true,
-  "version": "25.2.2",
+  "version": "25.2.3",
   "author": "Developer Express Inc.",
   "license": "MIT",
   "dependencies": {

apps/demos/Demos/Chat/FileAttachments/description.md

@@ -1,21 +1,21 @@
-DevExtreme Chat supports file attachments. When this feature is activated ([fileUploaderOptions](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#fileUploaderOptions).**uploadFile** is specified), an “Attach” button appears in the message input field, allowing users to add files to their messages. 
+The DevExtreme Chat allows users to attach files. When this feature is activated ([fileUploaderOptions](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#fileUploaderOptions).**uploadFile** is specified), an “Attach” button appears in the message input field, allowing users to add files to their messages. 
 
 When users attach files, each file is displayed in the input area with a file-type icon, basic details (name and size), upload status, and an option to remove files before sending.
 <!--split-->
 
-You can further customize the file upload process with [fileUploaderOptions](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#fileUploaderOptions) properties:
+You can customize the file upload process with the following [fileUploaderOptions](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#fileUploaderOptions) properties:
 
 - **maxFileSize**    
-Specifies the maximum allowed file size.
+Specifies maximum allowed file size.
 - **minFileSize**    
-Specifies the minimum allowed file size.
+Specifies minimum allowed file size.
 - **multiple**    
 When set to `false`, limits uploads to a single file.
 - **allowedFileExtensions**    
 Restricts accepted file types.
 
 For the complete list of configuration options, refer to the following API section: [fileUploaderOptions](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#fileUploaderOptions).
 
-The [Attachment](/Documentation/ApiReference/UI_Components/dxChat/Types/Attachment/) type includes `name` and `size` fields. To add custom fields (such as `url` in this demo), handle the [onMessageEntered](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#onMessageEntered) event and update the message object’s [attachments](/Documentation/ApiReference/UI_Components/dxChat/Types/TextMessage/#attachments) array as needed. You can use this handler to save files to your server.
+[Attachment](/Documentation/ApiReference/UI_Components/dxChat/Types/Attachment/) type includes `name` and `size` fields. To add custom fields (such as `url` in this demo), handle the [onMessageEntered](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#onMessageEntered) event and update the message object’s [attachments](/Documentation/ApiReference/UI_Components/dxChat/Types/TextMessage/#attachments) array as needed. You can use this handler to save files to your server.
 
 After a user sends a message, attachments appear in the corresponding message bubble. To allow users to download attachments, implement the [onAttachmentDownloadClick](/Documentation/ApiReference/UI_Components/dxChat/Configuration/#onAttachmentDownloadClick) event handler. You can define custom download logic within the handler.

apps/demos/Demos/DataGrid/AIColumns/Angular/app/app.component.css

@@ -1,3 +1,7 @@
+::ng-deep #gridContainer {
+  min-height: 560px;
+}
+
 ::ng-deep #gridContainer .ai__cell {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }

apps/demos/Demos/DataGrid/AIColumns/React/App.tsx

@@ -41,6 +41,7 @@ export default function App() {
         keyExpr="ID"
         aiIntegration={aiIntegration}
         onAIColumnRequestCreating={onAIColumnRequestCreating}
+        className="ai__grid"
       >
         <Paging
           enabled={true}

apps/demos/Demos/DataGrid/AIColumns/React/styles.css

@@ -2,6 +2,10 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
+.ai__grid {
+  min-height: 560px;
+}
+
 .trademark__wrapper {
     display: flex;
     align-items: center;

apps/demos/Demos/DataGrid/AIColumns/ReactJs/App.js

@@ -33,6 +33,7 @@ export default function App() {
         keyExpr="ID"
         aiIntegration={aiIntegration}
         onAIColumnRequestCreating={onAIColumnRequestCreating}
+        className="ai__grid"
       >
         <Paging
           enabled={true}

apps/demos/Demos/DataGrid/AIColumns/ReactJs/styles.css

@@ -2,6 +2,10 @@
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
 
+.ai__grid {
+  min-height: 560px;
+}
+
 .trademark__wrapper {
     display: flex;
     align-items: center;

apps/demos/Demos/DataGrid/AIColumns/Vue/App.vue

@@ -5,6 +5,7 @@
     :showBorders="true"
     :aiIntegration="aiIntegration"
     :onAIColumnRequestCreating="onAIColumnRequestCreating"
+    class="ai__grid"
   >
     <DxGrouping :contextMenuEnabled="false"/>
     <DxPaging :pageSize="10"/>
@@ -121,4 +122,8 @@ const onAIColumnRequestCreating = (e: { data: Partial<Vehicle>[] }) => {
 #app .ai__cell {
   background-color: var(--dx-datagrid-row-alternation-bg);
 }
+
+.ai__grid {
+  min-height: 560px;
+}
 </style>