devexpress-richedit 24.2.15 → 24.2.16

package/index.d.ts

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (index.d.ts)
-* Version: 24.2.15
+* Version: 24.2.16
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs",
 */

package/index.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (index.js)
-* Version: 24.2.15
+* Version: 24.2.16
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs",
 */

package/lib/client/client-rich-edit.js

@@ -61,8 +61,8 @@ export class ClientRichEdit {
         this.rawDataSource = settings.rawDataSource;
         this.contextMenuSettings = settings.contextMenuSettings;
         this.fullScreenHelper = new FullScreenHelper(element);
-        if ("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVR6bGtVR1V5UlhsRFF6TnVTVGhhYTA1UFZUSklRU0lLZlE9PS5meXZCUFNITFZEd0I2ZU5ZK3dyNDVjK3p6V1Y4Ymw1U3E2RmxkamU0a2p0RlVwU3ZTMkl5M3MyWmxad3A3bVN2b3N5bkxJYkUreXRyeWV2ZnQzNjdQUTBpOG9CS2VsbDFaTzkwcjU0aVVCTXNMa1hjV2VGa0xqdTkrTUlva1MzVmhyUENOdz09In0=")
-            config(JSON.parse(atob("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVR6bGtVR1V5UlhsRFF6TnVTVGhhYTA1UFZUSklRU0lLZlE9PS5meXZCUFNITFZEd0I2ZU5ZK3dyNDVjK3p6V1Y4Ymw1U3E2RmxkamU0a2p0RlVwU3ZTMkl5M3MyWmxad3A3bVN2b3N5bkxJYkUreXRyeWV2ZnQzNjdQUTBpOG9CS2VsbDFaTzkwcjU0aVVCTXNMa1hjV2VGa0xqdTkrTUlva1MzVmhyUENOdz09In0=")));
+        if ("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaWIxWnJZVFZoY2psb1V6TldVbk55VGtZemRXSnRTU0lLZlE9PS5OSEkvTkFqYmFPbi9nUFNNdzZqb3pTdk1nSFZFWG5mQ1pvSDNEK3VUY01zdHhoVGdCZTJEZ2xlUUxzaFppdVh2c29ZV3RWbWdxY3RzUWowbDZFMXBYT2hpUnlzNzVrdDU3Y3hEZ1VvanA2eUY3VWt6Nm16enVEYzZ0Lzk4bjlsWVlIeHpiUT09In0=")
+            config(JSON.parse(atob("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaWIxWnJZVFZoY2psb1V6TldVbk55VGtZemRXSnRTU0lLZlE9PS5OSEkvTkFqYmFPbi9nUFNNdzZqb3pTdk1nSFZFWG5mQ1pvSDNEK3VUY01zdHhoVGdCZTJEZ2xlUUxzaFppdVh2c29ZV3RWbWdxY3RzUWowbDZFMXBYT2hpUnlzNzVrdDU3Y3hEZ1VvanA2eUY3VWt6Nm16enVEYzZ0Lzk4bjlsWVlIeHpiUT09In0=")));
         this.prepareElement(element, settings);
         this.initDefaultFontsAndStyles();
         this.initBars(settings.ribbon, settings.fonts);

package/lib/common/canvas/renderes/common/document-renderer.js

@@ -270,8 +270,14 @@ export class DocumentRenderer {
         }
     }
     updatePageSize(page, pageElement) {
-        if (pageElement.offsetHeight != Math.round(page.height) || pageElement.offsetWidth != Math.round(page.width))
+        if (pageElement.offsetHeight != Math.round(page.height) || pageElement.offsetWidth != Math.round(page.width)) {
             DomUtils.setStyleSize(pageElement.style, page);
+            if (this.viewManager.innerClientProperties.viewsSettings.isSimpleView) {
+                const paddings = this.viewManager.innerClientProperties.viewsSettings.paddings;
+                if (page.width - paddings.right <= this.viewManager.sizes.getVisibleAreaWidth(false))
+                    pageElement.style.width = "100%";
+            }
+        }
     }
     updatePageClasses(pageElement) {
         pageElement.className = RendererClassNames.PAGE;

package/lib/common/event-manager.js

@@ -116,7 +116,6 @@ export class EventManager {
     onMouseDblClick(evt) {
         Log.print(LogSource.EventManager, "onMouseDoubleClick", LogObjToStrCanvas.richMouseEvent(evt));
         this.mouseHandler.onMouseDoubleClick(evt);
-        this.control.inputController.setPosition(evt.absolutePoint.x, evt.absolutePoint.y);
     }
     onMouseWheel(evt) {
         Log.print(LogSource.EventManager, "onMouseWheel", LogObjToStrCanvas.richMouseEvent(evt));

package/lib/common/layout-formatter/formatter/base-formatter.d.ts

@@ -38,6 +38,7 @@ export declare class BaseFormatter {
     private tryExcludeAnchoredObjectFromCurrentPage;
     private shouldEndColumn;
     private processStateColumnEnd;
+    private calculateContentWidth;
     private createNextPageArea;
     private createNextColumn;
     private pushRow;

package/lib/common/layout-formatter/formatter/base-formatter.js

@@ -239,6 +239,7 @@ export class BaseFormatter {
             this.layoutPosition.column.height = columnHeight;
             this.layoutPosition.pageArea.height = columnHeight;
             this.layoutPosition.page.height = finalPageHeight;
+            this.layoutPosition.page.width = this.calculateContentWidth(this.layoutPosition.column) + margins.horizontal;
             this.layoutPosition.page.minContentHeight = minVisibleAreaHeight;
         }
         createdColumn.paragraphFrames = ParagraphFrameCollector.collect(this.manager.model.colorProvider, createdColumn, this.subDocument.isMain() ?
@@ -258,6 +259,16 @@ export class BaseFormatter {
         }
         return true;
     }
+    calculateContentWidth(column) {
+        let maxRight = 0;
+        column.tablesInfo.forEach(tableInfo => {
+            maxRight = Math.max(maxRight, tableInfo.right);
+        });
+        column.rows.forEach(row => {
+            maxRight = Math.max(maxRight, row.right);
+        });
+        return maxRight;
+    }
     createNextPageArea() {
         const newPageArea = new LayoutPageArea(this.subDocument);
         newPageArea.setGeomerty(this.pageAreaBounds);

package/lib/common/layout-formatter/row/formatter.js

@@ -67,9 +67,12 @@ export class RowFormatter {
         const prevRow = this.manager.activeFormatter.lastRowInfo.row;
         const isFirstRowInParagraph = !prevRow || prevRow.flags.get(LayoutRowStateFlags.ParagraphEnd) ||
             this.manager.activeFormatter.lastRowInfo.paragraphIndex != this.currWrapInfo.paragraphIndex;
-        const rowParagraphLeftIndent = isFirstRowInParagraph ?
+        let rowParagraphLeftIndent = isFirstRowInParagraph ?
             UnitConverter.twipsToPixelsF(this.paragraphProps.getLeftIndentForFirstRow()) :
             UnitConverter.twipsToPixelsF(this.paragraphProps.getLeftIndentForOtherRow());
+        if (this.manager.innerClientProperties.viewsSettings.isSimpleView) {
+            rowParagraphLeftIndent = Math.max(0, rowParagraphLeftIndent);
+        }
         const rowContentHorizontalBounds = FixedInterval.fromPositions(paragraphHorizontalBounds.start + rowParagraphLeftIndent, paragraphHorizontalBounds.end - UnitConverter.twipsToPixelsF(this.paragraphProps.rightIndent));
         this.rowSizesManager = new RowSizesManager(this, rowContentHorizontalBounds, minY, rowSpacingBeforeApplier, this.manager.activeFormatter.layoutRowBoundsCalculator.getRectangleBounds(this.manager), isFirstRowInParagraph);
         this.tabInfo = new RowTabInfo(this, paragraphHorizontalBounds.start);

package/lib/common/layout-formatter/row/result.d.ts

@@ -25,7 +25,7 @@ export declare class RowFormatterResult {
     finishLogicalRow(currLogicRowEndPos: number): void;
     private deleteSomeAnchorObjects;
     finishRow(): void;
-    private onlyInlinePictureBox;
+    private getLastVisibleBox;
     private addBracketBox;
     private addBrackets;
     private getBracketBox;

package/lib/common/layout-formatter/row/result.js

@@ -1,12 +1,10 @@
 import { Flag } from '@devexpress/utils/lib/class/flag';
-import { EnumUtils } from '@devexpress/utils/lib/utils/enum';
 import { ListUtils } from '@devexpress/utils/lib/utils/list';
 import { MathUtils } from '@devexpress/utils/lib/utils/math';
 import { SearchUtils } from '@devexpress/utils/lib/utils/search';
 import { DocumentLayoutDetailsLevel } from '../../layout/document-layout-details-level';
 import { BookmarkBox, LayoutBookmarkBoxType } from '../../layout/main-structures/layout-boxes/bookmark-box';
 import { AnchoredObjectLevelType } from '../../layout/main-structures/layout-boxes/layout-anchored-object-box';
-import { LayoutBoxType } from '../../layout/main-structures/layout-boxes/layout-box';
 import { LayoutRow, LayoutRowStateFlags } from '../../layout/main-structures/layout-row';
 import { BoxAligner } from './utils/box-aligner';
 export var RowFormatterResultFlag;
@@ -52,7 +50,8 @@ export class RowFormatterResult {
     }
     finishRow() {
         this.finishLogicalRow(this.rowFormatter.rowSizesManager.rowFormattingInfo.lastNonEmptyInterval.end);
-        const lastBoxOffset = ListUtils.last(this.row.boxes).rowOffset;
+        const lastBox = ListUtils.last(this.row.boxes);
+        const lastBoxOffset = lastBox.rowOffset;
         for (let ind = 0, anc; anc = this.newAnchoredObjects[ind]; ind++) {
             if (anc.rowOffset > lastBoxOffset) {
                 this.deleteSomeAnchorObjects(ind, anc.rowOffset);
@@ -81,24 +80,20 @@ export class RowFormatterResult {
         }
         this.row.columnOffset = rowStartPos -
             this.rowFormatter.manager.activeFormatter.layoutPosition.getLogPosition(DocumentLayoutDetailsLevel.Column);
-        const pictBox = this.onlyInlinePictureBox();
-        if (pictBox && pictBox.width > this.row.width)
-            this.row.width = pictBox.width;
+        const firstBox = this.row.boxes[0];
+        const lastVisibleBox = this.getLastVisibleBox();
+        if (lastVisibleBox)
+            this.row.width = Math.max(this.row.width, lastVisibleBox.right - firstBox.x);
         const currState = this.rowFormatter.rowSizesManager.heightCalculator.currState;
         this.row.increaseRowHeightFromSpacingBeforeAndAfter(currState.maxAscent, currState.maxDescent);
     }
-    onlyInlinePictureBox() {
-        let pictBox;
-        for (let ind = this.row.boxes.length - 1; ind >= 0; ind--) {
-            const box = this.row.boxes[ind];
-            if (box.getType() == LayoutBoxType.Picture) {
-                pictBox = box;
-            }
-            else if (!EnumUtils.isAnyOf(box.getType(), LayoutBoxType.ParagraphMark, LayoutBoxType.SectionMark, LayoutBoxType.LineBreak, LayoutBoxType.PageBreak)) {
-                return null;
-            }
+    getLastVisibleBox() {
+        for (let i = this.row.boxes.length - 1; i >= 0; i--) {
+            const box = this.row.boxes[i];
+            if (box.isVisible() && !box.isWhitespace())
+                return box;
         }
-        return pictBox;
+        return null;
     }
     addBracketBox(boxType, color, x, layoutBox) {
         const box = new BookmarkBox(boxType);

package/lib/common/layout-formatter/row/size-engine/row-formatting-info.d.ts

@@ -4,7 +4,8 @@ import { FixedInterval } from '@devexpress/utils/lib/intervals/fixed';
 export declare class RowIntervalInfo extends FixedInterval {
     avaliableWidth: number;
     constructor(start: number, length: number, avaliableWidth?: number);
-    get busyWidth(): number;
+    get rawUsedWidth(): number;
+    get usedWidth(): number;
     get startOfFreeSpace(): number;
     isConsiderBoxes(): boolean;
 }

package/lib/common/layout-formatter/row/size-engine/row-formatting-info.js

@@ -11,11 +11,14 @@ export class RowIntervalInfo extends FixedInterval {
         super(start, length);
         this.avaliableWidth = avaliableWidth;
     }
-    get busyWidth() {
+    get rawUsedWidth() {
         return this.length - this.avaliableWidth;
     }
+    get usedWidth() {
+        return Math.min(this.rawUsedWidth, this.length);
+    }
     get startOfFreeSpace() {
-        return this.start + this.busyWidth;
+        return this.start + this.rawUsedWidth;
     }
     isConsiderBoxes() {
         return this.avaliableWidth != this.length;
@@ -71,7 +74,7 @@ export class RowFormattingInfo {
     recalculate(outerHorizontalRowContentBounds) {
         const currInterval = this.currInterval;
         this.calculate(outerHorizontalRowContentBounds);
-        const pos = currInterval.start + currInterval.busyWidth;
+        const pos = currInterval.start + currInterval.rawUsedWidth;
         const index = this.findIntervalIndexByPosition(pos);
         const interval = this.intervals[index];
         if (interval && interval.start < pos) {
@@ -91,7 +94,7 @@ export class RowFormattingInfo {
         return index;
     }
     canIncrementHeightTo(newHeight) {
-        const contentBounds = ListUtils.map(this.intervals, (c) => new Rectangle(c.start, this.minY, c.busyWidth, newHeight));
+        const contentBounds = ListUtils.map(this.intervals, (c) => new Rectangle(c.start, this.minY, c.usedWidth, newHeight));
         const intersectedObjects = this.calcIntersectObjects(newHeight);
         return !ListUtils.unsafeAnyOf(intersectedObjects, (ancBound) => ListUtils.unsafeAnyOf(contentBounds, (contentBound) => RectangleUtils.getNonCollapsedIntersection(contentBound, ancBound)));
     }

package/lib/common/layout-formatter/row/size-engine/row-sizes-manager.js

@@ -129,7 +129,7 @@ export class RowSizesManager {
                 }
                 else {
                     box.x = this.rowFormattingInfo.intervals[0].startOfFreeSpace;
-                    this.rowFormattingInfo.intervals[0].avaliableWidth -= Math.min(box.width, this.rowFormattingInfo.intervals[0].avaliableWidth);
+                    this.rowFormattingInfo.intervals[0].avaliableWidth -= box.width;
                     this.addBoxIgnoreWidth();
                 }
             }
@@ -166,8 +166,6 @@ export class RowSizesManager {
         const box = this.rowFormatter.currBox;
         box.x = this.rowFormattingInfo.currInterval.startOfFreeSpace;
         this.rowFormattingInfo.currInterval.avaliableWidth -= box.width;
-        if (this.rowFormattingInfo.currInterval.avaliableWidth < 0)
-            this.rowFormattingInfo.currInterval.avaliableWidth = 0;
         this.row.boxes.push(box);
         this.rowFormattingInfo.lastNonEmptyIntervalIndex = this.rowFormattingInfo.currIndex;
         this.rowFormatter.setBoxInfo(true);

package/lib/common/mouse-handler/mouse-handler/mouse-handler-default-state.d.ts

@@ -21,6 +21,7 @@ export declare class MouseHandlerDefaultState extends MouseHandlerStateBase {
     private beginCharacterMultiSelection;
     private isLeftArea;
     private isLeftAreaOffset;
+    private getLeftAreaOffset;
     private shouldProcessResizeBoxVisualizer;
     private beginResizeBoxMouseHandler;
     private beginRotate;

package/lib/common/mouse-handler/mouse-handler/mouse-handler-default-state.js

@@ -316,12 +316,9 @@ export class MouseHandlerDefaultState extends MouseHandlerStateBase {
     }
     isLeftAreaOffset(htr, evt) {
         if (htr) {
-            const columnX = htr.pageArea.x + htr.column.x;
-            const rowX = columnX + htr.row.x;
-            const leftAreaX = Math.min(columnX - MouseHandler.LEFT_AREA_COMMANDS_OFFSET, rowX);
             if (htr.exactlyDetailLevel >= DocumentLayoutDetailsLevel.Page &&
                 htr.deviations[DocumentLayoutDetailsLevel.Column] & HitTestDeviation.Left &&
-                evt.layoutPoint.x <= leftAreaX)
+                evt.layoutPoint.x <= this.getLeftAreaOffset(htr))
                 return true;
             if (htr.detailsLevel >= DocumentLayoutDetailsLevel.Box &&
                 htr.exactlyDetailLevel >= DocumentLayoutDetailsLevel.Row &&
@@ -335,6 +332,11 @@ export class MouseHandlerDefaultState extends MouseHandlerStateBase {
         }
         return false;
     }
+    getLeftAreaOffset(htr) {
+        const columnX = htr.pageArea.x + htr.column.x;
+        const rowX = columnX + htr.row.x;
+        return Math.min(columnX - MouseHandler.LEFT_AREA_COMMANDS_OFFSET, rowX);
+    }
     shouldProcessResizeBoxVisualizer(evt) {
         return this.handler.boxVisualizerManager.resizeBoxVisualizer.shouldCapture(evt) &&
             this.handler.control.selection.activeSubDocument.isEditable([new FixedInterval(this.handler.control.selection.specialRunInfo.getPosition(), 1)]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devexpress-richedit",
-  "version": "24.2.15",
+  "version": "24.2.16",
   "homepage": "https://www.devexpress.com/",
   "bugs": "https://www.devexpress.com/support/",
   "author": "Developer Express Inc.",
@@ -11,8 +11,8 @@
     "build-nspell": "webpack --mode production --config=bin/nspell.webpack.config.js"
   },
   "peerDependencies": {
-    "devextreme": "24.2.15",
-    "devextreme-dist": "24.2.15"
+    "devextreme": "24.2.16",
+    "devextreme-dist": "24.2.16"
   },
   "devDependencies": {
     "webpack": "5.89.0",