devexpress-richedit 25.2.5 → 25.2.6

package/index.d.ts

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (index.d.ts)
-* Version: 25.2.5
+* Version: 25.2.6
 * 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.5
+* Version: 25.2.6
 * 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

@@ -23,7 +23,7 @@ import { Ribbon } from './public/ribbon/ribbon';
 import { RichEdit } from './public/rich-edit';
 import { ClientQuickSearchPanel } from './ui/client-quick-search-panel';
 import { RulerSettings } from '../common/ui/ruler/settings';
-import { ViewSettings } from '../common/view-settings/views-settings';
+import { ViewSettings, ViewType as CommonViewType } from '../common/view-settings/views-settings';
 import { InformationData } from '../common/utils/information-creator';
 interface ResizeObserverOptions {
     box?: 'content-box' | 'border-box' | 'device-pixel-content-box';
@@ -133,6 +133,7 @@ export declare class ClientRichEdit implements IControlOwner {
     raiseSelectionChanged(): void;
     raiseSaving(base64: string, fileName: string, format: DocumentFormatApi, reason: string): boolean;
     raiseHorizontalRulerVisibleChanged(horizontalRulerVisible: boolean): void;
+    raiseViewTypeChanged(viewType: CommonViewType): void;
     raiseSaved(success: boolean, reason: string): void;
     raiseCustomCommandExecuted(command: any, parameter: any): void;
     raiseFloatingObjectMovedObject(_arg: FloatingObjectMovedArgumentInner): void;

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

@@ -24,7 +24,7 @@ import { DialogManager } from './dialogs/dialog-manager';
 import { ClientFormattersOptions } from './formatters-options';
 import { LosingChangesWatcher } from './losing-changes-watcher';
 import { Events } from './public/client-events';
-import { AutoCorrectEventArgs, BeforeSendEventArgs, CommandStateChangedEventArgs, ContentChangedEventArgs, ContentRemovedEventArgs, CustomCommandExecutedEventArgs, DocumentFormattedEventArgs, DocumentLinkType, EventArgs, HyperlinkClickEventArgs, KeyboardEventArgs, ParagraphPropertiesChangedEventArgs, PdfExportedEventArgs, PdfExportingEventArgs, PointerEventArgs, SavedEventArgs, SavingEventArgs, HorizontalRulerVisibleChangedEventArgs } from './public/events';
+import { AutoCorrectEventArgs, BeforeSendEventArgs, CommandStateChangedEventArgs, ContentChangedEventArgs, ContentRemovedEventArgs, CustomCommandExecutedEventArgs, DocumentFormattedEventArgs, DocumentLinkType, EventArgs, HyperlinkClickEventArgs, KeyboardEventArgs, ParagraphPropertiesChangedEventArgs, PdfExportedEventArgs, PdfExportingEventArgs, PointerEventArgs, SavedEventArgs, SavingEventArgs, HorizontalRulerVisibleChangedEventArgs, ViewTypeChangedEventArgs } from './public/events';
 import { Interval } from './public/rich-edit';
 import { Settings } from './settings';
 import { ClientQuickSearchPanel } from './ui/client-quick-search-panel';
@@ -61,8 +61,8 @@ export class ClientRichEdit {
         this.rawDataSource = settings.rawDataSource;
         this.contextMenuSettings = settings.contextMenuSettings;
         this.fullScreenHelper = new FullScreenHelper(element);
-        if ("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVJrdEhhMGMxYUdSVVNrVnBWRWRVYldZd09GSnZUeUlLZlE9PS5uajdxK2FZVytHUUF0K21WN2JrMjFSYk5RdkhNVjduNFNEY0lTNFc2MDdvenRWOUd0aUNjZUdtTTdUc3pEZVdJSy85NDhIVlVEaTJKVEpFdm81bjl3bjhkQnFOTVZqbCsyY1c3VFNVaWRpeVBOUmd5YkZWZlBHTnBSck5mWTBGbWJ6Y05adz09In0=")
-            config(JSON.parse(atob("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVJrdEhhMGMxYUdSVVNrVnBWRWRVYldZd09GSnZUeUlLZlE9PS5uajdxK2FZVytHUUF0K21WN2JrMjFSYk5RdkhNVjduNFNEY0lTNFc2MDdvenRWOUd0aUNjZUdtTTdUc3pEZVdJSy85NDhIVlVEaTJKVEpFdm81bjl3bjhkQnFOTVZqbCsyY1c3VFNVaWRpeVBOUmd5YkZWZlBHTnBSck5mWTBGbWJ6Y05adz09In0=")));
+        if ("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVIySnVkMVZPY0U5VlVHRklhRTAwTjBoTk5GTjRkeUlLZlE9PS5IVXRnQjNsaVdYQVoyZUx2MDc4ZmhSa2dTSlBMT05WNnNKVW90VVc5TDdUN0hKSUt2RlJUNjVoUkV5cDY4bXNUeG80dEVwT1lKNG9veFlaSXpkbTVKZEd2ek9oMjZtazJET3BwNHNLNHVOYys5WTR5RGFmaDJ4R0pBNitud0NqeUFVN3Fpdz09In0=")
+            config(JSON.parse(atob("eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVIySnVkMVZPY0U5VlVHRklhRTAwTjBoTk5GTjRkeUlLZlE9PS5IVXRnQjNsaVdYQVoyZUx2MDc4ZmhSa2dTSlBMT05WNnNKVW90VVc5TDdUN0hKSUt2RlJUNjVoUkV5cDY4bXNUeG80dEVwT1lKNG9veFlaSXpkbTVKZEd2ek9oMjZtazJET3BwNHNLNHVOYys5WTR5RGFmaDJ4R0pBNitud0NqeUFVN3Fpdz09In0=")));
         this.prepareElement(element, settings);
         this.initDefaultFontsAndStyles();
         this.initBars(settings.ribbon, settings.fonts);
@@ -229,6 +229,8 @@ export class ClientRichEdit {
             this.events.calculateDocumentVariableAsync.addHandler(settings.onCalculateDocumentVariableAsync, this.publicRichEdit);
         if (settings.onContextMenuShowing)
             this.events.contextMenuShowing.addHandler(settings.onContextMenuShowing, this.publicRichEdit);
+        if (settings.onViewTypeChanged)
+            this.events.viewTypeChanged.addHandler(settings.onViewTypeChanged, this.publicRichEdit);
     }
     initDefaultFontsAndStyles() {
         StylesManager.populatePresetStyles(Constants.getLocalizedDefaultPresetStyles());
@@ -529,6 +531,10 @@ export class ClientRichEdit {
         const args = new HorizontalRulerVisibleChangedEventArgs(horizontalRulerVisible);
         this.events.horizontalRulerVisibleChanged._fireEvent(this.publicRichEdit, args);
     }
+    raiseViewTypeChanged(viewType) {
+        const args = new ViewTypeChangedEventArgs(viewType);
+        this.events.viewTypeChanged._fireEvent(this.publicRichEdit, args);
+    }
     raiseSaved(success, reason) {
         const args = new SavedEventArgs(success, reason);
         this.events.saved._fireEvent(this.publicRichEdit, args);

package/lib/client/public/client-events.d.ts

@@ -1,4 +1,4 @@
-import { ActiveSubDocumentChangedEvent, AutoCorrectEvent, BeforeSendEvent, CalculateDocumentVariableAsyncEvent, CalculateDocumentVariableEvent, CharacterPropertiesChangedEvent, CommandStateChangedEvent, ContentInsertedEvent, ContentRemovedEvent, CustomCommandExecutedEvent, DocumentChangedEvent, DocumentFormattedEvent, DocumentLoadedEvent, GotFocusEvent, HyperlinkClickEvent, KeyDownEvent, KeyUpEvent, LostFocusEvent, ParagraphPropertiesChangedEvent, PdfExportedEvent, PdfExportingEvent, PointerDownEvent, PointerUpEvent, ContextMenuShowingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, HorizontalRulerVisibleChangedEvent } from './events';
+import { ActiveSubDocumentChangedEvent, AutoCorrectEvent, BeforeSendEvent, CalculateDocumentVariableAsyncEvent, CalculateDocumentVariableEvent, CharacterPropertiesChangedEvent, CommandStateChangedEvent, ContentInsertedEvent, ContentRemovedEvent, CustomCommandExecutedEvent, DocumentChangedEvent, DocumentFormattedEvent, DocumentLoadedEvent, GotFocusEvent, HyperlinkClickEvent, KeyDownEvent, KeyUpEvent, LostFocusEvent, ParagraphPropertiesChangedEvent, PdfExportedEvent, PdfExportingEvent, PointerDownEvent, PointerUpEvent, ContextMenuShowingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, HorizontalRulerVisibleChangedEvent, ViewTypeChangedEvent } from './events';
 export declare class Events {
     readonly selectionChanged: SelectionChangedEvent;
     readonly beforeSend: BeforeSendEvent;
@@ -28,6 +28,7 @@ export declare class Events {
     readonly calculateDocumentVariableAsync: CalculateDocumentVariableAsyncEvent;
     readonly contextMenuShowing: ContextMenuShowingEvent;
     readonly horizontalRulerVisibleChanged: HorizontalRulerVisibleChangedEvent;
+    readonly viewTypeChanged: ViewTypeChangedEvent;
     constructor();
     clear(): void;
 }

package/lib/client/public/client-events.js

@@ -1,4 +1,4 @@
-import { ActiveSubDocumentChangedEvent, AutoCorrectEvent, BeforeSendEvent, CalculateDocumentVariableAsyncEvent, CalculateDocumentVariableEvent, CharacterPropertiesChangedEvent, CommandStateChangedEvent, ContentInsertedEvent, ContentRemovedEvent, CustomCommandExecutedEvent, DocumentChangedEvent, DocumentFormattedEvent, DocumentLoadedEvent, GotFocusEvent, HyperlinkClickEvent, KeyDownEvent, KeyUpEvent, LostFocusEvent, ParagraphPropertiesChangedEvent, PdfExportedEvent, PdfExportingEvent, PointerDownEvent, PointerUpEvent, ContextMenuShowingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, HorizontalRulerVisibleChangedEvent } from './events';
+import { ActiveSubDocumentChangedEvent, AutoCorrectEvent, BeforeSendEvent, CalculateDocumentVariableAsyncEvent, CalculateDocumentVariableEvent, CharacterPropertiesChangedEvent, CommandStateChangedEvent, ContentInsertedEvent, ContentRemovedEvent, CustomCommandExecutedEvent, DocumentChangedEvent, DocumentFormattedEvent, DocumentLoadedEvent, GotFocusEvent, HyperlinkClickEvent, KeyDownEvent, KeyUpEvent, LostFocusEvent, ParagraphPropertiesChangedEvent, PdfExportedEvent, PdfExportingEvent, PointerDownEvent, PointerUpEvent, ContextMenuShowingEvent, SavedEvent, SavingEvent, SelectionChangedEvent, HorizontalRulerVisibleChangedEvent, ViewTypeChangedEvent } from './events';
 export class Events {
     constructor() {
         this.selectionChanged = new SelectionChangedEvent();
@@ -29,6 +29,7 @@ export class Events {
         this.calculateDocumentVariableAsync = new CalculateDocumentVariableAsyncEvent();
         this.contextMenuShowing = new ContextMenuShowingEvent();
         this.horizontalRulerVisibleChanged = new HorizontalRulerVisibleChangedEvent();
+        this.viewTypeChanged = new ViewTypeChangedEvent();
     }
     clear() {
         this.selectionChanged.clearHandlers();
@@ -59,5 +60,6 @@ export class Events {
         this.contextMenuShowing.clearHandlers();
         this.calculateDocumentVariableAsync.clearHandlers();
         this.horizontalRulerVisibleChanged.clearHandlers();
+        this.viewTypeChanged.clearHandlers();
     }
 }

package/lib/client/public/events.d.ts

@@ -3,7 +3,7 @@ import { HyperlinkApi } from '../model-api/field';
 import { DocumentFormatApi } from '../model-api/formats/enum';
 import { CommandId } from './commands/enum';
 import { IContextMenu } from './context-menu/menu';
-import { Interval, RichEdit } from './rich-edit';
+import { Interval, RichEdit, ViewType } from './rich-edit';
 export declare class Event<TSource, TEventArgs extends EventArgs> {
     protected _handlerInfoList: HandlerInfo<TSource, TEventArgs>[];
     addHandler(handler: (s?: TSource, e?: TEventArgs) => void, executionContext?: TSource): void;
@@ -63,6 +63,8 @@ export declare class SavedEvent extends RichEditEvent<SavedEventArgs> {
 }
 export declare class HorizontalRulerVisibleChangedEvent extends RichEditEvent<HorizontalRulerVisibleChangedEventArgs> {
 }
+export declare class ViewTypeChangedEvent extends RichEditEvent<ViewTypeChangedEventArgs> {
+}
 export declare class CustomCommandExecutedEvent extends RichEditEvent<CustomCommandExecutedEventArgs> {
 }
 export declare class PdfExportingEvent extends RichEditEvent<PdfExportingEventArgs> {
@@ -134,6 +136,10 @@ export declare class HorizontalRulerVisibleChangedEventArgs extends EventArgs {
     horizontalRulerVisible: boolean;
     constructor(horizontalRulerVisible: boolean);
 }
+export declare class ViewTypeChangedEventArgs extends EventArgs {
+    viewType: ViewType;
+    constructor(viewType: ViewType);
+}
 export declare class CustomCommandExecutedEventArgs extends EventArgs {
     commandName: string;
     parameter: any;

package/lib/client/public/events.js

@@ -78,6 +78,8 @@ export class SavedEvent extends RichEditEvent {
 }
 export class HorizontalRulerVisibleChangedEvent extends RichEditEvent {
 }
+export class ViewTypeChangedEvent extends RichEditEvent {
+}
 export class CustomCommandExecutedEvent extends RichEditEvent {
 }
 export class PdfExportingEvent extends RichEditEvent {
@@ -171,6 +173,12 @@ export class HorizontalRulerVisibleChangedEventArgs extends EventArgs {
         this.horizontalRulerVisible = horizontalRulerVisible;
     }
 }
+export class ViewTypeChangedEventArgs extends EventArgs {
+    constructor(viewType) {
+        super();
+        this.viewType = viewType;
+    }
+}
 export class CustomCommandExecutedEventArgs extends EventArgs {
     constructor(commandName, parameter) {
         super();

package/lib/client/public/options.d.ts

@@ -5,7 +5,7 @@ import { RichEditUnit } from '../../common/utils/unit-converter';
 import { CalculateDocumentVariableAsyncEventArgs } from '../document-processor/docvar-args';
 import { DocumentFormatApi } from '../model-api/formats/enum';
 import { IContextMenu } from './context-menu/menu';
-import { AutoCorrectEventArgs, BeforeSendEventArgs, CalculateDocumentVariableEventArgs, CommandStateChangedEventArgs, ContentChangedEventArgs, ContentRemovedEventArgs, ContextMenuShowingEventArgs, CustomCommandExecutedEventArgs, DocumentFormattedEventArgs, EventArgs, HyperlinkClickEventArgs, KeyboardEventArgs, ParagraphPropertiesChangedEventArgs, PdfExportedEventArgs, PdfExportingEventArgs, PointerEventArgs, SavedEventArgs, SavingEventArgs } from './events';
+import { AutoCorrectEventArgs, BeforeSendEventArgs, CalculateDocumentVariableEventArgs, CommandStateChangedEventArgs, ContentChangedEventArgs, ContentRemovedEventArgs, ContextMenuShowingEventArgs, CustomCommandExecutedEventArgs, DocumentFormattedEventArgs, EventArgs, HyperlinkClickEventArgs, KeyboardEventArgs, ParagraphPropertiesChangedEventArgs, PdfExportedEventArgs, PdfExportingEventArgs, PointerEventArgs, SavedEventArgs, SavingEventArgs, ViewTypeChangedEventArgs } from './events';
 import { Ribbon } from './ribbon/ribbon';
 import { PrintMode, RichEdit, ViewType } from './rich-edit';
 import { IRichEditSearchSettings } from '../i-rich-constructor-settings';
@@ -40,6 +40,7 @@ export interface EventHandlers {
     commandStateChanged?: string | ((s: RichEdit, e: CommandStateChangedEventArgs) => void);
     calculateDocumentVariableAsync?: string | ((s: RichEdit, e: CalculateDocumentVariableAsyncEventArgs) => void);
     contextMenuShowing?: string | ((s: RichEdit, e: ContextMenuShowingEventArgs) => void);
+    viewTypeChanged?: string | ((s: RichEdit, e: ViewTypeChangedEventArgs) => void);
 }
 export interface Options {
     width?: string;

package/lib/client/settings.d.ts

@@ -65,6 +65,7 @@ export declare class Settings {
     onPdfExported: () => void;
     onCommandStateChanged: () => void;
     onContextMenuShowing: () => void;
+    onViewTypeChanged: () => void;
     static parse(settings: IRichEditSettings, subDocumentCreator: (id: number) => SubDocumentClientApi): Settings;
     private static parseCommonSettings;
     private static parseAutoCorrectSettings;

package/lib/client/settings.js

@@ -346,6 +346,8 @@ export class Settings {
             result.onCalculateDocumentVariableAsync = this.parseEventHandler(settings.calculateDocumentVariableAsync);
         if (settings.contextMenuShowing)
             result.onContextMenuShowing = this.parseEventHandler(settings.contextMenuShowing);
+        if (settings.viewTypeChanged)
+            result.onViewTypeChanged = this.parseEventHandler(settings.viewTypeChanged);
     }
     static parseEventHandler(func) {
         return convertToFunction(func);

package/lib/common/auto-correct/auto-correct-providers.js

@@ -135,8 +135,8 @@ export class BulletedListAutoCorrectProvider extends AutoCorrectProviderBase {
 export class UrlAutoCorrectProvider extends AutoCorrectProviderBase {
     constructor() {
         super(...arguments);
-        this.urlRegex = /^(?:[a-z][\w-]+:(?:\/{1,3}([^./]*:[^./]*@){0,1})|www\d{0,3}[.]|ftp[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?=((?:[^\s()<>]+|\([^\s<>]*\))+(?:\([^\s<>]*\)|[^\s`!()\[\]{};:'"".,<>?«»“”‘’])))\2$/i;
-        this.emailRegex = /^(mailto:)?[-\w!#$%&'*+/=?^_`{|}~]+(?:\.[-\w!#$%&'*+/=?^_`{|}~]+)*@(?:\w+([-\w]*\w)\.)[\w]+$/;
+        this.urlRegex = /^(?:[a-z][\w-]+:(?:\/{1,3}([^./]*:[^./]*@){0,1})|www\d{0,3}[.]|ftp[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?=((?:[^\s()<>]|\([^\s<>]*\))+(?:\([^\s<>]*\)|[^\s`!()\[\]{};:'"".,<>?«»""''])))\2$/i;
+        this.emailRegex = /^(mailto:)?[-\w!#$%&'*+/=?^_`{|}~]+(?:\.[-\w!#$%&'*+/=?^_`{|}~]+)*@(?:\w+(?:-\w+)*\.)[\w]+$/;
         this.localRegex = /^(([a-zA-Z][:][\\])|(\\\\))(((?![<>:"\\|?*]).)+((?![ .])\\)?)*$/;
     }
     reviseCore(text, interval) {

package/lib/common/client-side-events.d.ts

@@ -1,6 +1,7 @@
 import { Field } from './model/fields/field';
 import { FixedInterval } from '@devexpress/utils/lib/intervals/fixed';
 import { IControlOwner } from './interfaces/i-control-owner';
+import { ViewType } from './view-settings/views-settings';
 export declare class ClientSideEvents {
     private owner;
     constructor(owner: IControlOwner);
@@ -23,4 +24,5 @@ export declare class ClientSideEvents {
     raiseGotFocus(): void;
     raiseLostFocus(): void;
     raiseHorizontalRulerVisibleChanged(horizontalRulerVisible: boolean): void;
+    raiseViewTypeChanged(viewType: ViewType): void;
 }

package/lib/common/client-side-events.js

@@ -59,4 +59,7 @@ export class ClientSideEvents {
     raiseHorizontalRulerVisibleChanged(horizontalRulerVisible) {
         this.owner.raiseHorizontalRulerVisibleChanged(horizontalRulerVisible);
     }
+    raiseViewTypeChanged(viewType) {
+        this.owner.raiseViewTypeChanged(viewType);
+    }
 }

package/lib/common/commands/dialogs/dialog-custom-numbering-list-command.js

@@ -78,8 +78,10 @@ export class DialogCustomNumberingListCommand extends ShowDialogCommandBase {
             paragraphManipulator.firstLineIndent.setValue(model, true, abstractNumberingListIndex, i, sourceLevel.firstLineIndent, true);
             paragraphManipulator.firstLineIndentType.setValue(model, true, abstractNumberingListIndex, i, sourceLevel.firstLineIndentType, true);
             const listLevelCharacterProperties = numberingListManipulator.listLevelCharacterProperties;
-            const fontInfo = targetLevel.getCharacterProperties().fontInfo.clone();
+            const targetFontInfo = targetLevel.getCharacterProperties().fontInfo;
+            const fontInfo = targetFontInfo.clone();
             fontInfo.name = sourceLevel.fontName;
+            fontInfo.measurer = targetFontInfo.measurer;
             listLevelCharacterProperties.fontName.setValue(model, true, abstractNumberingListIndex, i, fontInfo, true);
             listLevelCharacterProperties.fontSize.setValue(model, true, abstractNumberingListIndex, i, sourceLevel.fontSize, true);
             listLevelCharacterProperties.fontBold.setValue(model, true, abstractNumberingListIndex, i, sourceLevel.fontStyle == 1, true);

package/lib/common/commands/document/print-document-on-client-command.js

@@ -170,6 +170,9 @@ export class PrintDocumentOnClient extends CommandBase {
         result[".dxreTableRowCursor, .dxreTableColumnCursor, br"] = [
             ['display', 'none']
         ];
+        result[`.${RendererClassNames.BOX}`] = [
+            ['print-color-adjust', 'exact']
+        ];
         this.fillZIndexStyles(result);
         return result;
     }

package/lib/common/commands/ruler/toggle-show-horizontal-ruler-command.js

@@ -10,8 +10,7 @@ export class ToggleShowHorizontalRulerCommand extends CommandBase {
             return false;
         const toggledVisible = !visible;
         this.control.horizontalRulerControl.setVisible(toggledVisible);
-        this.control.owner.adjustControl();
-        this.control.owner.raiseHorizontalRulerVisibleChanged(toggledVisible);
+        this.control.onHorizontalRulerVisibleChanged(toggledVisible);
         return true;
     }
     isEnabled(_options) {

package/lib/common/formats/html/export/html-export.d.ts

@@ -5,18 +5,13 @@ import { Paragraph } from '../../../model/paragraph/paragraph';
 import { SubDocument } from '../../../model/sub-document';
 import { HtmlBuilder } from './html-builder';
 import { IExportModelOptions } from '../../i-document-exporter';
-interface ListInterval {
-    listStartValue: number;
-    start: number;
-    end: number;
-}
 interface List {
-    parentList?: List;
+    parentList: List | null;
     numberingListIndex: number;
     listLevelIndex: number;
     start: number;
     end: number;
-    intervals: ListInterval[];
+    startAt: number;
     paragraphsCount: number;
 }
 interface IHtmlExporterOptions {
@@ -41,6 +36,8 @@ export declare class HtmlExporter {
     private addParentTableRecursively;
     startList(model: DocumentModel, subDocument: SubDocument, interval: FixedInterval, builder: HtmlBuilder, lists: List[], position: number): void;
     private endList;
+    private startListItem;
+    private endListItem;
     private getHtmlText;
     private getBorderCssString;
     private getTableWidthUnitCssString;

package/lib/common/formats/html/export/html-export.js

@@ -25,7 +25,34 @@ import { HtmlConverter } from '../../../rich-utils/html-converter';
 import { HtmlBuilder } from './html-builder';
 import { isDefined } from '@devexpress/utils/lib/utils/common';
 import { createUrlValidationOptions, UrlUtils } from '../../../../common/utils/utils';
-import { ListUtils } from '@devexpress/utils/lib/utils/list';
+class ListStack {
+    constructor() {
+        this._stack = [];
+    }
+    update(listIndex, listLevel) {
+        while (this._stack.length > 0) {
+            const last = this.peek();
+            if (last.numberingListIndex !== listIndex)
+                this.clear();
+            else if (last.listLevelIndex > listLevel)
+                this.pop();
+            else
+                break;
+        }
+    }
+    push(list) {
+        this._stack.push(list);
+    }
+    pop() {
+        return this._stack.pop();
+    }
+    peek() {
+        return this._stack.at(-1);
+    }
+    clear() {
+        this._stack = [];
+    }
+}
 export class HtmlExporter {
     get modelManager() { return this.exportModelOptions.modelManager; }
     get colorProvider() { return this.modelManager.model.colorProvider; }
@@ -41,13 +68,13 @@ export class HtmlExporter {
         this.htmlExporterOptions = htmlExporterOptions;
     }
     getHtmlElementsByInterval(model, subDocument, interval, guidLabel) {
+        let resultBuilder = new HtmlBuilder();
         if (interval.length === 0)
-            return;
+            return resultBuilder;
         const unitTypeToString = this.unitConverter.getUnits() == RichEditUnit.Centimeter ? "cm" : "in";
         const iterator = subDocument.getConstRunIterator(interval);
         let remainLength = interval.length;
         let currentPosition = interval.start;
-        let resultBuilder = new HtmlBuilder();
         const paragraphs = this.getParagraphsByInterval(subDocument, interval);
         const lists = this.getListsByParagraphs(paragraphs);
         let isInsideFieldCode = false;
@@ -131,12 +158,18 @@ export class HtmlExporter {
                     }
                     this.startList(model, subDocument, interval, resultBuilder, lists, iterator.currentInterval().start);
                     if (!isContinueMergingCell) {
-                        const maskedParagraphProperties = currentParagraph.getParagraphMergedProperties();
                         let paragraphStyle = "";
-                        const firstLineIndentType = maskedParagraphProperties.firstLineIndentType;
-                        if (firstLineIndentType != ParagraphFirstLineIndent.None) {
-                            paragraphStyle += "text-indent: " + (firstLineIndentType == ParagraphFirstLineIndent.Hanging ? "-" : "") +
-                                this.unitConverter.twipsToUI(maskedParagraphProperties.firstLineIndent) + unitTypeToString + ";";
+                        const maskedParagraphProperties = currentParagraph.getParagraphMergedProperties();
+                        if (currentParagraph.isInList())
+                            this.startListItem(resultBuilder, maskedParagraphProperties, unitTypeToString);
+                        else {
+                            const firstLineIndentType = maskedParagraphProperties.firstLineIndentType;
+                            if (firstLineIndentType != ParagraphFirstLineIndent.None) {
+                                paragraphStyle += "text-indent: " + (firstLineIndentType == ParagraphFirstLineIndent.Hanging ? "-" : "") +
+                                    this.unitConverter.twipsToUI(maskedParagraphProperties.firstLineIndent) + unitTypeToString + ";";
+                            }
+                            if (maskedParagraphProperties.leftIndent)
+                                paragraphStyle += "margin-left: " + this.unitConverter.twipsToUI(maskedParagraphProperties.leftIndent) + unitTypeToString + ";";
                         }
                         if (maskedParagraphProperties.alignment !== undefined) {
                             paragraphStyle += "text-align: ";
@@ -187,8 +220,6 @@ export class HtmlExporter {
                         }
                         if (ColorUtils.getAlpha(maskedParagraphProperties.shadingInfo.getActualColor(this.colorProvider)) > 0)
                             paragraphStyle += "background: " + ColorHelper.getCssStringInternal(maskedParagraphProperties.shadingInfo.getActualColor(this.colorProvider)) + ";";
-                        if (maskedParagraphProperties.leftIndent)
-                            paragraphStyle += "margin-left: " + this.unitConverter.twipsToUI(maskedParagraphProperties.leftIndent) + unitTypeToString + ";";
                         if (maskedParagraphProperties.rightIndent)
                             paragraphStyle += "margin-right: " + this.unitConverter.twipsToUI(maskedParagraphProperties.rightIndent) + unitTypeToString + ";";
                         paragraphStyle += "margin-top: " + this.unitConverter.twipsToUI(maskedParagraphProperties.spacingBefore) + unitTypeToString + ";";
@@ -210,8 +241,6 @@ export class HtmlExporter {
                             const options = { textColor: charProps.textColor.toRgb(this.colorProvider) };
                             paragraphStyle += HtmlConverter.getCssRules(charProps, options).join(";");
                         }
-                        if (currentParagraph.isInList())
-                            resultBuilder.startChild('li');
                         resultBuilder
                             .startChild('p')
                             .configure((e) => {
@@ -231,7 +260,7 @@ export class HtmlExporter {
                     if (!isContinueMergingCell) {
                         html.addCallback((builder) => builder.endChild('p'));
                         if (run.paragraph.isInList()) {
-                            html.addCallback((builder) => builder.endChild('li'));
+                            html.addCallback((builder) => this.endListItem(builder));
                             html.addCallback((builder) => this.endList(model, builder, lists, iterator.currentInterval().end));
                         }
                         let paragraphEndPosition = run.paragraph.getEndPosition();
@@ -469,37 +498,49 @@ export class HtmlExporter {
     }
     getListsByParagraphs(paragraphs) {
         const listsInInterval = [];
-        let previousList = null;
+        let currentListStack = new ListStack();
+        const listIndexToListMap = {};
         for (let i = 0, paragraph; paragraph = paragraphs[i]; i++) {
             if (paragraph.isInList()) {
                 const numberingListIndex = paragraph.getNumberingListIndex();
                 const listLevelIndex = paragraph.getListLevelIndex();
                 const start = paragraph.startLogPosition.value;
                 const end = paragraph.getEndPosition();
-                let list = ListUtils.reverseElementBy(listsInInterval, (list) => {
-                    return list.listLevelIndex <= previousList?.listLevelIndex
-                        && list.numberingListIndex === numberingListIndex
-                        && list.listLevelIndex === listLevelIndex;
-                });
-                if (!list) {
-                    const parentList = previousList?.numberingListIndex === numberingListIndex ? previousList : null;
-                    list = { parentList, numberingListIndex, listLevelIndex, start, end, intervals: [], paragraphsCount: 0 };
-                    listsInInterval.push(list);
+                currentListStack.update(numberingListIndex, listLevelIndex);
+                let current = currentListStack.peek();
+                if (!current || current.listLevelIndex < listLevelIndex) {
+                    let parentList = current || null;
+                    const parentLevelIndex = parentList ? parentList.listLevelIndex : -1;
+                    for (let levelIndex = parentLevelIndex + 1; levelIndex <= listLevelIndex; levelIndex++) {
+                        current = {
+                            startAt: 1,
+                            parentList,
+                            numberingListIndex,
+                            listLevelIndex: levelIndex,
+                            start,
+                            end,
+                            paragraphsCount: 0
+                        };
+                        listsInInterval.push(current);
+                        currentListStack.push(current);
+                        parentList = current;
+                    }
+                    const key = `${numberingListIndex}-${listLevelIndex}`;
+                    const prevList = listIndexToListMap[key];
+                    if (prevList)
+                        current.startAt = prevList.startAt + prevList.paragraphsCount;
+                    listIndexToListMap[key] = current;
                 }
-                list.paragraphsCount++;
-                previousList = list;
-                this.updateListIntervals(list, start, end);
+                current.paragraphsCount++;
+                this.updateListIntervals(current, start, end);
             }
+            else
+                currentListStack.clear();
         }
         return listsInInterval;
     }
     updateListIntervals(list, start, end) {
         list.end = end;
-        const lastInterval = list.intervals.at(-1);
-        if (lastInterval && lastInterval.end === start)
-            lastInterval.end = end;
-        else
-            list.intervals.push({ start, end, listStartValue: list.paragraphsCount });
         if (list.parentList)
             this.updateListIntervals(list.parentList, start, end);
     }
@@ -540,7 +581,7 @@ export class HtmlExporter {
     startList(model, subDocument, interval, builder, lists, position) {
         if (!lists.length)
             return;
-        const listsToStart = lists.filter(list => list.intervals.some(interval => interval.start === position));
+        const listsToStart = lists.filter(list => list.start === position);
         if (!listsToStart.length && position === interval.start) {
             const firstParagraph = subDocument.getParagraphByPosition(position);
             if (firstParagraph.getNumberingListIndex() === lists[0].numberingListIndex)
@@ -552,8 +593,7 @@ export class HtmlExporter {
             const format = level.getListLevelProperties().format;
             const listType = numberingList.getListType();
             const levelStart = level.getNewStart();
-            const intervalStart = list.intervals.find(interval => interval.start === position).listStartValue;
-            const listStart = Math.max(levelStart, intervalStart);
+            const listStart = Math.max(levelStart, list.startAt);
             let listStyleType = "";
             switch (format) {
                 case NumberingFormat.Bullet:
@@ -577,10 +617,13 @@ export class HtmlExporter {
                 default:
                     break;
             }
+            let listStyles = [];
+            listStyles.push("list-style-type:" + listStyleType);
+            listStyles.push("padding-inline-start: unset");
             builder
                 .startChild(listType !== NumberingType.Bullet ? "ol" : "ul")
                 .configure((e) => {
-                e.style.cssText = "list-style-type:" + listStyleType;
+                e.style.cssText = listStyles.join("; ");
                 if (listStart > 1)
                     e.setAttribute("start", listStart.toString());
             });
@@ -589,17 +632,32 @@ export class HtmlExporter {
     endList(model, builder, lists, endPosition) {
         for (let i = lists.length - 1; i >= 0; i--) {
             const list = lists[i];
-            for (let j = list.intervals.length - 1; j >= 0; j--) {
-                const interval = list.intervals[j];
-                if (interval.end === endPosition) {
-                    const listType = model.numberingLists[list.numberingListIndex].getListType();
-                    builder.endChild(listType !== NumberingType.Bullet ? "ol" : "ul");
-                    list.intervals.splice(j, 1);
-                }
-            }
-            if (list.intervals.length === 0)
+            if (list.end === endPosition) {
+                const listType = model.numberingLists[list.numberingListIndex].getListType();
+                builder.endChild(listType !== NumberingType.Bullet ? "ol" : "ul");
                 lists.splice(i, 1);
+            }
+        }
+    }
+    startListItem(builder, paragraphProperties, unitType) {
+        const listStyle = [];
+        const firstLineIndentType = paragraphProperties.firstLineIndentType;
+        const firstLineIndent = paragraphProperties.firstLineIndent;
+        const leftIndent = paragraphProperties.leftIndent;
+        if (firstLineIndentType == ParagraphFirstLineIndent.Hanging) {
+            listStyle.push("padding-left: " + this.unitConverter.twipsToUI(firstLineIndent) + unitType);
+            listStyle.push("margin-left: " + this.unitConverter.twipsToUI(leftIndent) + unitType);
         }
+        else
+            listStyle.push("margin-left: " + this.unitConverter.twipsToUI(firstLineIndent + leftIndent) + unitType);
+        builder
+            .startChild('li')
+            .configure((e) => {
+            e.style.cssText = listStyle.join("; ");
+        });
+    }
+    endListItem(builder) {
+        builder.endChild('li');
     }
     getHtmlText(text) {
         const result = new HtmlBuilder();

package/lib/common/interfaces/i-control-owner.d.ts

@@ -5,6 +5,7 @@ import { ContextMenuBarBase } from '../bars/context-menu';
 import { FloatingObjectMovedArgumentInner } from '../commands/floating-objects/floating-object-drag-drop-change-position-command';
 import { IInternalApi } from '../internal-api';
 import { InformationData } from '../utils/information-creator';
+import { ViewType } from '../view-settings/views-settings';
 export interface IControlOwner {
     readonly name: string;
     syncSessionGuid(sessionGuid: string): any;
@@ -41,6 +42,7 @@ export interface IControlOwner {
     raiseCustomCommandExecuted(command: any, parameter: any): any;
     raiseFloatingObjectMovedObject(args: FloatingObjectMovedArgumentInner): any;
     raiseHorizontalRulerVisibleChanged(horizontalRulerVisible: boolean): any;
+    raiseViewTypeChanged(viewType: ViewType): any;
     showPopupMenu(getPoint: (contextMenuBar: ContextMenuBarBase) => Point): any;
     hidePopupMenu(): any;
     isRibbon(element: HTMLElement): boolean;

package/lib/common/interfaces/i-rich-edit-core.d.ts

@@ -96,6 +96,7 @@ export interface IRichEditControl extends IBatchUpdatableObject, IDisposable, IR
     closeDocument(): any;
     importHtml(elements: HTMLElement[]): any;
     onViewTypeChanged(): any;
+    onHorizontalRulerVisibleChanged(horizontalRulerVisible: boolean): any;
     getModifiedState(): IsModified;
     getGuidParams(): {
         sguid: string;

package/lib/common/mouse-handler/drag-floating-objects-helper.js

@@ -26,20 +26,29 @@ export class DragFloatingObjectsHelper {
         const delta = this.getDelta(evt);
         if (delta.isZero() || !evt.layoutPoint)
             return;
-        let endPageIndex = evt.layoutPoint.pageIndex;
+        const endPageIndex = evt.layoutPoint.pageIndex;
         const newPosition = Point.minus(evt.layoutPoint, this.clickBoxDistance);
         const args = new FloatingObjectDragDropChangePositionCommandParameters(this.control, this.startPageIndex, endPageIndex, newPosition, evt.layoutPoint.point);
         this.control.commandManager.getCommand(RichEditClientCommand.FloatingObjectDragDropChangePosition)
             .execute(this.control.commandManager.isPublicApiCall, args);
         let finder;
+        let prevValidPageCount = -1;
         while (true) {
             finder = new LayoutAnchorObjectFinder(this.control.layout, this.control.selection.specialRunInfo.getPosition(), this.control.selection.activeSubDocument.id);
             if (finder.page)
                 break;
-            else
-                this.control.layoutFormatterManager.forceFormatPage(this.control.layout.validPageCount);
+            else {
+                const pageToFormat = this.control.layout.validPageCount;
+                const formattedPage = this.control.layoutFormatterManager.forceFormatPage(pageToFormat);
+                if (!formattedPage || this.control.layout.validPageCount === prevValidPageCount)
+                    break;
+                prevValidPageCount = this.control.layout.validPageCount;
+            }
         }
-        this.resizeBoxVisualizer.show(finder.page.index, null, null, null, finder.obj);
+        if (finder?.page && finder?.obj)
+            this.resizeBoxVisualizer.show(finder.page.index, null, null, null, finder.obj);
+        else
+            this.resizeBoxVisualizer.hide();
     }
     rollback() {
         this.resizeBoxVisualizer.showAtPos(this.startPageIndex, this.boxPoint);

package/lib/common/rich-edit-core.d.ts

@@ -105,6 +105,7 @@ export declare abstract class RichEditCore implements IRichEditControl {
     importHtml(elements: HTMLElement[]): void;
     importInnerClipboard(exportedRangeCopy: RangeCopy, selection: Selection): FixedInterval;
     onViewTypeChanged(): void;
+    onHorizontalRulerVisibleChanged(horizontalRulerVisible: boolean): void;
     getModifiedState(): IsModified;
     setModifiedFalse(): void;
     getGuidParams(): {