devexpress-richedit 25.2.3 → 25.2.5

package/lib/common/selection/set-selection-params.js

@@ -1,11 +1,12 @@
 import { FixedInterval } from '@devexpress/utils/lib/intervals/fixed';
 export class SetSelectionParamsBase {
-    _intervals;
-    endOfLine = true;
-    keepX = -1;
-    correctIntervalDueToFields = true;
-    correctIntervalDueToTables = true;
-    useFieldUiChecks = true;
+    constructor() {
+        this.endOfLine = true;
+        this.keepX = -1;
+        this.correctIntervalDueToFields = true;
+        this.correctIntervalDueToTables = true;
+        this.useFieldUiChecks = true;
+    }
     setInterval(interval) {
         this._intervals = [interval.clone()];
         return this;

package/lib/common/spelling/intervals-collections.js

@@ -4,7 +4,9 @@ import { ListUtils } from '@devexpress/utils/lib/utils/list';
 import { UncheckedInterval } from './intervals';
 import { SpellingErrorType } from './spell-checker';
 export class SpellCheckerIntervalCollection {
-    intervals = [];
+    constructor() {
+        this.intervals = [];
+    }
     getIntervals() {
         return this.intervals;
     }
@@ -137,7 +139,6 @@ export class IgnoredIntervalCollection extends SpellCheckerIntervalCollection {
     }
 }
 export class IgnoredWordsCollection {
-    ignoredWords;
     constructor() {
         this.ignoredWords = [];
     }

package/lib/common/spelling/intervals-manager.js

@@ -8,12 +8,6 @@ import { IgnoredInterval, MisspelledInterval, UncheckedInterval } from './interv
 import { IgnoredIntervalCollection, IgnoredWordsCollection, MisspelledIntervalCollection, UncheckedIntervalCollection } from './intervals-collections';
 import { SpellingErrorInfo, SpellingErrorType } from './spell-checker';
 export class SpellCheckerIntervalsManager {
-    subDocument;
-    uncheckedIntervalCollection;
-    misspelledIntervalCollection;
-    ignoredIntervalCollection;
-    ignoredWordsCollection;
-    isInitialize;
     constructor(subDocument) {
         this.subDocument = subDocument;
         this.uncheckedIntervalCollection = new UncheckedIntervalCollection();

package/lib/common/spelling/intervals.js

@@ -11,7 +11,6 @@ export class SpellCheckerInterval extends FixedInterval {
     onChanged() { }
 }
 export class UncheckedInterval extends SpellCheckerInterval {
-    info;
     constructor(start, length, isSplitted = true) {
         super(start, length);
         this.info = new UncheckedIntervalInfo(isSplitted);
@@ -21,24 +20,18 @@ export class UncheckedInterval extends SpellCheckerInterval {
     }
 }
 export class UncheckedIntervalInfo {
-    isChecking;
-    textToCheck;
-    hiddenIntervals;
-    isSplitted;
     constructor(isSplitted) {
         this.isSplitted = isSplitted;
         this.isChecking = false;
     }
 }
 export class MisspelledInterval extends SpellCheckerInterval {
-    errorInfo;
     constructor(start, length, errorInfo) {
         super(start, length);
         this.errorInfo = errorInfo;
     }
 }
 export class IgnoredInterval extends SpellCheckerInterval {
-    word;
     constructor(start, length, word) {
         super(start, length);
         this.word = word;

package/lib/common/spelling/listeners.js

@@ -1,7 +1,6 @@
 import { ModelChangeType } from '../model/changes/enums';
 import { RichUtils } from '../model/rich-utils';
 export class SpellCheckerModelChangesListener {
-    spellChecker;
     constructor(spellChecker) {
         this.spellChecker = spellChecker;
     }
@@ -33,7 +32,6 @@ export class SpellCheckerModelChangesListener {
     }
 }
 export class SpellCheckerLayoutChangesListener {
-    spellChecker;
     constructor(spellChecker) {
         this.spellChecker = spellChecker;
     }

package/lib/common/spelling/spell-checker-selection-changes-listener.js

@@ -1,9 +1,5 @@
 import { ModelWordPositionHelper } from './helpers';
 export class SpellCheckerSelectionChangesListener {
-    spellChecker;
-    lastStartPosition;
-    lastWordStartPosition;
-    updBoxesTimerId;
     constructor(spellChecker) {
         this.spellChecker = spellChecker;
     }

package/lib/common/spelling/spell-checker.js

@@ -1,9 +1,4 @@
 export class SpellChecker {
-    settings;
-    subDocument;
-    intervalsManager;
-    misspelledIntervalsChangesListener;
-    checkCoreId;
     constructor(misspelledIntervalsChangesListener, settings) {
         this.misspelledIntervalsChangesListener = misspelledIntervalsChangesListener;
         this.settings = settings;
@@ -86,9 +81,6 @@ export var SpellingErrorType;
     SpellingErrorType[SpellingErrorType["Syntax"] = 3] = "Syntax";
 })(SpellingErrorType || (SpellingErrorType = {}));
 export class SpellingErrorInfo {
-    errorType;
-    suggestions;
-    word;
     constructor(errorType, suggestions, word) {
         this.errorType = errorType;
         this.suggestions = suggestions;

package/lib/common/string-resources.js

@@ -1,8 +1,4 @@
 export class StringResources {
-    headerFooter;
-    seqCaptionPrefixes;
-    commonLabels;
-    quickSearchPanel;
     constructor() {
         this.headerFooter = new HeaderFooterStringResources();
         this.seqCaptionPrefixes = new SeqCaptionPrefixes();
@@ -11,28 +7,10 @@ export class StringResources {
     }
 }
 export class HeaderFooterStringResources {
-    header;
-    footer;
-    firstPageHeader;
-    firstPageFooter;
-    evenPageHeader;
-    evenPageFooter;
-    oddPageHeader;
-    oddPageFooter;
-    sameAsPrevious;
 }
 export class SeqCaptionPrefixes {
-    figurePrefix;
-    equationPrefix;
-    tablePrefix;
 }
 export class CommonLabels {
-    noTocEntriesFound;
-    clickToFollowHyperlink;
-    currentDocumentHyperlinkTooltip;
 }
 export class QuickSearchPanelStringResources {
-    items;
-    noMatches;
-    of;
 }

package/lib/common/ui/quick-search-panel.js

@@ -4,23 +4,17 @@ import { DomUtils } from '@devexpress/utils/lib/utils/dom';
 import { KeyCode, KeyUtils } from '@devexpress/utils/lib/utils/key';
 import { RichEditClientCommand } from '../commands/client-command';
 export class QuickSearchPanel {
-    static shortcuts = {
+    static { this.shortcuts = {
         showPanel: KeyUtils.parseShortcutString(Browser.MacOSPlatform ? "CMD+F" : "CTRL+F"),
         showDialog: KeyUtils.parseShortcutString(Browser.MacOSPlatform ? "CMD+H" : "CTRL+H")
-    };
-    static containerPostfix = "_QS";
-    static wrapperPostfix = "_QSPW";
-    static prevBtnPostfix = "_QSPPrevBtn";
-    static nextBtnPostfix = "_QSPNextBtn";
-    static collapseBtnPostfix = "_QSPCollapseBtn";
-    static closeBtnPostfix = "_QSPCloseBtn";
+    }; }
+    static { this.containerPostfix = "_QS"; }
+    static { this.wrapperPostfix = "_QSPW"; }
+    static { this.prevBtnPostfix = "_QSPPrevBtn"; }
+    static { this.nextBtnPostfix = "_QSPNextBtn"; }
+    static { this.collapseBtnPostfix = "_QSPCollapseBtn"; }
+    static { this.closeBtnPostfix = "_QSPCloseBtn"; }
     get core() { return this.owner.core; }
-    resultLabel;
-    searchManager;
-    owner;
-    timerId;
-    height;
-    searchField;
     constructor(owner, searchManager) {
         this.owner = owner;
         this.searchManager = searchManager;

package/lib/common/ui/ruler/controls/base.js

@@ -2,9 +2,6 @@ import { DomUtils } from '@devexpress/utils/lib/utils/dom';
 import { DocumentRenderer } from '../../../canvas/renderes/common/document-renderer';
 import { RulerValue } from './zoomable-value';
 export class RulerModelState {
-    enabled;
-    zoomLevelHolder;
-    _modelValue;
     get modelValue() { return this._modelValue.value; }
     ;
     get originalModelValue() { return this._modelValue.originalValue; }
@@ -21,12 +18,9 @@ export class RulerModelState {
     }
 }
 export class RulerBase {
-    modelData;
-    controls;
-    _visible = true;
-    rootElement;
     get visible() { return this._visible; }
     constructor(modelData, controls) {
+        this._visible = true;
         this.modelData = modelData;
         this.controls = controls;
         this.rootElement = DocumentRenderer.renderContainer(this.getRootClassName());

package/lib/common/ui/ruler/controls/column.js

@@ -14,8 +14,6 @@ const COLUMN_HANDLE_CLASS_NAME = RICH_EDIT_CLASS_NAME_PREFIX + "columnHandle";
 const COLUMN_LEFT_PART_HANDLE_CLASS_NAME = RICH_EDIT_CLASS_NAME_PREFIX + "columnHandleLeftPart";
 const COLUMN_RIGHT_PART_HANDLE_CLASS_NAME = RICH_EDIT_CLASS_NAME_PREFIX + "columnHandleRightPart";
 class ColumnSectionProperties {
-    width;
-    space;
     constructor(width, space) {
         this.width = width;
         this.space = space;
@@ -36,16 +34,12 @@ export var ColumnAction;
     ColumnAction[ColumnAction["ColumnWidth"] = 3] = "ColumnWidth";
 })(ColumnAction || (ColumnAction = {}));
 export class RulerColumnModelState {
-    zoomLevelHolder;
-    zoomableLeftPos;
     get leftPos() { return this.zoomableLeftPos.value; }
     get originalLeftPos() { return this.zoomableLeftPos.originalValue; }
     set leftPos(value) { this.zoomableLeftPos.value = value; }
-    zoomableWidth;
     get width() { return this.zoomableWidth.value; }
     get originalWidth() { return this.zoomableWidth.originalValue; }
     set width(value) { this.zoomableWidth.value = value; }
-    zoomableSpace;
     get space() { return this.zoomableSpace.value; }
     get originalSpace() { return this.zoomableSpace.originalValue; }
     set space(value) { this.zoomableSpace.value = value; }
@@ -67,10 +61,6 @@ export class RulerColumnModelState {
     }
 }
 export class RulerColumnsModelState {
-    columns;
-    equalWidth;
-    columnActiveIndex;
-    enabled;
     constructor(columns, equalWidth, columnActiveIndex, enabled) {
         this.columns = columns;
         this.equalWidth = equalWidth;
@@ -84,7 +74,6 @@ export class RulerColumnsModelState {
     }
 }
 export class RulerColumnsControl extends RulerMultiControl {
-    action;
     getModelState() {
         const state = this.modelData.commandManager.getCommand(RichEditClientCommand.RulerSectionColumnsSettings).getState();
         let prevColumnLeftPos = 0;
@@ -229,11 +218,6 @@ export class RulerColumnsControl extends RulerMultiControl {
     }
 }
 class RulerColumnState {
-    rootElement;
-    leftElement;
-    rightElement;
-    viewState;
-    controls;
     constructor(controls) {
         this.controls = controls;
         this.rootElement = DocumentRenderer.renderContainer(COLUMN_HANDLE_CLASS_NAME);

package/lib/common/ui/ruler/controls/divisions.js

@@ -13,17 +13,13 @@ export const DIVISION_MINOR_CLASS_NAME = RULER_CLASS_NAME + "Minor" + DIVISION_C
 export const DIVISION_MAJOR_CLASS_NAME = RULER_CLASS_NAME + "Major" + DIVISION_CLASS_NAME;
 export const DIVISION_NUMBER_CLASS_NAME = RULER_CLASS_NAME + "Number" + DIVISION_CLASS_NAME;
 export class RulerDivisionsControl extends RulerBase {
-    viewState;
-    initialLeft;
-    divisionInfo;
-    maxPageWidth;
-    zoomLevel = 1.0;
-    zoomChanged = false;
-    _height = 0;
     get height() { return this._height; }
     getRootClassName() { return DIVISION_CONTAINER_CLASS_NAME; }
     constructor(modelData, controls, divisionInfo, maxPageWidth) {
         super(modelData, controls);
+        this.zoomLevel = 1.0;
+        this.zoomChanged = false;
+        this._height = 0;
         this.divisionInfo = divisionInfo;
         this.maxPageWidth = maxPageWidth;
         this.controls.ruler.rootElement.appendChild(this.rootElement);
@@ -121,15 +117,10 @@ export var DivisionType;
     DivisionType[DivisionType["Major"] = 2] = "Major";
 })(DivisionType || (DivisionType = {}));
 export class DivisionInfo {
-    originalUnitSize;
-    zoomLevelHolder;
-    unitMap;
     get unitSize() { return this._unitSize; }
     ;
     get stepSize() { return this._stepSize; }
     ;
-    _stepSize;
-    _unitSize;
     constructor(map, originalUnitSize, zoomLevelHolder) {
         this.originalUnitSize = originalUnitSize;
         this.zoomLevelHolder = zoomLevelHolder;

package/lib/common/ui/ruler/controls/indent/base.js

@@ -3,10 +3,10 @@ import { RulerShadow } from '../shadow';
 import { RulerLineDisplayType, SnapTo } from '../vertical-line';
 export const RulerMinDistanceBetweenIndents = 10;
 export class RulerBaseIndentControl extends RulerBase {
-    currModelState;
-    prevModelState;
-    viewState = 0;
-    shadow;
+    constructor() {
+        super(...arguments);
+        this.viewState = 0;
+    }
     updateModelState() {
         this.currModelState = this.getModelState();
         this.prevModelState = this.currModelState.clone();

package/lib/common/ui/ruler/controls/indent/first-line.js

@@ -7,8 +7,6 @@ import { RulerTemplateManager } from '../template-manager';
 import { RulerBaseIndentControl, RulerMinDistanceBetweenIndents } from './base';
 import { SizeUtils } from '../../../../../common/utils/size-utils';
 export class RulerFirstLineIndentDragHandle extends RulerBaseIndentControl {
-    _heightOfProtrudingPart;
-    leftCorrection;
     get heightOfProtrudingPart() { return this.modelData.showLeftIndent ? this._heightOfProtrudingPart : 0; }
     getRootClassName() {
         return this.modelData.styles.firstLineIndentImage.spriteCssClass + " " +

package/lib/common/ui/ruler/controls/indent/left.js

@@ -9,15 +9,11 @@ import { RulerBaseIndentControl, RulerMinDistanceBetweenIndents } from './base';
 import { SizeUtils } from '../../../../../common/utils/size-utils';
 const LEFT_INDENT_DRAG_HANDLE_BODY = RICH_EDIT_CLASS_NAME_PREFIX + "leftIndentDragHandleBody";
 export class RulerLeftIndentDragHandle extends RulerBaseIndentControl {
-    topElement;
-    bodyElement;
-    isActionLeftIndent = false;
-    leftCorrection;
-    _heightOfProtrudingPart;
     get heightOfProtrudingPart() { return this.modelData.showLeftIndent ? this._heightOfProtrudingPart : 0; }
     getRootClassName() { return this.modelData.styles.leftIndent.className; }
     constructor(modelData, controls) {
         super(modelData, controls);
+        this.isActionLeftIndent = false;
         this.topElement = DocumentRenderer.renderContainer(this.modelData.styles.leftIndentImage.spriteCssClass);
         this.bodyElement = DocumentRenderer.renderContainer(LEFT_INDENT_DRAG_HANDLE_BODY);
         const topElementTemplate = RulerTemplateManager.getLeftIndentTopElementTemplate();

package/lib/common/ui/ruler/controls/indent/right.js

@@ -8,7 +8,6 @@ import { RulerBaseIndentControl, RulerMinDistanceBetweenIndents } from './base';
 const RulerMinDistanceBetweenIndentsOnView = 5;
 export class RulerRightIndentDragHandle extends RulerBaseIndentControl {
     get viewStateRelativeLeft() { return this.controls.ruler.pageWidth - this.viewState; }
-    leftCorrection;
     getRootClassName() {
         return this.modelData.styles.rightIndentImage.spriteCssClass + " " +
             this.modelData.styles.rightIndent.className;

package/lib/common/ui/ruler/controls/margin/base.js

@@ -2,11 +2,10 @@ import { RulerBase, RulerModelState } from '../base';
 import { RulerLineDisplayType } from '../vertical-line';
 export const RulerMinDistanceBetweenMargins = 50;
 export class RulerBaseMarginControl extends RulerBase {
-    prevModelState;
-    currModelState;
-    viewState = 0;
-    marginPanelElement;
-    handlePanelElement;
+    constructor() {
+        super(...arguments);
+        this.viewState = 0;
+    }
     updateModelState() {
         this.currModelState = this.getModelState();
         this.prevModelState = this.currModelState.clone();

package/lib/common/ui/ruler/controls/margin/left.js

@@ -8,7 +8,6 @@ export const RulerMinDistanceBetweenMargins = 50;
 const DIVISION_MARGIN_LEFT_CURSOR_CLASS_NAME = RULER_CLASS_NAME + "MarginLeftHandlePanel";
 const DIVISION_MARGIN_LEFT_CLASS_NAME = RULER_CLASS_NAME + "MarginLeftPanel";
 export class RulerLeftMarginDragHandle extends RulerBaseMarginControl {
-    initialLeft;
     getRootClassName() { return ''; }
     ;
     get commandType() { return RichEditClientCommand.RulerSectionMarginLeft; }

package/lib/common/ui/ruler/controls/owner.js

@@ -1,15 +1,11 @@
 export class RulerMultiControl {
-    modelData;
-    controls;
-    subControls = [];
-    currModelState;
-    prevModelState;
-    handleControlIndex = -1;
     get activeSubControl() { return this.subControls[this.handleControlIndex]; }
-    viewState = [];
-    zoomLevel = 1.0;
-    zoomChanged = false;
     constructor(modelData, controls) {
+        this.subControls = [];
+        this.handleControlIndex = -1;
+        this.viewState = [];
+        this.zoomLevel = 1.0;
+        this.zoomChanged = false;
         this.modelData = modelData;
         this.controls = controls;
     }

package/lib/common/ui/ruler/controls/ruler.js

@@ -8,14 +8,14 @@ import { DomUtils } from '@devexpress/utils/lib/utils/dom';
 export class RulerControl extends RulerBase {
     getRootClassName() { return this.modelData.styles.control.className; }
     ;
-    canHandleScroll = false;
-    initialMarginLeftElement = 0;
-    currPageWidth = 0;
-    prevPageWidth = 0;
     get pageWidth() { return this.currPageWidth; }
     ;
     constructor(modelData, controls) {
         super(modelData, controls);
+        this.canHandleScroll = false;
+        this.initialMarginLeftElement = 0;
+        this.currPageWidth = 0;
+        this.prevPageWidth = 0;
         this.rootElement = DocumentRenderer.renderContainer(this.modelData.styles.control.className);
         if (Browser.MSTouchUI)
             DomUtils.addClassName(this.rootElement, TouchUtils.msTouchDraggableClassName);

package/lib/common/ui/ruler/controls/shadow.js

@@ -1,6 +1,5 @@
 import { DomUtils } from '@devexpress/utils/lib/utils/dom';
 export class RulerShadow {
-    element;
     constructor(templateElement) {
         this.element = templateElement.cloneNode(true);
         this.element.style.opacity = '0.5';

package/lib/common/ui/ruler/controls/tab/tab-info.js

@@ -1,8 +1,6 @@
 import { RulerValue } from '../zoomable-value';
 import { TabInfoBase } from '../../../../model/paragraph/paragraph-style';
 export class RulerTabInfo extends TabInfoBase {
-    zoomLevelHolder;
-    zoomablePosition;
     get position() { return this.zoomablePosition.value; }
     set position(value) { this.zoomablePosition.value = value; }
     get originalPosition() { return this.zoomablePosition.originalValue; }

package/lib/common/ui/ruler/controls/tab/tab-type.js

@@ -8,14 +8,12 @@ import { RulerBase } from '../base';
 import { RulerTabUtils } from './utils';
 const TAB_ALIGN_BOX_PART_HANDLE_CLASS_NAME = RICH_EDIT_CLASS_NAME_PREFIX + "rulertabAlignBox";
 export class RulerTabTypeControl extends RulerBase {
-    evtHandlersHolder = new DomEventHandlersHolder();
-    align = TabAlign.Left;
-    innerSquareElement;
-    alignElement;
     getRootClassName() { return TAB_ALIGN_BOX_PART_HANDLE_CLASS_NAME; }
     ;
     constructor(modelData, controls) {
         super(modelData, controls);
+        this.evtHandlersHolder = new DomEventHandlersHolder();
+        this.align = TabAlign.Left;
         this.innerSquareElement = DocumentRenderer.renderContainer("");
         this.alignElement = DocumentRenderer.renderContainer(RulerTabUtils.getSpriteClassName(this.align, this.modelData.styles));
         this.applyTemplate();

package/lib/common/ui/ruler/controls/tab/tab.js

@@ -22,8 +22,6 @@ var TabAction;
     TabAction[TabAction["Move"] = 3] = "Move";
 })(TabAction || (TabAction = {}));
 export class RulerTabsControlState {
-    tabs;
-    enabled;
     constructor(tabs, enabled) {
         this.tabs = tabs;
         this.enabled = enabled;
@@ -34,8 +32,6 @@ export class RulerTabsControlState {
     }
 }
 export class RulerTabViewState {
-    position;
-    align;
     constructor(position, align) {
         this.position = position;
         this.align = align;
@@ -48,9 +44,12 @@ export class RulerTabViewState {
     }
 }
 export class RulerTabsControl extends RulerMultiControl {
-    tabAction = TabAction.None;
-    newTab = null;
-    deleteTab = false;
+    constructor() {
+        super(...arguments);
+        this.tabAction = TabAction.None;
+        this.newTab = null;
+        this.deleteTab = false;
+    }
     getModelState() {
         this.modelData.showTabs = this.modelData.commandManager.getCommand(RichEditClientCommand.InsertTabRuler).getState().enabled;
         if (this.modelData.showTabs) {
@@ -190,13 +189,9 @@ export class RulerTabsControl extends RulerMultiControl {
     }
 }
 class RulerTabControl {
-    rootElement;
-    viewState = new RulerTabViewState(0, -1);
-    leftCorrection;
-    modelData;
-    controls;
-    shadow = null;
     constructor(modelData, controls) {
+        this.viewState = new RulerTabViewState(0, -1);
+        this.shadow = null;
         this.controls = controls;
         this.modelData = modelData;
         this.rootElement = DocumentRenderer.renderContainer(modelData.styles.tab.className + " " + RulerTabUtils.getSpriteClassName(this.viewState.align, modelData.styles));

package/lib/common/ui/ruler/controls/table.js

@@ -12,9 +12,6 @@ import { RulerTemplateManager } from './template-manager';
 const TABLE_COLUMN_SEPARATOR_MARGIN = 15;
 const TABLE_COLUMN_SEPARATOR_HANDLE_CLASS_NAME = RICH_EDIT_CLASS_NAME_PREFIX + "rulerTableColumnSeparatorHandle";
 export class RulerTableModelState {
-    columnSeparators;
-    tableIndex;
-    enabled;
     constructor(columnSeparators, tableIndex, enabled) {
         this.columnSeparators = columnSeparators;
         this.tableIndex = tableIndex;
@@ -25,9 +22,6 @@ export class RulerTableModelState {
     }
 }
 export class RulerTableColumnViewState {
-    leftMargin;
-    rightMarginOfPrevColumn;
-    position;
     constructor(leftMargin, rightMarginOfPrevColumn, position) {
         this.leftMargin = leftMargin;
         this.rightMarginOfPrevColumn = rightMarginOfPrevColumn;
@@ -99,11 +93,6 @@ export class RulerTablesControl extends RulerMultiControl {
     }
 }
 class RulerTableColumnState {
-    rootElement;
-    separatorElement;
-    viewState;
-    corectionValue;
-    controls;
     constructor(modelData, controls) {
         this.controls = controls;
         this.rootElement = DocumentRenderer.renderContainer(TABLE_COLUMN_SEPARATOR_HANDLE_CLASS_NAME);

package/lib/common/ui/ruler/controls/vertical-line.js

@@ -14,14 +14,11 @@ export var RulerLineDisplayType;
     RulerLineDisplayType[RulerLineDisplayType["TableColumn"] = 1] = "TableColumn";
 })(RulerLineDisplayType || (RulerLineDisplayType = {}));
 export class RulerVerticalLineControl {
-    canvas;
-    rootElement;
-    borderWidth = 0;
-    rulerControlLeft = 0;
-    rulerControlWidth = 0;
-    viewElementLeft = 0;
-    rulerControlElement;
     constructor(canvas, className, rulerControlElement) {
+        this.borderWidth = 0;
+        this.rulerControlLeft = 0;
+        this.rulerControlWidth = 0;
+        this.viewElementLeft = 0;
         this.canvas = canvas;
         this.rulerControlElement = rulerControlElement;
         this.rootElement = DocumentRenderer.renderContainer(className);

package/lib/common/ui/ruler/controls/zoomable-value.js

@@ -1,6 +1,4 @@
 export class RulerValue {
-    originalValue;
-    zoomLevelHolder;
     set value(value) {
         this.originalValue = value / this.zoomLevelHolder.zoomLevel;
     }

package/lib/common/ui/ruler/events/mouse.js

@@ -4,12 +4,12 @@ import { DomEventHandlersHolder } from '@devexpress/utils/lib/class/event-handle
 import { KeyCode, KeyUtils } from '@devexpress/utils/lib/utils/key';
 import { TouchUtils } from '@devexpress/utils/lib/utils/touch';
 export class RulerMouseEventsManager {
-    canMouseMoveHandle = false;
-    startX;
-    touchID = -1;
-    listeners = [];
-    listener;
-    evtHandlersHolder = new DomEventHandlersHolder();
+    constructor() {
+        this.canMouseMoveHandle = false;
+        this.touchID = -1;
+        this.listeners = [];
+        this.evtHandlersHolder = new DomEventHandlersHolder();
+    }
     dispose() {
         this.evtHandlersHolder.removeAllListeners();
         this.listener = null;

package/lib/common/ui/ruler/events/scroll.js

@@ -1,8 +1,10 @@
 import { DomEventHandlersHolder } from '@devexpress/utils/lib/class/event-handlers-holder';
 import { ListUtils } from '@devexpress/utils/lib/utils/list';
 export class RulerViewElementScrollManager {
-    controls = [];
-    evtHandlersHolder = new DomEventHandlersHolder();
+    constructor() {
+        this.controls = [];
+        this.evtHandlersHolder = new DomEventHandlersHolder();
+    }
     dispose() {
         this.evtHandlersHolder.removeAllListeners();
     }
@@ -33,9 +35,8 @@ export class RulerViewElementScrollManager {
     }
 }
 class ListenerScrollStruct {
-    view;
-    listeners = [];
     constructor(view) {
+        this.listeners = [];
         this.view = view;
     }
 }