devexpress-richedit 24.1.11-build-25065-0103 → 24.1.11

package/dist/dx.richedit.js

@@ -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;
@@ -107634,19 +107639,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 +107677,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 +108164,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 +108240,7 @@ class CanvasScrollManager {
 
 
 
+
 class CanvasSizeInfo {
     constructor() {
         this.topSpacing = -1;
@@ -108237,7 +108257,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 +108270,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 +109554,6 @@ class SelectionRenderer extends SelectionRendererBase {
 
 
 
-
 
 
 class ViewManager {
@@ -109589,11 +109613,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);
@@ -141567,7 +141588,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);