devexpress-richedit 25.2.8 → 26.1.3

package/index.d.ts

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (index.d.ts)
-* Version: 25.2.8
+* 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: 25.2.8
+* 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)
@@ -61,8 +60,8 @@ export class ClientRichEdit {
         this.rawDataSource = settings.rawDataSource;
         this.contextMenuSettings = settings.contextMenuSettings;
         this.fullScreenHelper = new FullScreenHelper(element);
-        if ("eyJsaWNlbnNlS2V5IjoiTENQdjFTSFFbZUxha0d5IVM+S20tPl8rLSFKZWllNyw5KDxTNCVKITxTK3RbOishNiU+OUI3aTkxIT5lQiFfbWI+YnQhPj46MWVfNEw2Snl2PlEtbix5ZWlaajM4Pk5SeSU8dEgoTGF2OW8rVjNuRXpWZWM4Nyt0dixSZTMlPiFMJVksUyxfLWs6PCtFWmptJFM8KzcoJS0kOjFtdElRLEs3ZVJYN2UrOVZuLCUhS21rZW4tViFMUW1rJSE2MiUhRzI8KS1wUSk7NjwtQGFRdDZwS0ZFNjdARiVpUkA5ano8MnAhOj4lLSlwZ0BAIVE0NjJiLXYyJWQpSTwtQGFRZEBwZ0BAIVE0QDJfQEYhUWQ6SXAhQEk8NClhS3o8SV95QEliUnZJPC0pOU5YPD5RNDo+UTh2SWJSKTlqejshakw7OWp5Rkk3eUZJN3lGSTlsbCJ9")
-            config(JSON.parse(atob("eyJsaWNlbnNlS2V5IjoiTENQdjFTSFFbZUxha0d5IVM+S20tPl8rLSFKZWllNyw5KDxTNCVKITxTK3RbOishNiU+OUI3aTkxIT5lQiFfbWI+YnQhPj46MWVfNEw2Snl2PlEtbix5ZWlaajM4Pk5SeSU8dEgoTGF2OW8rVjNuRXpWZWM4Nyt0dixSZTMlPiFMJVksUyxfLWs6PCtFWmptJFM8KzcoJS0kOjFtdElRLEs3ZVJYN2UrOVZuLCUhS21rZW4tViFMUW1rJSE2MiUhRzI8KS1wUSk7NjwtQGFRdDZwS0ZFNjdARiVpUkA5ano8MnAhOj4lLSlwZ0BAIVE0NjJiLXYyJWQpSTwtQGFRZEBwZ0BAIVE0QDJfQEYhUWQ6SXAhQEk8NClhS3o8SV95QEliUnZJPC0pOU5YPD5RNDo+UTh2SWJSKTlqejshakw7OWp5Rkk3eUZJN3lGSTlsbCJ9")));
+        if ("eyJsaWNlbnNlS2V5IjoiTENQdjE+eWUzLGp0LWNfVmZwK2Q0Y3BGOyhqbWQyPjl5PjdEOGNqWG9JeSUxN2JSZz5SPG4zYis3JUhkTDpRZVFaUUZKN2I6SiU8WHlWaSFvMlJjejllUjlJb2RZIW8peSw8ZXooN2E2JSVMMSgrVmRJPHktU29TIWVZKUo3UlMzKCtkejpRVnQhUVMhZUwtYUdMcm9waWROSWlSUjpvPDEsbmFlKExtZ0dMNEtwZWQ6Pkh0LTNlUW1rJSk7cEtGITY8ISk2JUZRJWUrPHBRZCk+Sy1AMnAhJD5qei1TUTgtMmlYOz4lWDwycEBAIVE0QDJfQEYhUWQ6SXAhQEk8NClhS0BAIVE0QDJfQEYhUWQ6SXAhQEk8NClhS3o8SV95QEliUnZJPC0pOU5YPD5RNDo+UTh2SWJSKTlqejshakw7OWp5Rkk3eUZJN3lGSSV5NjlRWHYyJSE6cGItJEliUik5akA2MnAhKTIlWHYyJSE6MmktdkklISk+akw8MjdAOjlLOXZhakBGMjdAQElfQDY5UWQkYVE0Oj5RNDpHX0BAOVFkdjY8IUY2PGRGSTd5Rkk3eUZJN0xsIn0=")
+            config(JSON.parse(atob("eyJsaWNlbnNlS2V5IjoiTENQdjE+eWUzLGp0LWNfVmZwK2Q0Y3BGOyhqbWQyPjl5PjdEOGNqWG9JeSUxN2JSZz5SPG4zYis3JUhkTDpRZVFaUUZKN2I6SiU8WHlWaSFvMlJjejllUjlJb2RZIW8peSw8ZXooN2E2JSVMMSgrVmRJPHktU29TIWVZKUo3UlMzKCtkejpRVnQhUVMhZUwtYUdMcm9waWROSWlSUjpvPDEsbmFlKExtZ0dMNEtwZWQ6Pkh0LTNlUW1rJSk7cEtGITY8ISk2JUZRJWUrPHBRZCk+Sy1AMnAhJD5qei1TUTgtMmlYOz4lWDwycEBAIVE0QDJfQEYhUWQ6SXAhQEk8NClhS0BAIVE0QDJfQEYhUWQ6SXAhQEk8NClhS3o8SV95QEliUnZJPC0pOU5YPD5RNDo+UTh2SWJSKTlqejshakw7OWp5Rkk3eUZJN3lGSSV5NjlRWHYyJSE6cGItJEliUik5akA2MnAhKTIlWHYyJSE6MmktdkklISk+akw8MjdAOjlLOXZhakBGMjdAQElfQDY5UWQkYVE0Oj5RNDpHX0BAOVFkdjY8IUY2PGRGSTd5Rkk3eUZJN0xsIn0=")));
         this.prepareElement(element, settings);
         this.initDefaultFontsAndStyles();
         this.initBars(settings.ribbon, settings.fonts);
@@ -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

@@ -2221,6 +2221,25 @@ export function loadDefaultMessages() {
             "ASPxRichEditStringId.Download_RichTextFormat": "Rich Text Format (*.rtf)",
             "ASPxRichEditStringId.Download_PlainText": "Plain Text (*.txt)",
             "ASPxRichEditStringId.Download_Html": "Html Document (*.html, *.htm)",
+            "AspNetCoreRichEditStringId.InTableAnnouncement": "table with {0} rows and {1} columns",
+            "AspNetCoreRichEditStringId.OutOfTableAnnouncement": "out of table",
+            "AspNetCoreRichEditStringId.TableRowAnnouncement": "row {0}",
+            "AspNetCoreRichEditStringId.TableColumnAnnouncement": "column {0}",
+            "AspNetCoreRichEditStringId.SelectAllAnnouncement": "select all",
+            "AspNetCoreRichEditStringId.TextSelectedAnnouncement": "{0} selected",
+            "AspNetCoreRichEditStringId.TextUnselectedAnnouncement": "{0} unselected",
+            "AspNetCoreRichEditStringId.PictureAnnouncement": "graphic {0}",
+            "AspNetCoreRichEditStringId.PageAnnouncement": "page {0}",
+            "AspNetCoreRichEditStringId.SpaceAnnouncement": "space",
+            "AspNetCoreRichEditStringId.BulletAnnouncement": "bullet",
+            "AspNetCoreRichEditStringId.ListItemAnnouncement": "list item level {0} {1}",
+            "AspNetCoreRichEditStringId.TabAnnouncement": "tab",
+            "AspNetCoreRichEditStringId.CarriageReturnAnnouncement": "carriage return",
+            "AspNetCoreRichEditStringId.LineBreakAnnouncement": "line break",
+            "AspNetCoreRichEditStringId.LinkAnnouncement": "link",
+            "AspNetCoreRichEditStringId.OutOfLinkAnnouncement": "out of link",
+            "AspNetCoreRichEditStringId.BlankAnnouncement": "blank",
+            "AspNetCoreRichEditStringId.PageBreakAnnouncement": "page break",
         }
     });
 }

package/lib/client/dialogs/alert-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { AlertMessageDialogParameters } from '../../common/commands/dialogs/dialog-alert-message-command';
 import { DialogBase } from './dialog-base';

package/lib/client/dialogs/bookmark-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { BookmarkDialogInfo, BookmarksDialogParameters } from '../../common/commands/dialogs/dialog-bookmarks-command';
 import { DialogBase } from './dialog-base';

package/lib/client/dialogs/delete-table-cells-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { TableCellsDialogParameters } from '../../common/commands/dialogs/dialog-insert-table-cells-command';
 import { DialogBase } from './dialog-base';
 export declare class DeleteTableCellsDialog extends DialogBase<TableCellsDialogParameters> {

package/lib/client/dialogs/dialog-base.d.ts

@@ -1,4 +1,4 @@
-import dxForm, { Options as dxFormOptions } from 'devextreme/ui/form';
+import dxForm, { Properties as dxFormOptions } from 'devextreme/ui/form';
 import dxPopup, { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { DialogParametersBase } from '../../common/commands/dialogs/show-dialog-command-base';
 import { RichEditCore } from '../../common/rich-edit-core';

package/lib/client/dialogs/find-replace-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { FindReplaceDialogParameters } from '../../common/commands/dialogs/dialog-find-replace-command';
 import { ISearchResetListener } from '../../common/ui/search-manager';

package/lib/client/dialogs/finish-and-merge-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { FinishAndMergeDialogParameters } from '../../common/commands/dialogs/dialog-finish-and-merge-command';
 import { DialogBase } from './dialog-base';
 export declare class FinishAndMergeDialog extends DialogBase<FinishAndMergeDialogParameters> {

package/lib/client/dialogs/font-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { FontDialogParameters } from '../../common/commands/dialogs/dialog-font-command';
 import { DialogBase } from './dialog-base';
 export declare class FontDialog extends DialogBase<FontDialogParameters> {

package/lib/client/dialogs/hyperlink-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { DialogHyperlinkParameters } from '../../common/commands/dialogs/dialog-hyperlink-command';
 import { DialogBase } from './dialog-base';
 export declare class HyperlinkDialog extends DialogBase<DialogHyperlinkParameters> {

package/lib/client/dialogs/insert-merge-field-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { InsertMergeFieldDialogParameters } from '../../common/commands/dialogs/dialog-insert-merge-field-command';
 import { DialogBase } from './dialog-base';

package/lib/client/dialogs/insert-table-cells-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { TableCellsDialogParameters } from '../../common/commands/dialogs/dialog-insert-table-cells-command';
 import { DialogBase } from './dialog-base';
 export declare class InsertTableCellsDialog extends DialogBase<TableCellsDialogParameters> {

package/lib/client/dialogs/insert-table-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { InsertTableDialogParameters } from '../../common/commands/dialogs/dialog-insert-table-command';
 import { DialogBase } from './dialog-base';
 export declare class InsertTableDialog extends DialogBase<InsertTableDialogParameters> {

package/lib/client/dialogs/page-setup-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { PageSetupDialogParameters } from '../../common/commands/dialogs/dialog-page-setup-command';
 import { DialogBase } from './dialog-base';
 export declare class PageSetupDialog extends DialogBase<PageSetupDialogParameters> {

package/lib/client/dialogs/paragraph-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { ParagraphDialogParameters } from '../../common/commands/dialogs/dialog-paragraph-properties-command';
 import { DialogBase } from './dialog-base';

package/lib/client/dialogs/split-table-cells-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { SplitTableCellsDialogParameters } from '../../common/commands/dialogs/dialog-split-table-cells-command';
 import { DialogBase } from './dialog-base';
 export declare class SplitTableCellsDialog extends DialogBase<SplitTableCellsDialogParameters> {

package/lib/client/dialogs/tabs-dialog.d.ts

@@ -1,4 +1,4 @@
-import { Options as dxFormOptions } from 'devextreme/ui/form';
+import { Properties as dxFormOptions } from 'devextreme/ui/form';
 import { dxPopupToolbarItem } from 'devextreme/ui/popup';
 import { DialogTabsParameters } from '../../common/commands/dialogs/dialog-tabs-command';
 import { DialogBase } from './dialog-base';

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

@@ -159,6 +159,8 @@ class RichEditPublic {
         return this._native.core.innerClientProperties.viewsSettings.viewType;
     }
     set viewType(type) {
+        if (typeof console !== 'undefined' && console.log)
+            console.log(`[RichEdit] ${new Date().toISOString()} PublicAPI.set viewType`, { to: type, stack: new Error().stack });
         const command = this._native.core.commandManager.getCommand(RichEditClientCommand.ChangeViewType);
         command.execute(true, type);
     }

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;
 }