devexpress-richedit 24.1.2-beta → 24.1.4-build-24183-0102

package/dist/dx.richedit.js

@@ -1,6 +1,6 @@
 /**
 * DevExpress WebRichEdit (dx.richedit.js)
-* Version: 24.1.2
+* Version: 24.1.4
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs
 */
@@ -30944,7 +30944,7 @@ function hexToBase64(hexStr) {
     return hexadecimal_converter_btoa(result.join(""));
 }
 function base64ToHex(base64Str) {
-    for (var i = 0, bin = atob(base64Str.replace(/[ \r\n]+$/, "")), hex = []; i < bin.length; ++i) {
+    for (var i = 0, bin = hexadecimal_converter_atob(base64Str.replace(/[ \r\n]+$/, "")), hex = []; i < bin.length; ++i) {
         var tmp = bin.charCodeAt(i).toString(16);
         if (tmp.length === 1)
             tmp = "0" + tmp;
@@ -30967,7 +30967,7 @@ function hexadecimal_converter_btoa(bin) {
     }
     return base64.join("");
 }
-function atob(base64) {
+function hexadecimal_converter_atob(base64) {
     if (/(=[^=]+|={3,})$/.test(base64))
         throw new Error("String contains an invalid character");
     base64 = base64.replace(/=/g, "");
@@ -69744,7 +69744,7 @@ class HtmlImporter {
         const missTag = HtmlImporter.MapMissTablePropertiesByTagNames[utils_list.ListUtils.last(this.levelInfo).tagImporter.elementTag()];
         utils_list.ListUtils.forEach(this.currElementChilds, (childElement) => {
             const childElemStyle = this.getStyles(childElement);
-            if (!childElemStyle)
+            if (!Object.keys(childElemStyle).length)
                 return;
             for (var prop in this.getStyles(element)) {
                 if (missTag && /^(border|background|marginLeft)/gi.test(prop))
@@ -69756,13 +69756,24 @@ class HtmlImporter {
         });
     }
     getStyles(element) {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = element.getAttribute) === null || _a === void 0 ? void 0 : _a.call(element, 'style')) === null || _b === void 0 ? void 0 : _b.split(';')) === null || _c === void 0 ? void 0 : _c.reduce((a, c) => {
-            if (c) {
-                const par = c.trim().split(':');
-                a[par[0].trim()] = par[1].trim();
-            }
-            return a;
+        var _a;
+        const styleStr = (_a = element.getAttribute) === null || _a === void 0 ? void 0 : _a.call(element, 'style');
+        if (!styleStr)
+            return {};
+        const urlRegExp = new RegExp('url\\(.*?\\)', 'gi');
+        const urlKey = '$URL';
+        const urlValues = styleStr.match(urlRegExp);
+        return styleStr
+            .replace(urlRegExp, urlKey)
+            .split(';')
+            .reduceRight((res, style) => {
+            if (!style)
+                return res;
+            const colonIndex = style.indexOf(':');
+            const key = style.substring(0, colonIndex).trim();
+            const value = style.substring(colonIndex + 1).trim();
+            res[key] = value === urlKey ? urlValues.pop() : value;
+            return res;
         }, {});
     }
     addRun(run, forceAdd = false) {
@@ -69832,6 +69843,8 @@ class HtmlImporter {
         html = html.replace(/<font[^>]*>([^<>]+)<\/font>/gi, '$1');
         html = html.replace(/<span\s*><span\s*>([^<>]+)<\/span><\/span>/ig, '$1');
         html = html.replace(/<span>([^<>]+)<\/span>/gi, '$1');
+        html = html.replace(/\s*(<li[\S\s]*?>)\s*/gi, '$1');
+        html = html.replace(/\s*(<\/li>)\s*/gi, '$1');
         html = html.replace(/<li([^>]*)>([^<>]+)<\/li>/gi, '<li$1><p>$2</p></li>');
         html = html.replace(/<li([^>]*)>(([^<>]*)<(?!p)[\s\S]*?)<\/li>/gi, '<li$1><p>$2</p></li>');
         html = html.replace(/<caption([^>]*)>[\s\S]*?<\/caption>/gi, '');
@@ -70167,11 +70180,15 @@ class HtmlBuilder {
         return this;
     }
     endChild(tagName) {
-        let currentElement = this._currentElement;
-        while (currentElement.tagName.toLowerCase() !== tagName.toLowerCase()) {
-            currentElement = currentElement.parentElement;
+        try {
+            let currentElement = this._currentElement;
+            while (currentElement.tagName.toLowerCase() !== tagName.toLowerCase())
+                currentElement = currentElement.parentElement;
+            this._currentElement = currentElement.parentElement;
+        }
+        catch (e) {
+            console.warn(`The element with the ${tagName} tag is not found.`);
         }
-        this._currentElement = currentElement.parentElement;
         return this;
     }
     addDefaultMarkup(content) {
@@ -70236,47 +70253,8 @@ class HtmlExporter {
         let remainLength = interval.length;
         let currentPosition = interval.start;
         let resultBuilder = new HtmlBuilder();
-        const paragraphsInInterval = subDocument.getParagraphsByInterval(interval);
-        const paragraphs = [];
-        for (let i = 0, paragraphInInterval; paragraphInInterval = paragraphsInInterval[i]; i++) {
-            if (interval.containsWithIntervalEnd(paragraphInInterval.getEndPosition()))
-                paragraphs.push(paragraphInInterval);
-        }
-        const listsInInterval = [];
-        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 paragraphs = this.getParagraphsByInterval(subDocument, interval);
+        const lists = this.getListsByParagraphs(paragraphs);
         let isInsideFieldCode = false;
         let fieldDeep = 0;
         let isInsideHyperlink = false;
@@ -70286,53 +70264,6 @@ class HtmlExporter {
         while (iterator.moveNext()) {
             const tableCell = Table.getTableCellByPosition(subDocument.tables, iterator.currentInterval().start);
             const isContinueMergingCell = tableCell && tableCell.verticalMerging === TableCellMergingState.Continue;
-            let listToStartIndex = -1;
-            const listsToEndIndices = [];
-            if (!tableCell) {
-                if (listsInInterval.length) {
-                    const currentPosition = iterator.currentInterval().start;
-                    for (let i = 0; i < listsInInterval.length; i++) {
-                        if (listsInInterval[i].start == currentPosition)
-                            listToStartIndex = i;
-                        if (listsInInterval[i].end == iterator.currentInterval().end)
-                            listsToEndIndices.push(i);
-                    }
-                    if (listToStartIndex < 0 && currentPosition == interval.start) {
-                        const firstParagraph = subDocument.getParagraphByPosition(currentPosition);
-                        if (firstParagraph.getNumberingListIndex() == listsInInterval[0].numberingListIndex)
-                            listToStartIndex = 0;
-                    }
-                }
-                if (listToStartIndex > -1) {
-                    const numberingList = model.numberingLists[listsInInterval[listToStartIndex].numberingListIndex];
-                    let listFormatType = "";
-                    switch (numberingList.levels[listsInInterval[listToStartIndex].listLevelIndex].getListLevelProperties().format) {
-                        case NumberingFormat.Bullet:
-                            listFormatType = "disc";
-                            break;
-                        case NumberingFormat.Decimal:
-                            listFormatType = "decimal";
-                            break;
-                        case NumberingFormat.LowerLetter:
-                            listFormatType = "lower-alpha";
-                            break;
-                        case NumberingFormat.UpperLetter:
-                            listFormatType = "upper-alpha";
-                            break;
-                        case NumberingFormat.LowerRoman:
-                            listFormatType = "lower-roman";
-                            break;
-                        case NumberingFormat.UpperRoman:
-                            listFormatType = "upper-roman";
-                            break;
-                        default:
-                            break;
-                    }
-                    resultBuilder
-                        .startChild(numberingList.getListType() != numbering_list_NumberingType.Bullet ? "ol" : "ul")
-                        .configure((e) => e.style.cssText = "list-style-type:" + listFormatType);
-                }
-            }
             const run = iterator.currentRun;
             const isRunInEmptyParagraph = run.paragraph.length === 1;
             if (paragraphs.length && (run.getType() != RunType.ParagraphRun || isRunInEmptyParagraph)) {
@@ -70403,6 +70334,7 @@ class HtmlExporter {
                             });
                         }
                     }
+                    this.startList(model, subDocument, interval, resultBuilder, lists, iterator.currentInterval().start);
                     if (!isContinueMergingCell) {
                         const maskedParagraphProperties = currentParagraph.getParagraphMergedProperties();
                         let paragraphStyle = "";
@@ -70483,17 +70415,15 @@ class HtmlExporter {
                             paragraphStyle += HtmlConverter.getCssRules(charProps, charProps.textColor.toRgb(this.colorProvider), false, false, false)
                                 .join(";");
                         }
-                        if (currentParagraph.isInList() && !tableCell)
+                        if (currentParagraph.isInList())
                             resultBuilder.startChild('li');
                         resultBuilder
                             .startChild('p')
                             .configure((e) => {
-                            if (paragraphStyle) {
+                            if (paragraphStyle)
                                 e.style.cssText = paragraphStyle;
-                            }
-                            if (isRunInEmptyParagraph) {
+                            if (isRunInEmptyParagraph)
                                 e.innerHTML = "&nbsp;";
-                            }
                         });
                     }
                 }
@@ -70505,6 +70435,10 @@ class HtmlExporter {
                 case RunType.ParagraphRun:
                     if (!isContinueMergingCell) {
                         html.addCallback((builder) => builder.endChild('p'));
+                        if (run.paragraph.isInList()) {
+                            html.addCallback((builder) => builder.endChild('li'));
+                            html.addCallback((builder) => this.endList(model, builder, lists, iterator.currentInterval().end));
+                        }
                         let paragraphEndPosition = run.paragraph.getEndPosition();
                         if (tableCell) {
                             let parentRow = tableCell.parentRow;
@@ -70682,10 +70616,6 @@ class HtmlExporter {
                 }
             }
             resultBuilder.assignFrom(html);
-            if (listsToEndIndices.length) {
-                for (let i = listsToEndIndices.length - 1; i >= 0; i--)
-                    resultBuilder.endChild(model.numberingLists[listsInInterval[listsToEndIndices[i]].numberingListIndex].getListType() != numbering_list_NumberingType.Bullet ? "ol" : "ul");
-            }
             currentPosition += length;
             remainLength -= length;
         }
@@ -70722,6 +70652,57 @@ class HtmlExporter {
                 .endChild('span');
         return resultBuilder;
     }
+    getParagraphsByInterval(subDocument, interval) {
+        const paragraphsInInterval = subDocument.getParagraphsByInterval(interval);
+        const paragraphs = [];
+        for (let i = 0, paragraphInInterval; paragraphInInterval = paragraphsInInterval[i]; i++) {
+            if (interval.containsWithIntervalEnd(paragraphInInterval.getEndPosition()))
+                paragraphs.push(paragraphInInterval);
+        }
+        return paragraphs;
+    }
+    getListsByParagraphs(paragraphs) {
+        const listsInInterval = [];
+        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--;
+                }
+            }
+        }
+        return listsInInterval;
+    }
     addParentTableRecursively(model, builder, parentCell, paragraphStartPosition) {
         const parentRow = parentCell.parentRow;
         const parentTable = parentRow.parentTable;
@@ -70739,9 +70720,9 @@ class HtmlExporter {
                 builder
                     .startChild('td')
                     .configure(el => {
-                    el.style.cssText = "mso-cell-special:placeholder";
+                    el.style.cssText = 'mso-cell-special:placeholder';
                     el.setAttribute('colspan', parentRow.gridBefore.toString());
-                    el.innerHTML = "&nbsp;";
+                    el.innerHTML = '&nbsp;';
                 })
                     .endChild('td');
             }
@@ -70756,6 +70737,56 @@ class HtmlExporter {
             });
         }
     }
+    startList(model, subDocument, interval, builder, lists, position) {
+        if (!lists.length)
+            return;
+        let listIndex = lists.findIndex((list) => list.start === position);
+        if (listIndex < 0 && position === interval.start) {
+            const firstParagraph = subDocument.getParagraphByPosition(position);
+            if (firstParagraph.getNumberingListIndex() === lists[0].numberingListIndex)
+                listIndex = 0;
+        }
+        if (listIndex > -1) {
+            const numberingList = model.numberingLists[lists[listIndex].numberingListIndex];
+            const numberingListFormat = numberingList.levels[lists[listIndex].listLevelIndex].getListLevelProperties().format;
+            const numberingListType = numberingList.getListType();
+            let listFormatType = "";
+            switch (numberingListFormat) {
+                case NumberingFormat.Bullet:
+                    listFormatType = "disc";
+                    break;
+                case NumberingFormat.Decimal:
+                    listFormatType = "decimal";
+                    break;
+                case NumberingFormat.LowerLetter:
+                    listFormatType = "lower-alpha";
+                    break;
+                case NumberingFormat.UpperLetter:
+                    listFormatType = "upper-alpha";
+                    break;
+                case NumberingFormat.LowerRoman:
+                    listFormatType = "lower-roman";
+                    break;
+                case NumberingFormat.UpperRoman:
+                    listFormatType = "upper-roman";
+                    break;
+                default:
+                    break;
+            }
+            builder
+                .startChild(numberingListType !== numbering_list_NumberingType.Bullet ? "ol" : "ul")
+                .configure((e) => e.style.cssText = "list-style-type:" + listFormatType);
+        }
+    }
+    endList(model, builder, lists, endPosition) {
+        for (let i = lists.length - 1; i >= 0; i--) {
+            if (lists[i].end === endPosition) {
+                const listType = model.numberingLists[lists[i].numberingListIndex].getListType();
+                lists.splice(i, 1);
+                builder.endChild(listType != numbering_list_NumberingType.Bullet ? "ol" : "ul");
+            }
+        }
+    }
     getHtmlText(text) {
         const result = new HtmlBuilder();
         for (let i = 0; i < text.length; i++) {
@@ -89382,15 +89413,20 @@ class ControlFontsLoader {
         };
         const xhr = new XMLHttpRequest();
         xhr.onload = (_e) => {
-            const fontSource = xhr.response;
-            if (xhr.status >= 400 || !fontSource) {
-                if (fontInfo.next())
-                    this.makeRequest(fontInfo, afterLoading);
+            const contentType = xhr.getResponseHeader("Content-Type");
+            if (contentType != null && contentType.startsWith('font')) {
+                const fontSource = xhr.response;
+                if (xhr.status >= 400 || !fontSource) {
+                    if (fontInfo.next())
+                        this.makeRequest(fontInfo, afterLoading);
+                    else
+                        notLoaded();
+                }
                 else
-                    notLoaded();
+                    afterLoading(fontSource);
             }
             else
-                afterLoading(fontSource);
+                notLoaded();
         };
         xhr.onerror = () => notLoaded();
         xhr.open("GET", fontInfo.currentPath, true);
@@ -94328,6 +94364,7 @@ class AnchorObjectPositionCalculatorBase {
         this.obj = obj;
         this.isRelativeCell = !!this.manager.activeFormatter.tableFormatter &&
             (obj.anchorInfo.layoutTableCell || this.manager.model.compatibilitySettings.layoutInTableCell);
+        this.isSimpleView = this.manager.innerClientProperties.viewsSettings.isSimpleView;
     }
 }
 
@@ -94538,13 +94575,15 @@ class AnchorObjectVerticalPositionCalculator extends AnchorObjectPositionCalcula
         switch (this.anchorInfo.verticalPositionType) {
             case AnchorObjectVerticalPositionType.Page:
                 return this.isRelativeCell ? this.relativeColumnPos() + this.lp.row.tableCellInfo.y + this.topCellMargin : 0;
-            case AnchorObjectVerticalPositionType.Paragraph:
-                return this.relativeColumnPos() + this.getRowWhatStartParagraphY();
             case AnchorObjectVerticalPositionType.Line:
                 return this.relativeColumnPos() + this.lp.row.y;
             case AnchorObjectVerticalPositionType.Margin:
-                return this.isRelativeCell ? this.relativeColumnPos() + this.lp.row.tableCellInfo.y + this.topCellMargin :
-                    this.manager.boundsCalculator.marginTop;
+                if (!this.isSimpleView) {
+                    return this.isRelativeCell ? this.relativeColumnPos() + this.lp.row.tableCellInfo.y + this.topCellMargin :
+                        this.manager.boundsCalculator.marginTop;
+                }
+            case AnchorObjectVerticalPositionType.Paragraph:
+                return this.relativeColumnPos() + this.getRowWhatStartParagraphY();
             case AnchorObjectVerticalPositionType.TopMargin:
             case AnchorObjectVerticalPositionType.InsideMargin:
                 return this.isRelativeCell ? this.relativeColumnPos() + this.lp.row.tableCellInfo.y + this.topCellMargin : 0;
@@ -109844,7 +109883,7 @@ class CanvasManager extends batch_updatable/* BatchUpdatableObject */.IS {
             dom.DomUtils.removeClassName(this.viewManager.canvas, CSSCLASS_FOCUSED);
     }
     getCanvasWidth() {
-        return SizeUtils.getOffsetWidth(this.viewManager.canvas.firstElementChild);
+        return SizeUtils.getClientWidth(this.viewManager.canvas);
     }
     onCanvasMouseWheel(evt) {
         if (!this.viewManager.layout)
@@ -114615,6 +114654,7 @@ class RulerBase {
 
 
 
+
 const MINOR_TOP_AND_BOTTOM_MARGIN = 4;
 const MAJOR_TOP_AND_BOTTOM_MARGIN = 2;
 const DIVISION_CONTAINER_CLASS_NAME = RULER_CLASS_NAME + "Divisions";
@@ -114631,7 +114671,7 @@ class RulerDivisionsControl extends RulerBase {
         this.controls.ruler.rootElement.appendChild(this.rootElement);
         if (browser.Browser.IE && browser.Browser.MajorVersion <= 9)
             this.rootElement.offsetParent;
-        this.height = this.rootElement.offsetHeight;
+        this.height = SizeUtils.getOffsetHeight(this.rootElement);
         createDivisionElements(this.rootElement, unitCount, divisionInfo, this.height);
         this.initialLeft = -(unitCount * divisionInfo.unitSize - RULLER_NUMBER_CORRECTION);
     }
@@ -114881,6 +114921,7 @@ class RulerBaseIndentControl extends RulerBase {
 
 
 
+
 class RulerFirstLineIndentDragHandle extends RulerBaseIndentControl {
     constructor(modelData, controls) {
         super(modelData, controls);
@@ -114890,8 +114931,8 @@ class RulerFirstLineIndentDragHandle extends RulerBaseIndentControl {
         this.rootElement.title = this.modelData.settings.titles.firstLineIndent;
         this.controls.ruler.rootElement.appendChild(this.rootElement);
         this.adjustByTop();
-        this.leftCorrection = Math.round(this.rootElement.offsetWidth / 2);
-        this._heightOfProtrudingPart = this.rootElement.offsetHeight - this.controls.divisions.height / 2;
+        this.leftCorrection = Math.round(SizeUtils.getOffsetWidth(this.rootElement) / 2);
+        this._heightOfProtrudingPart = SizeUtils.getOffsetHeight(this.rootElement) - this.controls.divisions.height / 2;
     }
     get heightOfProtrudingPart() { return this.modelData.settings.showLeftIndent ? this._heightOfProtrudingPart : 0; }
     getRootClassName() {
@@ -114899,7 +114940,7 @@ class RulerFirstLineIndentDragHandle extends RulerBaseIndentControl {
             this.modelData.settings.styles.firstLineIndent.className;
     }
     adjustByTop() {
-        const mainElementHeight = this.rootElement.offsetHeight;
+        const mainElementHeight = SizeUtils.getOffsetHeight(this.rootElement);
         const divisionsControlHeight = this.controls.divisions.height;
         this.rootElement.style.marginTop = (mainElementHeight - divisionsControlHeight) / 2 + "px";
     }
@@ -114941,6 +114982,7 @@ class RulerFirstLineIndentDragHandle extends RulerBaseIndentControl {
 
 
 
+
 const LEFT_INDENT_DRAG_HANDLE_BODY = RICH_EDIT_CLASS_NAME_PREFIX + "leftIndentDragHandleBody";
 class RulerLeftIndentDragHandle extends RulerBaseIndentControl {
     constructor(modelData, controls) {
@@ -114961,18 +115003,18 @@ class RulerLeftIndentDragHandle extends RulerBaseIndentControl {
         const mainElementWidth = this.topElement.offsetWidth;
         this.bodyElement.style.width = mainElementWidth + "px";
         const style = this.rootElement.style;
-        style.height = this.topElement.offsetHeight + this.bodyElement.offsetHeight + "px";
+        style.height = SizeUtils.getOffsetHeight(this.topElement) + SizeUtils.getOffsetHeight(this.bodyElement) + "px";
         style.width = mainElementWidth + "px";
         style.marginTop = this.controls.divisions.height / 2 + "px";
         this.bodyElement.title = this.modelData.settings.titles.leftIndent;
         this.topElement.title = this.modelData.settings.titles.hangingIndent;
-        this.leftCorrection = Math.round(this.rootElement.offsetWidth / 2);
-        this._heightOfProtrudingPart = this.rootElement.offsetHeight - this.controls.divisions.height / 2;
+        this.leftCorrection = Math.round(SizeUtils.getOffsetWidth(this.rootElement) / 2);
+        this._heightOfProtrudingPart = SizeUtils.getOffsetHeight(this.rootElement) - this.controls.divisions.height / 2;
     }
     get heightOfProtrudingPart() { return this.modelData.settings.showLeftIndent ? this._heightOfProtrudingPart : 0; }
     getRootClassName() { return this.modelData.settings.styles.leftIndent.className; }
     adjustByTop() {
-        const mainElementHeight = this.rootElement.offsetHeight;
+        const mainElementHeight = SizeUtils.getOffsetHeight(this.rootElement);
         const divisionsControlHeight = this.controls.divisions.height;
         this.rootElement.style.marginTop = (mainElementHeight - divisionsControlHeight) / 2 + "px";
     }
@@ -116807,6 +116849,7 @@ class RulerModelData {
 
 
 
+
 var HorizontalRulerEventType;
 (function (HorizontalRulerEventType) {
     HorizontalRulerEventType[HorizontalRulerEventType["None"] = 0] = "None";
@@ -116993,7 +117036,7 @@ class HorizontalRulerControl extends batch_updatable/* BatchUpdatableObject */.I
         return this._visible;
     }
     getHeight() {
-        return this.initialized ? this.controls.wrapper.rootElement.offsetHeight : 0;
+        return this.initialized ? SizeUtils.getOffsetHeight(this.controls.wrapper.rootElement) : 0;
     }
     onViewTypeChanged() {
         this.innerSetVisible(this._visible && !this.modelData.innerClientProperties.viewsSettings.isSimpleView);
@@ -123925,10 +123968,100 @@ class RibbonNumberBoxItem extends RibbonItemBase {
     }
 }
 
+;// CONCATENATED MODULE: ./src/client/public/utils.ts
+
+
+
+
+
+
+
+
+
+class FilePathInfo {
+    constructor(filePath) {
+        this.path = filePath.replace(/\\/g, '/');
+        this.documentFormat = Utils.getDocumentFormat(this.path);
+        this.extension = this.documentFormat === null ? '' : Utils.documentFormatToExtension(this.documentFormat);
+        const index = this.path.lastIndexOf('/');
+        if (index >= 0) {
+            this.directoryPath = this.path.substring(0, index);
+            this.name = this.path.substring(index + 1);
+        }
+        else {
+            this.directoryPath = "";
+            this.name = this.path;
+        }
+        this.nameWithoutExtension = this.name.substring(0, this.name.length - this.extension.length);
+    }
+}
+class Utils {
+    static download(content, fileName) {
+        utils_file.FileUtils.startDownloadFileLocal(content, fileName);
+    }
+    static parseFilePath(filePath) {
+        return new FilePathInfo(filePath);
+    }
+    static documentFormatToExtension(documentFormat) {
+        return FileNameHelper.convertToString(documentFormat);
+    }
+    static getDocumentFormat(filePath) {
+        const pointIndex = filePath.lastIndexOf('.');
+        const extenion = pointIndex >= 0 ? filePath.substr(pointIndex) : filePath;
+        const coreDocFormat = FileNameHelper.convertExtensionToDocumentFormat(extenion);
+        return coreDocFormat === DocumentFormat.Undefined ? null : coreDocFormat;
+    }
+    static convertArrayBufferToBase64(content) {
+        return utils_base64.Base64Utils.fromArrayBuffer(content);
+    }
+    static convertBlobToBase64(content, callback) {
+        utils_base64.Base64Utils.fromBlobAsDataUrl(content, callback);
+    }
+    static convertToBlob(content, options) {
+        return (0,common.isString)(content) ?
+            new Blob([utils_base64.Base64Utils.getUint8Array(content)], options) :
+            new Blob([content], options);
+    }
+    static convertToFile(content, fileName = '', options) {
+        return (0,common.isString)(content) ?
+            utils_base64.Base64Utils.getFileFromBase64(utils_base64.Base64Utils.deleteDataUrlPrefix(content), fileName, options) :
+            utils_file.FileUtils.createFile([content], fileName, options);
+    }
+    static convertBase64ToArrayBuffer(content) {
+        return utils_base64.Base64Utils.getUint8Array(content);
+    }
+    static convertBlobToArrayBuffer(content, callback) {
+        const reader = new FileReader();
+        reader.onloadend = () => callback(reader.result);
+        reader.readAsArrayBuffer(content);
+    }
+    static getIntervalComplement(bound, intervals) {
+        const apiIntervals = utils_list.ListUtils.map(intervals, curr => convertFromIntervalApi(curr));
+        const coreResult = algorithms.IntervalAlgorithms.reflectIntervalsTemplate(apiIntervals, convertFromIntervalApi(bound), new fixed.FixedInterval(0, 0));
+        return utils_list.ListUtils.map(coreResult, curr => convertToIntervalApi(curr));
+    }
+}
+class TypeConverterFactory {
+    static create(valueType) {
+        const converter = this.createCore(valueType);
+        return converter ? text => { var _a; return (_a = converter(text)) !== null && _a !== void 0 ? _a : text; } : null;
+    }
+    static createCore(valueType) {
+        const strType = valueType.toLowerCase();
+        switch (strType) {
+            case 'number':
+                return text => parseFloat(text);
+            default:
+                return null;
+        }
+    }
+}
+
 ;// CONCATENATED MODULE: ./src/client/public/ribbon/items/select-box.ts
 
 
 
+
 class RibbonSelectBoxItem extends RibbonItemBase {
     constructor(id, dataSource, options = {}) {
         var _a;
@@ -123939,12 +124072,18 @@ class RibbonSelectBoxItem extends RibbonItemBase {
         this.displayExpr = options.displayExpr;
         this.valueExpr = options.valueExpr;
         this.value = options.value;
+        this.valueType = options.valueType;
         this._localizeDataSourceItems = options._localizeDataSourceItems === undefined ? false : options._localizeDataSourceItems;
         this.textOptions = (_a = options.textOptions) !== null && _a !== void 0 ? _a : {};
         this.showClearButton = options.showClearButton === undefined ? false : options.showClearButton;
         this.placeholder = options.placeholder;
         this.acceptCustomValue = (0,common.isDefined)(options.acceptCustomValue) ? options.acceptCustomValue : false;
         this.onCustomItemCreating = options.onCustomItemCreating ? (0,utils/* convertToFunction */.tm)(options.onCustomItemCreating) : undefined;
+        if (!this.onCustomItemCreating && this.valueType) {
+            const converter = TypeConverterFactory.create(this.valueType);
+            if (converter)
+                this.onCustomItemCreating = (e) => e.customItem = { text: e.text, value: converter(e.text) };
+        }
     }
 }
 
@@ -124092,6 +124231,7 @@ function createItems(rawItems) {
                     displayExpr: rawItem.displayExpr,
                     valueExpr: rawItem.valueExpr,
                     value: rawItem.value,
+                    valueType: rawItem.valueType,
                     showClearButton: rawItem.showClearButton,
                     placeholder: rawItem.placeholder,
                     acceptCustomValue: rawItem.acceptCustomValue,
@@ -143435,6 +143575,7 @@ class FullScreenHelper {
 
 ;// CONCATENATED MODULE: external "DevExpress.config"
 var external_DevExpress_config_namespaceObject = DevExpress.config;
+var external_DevExpress_config_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_config_namespaceObject);
 ;// CONCATENATED MODULE: ./src/client/client-rich-edit.ts
 
 
@@ -143491,8 +143632,8 @@ class ClientRichEdit {
         this.rawDataSource = settings.rawDataSource;
         this.contextMenuSettings = settings.contextMenuSettings;
         this.fullScreenHelper = new FullScreenHelper(element);
-        if (false)
-            {}
+        if (true)
+            external_DevExpress_config_default()(JSON.parse(atob('eyJsaWNlbnNlS2V5IjoiZXdvZ0lDSm1iM0p0WVhRaU9pQXhMQW9nSUNKcGJuUmxjbTVoYkZWellXZGxTV1FpT2lBaWFUbHhVemQxYzBSQ01HVlpTbDlrVGkxb2FYaGtVU0lLZlE9PS5INTlJcG94ZC90cWdVcE1leVdhamhubjl2NnFtMkFrQmc2MW0yU05ZUHIreFBrdnRLUm04Wm4rU08rUVQ3NEt3MVpWQ0pGeEJYV1dJRlNyRG1EZlVqYmV6N2RzTnpJbTR6S1A5M2l4amVQR0Jnb2o4eG9VSmZvNldmZzNMblpTUlNLcHFpZz09In0=')));
         this.prepareElement(element, settings);
         this.initDefaultFontsAndStyles();
         this.initBars(settings.ribbon, settings.fonts);
@@ -145771,80 +145912,6 @@ function addAttribute(element, name, value) {
     element.setAttribute(name, value);
 }
 
-;// CONCATENATED MODULE: ./src/client/public/utils.ts
-
-
-
-
-
-
-
-
-
-class FilePathInfo {
-    constructor(filePath) {
-        this.path = filePath.replace(/\\/g, '/');
-        this.documentFormat = Utils.getDocumentFormat(this.path);
-        this.extension = this.documentFormat === null ? '' : Utils.documentFormatToExtension(this.documentFormat);
-        const index = this.path.lastIndexOf('/');
-        if (index >= 0) {
-            this.directoryPath = this.path.substring(0, index);
-            this.name = this.path.substring(index + 1);
-        }
-        else {
-            this.directoryPath = "";
-            this.name = this.path;
-        }
-        this.nameWithoutExtension = this.name.substring(0, this.name.length - this.extension.length);
-    }
-}
-class Utils {
-    static download(content, fileName) {
-        utils_file.FileUtils.startDownloadFileLocal(content, fileName);
-    }
-    static parseFilePath(filePath) {
-        return new FilePathInfo(filePath);
-    }
-    static documentFormatToExtension(documentFormat) {
-        return FileNameHelper.convertToString(documentFormat);
-    }
-    static getDocumentFormat(filePath) {
-        const pointIndex = filePath.lastIndexOf('.');
-        const extenion = pointIndex >= 0 ? filePath.substr(pointIndex) : filePath;
-        const coreDocFormat = FileNameHelper.convertExtensionToDocumentFormat(extenion);
-        return coreDocFormat === DocumentFormat.Undefined ? null : coreDocFormat;
-    }
-    static convertArrayBufferToBase64(content) {
-        return utils_base64.Base64Utils.fromArrayBuffer(content);
-    }
-    static convertBlobToBase64(content, callback) {
-        utils_base64.Base64Utils.fromBlobAsDataUrl(content, callback);
-    }
-    static convertToBlob(content, options) {
-        return (0,common.isString)(content) ?
-            new Blob([utils_base64.Base64Utils.getUint8Array(content)], options) :
-            new Blob([content], options);
-    }
-    static convertToFile(content, fileName = '', options) {
-        return (0,common.isString)(content) ?
-            utils_base64.Base64Utils.getFileFromBase64(utils_base64.Base64Utils.deleteDataUrlPrefix(content), fileName, options) :
-            utils_file.FileUtils.createFile([content], fileName, options);
-    }
-    static convertBase64ToArrayBuffer(content) {
-        return utils_base64.Base64Utils.getUint8Array(content);
-    }
-    static convertBlobToArrayBuffer(content, callback) {
-        const reader = new FileReader();
-        reader.onloadend = () => callback(reader.result);
-        reader.readAsArrayBuffer(content);
-    }
-    static getIntervalComplement(bound, intervals) {
-        const apiIntervals = utils_list.ListUtils.map(intervals, curr => convertFromIntervalApi(curr));
-        const coreResult = algorithms.IntervalAlgorithms.reflectIntervalsTemplate(apiIntervals, convertFromIntervalApi(bound), new fixed.FixedInterval(0, 0));
-        return utils_list.ListUtils.map(coreResult, curr => convertToIntervalApi(curr));
-    }
-}
-
 ;// CONCATENATED MODULE: external "DevExpress.trial"
 var external_DevExpress_trial_namespaceObject = DevExpress.trial;
 var external_DevExpress_trial_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_trial_namespaceObject);