devexpress-richedit 24.1.8-build-24316-0102 → 24.1.8-build-24340-0103

package/dist/dx.richedit.js

@@ -25415,8 +25415,8 @@ class FieldVisabilityInfo {
 class RangePermission extends BookmarkBase {
     constructor(positionManager, interval, userName, group) {
         super(positionManager, interval);
-        this.userName = userName.toLowerCase();
-        this.group = group.toLowerCase();
+        this.userName = userName;
+        this.group = group;
     }
     isGranted(settings) {
         return RangePermission.allow(this.group, RangePermission.Everyone_GROUP_NAME) ||
@@ -25425,7 +25425,7 @@ class RangePermission extends BookmarkBase {
             RangePermission.allow(this.group, settings.authenticationGroup);
     }
     static allow(permissionValue, settingsValue) {
-        return settingsValue != "" && permissionValue == settingsValue;
+        return settingsValue != "" && comparers.Comparers.stringIgnoreCase(permissionValue, settingsValue) == 0;
     }
     get end() { return this._interval.end - 1; }
     get length() { return this.end - this.start; }
@@ -25450,7 +25450,9 @@ class RangePermission extends BookmarkBase {
         return new RangePermission(positionManager, this.interval, this.userName, this.group);
     }
     equals(obj) {
-        return super.equals(obj) && (utils_string.StringUtils.isNullOrEmpty(this.userName) ? this.group == obj.group : this.userName == obj.userName);
+        return super.equals(obj) && (utils_string.StringUtils.isNullOrEmpty(this.userName) ?
+            comparers.Comparers.stringIgnoreCase(obj.group, this.group) == 0 :
+            comparers.Comparers.stringIgnoreCase(obj.userName, this.userName) == 0);
     }
 }
 RangePermission.Everyone_GROUP_NAME = "Everyone".toLowerCase();
@@ -40888,6 +40890,7 @@ class InsertAnchoredTextBoxHistoryItem extends PositionBasedHistoryItem {
     }
     redo() {
         this.modelManipulator.textBox.insertAnchoredTextBox(this.subDocPos, this.charPropsBundle, this.textBoxInfo);
+        this.modelManipulator.model.subDocumentsCollection.restore(this.textBoxInfo.innerSubDocument.id);
     }
     undo() {
         this.modelManipulator.range.removeIntervalWithoutHistory(this.boundSubDocument, new fixed.FixedInterval(this.position, 1), false);
@@ -41006,7 +41009,7 @@ class BaseTextBoxInfo {
     }
 }
 class TextBoxManipulator extends RunsBaseManipulator {
-    insertAnchoredTextBoxViaHistoty(subDocPos, charPropsBundle, textBoxInfo) {
+    insertAnchoredTextBoxViaHistory(subDocPos, charPropsBundle, textBoxInfo) {
         this.history.addAndRedo(new InsertAnchoredTextBoxHistoryItem(this.modelManipulator, subDocPos, charPropsBundle, textBoxInfo));
     }
     insertAnchoredTextBox(subDocPos, charPropsBundle, textBoxInfo) {
@@ -41023,6 +41026,7 @@ class TextBoxManipulator extends RunsBaseManipulator {
         let textBoxSubDoc = textBoxInfo.innerSubDocument ?
             textBoxInfo.innerSubDocument :
             this.model.createSubDocument(SubDocumentInfoType.TextBox, subDocument.id);
+        textBoxInfo.innerSubDocument = textBoxSubDoc;
         textBoxRun.subDocId = textBoxSubDoc.id;
         subDocument.chunks[insertedRun.chunkIndex].textRuns[insertedRun.runIndex].paragraph.length++;
         this.modelManipulator.notifyModelChanged(new AnchoredTextBoxInsertedSubDocumentChange(subDocument.id, textBoxRun.anchoredObjectID, textBoxRun.subDocId, insertPositionAtStartDocument, textBoxInfo.anchorInfo, textBoxRun.containerProperties));
@@ -45728,8 +45732,14 @@ class RemoveIntervalOperation {
         var accumulatedInterval = new fixed.FixedInterval(this.position, 0);
         let removedTextList = [];
         while (iterator.moveNext()) {
-            if (utils_enum/* EnumUtils */.Y.isAnyOf(iterator.currentRun.getType(), RunType.AnchoredPictureRun, RunType.AnchoredTextBoxRun))
-                this.modelManipulator.notifyModelChanged(new AnchorObjectRemovedSubDocumentChange(this.subDocument.id, (iterator.currentRun).anchoredObjectID, iterator.currentInterval().start));
+            if (utils_enum/* EnumUtils */.Y.isAnyOf(iterator.currentRun.getType(), RunType.AnchoredPictureRun, RunType.AnchoredTextBoxRun)) {
+                const currentRun = iterator.currentRun;
+                const position = iterator.currentInterval().start;
+                const change = new AnchorObjectRemovedSubDocumentChange(this.subDocument.id, currentRun.anchoredObjectID, position);
+                if (currentRun instanceof AnchoredTextBoxRun)
+                    this.modelManipulator.model.subDocumentsCollection.replace(currentRun.subDocId, subDocument.id);
+                this.modelManipulator.notifyModelChanged(change);
+            }
             if (iterator.currentChunk !== subDocument.chunks[this.currentChunkIndex]) {
                 this.removeAccumulatedInterval(accumulatedInterval, this.position, 0, removedTextList);
                 this.currentChunkIndex++;
@@ -53435,6 +53445,7 @@ function createConditionalStylesTable() {
 
 
 
+
 class RtfExportHelper {
     constructor() {
         this.colorCollection = [];
@@ -53470,11 +53481,11 @@ class RtfExportHelper {
         return DXColor.blend(color, DXColor.white);
     }
     getUserIndex(rangePermission) {
-        let index = this.userCollection.indexOf(rangePermission.userName);
+        let index = this.userCollection.findIndex((userName) => comparers.Comparers.stringIgnoreCase(userName, rangePermission.userName) == 0);
         if (index >= 0)
             return index + 1;
         const predefinedUserGroups = RtfContentExporter.predefinedUserGroups;
-        const id = number/* NumberMapUtils */.j.keyBy(predefinedUserGroups, (g) => g == rangePermission.group);
+        const id = number/* NumberMapUtils */.j.keyBy(predefinedUserGroups, (g) => comparers.Comparers.stringIgnoreCase(g, rangePermission.group) == 0);
         return id != null ? id : 0;
     }
 }
@@ -68715,9 +68726,7 @@ class HtmlListTagImporterBase extends HtmlTagImporterBase {
         this.importer.addCurrLevelParagraphRunIfNeeded();
         const listIndex = this.importer.listIndex;
         const parentList = utils_list.ListUtils.last(this.importer.listInfos);
-        const listLevel = parentList
-            ? parentList.listLevel + 1
-            : 0;
+        const listLevel = parentList ? parentList.listLevel + 1 : 0;
         if (listLevel === 9) {
             this._ignored = true;
             return;
@@ -68733,7 +68742,9 @@ class HtmlListTagImporterBase extends HtmlTagImporterBase {
         if (this._ignored)
             return;
         this.importer.listInfos.pop();
-        this.importer.listIndex++;
+        const parentList = utils_list.ListUtils.last(this.importer.listInfos);
+        if (!parentList)
+            this.importer.listIndex++;
     }
 }
 
@@ -70449,6 +70460,7 @@ class HtmlBuilder {
 
 
 
+
 
 
 class HtmlExporter {
@@ -70882,42 +70894,27 @@ class HtmlExporter {
     }
     getListsByParagraphs(paragraphs) {
         const listsInInterval = [];
+        let previousList = null;
         for (let i = 0, paragraph; paragraph = paragraphs[i]; i++) {
             if (paragraph.isInList()) {
-                const paragraphNumberingListIndex = paragraph.getNumberingListIndex();
-                const paragraphListLevelIndex = paragraph.getListLevelIndex();
-                const paragraphStart = paragraph.startLogPosition.value;
-                const paragraphEnd = paragraph.getEndPosition();
-                let existingItem = null;
-                for (let j = 0; j < listsInInterval.length; j++) {
-                    if (listsInInterval[j].numberingListIndex === paragraphNumberingListIndex
-                        && listsInInterval[j].listLevelIndex === paragraphListLevelIndex) {
-                        existingItem = listsInInterval[j];
-                    }
-                }
-                if (existingItem && (paragraphListLevelIndex === 0 || existingItem.end == paragraphStart
-                    || listsInInterval[listsInInterval.length - 1].listLevelIndex > paragraphListLevelIndex)) {
-                    existingItem.end = paragraphEnd;
-                }
-                else {
-                    listsInInterval.push({
-                        numberingListIndex: paragraphNumberingListIndex,
-                        listLevelIndex: paragraphListLevelIndex,
-                        start: paragraphStart,
-                        end: paragraphEnd,
-                    });
-                }
-                let listLevelIndex = paragraphListLevelIndex;
-                while (listLevelIndex > 0) {
-                    let parentItem = null;
-                    for (let j = 0; j < listsInInterval.length; j++) {
-                        if (listsInInterval[j].listLevelIndex == listLevelIndex - 1)
-                            parentItem = listsInInterval[j];
-                    }
-                    if (parentItem)
-                        parentItem.end = paragraphEnd;
-                    listLevelIndex--;
+                const numberingListIndex = paragraph.getNumberingListIndex();
+                const listLevelIndex = paragraph.getListLevelIndex();
+                const start = paragraph.startLogPosition.value;
+                const end = paragraph.getEndPosition();
+                let list = utils_list.ListUtils.reverseElementBy(listsInInterval, (list) => {
+                    return list.listLevelIndex <= (previousList === null || previousList === void 0 ? void 0 : previousList.listLevelIndex)
+                        && list.numberingListIndex === numberingListIndex
+                        && list.listLevelIndex === listLevelIndex;
+                });
+                if (!list) {
+                    const parentList = (previousList === null || previousList === void 0 ? void 0 : previousList.numberingListIndex) === numberingListIndex ? previousList : null;
+                    list = { parentList, numberingListIndex, listLevelIndex, start, end };
+                    listsInInterval.push(list);
                 }
+                previousList = list;
+                do {
+                    list.end = end;
+                } while (list = list.parentList);
             }
         }
         return listsInInterval;
@@ -72142,6 +72139,7 @@ class DeleteRangePermissionHistoryItem extends RangePermissionHistoryItemBase {
 ;// CONCATENATED MODULE: ./src/client/model-api/api-utils/range-permission-finder.ts
 
 
+
 function findRangePermissionsByIntervals(sourceCollection, intervals) {
     const permissions = [];
     algorithms.IntervalAlgorithms.handleAffectedObjects(sourceCollection, algorithms.IntervalAlgorithms.getMergedIntervals(intervals, true), (permission, _index, interval, intersection) => {
@@ -72161,7 +72159,8 @@ function findRangePermissions(sourceCollection, check) {
 }
 function findRangePermission(sourceCollection, coreInterval, userName, group) {
     const intervals = findRangePermissionsByIntervals(sourceCollection, [coreInterval]);
-    return utils_list.ListUtils.elementBy(intervals, (permission) => permission.userName == userName && permission.group == group);
+    return utils_list.ListUtils.elementBy(intervals, (permission) => comparers.Comparers.stringIgnoreCase(permission.userName, userName) == 0 &&
+        comparers.Comparers.stringIgnoreCase(permission.group, group) == 0);
 }
 
 ;// CONCATENATED MODULE: ./src/client/model-api/range-permission.ts
@@ -72204,6 +72203,7 @@ class RangePermissionApi {
 
 
 
+
 class RangePermissionCollection extends Collection {
     constructor(processor, subDocument) {
         super(processor);
@@ -72275,13 +72275,13 @@ function findByPosition(position, canBeUndefined, sourceCollection) {
 }
 function findByUserName(value, permissions) {
     return utils_list.ListUtils.map(ApiParametersChecker.check(value, 1, true, [
-        ApiParametersChecker.stringDescriptor("userName", (userName) => findRangePermissions(permissions, permission => permission.userName == userName), false),
+        ApiParametersChecker.stringDescriptor("userName", (userName) => findRangePermissions(permissions, permission => comparers.Comparers.stringIgnoreCase(permission.userName, userName) == 0), false),
         ApiParametersChecker.regExpDescriptor('regexp', (regexp) => findRangePermissions(permissions, permission => regexp.test(permission.userName)))
     ]), (b) => b);
 }
 function findByGroup(value, permissions) {
     return utils_list.ListUtils.map(ApiParametersChecker.check(value, 1, true, [
-        ApiParametersChecker.stringDescriptor("group", (group) => findRangePermissions(permissions, permission => permission.group == group), false),
+        ApiParametersChecker.stringDescriptor("group", (group) => findRangePermissions(permissions, permission => comparers.Comparers.stringIgnoreCase(permission.group, group) == 0), false),
         ApiParametersChecker.regExpDescriptor('regexp', (regexp) => findRangePermissions(permissions, permission => regexp.test(permission.group)))
     ]), (b) => b);
 }
@@ -72821,8 +72821,9 @@ class Selection extends batch_updatable/* BatchUpdatableObject */.IS {
         this.resetInputPositionIfNeeded();
     }
     shouldResetInputPosition() {
+        var _a;
         const currentState = this.getState();
-        return currentState.intervalsInfo.subDocument.id != this.prevState.intervalsInfo.subDocument.id ||
+        return currentState.intervalsInfo.subDocument.id != ((_a = this.prevState.intervalsInfo.subDocument) === null || _a === void 0 ? void 0 : _a.id) ||
             !utils_list.ListUtils.equals(currentState.intervalsInfo.intervals, this.prevState.intervalsInfo.intervals);
     }
     resetInputPositionIfNeeded() {
@@ -72860,7 +72861,7 @@ class AnchorObjectsPositionInfo {
     }
     add(obj, modelPosition) {
         this.delete(obj.objectId);
-        this.cache[obj.objectId] = new ModelPositionHolder(modelPosition, this.model.subDocuments[obj.belongsToSubDocId].positionManager);
+        this.cache[obj.objectId] = new ModelPositionHolder(modelPosition, this.model.subDocumentsCollection.collection[obj.belongsToSubDocId].positionManager);
     }
     delete(id) {
         const info = this.cache[id];
@@ -91971,13 +91972,20 @@ class ContentTypesExporter extends ExporterBaseWithRootElement {
 
 
 class StylesExporter extends ExporterBaseWithRootElement {
+    constructor() {
+        super(...arguments);
+        this.styleNameToIndex = new Map();
+        this.sortedStyleIndexes = [];
+        this.processedStyleNames = new Set();
+    }
     get filePath() { return 'word/styles.xml'; }
     get rootElement() { return 'styles'; }
     get rootNSPrefix() { return this.data.constants.namespaces[DocxNsType.WordProcessing].prefix; }
     get rootNSValue() { return this.data.constants.namespaces[DocxNsType.WordProcessing].namespace; }
     fillWriter() {
         this.exportDocumentDefaults();
-        utils_list.ListUtils.forEach(this.data.model.paragraphStyles, (style, index) => this.data.parStyleExporter.export(style, index));
+        const paragraphStyleIndexes = this.getSortedStyleIndexes();
+        utils_list.ListUtils.forEach(paragraphStyleIndexes, (index) => this.data.parStyleExporter.export(this.data.model.paragraphStyles[index], index));
         utils_list.ListUtils.forEach(this.data.model.characterStyles, (style, index) => this.data.charStyleExporter.export(style, index));
         utils_list.ListUtils.forEach(this.data.model.tableStyles, (style, index) => this.data.tblStyleExporter.export(style, index));
     }
@@ -92001,6 +92009,28 @@ class StylesExporter extends ExporterBaseWithRootElement {
         this.writer.endElement();
         this.writer.endElement();
     }
+    getSortedStyleIndexes() {
+        this.styleNameToIndex = new Map();
+        this.sortedStyleIndexes = [];
+        this.processedStyleNames = new Set();
+        const styles = this.data.model.paragraphStyles;
+        styles.forEach((style, index) => this.styleNameToIndex.set(style.styleName, index));
+        for (let index = 0; index < styles.length; index++)
+            this.sortStyleIndexRecursive(index);
+        return this.sortedStyleIndexes;
+    }
+    sortStyleIndexRecursive(index) {
+        const styles = this.data.model.paragraphStyles;
+        const style = styles[index];
+        if (this.processedStyleNames.has(style.styleName))
+            return;
+        this.processedStyleNames.add(style.styleName);
+        if (style.parent) {
+            const parentIndex = this.styleNameToIndex.get(style.parent.styleName);
+            this.sortStyleIndexRecursive(parentIndex);
+        }
+        this.sortedStyleIndexes.push(index);
+    }
 }
 
 ;// CONCATENATED MODULE: ./src/common/utils/relative-rect.ts
@@ -95959,7 +95989,7 @@ class LayoutSpaceBox extends layout_box_LayoutBox {
         return LayoutBoxType.Space;
     }
     pushInfoForMeasure(info, showHiddenSymbols) {
-        info.push(new MeasureInfoNonText("&nbsp;", this.characterProperties));
+        info.push(new MeasureInfoNonText(RichUtils.specialCharacters.Space, this.characterProperties));
         if (showHiddenSymbols)
             info.push(new MeasureInfoNonText(RichUtils.specialCharacters.HiddenSpace, this.characterProperties));
     }
@@ -107501,7 +107531,6 @@ class SwitchTextBoxSubDocumentsStateHistoryItem extends history_item_HistoryItem
         this.position = position;
     }
     redo() {
-        this.oldSubDocument = this.oldSubDocument.getActualSubDocument();
         const newRun = this.textBoxParentSubDocument.getRunAndIndexesByPosition(this.position).run;
         this.newSubDocument = this.modelManipulator.model.subDocuments[newRun.subDocId];
         this.modelManipulator.model.subDocumentsCollection.replace(this.oldSubDocument.id, this.newSubDocument.id);
@@ -107720,7 +107749,7 @@ class FloatingObjectDragDropChangePositionCommand extends CommandBase {
         const newRun = this.activeSubDocument.getRunAndIndexesByPosition(position).run;
         if (newRun.getType() == RunType.AnchoredTextBoxRun) {
             const oldTextBoxRun = oldRun;
-            const originalSubDocument = this.control.modelManager.model.subDocuments[oldTextBoxRun.subDocId];
+            const originalSubDocument = this.control.modelManager.model.subDocumentsCollection.collection[oldTextBoxRun.subDocId];
             this.history.addAndRedo(new SwitchTextBoxSubDocumentsStateHistoryItem(this.modelManipulator, originalSubDocument, this.activeSubDocument, position));
         }
     }
@@ -112656,9 +112685,16 @@ const INPUT_CLASS_NAME = "dxreInputTarget";
 const EMPTY_KEYCODE = 229;
 const TAB_KEYCODE = 9;
 const IDEOGRAPHIC_SPACE_CHARCODE = 12288;
+var IMEState;
+(function (IMEState) {
+    IMEState[IMEState["None"] = 0] = "None";
+    IMEState[IMEState["Start"] = 1] = "Start";
+    IMEState[IMEState["Process"] = 2] = "Process";
+})(IMEState || (IMEState = {}));
 class InputEditorBase {
     constructor(control, eventManager, parent) {
         this.newLineRegexp = /(\r\n|\n|\r)/gm;
+        this.IMEState = IMEState.None;
         this.processTextOnKeyPress = false;
         this.evtHandlersHolder = new event_handlers_holder/* DomEventHandlersHolder */.$();
         this.control = control;
@@ -112666,7 +112702,6 @@ class InputEditorBase {
         this.canInsertTextOnInputEvent = this.canUseInputEvent();
         this.createHierarchy(parent);
         this.initialize();
-        this.isIME = false;
         this.inputWithAlt = false;
     }
     dispose() {
@@ -112739,7 +112774,7 @@ class InputEditorBase {
     }
     onKeyDown(evt) {
         if (!this.control.clientSideEvents.raiseKeyDown(evt)) {
-            if (!this.isIME) {
+            if (this.IMEState === IMEState.None) {
                 evt = this.getNormalizedEvent(evt);
                 const keyCode = key/* KeyUtils */.LN.getEventKeyCode(evt);
                 this.needProcessShortcut = !keyCode || keyCode == EMPTY_KEYCODE;
@@ -112904,6 +112939,9 @@ class DivInputEditor extends InputEditorBase {
     dispose() {
         super.dispose();
         clearTimeout(this.clearInputTimerId);
+        clearTimeout(this.composUpdateTimerId);
+        clearTimeout(this.composEndTimerId);
+        clearTimeout(this.onTextInputTimerId);
     }
     initializeIfNotReadOnlyCore() {
         this.inputElement.contentEditable = "true";
@@ -112914,14 +112952,21 @@ class DivInputEditor extends InputEditorBase {
     }
     createInputElement() {
         const element = document.createElement("DIV");
-        if (browser.Browser.Safari)
-            element.autocapitalize = "off";
+        element.autocapitalize = "off";
         if (browser.Browser.MacOSMobilePlatform && (Number(browser.Browser.PlaformMajorVersion) >= 16
             || browser.Browser.Safari && browser.Browser.MajorVersion >= 16)) {
             element.classList.add('dxreiOS16');
         }
         return element;
     }
+    initEvents() {
+        super.initEvents();
+        this.evtHandlersHolder.addListener(this.getEditableDocument(), "compositionstart", this.onCompositionStart.bind(this));
+        this.evtHandlersHolder.addListener(this.getEditableDocument(), "compositionupdate", (evt) => browser.Browser.IE || browser.Browser.Edge ?
+            this.onCompositionUpdate(evt) : this.composUpdateTimerId = setTimeout(() => this.onCompositionUpdate(evt), 0));
+        this.evtHandlersHolder.addListener(this.getEditableDocument(), "compositionend", (evt) => !browser.Browser.Safari ?
+            this.onCompositionEnd(evt) : this.composEndTimerId = setTimeout(() => this.onCompositionEnd(evt), 0));
+    }
     onKeyDown(evt) {
         var _a;
         this.handled = false;
@@ -112990,21 +113035,15 @@ class DivInputEditor extends InputEditorBase {
                     this.onTextReplace(text.substr(lastWordStartIndex), text);
                 else
                     super.onTextInput(data);
-                if (this.previousText && text.length < this.previousText.length || !text.length) {
-                    let deletedCharacterCount = this.previousText ? this.previousText.length - text.length : 1;
-                    for (let i = 0; i < deletedCharacterCount; i++)
-                        this.eventManager.onShortcut(key/* KeyCode */.VD.Backspace);
-                    this.previousText = text;
-                }
                 this.cursorWasSetOnLastPosition = true;
             }
             this.handled = true;
-            if (browser.Browser.MacOSMobilePlatform && text[text.length - 1] == " ")
+            if (text[text.length - 1] == " ")
                 this.clearInputElement();
         }
     }
     tryHandleShortcutByInputString(data) {
-        if (data && !this.isIME) {
+        if (data && this.IMEState === IMEState.None) {
             let enteredChar = data.charAt(data.length - 1);
             const keyCode = this.tryObtainCodeFromChar(enteredChar);
             if (keyCode != EMPTY_KEYCODE) {
@@ -113095,6 +113134,31 @@ class DivInputEditor extends InputEditorBase {
         selection.selectAllChildren(this.inputElement);
         super.selectEditableDocumentContent();
     }
+    onCompositionStart(_evt) {
+        this.IMEState = IMEState.Start;
+        this.needProcessShortcut = false;
+        this.clearInputElement();
+    }
+    onCompositionUpdate(_evt) {
+        const text = this.getEditableDocumentText();
+        if (text.length && this.previousText != text) {
+            if (this.IMEState === IMEState.Start)
+                this.onText(text, text, this.previousText.length > 0);
+            else if (this.IMEState === IMEState.Process)
+                this.onTextReplace(text, text);
+        }
+        this.IMEState = IMEState.Process;
+    }
+    onCompositionEnd(_evt) {
+        const text = this.getEditableDocumentText();
+        if (this.previousText != text) {
+            if (text.length > 0)
+                this.onTextReplace(text, text);
+            else
+                this.onShortcutCore(_evt, key/* KeyCode */.VD.Backspace);
+        }
+        this.IMEState = IMEState.None;
+    }
 }
 class IFrameInputEditor extends InputEditorBase {
     constructor(control, eventManager, parent) {
@@ -113198,7 +113262,7 @@ class IFrameInputEditor extends InputEditorBase {
     }
     setEditableDocumentContent(content) {
         super.setEditableDocumentContent(content);
-        this.isIME = false;
+        this.IMEState = IMEState.None;
         this.editableDocument.body.innerHTML = "";
         if (typeof content === "string")
             this.editableDocument.body.innerHTML = content;
@@ -113246,7 +113310,7 @@ class IFrameInputEditor extends InputEditorBase {
     }
     onBlur(evt) {
         super.onBlur(evt);
-        this.isIME = false;
+        this.IMEState = IMEState.None;
         this.endInputIME();
     }
     onShortcutCore(evt, shortcutCode) {
@@ -113275,7 +113339,7 @@ class IFrameInputEditor extends InputEditorBase {
         }
     }
     onCompositionStart(_evt) {
-        this.isIME = true;
+        this.IMEState = IMEState.Start;
         this.needProcessShortcut = false;
         if (!browser.Browser.IE && !browser.Browser.Edge)
             this.clearInputElement();
@@ -113283,10 +113347,11 @@ class IFrameInputEditor extends InputEditorBase {
     }
     onCompositionUpdate(_evt) {
         const text = this.getEditableDocumentText();
-        if (this.isIME && text.length && this.previousText != text) {
+        if (this.IMEState !== IMEState.None && text.length && this.previousText != text) {
             this.onTextReplace(text, text);
             this.updateInputIME();
         }
+        this.IMEState = IMEState.Process;
     }
     onCompositionEnd(_evt) {
         const text = this.getEditableDocumentText();
@@ -113296,7 +113361,7 @@ class IFrameInputEditor extends InputEditorBase {
             this.clearInputElement();
         if (text.charCodeAt(text.length - 1) == IDEOGRAPHIC_SPACE_CHARCODE)
             this.clearInputElement();
-        this.isIME = false;
+        this.IMEState = IMEState.None;
         this.endInputIME();
     }
     startInputIME() {
@@ -113430,9 +113495,8 @@ class InputController {
             if (typeof html === 'string')
                 el.innerHTML = html;
         });
-        if (typeof html !== "string") {
+        if (typeof html !== "string")
             builder.assignFrom(html);
-        }
         builder.endChild('b');
         builder.endChild('span');
         builder.endChild('a');
@@ -131045,7 +131109,7 @@ class InsertAnchoredTextBoxCommand extends CommandBase {
         anchorInfo.zOrder = this.modelManipulator.floatingObject.zOrder.getNewZOrder(options.subDocument);
         anchorInfo.layoutTableCell = true;
         history.addTransaction(() => {
-            this.modelManipulator.textBox.insertAnchoredTextBoxViaHistoty(new SubDocumentPosition(this.selection.activeSubDocument, this.selection.lastSelectedInterval.start), this.inputPosition.charPropsBundle, new BaseTextBoxInfo(null, size, new Shape(utils_color/* ColorUtils */.i.fromString(utils_color/* ColorUtils */.i.colorNames.white), ColorHelper.BLACK_COLOR, unit_converter/* UnitConverter */.u.pointsToTwips(3.0 / 4)), anchorInfo, textBoxProperties, new NonVisualDrawingObjectInfo()));
+            this.modelManipulator.textBox.insertAnchoredTextBoxViaHistory(new SubDocumentPosition(this.selection.activeSubDocument, this.selection.lastSelectedInterval.start), this.inputPosition.charPropsBundle, new BaseTextBoxInfo(null, size, new Shape(utils_color/* ColorUtils */.i.fromString(utils_color/* ColorUtils */.i.colorNames.white), ColorHelper.BLACK_COLOR, unit_converter/* UnitConverter */.u.pointsToTwips(3.0 / 4)), anchorInfo, textBoxProperties, new NonVisualDrawingObjectInfo()));
             this.history.addAndRedo(new SelectionHistoryItem(this.modelManipulator, this.selection, this.selection.getState(), this.selection.getState().setInterval(new fixed.FixedInterval(this.selection.lastSelectedInterval.start, 1))));
             this.control.commandManager.getCommand(RichEditClientCommand.ChangeActiveSubDocumentToTextBox)
                 .execute(this.control.commandManager.isPublicApiCall, options);