devexpress-richedit 26.1.2-beta → 26.1.3

package/index.d.ts

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (index.d.ts)
-* Version: 26.1.2-beta
+* Version: 26.1.3
 * 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: 26.1.2-beta
+* Version: 26.1.3
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs",
 */

package/lib/client/client-rich-edit.d.ts

@@ -94,7 +94,6 @@ export declare class ClientRichEdit implements IControlOwner {
     private initBars;
     initRibbon(ribbon: Ribbon, fonts: FontsSettings): void;
     private initDialogManager;
-    private getStringResources;
     private initLosingChangesWatcher;
     private attachEvents;
     private canUseResizeObserver;

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

@@ -1,11 +1,9 @@
-import { formatMessage } from 'devextreme/localization';
 import { currentTheme } from 'devextreme/viz/themes';
 import { RichEditClientCommand } from '../common/commands/client-command';
 import { DocumentInfo } from '../common/rich-edit-core';
 import { IsModified } from '../common/model/json/enums/json-top-level-enums';
 import { RichOptions } from '../common/model/options/rich-options';
 import { StylesManager } from '../common/model/styles-manager';
-import { StringResources } from '../common/string-resources';
 import { Browser } from '@devexpress/utils/lib/browser';
 import { DomEventHandlersHolder } from '@devexpress/utils/lib/class/event-handlers-holder';
 import { DomUtils } from '@devexpress/utils/lib/utils/dom';
@@ -33,6 +31,7 @@ import { FullScreenHelper } from './ui/full-screen-helper';
 import config from 'devextreme/core/config';
 import { SizeUtils } from '../common/utils/size-utils';
 import { DocumentCapability } from '../common/model/options/control';
+import { getStringResources } from '../common/string-resources';
 export class ClientRichEdit {
     get clientQuickSearchPanel() {
         if (!this._clientQuickSearchPanel)
@@ -168,7 +167,7 @@ export class ClientRichEdit {
         options.spellChecker = settings.spellCheck;
         options.nonce = settings.nonce;
         options.control.allowZoom = settings.view.allowZoom ? DocumentCapability.Enabled : DocumentCapability.Disabled;
-        this.core = new ClientRichEditCore(this, this.name, this.element, Math.random().toString(), settings.readOnly, this.barHolder, settings.unit, this.rulerSettings, options, settings.view, this.getStringResources());
+        this.core = new ClientRichEditCore(this, this.name, this.element, Math.random().toString(), settings.readOnly, this.barHolder, settings.unit, this.rulerSettings, options, settings.view, getStringResources());
     }
     initCore() {
         const documentInfo = new DocumentInfo("", false);
@@ -264,28 +263,6 @@ export class ClientRichEdit {
     initDialogManager() {
         this.dialogManager = new DialogManager(this.element, this.core);
     }
-    getStringResources() {
-        const sr = new StringResources();
-        sr.headerFooter.evenPageFooter = formatMessage('XtraRichEditStringId.Caption_EvenPageFooter');
-        sr.headerFooter.evenPageHeader = formatMessage('XtraRichEditStringId.Caption_EvenPageHeader');
-        sr.headerFooter.firstPageFooter = formatMessage('XtraRichEditStringId.Caption_FirstPageFooter');
-        sr.headerFooter.firstPageHeader = formatMessage('XtraRichEditStringId.Caption_FirstPageHeader');
-        sr.headerFooter.footer = formatMessage('XtraRichEditStringId.Caption_PageFooter');
-        sr.headerFooter.header = formatMessage('XtraRichEditStringId.Caption_PageHeader');
-        sr.headerFooter.oddPageFooter = formatMessage('XtraRichEditStringId.Caption_OddPageFooter');
-        sr.headerFooter.oddPageHeader = formatMessage('XtraRichEditStringId.Caption_OddPageHeader');
-        sr.headerFooter.sameAsPrevious = formatMessage('XtraRichEditStringId.Caption_SameAsPrevious');
-        sr.seqCaptionPrefixes.figurePrefix = formatMessage('XtraRichEditStringId.Caption_CaptionPrefixFigure');
-        sr.seqCaptionPrefixes.tablePrefix = formatMessage('XtraRichEditStringId.Caption_CaptionPrefixTable');
-        sr.seqCaptionPrefixes.equationPrefix = formatMessage('XtraRichEditStringId.Caption_CaptionPrefixEquation');
-        sr.commonLabels.noTocEntriesFound = formatMessage('XtraRichEditStringId.Msg_NoTocEntriesFound');
-        sr.commonLabels.clickToFollowHyperlink = formatMessage('XtraRichEditStringId.Msg_ClickToFollowHyperlink');
-        sr.commonLabels.currentDocumentHyperlinkTooltip = formatMessage('XtraRichEditStringId.Caption_CurrentDocumentHyperlinkTooltip');
-        sr.quickSearchPanel.of = formatMessage('ASPxRichEditStringId.FindReplace_Of');
-        sr.quickSearchPanel.items = formatMessage('ASPxRichEditStringId.FindReplace_Items');
-        sr.quickSearchPanel.noMatches = formatMessage('ASPxRichEditStringId.FindReplace_NoMatches');
-        return sr;
-    }
     initLosingChangesWatcher(settings) {
         this.losingChangesWatcher = new LosingChangesWatcher(settings.enabled ?
             () => this.core.getModifiedState() == IsModified.True :

package/lib/client/default-localization.js

@@ -2239,6 +2239,7 @@ export function loadDefaultMessages() {
             "AspNetCoreRichEditStringId.LinkAnnouncement": "link",
             "AspNetCoreRichEditStringId.OutOfLinkAnnouncement": "out of link",
             "AspNetCoreRichEditStringId.BlankAnnouncement": "blank",
+            "AspNetCoreRichEditStringId.PageBreakAnnouncement": "page break",
         }
     });
 }

package/lib/common/canvas/canvas-manager.d.ts

@@ -12,7 +12,7 @@ export declare class CanvasManager extends BatchUpdatableObject {
     private scrollIntervalID;
     private lastMousePosition;
     private canvasPosition;
-    private doubleTapStartDate;
+    private doubleTapDetector;
     private pointer;
     private blockNotPointerEvents;
     private lastPointerPosition;

package/lib/common/canvas/canvas-manager.js

@@ -10,6 +10,7 @@ import { PopupUtils } from '@devexpress/utils/lib/utils/popup';
 import { RichMouseEvent } from '../event-manager';
 import { MouseEventSource } from '../mouse-handler/mouse-event-source';
 import { CursorPointer } from '../mouse-handler/mouse-handler/mouse-handler';
+import { DoubleTapDetector } from './double-tap-detector';
 import { ResizeBoxListener } from './listeners/resize-box-listener';
 import { SimpleViewCanvasSizeManager } from './renderes/common/document-renderer';
 import { SizeUtils } from '../utils/size-utils';
@@ -19,6 +20,8 @@ const CSSCLASS_FOCUSED = "dxreInFocus";
 const AUTOSCROLL_AREA_SIZE = 10;
 const AUTOSCROLL_STEP = 10;
 const MSTOUCH_MOVE_SENSITIVITY = 5;
+const DOUBLE_TAP_MAX_DISTANCE = 20;
+const DOUBLE_TAP_MAX_INTERVAL = 600;
 export class CanvasManager extends BatchUpdatableObject {
     get sizes() { return this.viewManager.sizes; }
     get scroll() { return this.viewManager.scroll; }
@@ -27,6 +30,7 @@ export class CanvasManager extends BatchUpdatableObject {
         super();
         this.lastMousePosition = { x: -1, y: -1 };
         this.canvasPosition = { x: -1, y: -1 };
+        this.doubleTapDetector = new DoubleTapDetector(DOUBLE_TAP_MAX_DISTANCE, DOUBLE_TAP_MAX_INTERVAL);
         this.pointer = CursorPointer.Auto;
         this.blockNotPointerEvents = false;
         this.lastPointerPosition = { x: -1, y: -1 };
@@ -137,12 +141,12 @@ export class CanvasManager extends BatchUpdatableObject {
     onCanvasTouchStartInternal(evt) {
         this.saveMousePosition(evt);
         let richMouseEvent = new RichMouseEvent(evt, this.getLayoutPoint(evt, true), CanvasManager.getMouseEventSource(EvtUtils.getEventSource(evt)), this.scroll.lastScrollTop, this.scroll.lastScrollLeft);
-        if (this.doubleTapStartDate && ((new Date()) - this.doubleTapStartDate) < 600) {
-            this.doubleTapStartDate = null;
+        const evtX = EvtUtils.getEventX(evt);
+        const evtY = EvtUtils.getEventY(evt);
+        if (this.doubleTapDetector.isDoubleTap(evtX, evtY)) {
             this.onCanvasDoubleTap(richMouseEvent);
         }
         else {
-            this.doubleTapStartDate = new Date();
             this.eventManager.onTouchStart(richMouseEvent);
         }
     }

package/lib/common/canvas/double-tap-detector.d.ts

@@ -0,0 +1,10 @@
+export declare class DoubleTapDetector {
+    private readonly maxDistance;
+    private readonly maxInterval;
+    private lastTime;
+    private lastX;
+    private lastY;
+    constructor(maxDistance: number, maxInterval: number);
+    isDoubleTap(x: number, y: number): boolean;
+    reset(): void;
+}

package/lib/common/canvas/double-tap-detector.js

@@ -0,0 +1,28 @@
+export class DoubleTapDetector {
+    constructor(maxDistance, maxInterval) {
+        this.maxDistance = maxDistance;
+        this.maxInterval = maxInterval;
+        this.lastTime = null;
+        this.lastX = -1;
+        this.lastY = -1;
+    }
+    isDoubleTap(x, y) {
+        const now = Date.now();
+        const result = this.lastTime !== null &&
+            (now - this.lastTime) < this.maxInterval &&
+            Math.abs(x - this.lastX) <= this.maxDistance &&
+            Math.abs(y - this.lastY) <= this.maxDistance;
+        if (result) {
+            this.reset();
+        }
+        else {
+            this.lastTime = now;
+            this.lastX = x;
+            this.lastY = y;
+        }
+        return result;
+    }
+    reset() {
+        this.lastTime = null;
+    }
+}

package/lib/common/canvas/renderer-class-names.d.ts

@@ -37,6 +37,7 @@ export declare const RendererClassNames: {
     FIELD_BOX_LEVEL3: string;
     BOX_SPACE: string;
     BOX: string;
+    BOX_SELECTED: string;
     HIDDEN_BOX: string;
     PICTURE: string;
     START_BOOKMARK: string;
@@ -46,6 +47,7 @@ export declare const RendererClassNames: {
     SELECTION_MISSPELLED: string;
     SELECTION_SEARCH: string;
     SELECTION_ROW: string;
+    SELECTION_PICTURE_ROW: string;
     SELECTION_CURSOR: string;
     SELECTION_FLOATING_OBJECTS: string;
     ANCHOR: string;

package/lib/common/canvas/renderer-class-names.js

@@ -37,6 +37,7 @@ export const RendererClassNames = {
     FIELD_BOX_LEVEL3: "dxreFieldBoxLevel3",
     BOX_SPACE: "dxreBoxSpace",
     BOX: "dxreBox",
+    BOX_SELECTED: "dxreBoxSelected",
     HIDDEN_BOX: "dxreHiddenBox",
     PICTURE: "dxrePic",
     START_BOOKMARK: "dxreStartBookmark",
@@ -46,6 +47,7 @@ export const RendererClassNames = {
     SELECTION_MISSPELLED: "dxreSelMisspelled",
     SELECTION_SEARCH: "dxreSelSearch",
     SELECTION_ROW: "dxreSelRow",
+    SELECTION_PICTURE_ROW: "dxreSelRowPic",
     SELECTION_CURSOR: "dxreSelCursor",
     SELECTION_FLOATING_OBJECTS: "dxreSelFloatingObjects",
     ANCHOR: "dxreAnchor",

package/lib/common/canvas/renderes/common/document-renderer.d.ts

@@ -22,6 +22,7 @@ import { CacheImageInfo as existingInfo } from '../../../model/caches/images';
 import { Shape } from '../../../model/shapes/shape';
 import { Rectangle } from '@devexpress/utils/lib/geometry/rectangle';
 import { Size } from '@devexpress/utils/lib/geometry/size';
+import { FixedInterval } from '@devexpress/utils/lib/intervals/fixed';
 import { CanvasManager } from '../../canvas-manager';
 import { ViewManager } from '../view-manager';
 import { IRichEditControl } from '../../../interfaces/i-rich-edit-core';
@@ -45,14 +46,20 @@ export declare class SimpleViewCanvasSizeManager implements IModelChangesListene
 }
 export declare abstract class DocumentRenderer implements IPictureRenderer {
     protected viewManager: ViewManager;
+    protected isForcedColorsModeActive: boolean;
+    private selectionSegmentBoxesCache;
+    protected isSelectionChangeCacheEnabled: boolean;
     private get cache();
     constructor(viewManager: ViewManager);
     onViewTypeChanged(): void;
     applyPageChange(layoutPage: LayoutPage, pageChange: PageChange): void;
+    updateSelectedIntervalsPageChanges(layoutPage: LayoutPage, pageIndex: number, intervals?: FixedInterval[], isMain?: boolean): void;
+    private addSelectedPageAreaChange;
+    private findIntersectingLayoutElement;
     protected applyAnchorPictureChange(cache: DocumentRendererPageCache, layoutPage: LayoutPage, ancPicChange: AnchoredPictureChange): void;
     protected applyMainPageAreaChange(pageCache: DocumentRendererPageCache, layoutPage: LayoutPage, pageAreaChange: PageAreaChange): void;
     protected applyOtherPageAreaChange(cache: DocumentRendererPageCache, layoutPage: LayoutPage, pageAreaChange: PageAreaChange): void;
-    protected applyColumnChange(pageAreaElement: Node, layoutPageArea: LayoutPageArea, columnChange: ColumnChange, level: number): void;
+    protected applyColumnChange(pageAreaElement: Node, layoutPageArea: LayoutPageArea, columnChange: ColumnChange, level: number, pageAreaModelOffset: number): void;
     static applyChange(topLevelNode: Node, change: LayoutChangeBase, getContainer: GetSomeCanvasElementContainer, getRenderedElement: () => HTMLElement): void;
     getPageRender(layoutPageIndex: number, layoutPage: LayoutPage): HTMLElement;
     renderPage(layoutPage: LayoutPage, layoutPageIndex: number, renderInnerContent: boolean): void;
@@ -65,11 +72,17 @@ export declare abstract class DocumentRenderer implements IPictureRenderer {
     protected renderPageContent(page: LayoutPage, pageIndex: number): void;
     protected static updatePageColor(pageElement: HTMLElement, newColor: number): void;
     protected static getPageAreaClassname(area: LayoutPageArea): string;
-    protected renderPageArea(renderLevelCalculator: RenderLevelCalculator, pageCache: DocumentRendererPageCache, area: LayoutPageArea, textBox: LayoutAnchoredTextBox, renderContent?: boolean): HTMLElement;
-    protected renderColumn(column: LayoutColumn, level: number, _isMainPageArea: boolean): HTMLElement;
-    renderRow(row: LayoutRow, level: number): HTMLElement;
+    protected renderPageArea(renderLevelCalculator: RenderLevelCalculator, pageCache: DocumentRendererPageCache, area: LayoutPageArea, textBox: LayoutAnchoredTextBox, pageStartPosition?: number): HTMLElement;
+    protected renderColumn(column: LayoutColumn, level: number, pageAreaModelOffset: number, _isMainPageArea: boolean): HTMLElement;
+    renderRow(row: LayoutRow, level: number, columnModelOffset?: number): HTMLElement;
     private boxHasNormalScriptedUnderline;
-    protected renderBox(row: LayoutRow, box: LayoutBox, level: number, skipUnderlineAndStrikeout: boolean, skipUnderlineScript?: boolean): BoxRenderResult;
+    protected renderBox(row: LayoutRow, box: LayoutBox, level: number, skipUnderlineAndStrikeout: boolean, rowModelOffset: number, skipUnderlineScript?: boolean): BoxRenderResult;
+    updateForcedColorsModeState(): boolean;
+    private renderSingleBox;
+    private getSelectedIntervalsForBox;
+    private getSelectionSegmentBoxes;
+    private getOrCreateSelectionSegmentBox;
+    private createSelectionSegmentBox;
     private renderVerticalAlignContainer;
     private renderColorContainer;
     private renderStrikeoutContainer;
@@ -129,8 +142,8 @@ export declare class DocumentRendererPageCache {
     protected init(): void;
 }
 export declare class BoxRenderResult {
-    html: string | DocumentFragment;
+    html: DocumentFragment;
     increaseRowHeight: boolean;
-    constructor(html: string | DocumentFragment, increaseRowHeight: boolean);
+    constructor(html: DocumentFragment, increaseRowHeight: boolean);
     toString(): string;
 }