devexpress-richedit 24.1.11-build-25065-0103 → 24.1.12-build-25093-0104

package/bin/gulpfile.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (gulpfile.js)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/bin/index-custom.js

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

package/bin/localization-builder.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (localization-builder.js)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/bin/nspell-index.js

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

package/bin/nspell.webpack.config.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (nspell.webpack.config.js)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/bin/webpack-externals.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (webpack-externals.js)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/bin/webpack.config.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (webpack.config.js)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/dist/dx.richedit.d.ts

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (dx.richedit.d.ts)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */

package/dist/dx.richedit.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (dx.richedit.js)
-* Version: 24.1.11
+* Version: 24.1.12
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */
@@ -19609,7 +19609,7 @@ class ParagraphStyle extends StyleBase {
     }
 }
 ParagraphStyle.normalStyleName = "Normal";
-ParagraphStyle.headingStyleName = "heading";
+ParagraphStyle.headingStyleName = "Heading";
 ParagraphStyle.tocStyleName = "toc";
 class TabProperties {
     constructor() {
@@ -25480,6 +25480,7 @@ class LineNumberingProperties {
 
 
 
+
 class SectionProperties {
     constructor() {
         this.margins = new margins/* Margins */.m(1440, 1440, 1440, 1440);
@@ -25497,6 +25498,8 @@ class SectionProperties {
         this.firstPageNumber = -1;
         this.continueNumbering = true;
         this.lineNumbering = new LineNumberingProperties();
+        this.footNote = NoteProperties.createDefault();
+        this.endNote = NoteProperties.createDefault();
     }
     static createSimpleSectionProperties(width, height) {
         const simpleSectionProperties = new SectionProperties();
@@ -25539,6 +25542,8 @@ class SectionProperties {
         else
             this.columnsInfo = obj.columnsInfo;
         this.lineNumbering.copyFrom(obj.lineNumbering);
+        this.footNote.copyFrom(obj.footNote);
+        this.endNote.copyFrom(obj.endNote);
         this.equalWidthColumns = obj.equalWidthColumns;
         this.marginBottom = obj.marginBottom;
         this.marginLeft = obj.marginLeft;
@@ -92572,6 +92577,7 @@ class LayoutPageArea extends rectangle.Rectangle {
 
 
 
+
 var LayoutRowStateFlags;
 (function (LayoutRowStateFlags) {
     LayoutRowStateFlags[LayoutRowStateFlags["NormallyEnd"] = 0] = "NormallyEnd";
@@ -92582,6 +92588,7 @@ var LayoutRowStateFlags;
     LayoutRowStateFlags[LayoutRowStateFlags["DocumentEnd"] = 16] = "DocumentEnd";
     LayoutRowStateFlags[LayoutRowStateFlags["CellTableEnd"] = 64] = "CellTableEnd";
     LayoutRowStateFlags[LayoutRowStateFlags["PageBreakBefore"] = 128] = "PageBreakBefore";
+    LayoutRowStateFlags[LayoutRowStateFlags["InfinityWidth"] = 256] = "InfinityWidth";
 })(LayoutRowStateFlags || (LayoutRowStateFlags = {}));
 class layout_row_LayoutRow extends rectangle.Rectangle {
     constructor(minY = Number.MAX_SAFE_INTEGER) {
@@ -92697,7 +92704,7 @@ class layout_row_LayoutRow extends rectangle.Rectangle {
         return lastBoxIndexWhatCanStrikeoutAndUnderline;
     }
     containsSpacesOnly() {
-        return this.boxes.length > 0 && utils_list.ListUtils.allOf(this.boxes, val => val.isWhitespace());
+        return this.boxes.length > 0 && utils_list.ListUtils.allOf(this.boxes, val => val.isWhitespace() || val.getType() === LayoutBoxType.ParagraphMark);
     }
 }
 class LayoutRowWithIndex extends (/* unused pure expression or super */ null && (layout_row_LayoutRow)) {
@@ -93801,7 +93808,8 @@ class RowFormatterResult {
             return;
         this.rowFormatter.tabInfo.shiftBoxesAfterLastTab();
         const dontJustifyLinesEndingInSoftLineBreak = this.rowFormatter.manager.model.compatibilitySettings.dontJustifyLinesEndingInSoftLineBreak;
-        BoxAligner.align(this.row, this.rowFormatter.paragraphProps.alignment, currLogicRowEndPos, this.rowBoxIndexStart, dontJustifyLinesEndingInSoftLineBreak);
+        if (!this.row.flags.get(LayoutRowStateFlags.InfinityWidth))
+            BoxAligner.align(this.row, this.rowFormatter.paragraphProps.alignment, currLogicRowEndPos, this.rowBoxIndexStart, dontJustifyLinesEndingInSoftLineBreak);
         this.rowBoxIndexStart = this.row.boxes.length;
     }
     deleteSomeAnchorObjects(index, posToRestart) {
@@ -95501,6 +95509,7 @@ class RowEndedWithPageBreakState extends RowEndedWithParagraphMarkFormatterState
 
 
 
+
 class RowTabInfo {
     constructor(rowFormatter, paragraphHorizontalBoundsStart) {
         this.rowFormatter = rowFormatter;
@@ -95571,9 +95580,10 @@ class RowTabInfo {
         if (tabXPosRelativePage > lastInterval.end) {
             if (lastInterval.end < this.rowFormatter.paragraphHorizontalBounds.end) {
                 if (this.rowFormatter.manager.model.compatibilitySettings.compatibilityMode < CompatibilityMode.Word2013) {
+                    this.currInterval.avaliableWidth = Number.MAX_SAFE_INTEGER - this.currInterval.busyWidth;
                     this.currInterval.length = Number.MAX_SAFE_INTEGER;
-                    this.currInterval.avaliableWidth = Number.MAX_SAFE_INTEGER;
                     this.row.width = Number.MAX_SAFE_INTEGER;
+                    this.row.flags.set(LayoutRowStateFlags.InfinityWidth, true);
                     return this.addTabBox();
                 }
                 else if (tabBox.right < this.rowFormatter.paragraphHorizontalBounds.end) {
@@ -107634,19 +107644,33 @@ ResizeBoxListener.directionToSource = {
 
 ;// CONCATENATED MODULE: ./src/common/utils/size-utils.ts
 class SizeUtils {
-    static getClientWidth(element) {
+    static getWidthInfo(element) {
+        const offsetSize = SizeUtils.getOffsetWidth(element);
         const style = getComputedStyle(element);
-        const offset = parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth) + parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
-        const sizeWithScrollBar = SizeUtils.getOffsetWidth(element) - offset;
+        const inset = parseCssValue(style.borderLeftWidth)
+            + parseCssValue(style.borderRightWidth)
+            + parseCssValue(style.paddingLeft)
+            + parseCssValue(style.paddingRight);
+        const sizeWithScrollBar = offsetSize - inset;
         const scrollBarSize = Math.round(sizeWithScrollBar) - element.clientWidth;
-        return sizeWithScrollBar - scrollBarSize;
+        return new DimensionInfo(offsetSize, sizeWithScrollBar - scrollBarSize, scrollBarSize);
     }
-    static getClientHeight(element) {
+    static getClientWidth(element) {
+        return this.getWidthInfo(element).clientSize;
+    }
+    static getHeightInfo(element) {
+        const offsetSize = SizeUtils.getOffsetHeight(element);
         const style = getComputedStyle(element);
-        const offset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) + parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
-        const sizeWithScrollBar = SizeUtils.getOffsetHeight(element) - offset;
+        const inset = parseCssValue(style.borderTopWidth)
+            + parseCssValue(style.borderBottomWidth)
+            + parseCssValue(style.paddingTop)
+            + parseCssValue(style.paddingBottom);
+        const sizeWithScrollBar = offsetSize - inset;
         const scrollBarSize = Math.round(sizeWithScrollBar) - element.clientHeight;
-        return sizeWithScrollBar - scrollBarSize;
+        return new DimensionInfo(offsetSize, sizeWithScrollBar - scrollBarSize, scrollBarSize);
+    }
+    static getClientHeight(element) {
+        return this.getHeightInfo(element).clientSize;
     }
     static getOffsetSize(element) {
         return element.getBoundingClientRect();
@@ -107658,6 +107682,16 @@ class SizeUtils {
         return SizeUtils.getOffsetSize(element).height;
     }
 }
+function parseCssValue(value) {
+    return value ? parseFloat(value) : 0;
+}
+class DimensionInfo {
+    constructor(offsetSize, clientSize, scrollbarSize) {
+        this.offsetSize = offsetSize;
+        this.clientSize = clientSize;
+        this.scrollbarSize = scrollbarSize;
+    }
+}
 
 ;// CONCATENATED MODULE: ./src/common/canvas/canvas-manager.ts
 
@@ -108135,18 +108169,8 @@ class CanvasScrollManager {
         this.updateScrollVisibility();
     }
     updateScrollVisibility() {
-        if (!this.scrollMeasurer) {
-            this.scrollMeasurer = document.createElement("div");
-            this.scrollMeasurer.style.position = "absolute";
-            this.scrollMeasurer.style.top = "0";
-            this.scrollMeasurer.style.bottom = "0";
-            this.scrollMeasurer.style.right = "0";
-            this.scrollMeasurer.style.left = "0";
-        }
-        this.canvas.appendChild(this.scrollMeasurer);
         const prevScrollYVisibility = this.sizes.scrollYVisible;
-        this.sizes.updateScrollVisibility(this.scrollMeasurer.offsetWidth, this.scrollMeasurer.offsetHeight);
-        this.canvas.removeChild(this.scrollMeasurer);
+        this.sizes.updateScrollVisibility(this.canvas);
         if (prevScrollYVisibility !== this.sizes.scrollYVisible && this.horizontalRuler)
             this.horizontalRuler.adjust();
     }
@@ -108221,6 +108245,7 @@ class CanvasScrollManager {
 
 
 
+
 class CanvasSizeInfo {
     constructor() {
         this.topSpacing = -1;
@@ -108237,7 +108262,7 @@ class CanvasSizeInfo {
         this.pageVerticalInfo.init(dom.DomUtils.getCurrentStyle(page));
         this.topSpacing = this.pageVerticalInfo.topPageBorderWidth + this.pageVerticalInfo.topMargin;
         this.betweenPageSpacing = this.pageVerticalInfo.betweenPageSpacing;
-        this.setVisibleAreaSize(canvas.offsetWidth, canvas.offsetHeight);
+        this.setVisibleAreaSize(SizeUtils.getClientWidth(canvas), SizeUtils.getClientHeight(canvas));
     }
     findPageIndexByOffsetY(pages, offsetY) {
         return Math.max(0, search.SearchUtils.normedInterpolationIndexOf(pages, (p) => this.getPageOffsetY(p), offsetY));
@@ -108250,22 +108275,27 @@ class CanvasSizeInfo {
         this.visibleAreaSize.height = height;
     }
     getVisibleAreaWidth(includeScrollBars) {
-        if (includeScrollBars)
+        if (!includeScrollBars)
             return this.visibleAreaSize.width;
-        return this.scrollYVisible ? this.visibleAreaSize.width - this.scrollWidth : this.visibleAreaSize.width;
+        return this.scrollYVisible ? this.visibleAreaSize.width + this.scrollWidth : this.visibleAreaSize.width;
     }
     getVisibleAreaHeight(includeScrollBars) {
-        if (includeScrollBars)
+        if (!includeScrollBars)
             return this.visibleAreaSize.height;
-        return this.scrollXVisible ? this.visibleAreaSize.height - this.scrollWidth : this.visibleAreaSize.height;
+        return this.scrollXVisible ? this.visibleAreaSize.height + this.scrollWidth : this.visibleAreaSize.height;
     }
-    updateScrollVisibility(measurerWidth, measurerHeight) {
-        this.scrollXVisible = measurerHeight < this.visibleAreaSize.height;
-        this.scrollYVisible = measurerWidth < this.visibleAreaSize.width;
+    updateScrollVisibility(canvas) {
+        this.scrollXVisible = SizeUtils.getHeightInfo(canvas).scrollbarSize > 0;
+        this.scrollYVisible = SizeUtils.getWidthInfo(canvas).scrollbarSize > 0;
     }
-    isChanged(canvas) {
-        return this.visibleAreaSize.width !== canvas.offsetWidth ||
-            this.visibleAreaSize.height !== canvas.offsetHeight;
+    updateSize(canvas) {
+        const width = SizeUtils.getClientWidth(canvas);
+        const height = SizeUtils.getClientHeight(canvas);
+        if (this.visibleAreaSize.width !== width || this.visibleAreaSize.height !== height) {
+            this.setVisibleAreaSize(width, height);
+            return true;
+        }
+        return false;
     }
 }
 
@@ -109529,7 +109559,6 @@ class SelectionRenderer extends SelectionRendererBase {
 
 
 
-
 
 
 class ViewManager {
@@ -109589,11 +109618,8 @@ class ViewManager {
                 this.canvasListener.onCanvasScroll();
             }
         }
-        else if (this.sizes.isChanged(this.canvas)) {
-            const size = SizeUtils.getOffsetSize(this.canvas);
-            this.sizes.setVisibleAreaSize(size.width, size.height);
+        else if (this.sizes.updateSize(this.canvas))
             this.scroll.onCanvasSizeChanged();
-        }
     }
     NotifyPagesReady(pageChanges) {
         this.canvasListener.onPagesReady(pageChanges);
@@ -122250,6 +122276,44 @@ function createInnerItems(items) {
     }
 }
 
+;// CONCATENATED MODULE: ./src/client/utils/focus-helper.ts
+class FocusHelper {
+    static preventFocusOnClick(element) {
+        return new FocusBlocker(element);
+    }
+}
+class FocusBlocker {
+    constructor(target) {
+        this.target = target;
+        this.onPointerDownBinded = this.onPointerDown.bind(this);
+        this.addEventListeners(target);
+    }
+    addEventListeners(element) {
+        element.addEventListener("pointerdown", this.onPointerDownBinded);
+    }
+    removeEventListeners(element) {
+        element.removeEventListener("pointerdown", this.onPointerDownBinded);
+    }
+    onPointerDown(event) {
+        for (const element of event.composedPath()) {
+            if (!(element instanceof HTMLElement))
+                continue;
+            if (element === this.target) {
+                event.preventDefault();
+                break;
+            }
+            if (!this.target.contains(element) || element.tabIndex > -1)
+                break;
+        }
+    }
+    dispose() {
+        if (this.target) {
+            this.removeEventListeners(this.target);
+            this.target = null;
+        }
+    }
+}
+
 ;// CONCATENATED MODULE: ./src/client/bars/ribbon.ts
 
 
@@ -122259,6 +122323,7 @@ function createInnerItems(items) {
 
 
 
+
 class ClientRibbonBar extends RibbonBarBase {
     constructor(ownerControl, ownerElement, apiRibbon, fonts) {
         var _a;
@@ -122267,6 +122332,7 @@ class ClientRibbonBar extends RibbonBarBase {
         this.ownerElement = ownerElement;
         this.init(apiRibbon, fonts);
         this.createControl((_a = apiRibbon.activeTabIndex) !== null && _a !== void 0 ? _a : 1);
+        this.focusHandler = FocusHelper.preventFocusOnClick(this.ribbon.element);
     }
     updateContextItem(_commandKey) {
     }
@@ -122292,13 +122358,13 @@ class ClientRibbonBar extends RibbonBarBase {
     }
     dispose() {
         this.ribbon.dispose();
+        this.focusHandler.dispose();
     }
     checkActivateHeaderFooter(_selection) {
         return false;
     }
     createControl(activeTabIndex) {
         const element = document.createElement('div');
-        element.tabIndex = 0;
         const firstChild = this.ownerElement.firstChild;
         if (firstChild)
             this.ownerElement.insertBefore(element, firstChild);
@@ -129247,7 +129313,6 @@ class LinkHeaderFooterToPreviousCommand extends HeaderFooterCommandBase {
 
 
 
-
 class ApplyStyleCommand extends CommandBase {
     getState() {
         var interval = this.selection.lastSelectedInterval.clone();
@@ -129284,16 +129349,19 @@ class ApplyStyleCommand extends CommandBase {
     getStyleName(style) {
         return style.styleName;
     }
+    DEPRECATEDConvertOptionsParameter(parameter) {
+        return typeof parameter === 'string' ? { styleName: parameter } : parameter;
+    }
     executeCore(state, options) {
         const parameter = options.param;
-        if (utils_string.StringUtils.isNullOrEmpty(parameter))
+        if (utils_string.StringUtils.isNullOrEmpty(parameter.styleName))
             return false;
-        let interval = state.interval.clone();
+        const subDocumentInterval = new SubDocumentInterval(options.subDocument, state.interval.clone());
         let executed = true;
         let isPresetStyle = false;
         this.history.beginTransaction();
-        if (StylesManager.isParagraphStyle(parameter) && state.paragraphStyleChangeEnabled) {
-            const styleName = StylesManager.getStyleNameWithoutPrefix(parameter);
+        if (StylesManager.isParagraphStyle(parameter.styleName) && state.paragraphStyleChangeEnabled) {
+            const styleName = StylesManager.getStyleNameWithoutPrefix(parameter.styleName);
             let paragraphStyle = this.control.modelManager.model.getParagraphStyleByName(styleName);
             if (!paragraphStyle) {
                 const presetStyle = StylesManager.getPresetParagraphStyleByName(styleName);
@@ -129302,12 +129370,12 @@ class ApplyStyleCommand extends CommandBase {
                 paragraphStyle = StylesManager.getPresetParagraphStyleByName(styleName).clone();
                 isPresetStyle = true;
             }
-            this.applyParagraphStyle(interval, paragraphStyle, isPresetStyle, options.subDocument);
+            this.applyParagraphStyle(subDocumentInterval, paragraphStyle, isPresetStyle, parameter.keepDirectFormatting);
         }
-        else if (!StylesManager.isParagraphStyle(parameter) && state.characterStyleChangeEnabled) {
-            const styleName = StylesManager.getStyleNameWithoutPrefix(parameter);
-            if (interval.length == 0)
-                interval = options.subDocument.getWholeWordInterval(interval.start);
+        else if (!StylesManager.isParagraphStyle(parameter.styleName) && state.characterStyleChangeEnabled) {
+            const styleName = StylesManager.getStyleNameWithoutPrefix(parameter.styleName);
+            if (subDocumentInterval.interval.length == 0)
+                subDocumentInterval.interval = options.subDocument.getWholeWordInterval(subDocumentInterval.interval.start);
             let characterStyle = this.control.modelManager.model.getCharacterStyleByName(styleName);
             if (!characterStyle) {
                 const presetStyle = StylesManager.getPresetCharacterStyleByName(styleName);
@@ -129316,9 +129384,9 @@ class ApplyStyleCommand extends CommandBase {
                 characterStyle = presetStyle.clone();
                 isPresetStyle = true;
             }
-            if (interval.length == 0) {
+            if (subDocumentInterval.interval.length == 0) {
                 if (isPresetStyle) {
-                    let fontInfo = characterStyle.maskedCharacterProperties.fontInfo;
+                    const fontInfo = characterStyle.maskedCharacterProperties.fontInfo;
                     if (fontInfo && fontInfo.measurer === undefined)
                         characterStyle.maskedCharacterProperties.fontInfo = this.control.modelManager.model.cache.fontInfoCache.getItemByName(fontInfo.name);
                 }
@@ -129326,50 +129394,56 @@ class ApplyStyleCommand extends CommandBase {
                 executed = false;
             }
             else
-                this.applyCharacterStyle(interval, characterStyle, isPresetStyle, options.subDocument);
+                this.applyCharacterStyle(subDocumentInterval, characterStyle, isPresetStyle);
         }
         this.history.endTransaction();
         return executed;
     }
-    applyCharacterStyle(interval, style, isPresetStyle, subDocument) {
+    applyCharacterStyle(subDocumentInterval, style, isPresetStyle) {
         if (ControlOptions.isEnabled(this.control.modelManager.richOptions.control.characterStyle)) {
-            this.modelManipulator.style.applyCharacterStyle(new SubDocumentInterval(subDocument, interval), isPresetStyle ? this.control.modelManager.model.stylesManager.addCharacterStyle(style) : style, false);
+            const characterStyle = isPresetStyle ? this.control.modelManager.model.stylesManager.addCharacterStyle(style) : style;
+            this.modelManipulator.style.applyCharacterStyle(subDocumentInterval, characterStyle, false);
         }
     }
-    applyParagraphStyle(interval, style, isPresetStyle, subDocument) {
-        var count = this.calculateAffectedParagraphCount(interval, subDocument);
+    applyParagraphStyle(subDocumentInterval, style, isPresetStyle, keepDirectFormatting = false) {
+        const count = this.calculateAffectedParagraphCount(subDocumentInterval);
         if (count > 0 && ControlOptions.isEnabled(this.control.modelManager.richOptions.control.paragraphStyle)) {
-            var paragraphIndex = search.SearchUtils.normedInterpolationIndexOf(subDocument.paragraphs, p => p.startLogPosition.value, interval.start);
-            for (var i = 0; i < count; i++) {
-                var paragraph = subDocument.paragraphs[paragraphIndex + i];
-                var paragraphInterval = new fixed.FixedInterval(paragraph.startLogPosition.value, paragraph.length);
-                var modelManipulator = this.modelManipulator;
-                this.history.addAndRedo(new ApplyParagraphStyleHistoryItem(modelManipulator, new SubDocumentInterval(subDocument, paragraphInterval), isPresetStyle ? modelManipulator.model.stylesManager.addParagraphStyle(style) : style));
-                this.history.addAndRedo(new ParagraphUseValueHistoryItem(modelManipulator, new SubDocumentInterval(subDocument, paragraphInterval), 0));
-                this.history.addAndRedo(new FontUseValueHistoryItem(modelManipulator, new SubDocumentInterval(subDocument, paragraphInterval), 0));
-                this.history.addAndRedo(new AddParagraphToListHistoryItem(this.modelManipulator, subDocument, paragraphIndex, NumberingList.NumberingListNotSettedIndex, -1));
+            const { interval, subDocument } = subDocumentInterval;
+            const paragraphs = subDocument.paragraphs;
+            const paragraphIndex = search.SearchUtils.normedInterpolationIndexOf(paragraphs, p => p.startLogPosition.value, interval.start);
+            for (let i = 0; i < count; i++) {
+                const paragraph = paragraphs[paragraphIndex + i];
+                const modelManipulator = this.modelManipulator;
+                const paragraphSubDocumentInterval = new SubDocumentInterval(subDocument, paragraph.interval);
+                style = isPresetStyle ? modelManipulator.model.stylesManager.addParagraphStyle(style) : style;
+                this.history.addAndRedo(new ApplyParagraphStyleHistoryItem(modelManipulator, paragraphSubDocumentInterval, style));
+                this.history.addAndRedo(new ParagraphUseValueHistoryItem(modelManipulator, paragraphSubDocumentInterval, 0));
+                if (!keepDirectFormatting)
+                    this.history.addAndRedo(new FontUseValueHistoryItem(modelManipulator, paragraphSubDocumentInterval, 0));
+                this.history.addAndRedo(new AddParagraphToListHistoryItem(modelManipulator, subDocument, paragraphIndex, NumberingList.NumberingListNotSettedIndex, -1));
             }
         }
         else
-            this.applyParagraphLinkedStyle(interval, style, isPresetStyle, subDocument);
+            this.applyParagraphLinkedStyle(subDocumentInterval, style, isPresetStyle);
     }
-    applyParagraphLinkedStyle(interval, style, isPresetStyle, subDocument) {
+    applyParagraphLinkedStyle(subDocumentInterval, style, isPresetStyle) {
         if (ControlOptions.isEnabled(this.control.modelManager.richOptions.control.characterStyle)) {
             if (!style.linkedStyle)
-                this.createCharacterStyle(style);
-            this.applyCharacterStyle(interval, style.linkedStyle, isPresetStyle, subDocument);
+                this.addLinkedCharacterStyle(style);
+            this.applyCharacterStyle(subDocumentInterval, style.linkedStyle, isPresetStyle);
         }
     }
-    createCharacterStyle(paragraphStyle) {
-        var style = new CharacterStyle(paragraphStyle.styleName + " Char", paragraphStyle.localizedName + " Char", false, false, false, false, paragraphStyle.maskedCharacterProperties);
+    addLinkedCharacterStyle(paragraphStyle) {
+        const style = new CharacterStyle(paragraphStyle.styleName + " Char", paragraphStyle.localizedName + " Char", false, false, false, false, paragraphStyle.maskedCharacterProperties);
         this.history.addAndRedo(new CreateStyleLinkHistoryItem(this.modelManipulator, style, paragraphStyle));
     }
-    calculateAffectedParagraphCount(interval, subDocument) {
-        var paragraphs = subDocument.getParagraphsByInterval(interval);
+    calculateAffectedParagraphCount(subDocumentInterval) {
+        const { interval, subDocument } = subDocumentInterval;
+        const paragraphs = subDocument.getParagraphsByInterval(interval);
         if (paragraphs.length > 1)
             return paragraphs.length;
-        var paragraph = paragraphs[0];
-        var lastParagraphCharSelected = interval.length >= paragraph.length - 1;
+        const paragraph = paragraphs[0];
+        const lastParagraphCharSelected = interval.length >= paragraph.length - 1;
         if (interval.start === paragraph.startLogPosition.value && lastParagraphCharSelected || interval.length === 0)
             return 1;
         return 0;
@@ -135863,24 +135937,30 @@ class RemoveNextWordCommand extends RemoveWordCommandBase {
 
 
 class SetParagraphLevelCommandBase extends CommandBase {
+    get commandManager() { return this.control.commandManager; }
+    get modelManager() { return this.control.modelManager; }
     isEnabled() {
-        return super.isEnabled() && ControlOptions.isEnabled(this.control.modelManager.richOptions.control.paragraphFormatting);
+        return super.isEnabled() && ControlOptions.isEnabled(this.modelManager.richOptions.control.paragraphFormatting);
     }
     getState() {
         const state = new SimpleCommandState(this.isEnabled());
-        state.value = this.control.commandManager.getCommand(RichEditClientCommand.ChangeHeadingLevel).getState().value == this.getLevel(null);
+        state.value = this.commandManager.getCommand(RichEditClientCommand.ChangeHeadingLevel).getState().value == this.getLevel(null);
         return state;
     }
     executeCore(_state, options) {
         const level = this.getLevel(options.param);
         const styleName = level > 0 ? `${ParagraphStyle.headingStyleName} ${level}` : ParagraphStyle.normalStyleName;
-        let paragraphStyle = this.control.modelManager.model.getParagraphStyleByName(styleName);
+        let paragraphStyle = this.modelManager.model.getParagraphStyleByName(styleName);
         if (!paragraphStyle)
             paragraphStyle = StylesManager.getPresetParagraphStyleByName(styleName);
-        if (paragraphStyle)
-            this.control.commandManager.getCommand(RichEditClientCommand.ChangeStyle).execute(this.control.commandManager.isPublicApiCall, new CommandSimpleOptions(this.control, StylesManager.paragraphPrefix + styleName));
-        else
-            this.control.commandManager.getCommand(RichEditClientCommand.ChangeHeadingLevel).execute(this.control.commandManager.isPublicApiCall, new CommandSimpleOptions(this.control, level));
+        if (paragraphStyle) {
+            const commandOptions = new CommandSimpleOptions(this.control, { styleName: StylesManager.paragraphPrefix + styleName, keepDirectFormatting: true });
+            this.commandManager.getCommand(RichEditClientCommand.ChangeStyle).execute(this.commandManager.isPublicApiCall, commandOptions);
+        }
+        else {
+            const commandOptions = new CommandSimpleOptions(this.control, level);
+            this.commandManager.getCommand(RichEditClientCommand.ChangeHeadingLevel).execute(this.commandManager.isPublicApiCall, commandOptions);
+        }
         return true;
     }
     getRelatedCommands() {
@@ -141567,7 +141647,7 @@ class ClientRichEdit {
         this.contextMenuSettings = settings.contextMenuSettings;
         this.fullScreenHelper = new FullScreenHelper(element);
         if (true)
-            external_DevExpress_config_default()(JSON.parse(atob('eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVZIWXphbFZEUnpoV1ZUSTRWMUZOYkVaUlJrVlRVU0lLZlE9PS5QMlRnaUloY2ZZcHl5Vi9KTjFoL3ptVWtUaGh5MW1Za0NpbUdzVHJ4alpTRlRGUENjQ3h6aS9nZXY0L3VhMU8wUDQyYlJKaGZFRnFPSTI1WE95YmZ1UW5FRTFMeGFrWDFuQkRMOVdPYTNTcVFDQ3dSQnJycnowcmZLTUtzS2Rma08xSlVWZz09In0=')));
+            external_DevExpress_config_default()(JSON.parse(atob('eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaVRXOVZka0ZEZWsxcVRsTmFiMjEyTmpsYVRGbHBlQ0lLZlE9PS5WN0NsMFNmUGxxMmpzWklzVVRDYSt3bUJ5VTRwazl1OFk1OVNMUEJWdWVRL2lrZWRHd3ljZDMrakpRejZ1cG9Sa3lPTGNuOEJJSitqa3MycGkyaHhyZjBRNkJoUW5zbjdZMDF5OXY5MWpWeDVVTW5XZWZaUlR6bWllK1M4TGl5OTVoUjJIQT09In0=')));
         this.prepareElement(element, settings);
         this.initDefaultFontsAndStyles();
         this.initBars(settings.ribbon, settings.fonts);