devexpress-richedit 24.1.6-build-24232-0102 → 24.2.1-alpha-24260-0102

package/lib/client/public/rich-edit.js

@@ -43,6 +43,7 @@ import { NusaSettings } from './nusa/settings';
 import { Utils } from './utils';
 import '../../common/utils/_license';
 class RichEditPublic {
+    get events() { return this._native.events; }
     constructor(htmlElement, options) {
         this._native = new ClientRichEdit(htmlElement, options, this);
         this.document = new RichEditDocument(this._native.core);
@@ -85,7 +86,6 @@ class RichEditPublic {
             afterDocumentOpened(() => { });
         }
     }
-    get events() { return this._native.events; }
     exportToBase64(callback, documentFormat) {
         const exportModelOptions = this._native.core.getExportModelOptions({ documentFormat: documentFormat });
         exportModelToBase64(exportModelOptions, callback);

package/lib/client/ribbon/i-toolbar-item-options.d.ts

@@ -1,6 +1,6 @@
 import { ILocalizedRibbonItemOptions } from './i-localized-ribbon-item-options';
 import { IToolbarItemTextOptions } from './i-ribbon-text-content-options';
-export declare type IToolbarItemOptions = IToolbarButtonItemOptions | IToolbarButtonGroupItemOptions | IToolbarSelectBoxItemOptions | IToolbarMenuItemOptions | IToolbarNumberBoxItemOptions | IToolbarColorBoxItemOptions;
+export type IToolbarItemOptions = IToolbarButtonItemOptions | IToolbarButtonGroupItemOptions | IToolbarSelectBoxItemOptions | IToolbarMenuItemOptions | IToolbarNumberBoxItemOptions | IToolbarColorBoxItemOptions;
 interface IToolbarItemOptionsBase {
     type: 'Button' | 'ButtonGroup' | 'SelectBox' | 'Menu' | 'NumberBox' | 'ColorBox';
     name?: string | number;

package/lib/client/ribbon/ribbon.d.ts

@@ -8,14 +8,14 @@ export interface IRibbonItem {
     setVisible(visible: boolean): void;
     setValue(value: any): void;
 }
-export declare type OnCommandExecutedHandler = (e: {
+export type OnCommandExecutedHandler = (e: {
     item: IRibbonItem;
     parameter: any;
 }) => void;
-export declare type OnToolbarItemStateChangedHandler = (e: {
+export type OnToolbarItemStateChangedHandler = (e: {
     item: IRibbonItem;
 }) => void;
-export declare type OnToolbarItemCreatedHandler = (e: {
+export type OnToolbarItemCreatedHandler = (e: {
     options: InteractiveItemOptions;
     item: IRibbonItem;
     tabIndex: number;

package/lib/client/ribbon/ribbon.js

@@ -11,13 +11,13 @@ import { ToolbarSelectBoxItem } from './toolbar-items/toolbar-select-box-item';
 import { ToolbarSeparatorItem } from './toolbar-items/toolbar-separator-item';
 import { DomUtils } from '@devexpress/utils/lib/utils/dom';
 export class Ribbon {
+    get element() { return this.options.element; }
     constructor(options) {
         this.options = options;
         this.toolbars = [];
         this.toolBarItemsByName = {};
         this.contextItemIndexesByCategoryName = {};
     }
-    get element() { return this.options.element; }
     dispose() {
         this.tabPanel.dispose();
         this.toolbars.forEach(tb => tb.dispose());

package/lib/client/ribbon/toolbar-items/toolbar-interactive-item.d.ts

@@ -7,8 +7,8 @@ import dxSelectBox from 'devextreme/ui/select_box';
 import { IToolbarButtonGroupItemOptions, IToolbarButtonItemOptions, IToolbarColorBoxItemOptions, IToolbarMenuItemOptions, IToolbarNumberBoxItemOptions, IToolbarSelectBoxItemOptions } from '../i-toolbar-item-options';
 import { IRibbonItem, OnCommandExecutedHandler } from '../ribbon';
 import { ToolbarItemBase } from './toolbar-item-base';
-export declare type InteractiveItemOptions = IToolbarButtonItemOptions | IToolbarButtonGroupItemOptions | IToolbarSelectBoxItemOptions | IToolbarMenuItemOptions | IToolbarNumberBoxItemOptions | IToolbarColorBoxItemOptions;
-declare type WidgetTypeByOptionsType<T extends InteractiveItemOptions> = T extends IToolbarButtonItemOptions ? dxButton : T extends IToolbarButtonItemOptions ? dxButtonGroup : T extends IToolbarSelectBoxItemOptions ? dxSelectBox : T extends IToolbarNumberBoxItemOptions ? dxNumberBox : T extends IToolbarColorBoxItemOptions ? dxColorBox : dxMenu;
+export type InteractiveItemOptions = IToolbarButtonItemOptions | IToolbarButtonGroupItemOptions | IToolbarSelectBoxItemOptions | IToolbarMenuItemOptions | IToolbarNumberBoxItemOptions | IToolbarColorBoxItemOptions;
+type WidgetTypeByOptionsType<T extends InteractiveItemOptions> = T extends IToolbarButtonItemOptions ? dxButton : T extends IToolbarButtonItemOptions ? dxButtonGroup : T extends IToolbarSelectBoxItemOptions ? dxSelectBox : T extends IToolbarNumberBoxItemOptions ? dxNumberBox : T extends IToolbarColorBoxItemOptions ? dxColorBox : dxMenu;
 export declare abstract class ToolbarInteractiveItem<OptionsType extends InteractiveItemOptions> extends ToolbarItemBase implements IRibbonItem {
     protected options: OptionsType;
     protected onCommandExecuted: OnCommandExecutedHandler;

package/lib/client/settings.js

@@ -146,6 +146,10 @@ export class Settings {
                 result.fields.createHyperlinkTooltip = this.parseEventHandler(settings.fields.createHyperlinkTooltip);
             if (isDefined(settings.fields.keepHyperlinkResultForInvalidReference))
                 result.fields.keepHyperlinkResultForInvalidReference = settings.fields.keepHyperlinkResultForInvalidReference;
+            if (isDefined(settings.fields.disableRelativeHyperlinkUri))
+                result.fields.disableRelativeHyperlinkUri = settings.fields.disableRelativeHyperlinkUri;
+            if (isDefined(settings.fields.allowedHyperlinkUriProtocols))
+                result.fields.allowedHyperlinkUriProtocols = settings.fields.allowedHyperlinkUriProtocols;
         }
     }
     static parsePrintingSettings(settings, result) {

package/lib/client/utils/devextreme/devextreme-types.d.ts

@@ -9,11 +9,11 @@ import dxTabPanel from 'devextreme/ui/tab_panel';
 import { event } from 'devextreme/events/index';
 import { Properties as dxColorBoxOptions } from 'devextreme/ui/color_box';
 import Widget from 'devextreme/ui/widget/ui.widget';
-declare type ComponentInitialized<TProperties> = (e: {
+type ComponentInitialized<TProperties> = (e: {
     component?: Widget<TProperties>;
     element?: dxElement;
 }) => any;
-export declare type EditorValueChangedHandler<TProperties> = (e: {
+export type EditorValueChangedHandler<TProperties> = (e: {
     component?: Widget<TProperties>;
     element?: dxElement;
     model?: any;
@@ -21,20 +21,20 @@ export declare type EditorValueChangedHandler<TProperties> = (e: {
     previousValue?: any;
     event?: event;
 }) => any;
-export declare type EditorStateChangedHandler<TProperties> = (e: {
+export type EditorStateChangedHandler<TProperties> = (e: {
     component?: Widget<TProperties>;
     element?: dxElement;
     model?: any;
 }) => any;
-export declare type ButtonClickHandler = (e: {
+export type ButtonClickHandler = (e: {
     component?: dxButton;
     element?: dxElement;
     model?: any;
     event?: event;
     validationGroup?: any;
 }) => any | string;
-export declare type ButtonInitializedHandler = ComponentInitialized<dxButtonOptions>;
-export declare type MenuItemRenderedHandler = (e: {
+export type ButtonInitializedHandler = ComponentInitialized<dxButtonOptions>;
+export type MenuItemRenderedHandler = (e: {
     component?: dxMenu;
     element?: dxElement;
     model?: any;
@@ -42,7 +42,7 @@ export declare type MenuItemRenderedHandler = (e: {
     itemElement?: dxElement;
     itemIndex?: number;
 }) => any;
-export declare type MenuItemClickHandler = (e: {
+export type MenuItemClickHandler = (e: {
     component?: dxMenu;
     element?: dxElement;
     model?: any;
@@ -51,26 +51,26 @@ export declare type MenuItemClickHandler = (e: {
     itemIndex?: number;
     event?: event;
 }) => any | string;
-export declare type MenuInitializedHandler = ComponentInitialized<dxMenuOptions>;
-export declare type SelectBoxInitializedHandler = ComponentInitialized<dxSelectBoxOptions>;
-export declare type SelectBoxValueChangedHandler = EditorValueChangedHandler<dxSelectBoxOptions>;
-export declare type TabPanelTitleClickHandler = (e: {
+export type MenuInitializedHandler = ComponentInitialized<dxMenuOptions>;
+export type SelectBoxInitializedHandler = ComponentInitialized<dxSelectBoxOptions>;
+export type SelectBoxValueChangedHandler = EditorValueChangedHandler<dxSelectBoxOptions>;
+export type TabPanelTitleClickHandler = (e: {
     component?: dxTabPanel;
     element?: dxElement;
     model?: any;
     itemData?: any;
     itemElement?: dxElement;
 }) => any | string;
-export declare type TabPanelSelectionChangedHandler = (e: {
+export type TabPanelSelectionChangedHandler = (e: {
     component?: dxTabPanel;
     element?: dxElement;
     model?: any;
     addedItems?: Array<any>;
     removedItems?: Array<any>;
 }) => any;
-export declare type NumberBoxInitializedHandler = ComponentInitialized<dxNumberBoxOptions>;
-export declare type NumberBoxValueChangedHandler = EditorValueChangedHandler<dxNumberBoxOptions>;
-export declare type ColorBoxInitializedHandler = ComponentInitialized<dxColorBoxOptions>;
-export declare type ColorBoxValueChangedHandler = EditorValueChangedHandler<dxColorBoxOptions>;
-export declare type ColorBoxStateChangedHandler = EditorStateChangedHandler<dxColorBoxOptions>;
+export type NumberBoxInitializedHandler = ComponentInitialized<dxNumberBoxOptions>;
+export type NumberBoxValueChangedHandler = EditorValueChangedHandler<dxNumberBoxOptions>;
+export type ColorBoxInitializedHandler = ComponentInitialized<dxColorBoxOptions>;
+export type ColorBoxValueChangedHandler = EditorValueChangedHandler<dxColorBoxOptions>;
+export type ColorBoxStateChangedHandler = EditorStateChangedHandler<dxColorBoxOptions>;
 export {};

package/lib/client/utils/devextreme/dxt-utils.d.ts

@@ -1,4 +1,4 @@
-export declare type ItemsWithIcons = Array<{
+export type ItemsWithIcons = Array<{
     icon?: string;
     items?: ItemsWithIcons;
 }>;

package/lib/common/auto-correct/auto-correct-providers.js

@@ -18,10 +18,10 @@ import { IntervalCommandState } from '../commands/command-states';
 import { SelectionHistoryItem } from '../model/history/selection/selection-history-item';
 import { splitByLines } from '../utils/utils';
 export class AutoCorrectProviderBase {
+    get subDocument() { return this.control.selection.activeSubDocument; }
     constructor(control) {
         this.control = control;
     }
-    get subDocument() { return this.control.selection.activeSubDocument; }
     revise() {
         const pos = this.control.selection.lastSelectedInterval.start;
         const lastInsertedChar = this.control.selection.activeSubDocument.getText(new FixedInterval(pos - 1, 1));

package/lib/common/bars/base.js

@@ -3,12 +3,12 @@ import { BatchUpdatableObject } from '@devexpress/utils/lib/class/batch-updatabl
 import { isDefined } from '@devexpress/utils/lib/utils/common';
 import { RichEditClientCommand } from '../commands/client-command';
 export class BarBase extends BatchUpdatableObject {
+    get isInitialized() { return !!this.core; }
     constructor(owner) {
         super();
         this.updateEnabled = true;
         this.owner = owner;
     }
-    get isInitialized() { return !!this.core; }
     initialize(core) {
         this.core = core;
     }

package/lib/common/canvas/canvas-manager.js

@@ -18,6 +18,9 @@ const AUTOSCROLL_AREA_SIZE = 10;
 const AUTOSCROLL_STEP = 10;
 const MSTOUCH_MOVE_SENSITIVITY = 5;
 export class CanvasManager extends BatchUpdatableObject {
+    get sizes() { return this.viewManager.sizes; }
+    get scroll() { return this.viewManager.scroll; }
+    get controlHeightProvider() { return this.sizes; }
     constructor(viewManager, eventManager) {
         super();
         this.lastMousePosition = { x: -1, y: -1 };
@@ -39,9 +42,6 @@ export class CanvasManager extends BatchUpdatableObject {
             else
                 this.initMSPointerEvents();
     }
-    get sizes() { return this.viewManager.sizes; }
-    get scroll() { return this.viewManager.scroll; }
-    get controlHeightProvider() { return this.sizes; }
     get canvas() {
         return this.viewManager.canvas;
     }

package/lib/common/canvas/canvas-scroll-manager.js

@@ -2,14 +2,14 @@ import { DocumentLayoutDetailsLevel } from '../layout/document-layout-details-le
 import { MouseHandler } from '../mouse-handler/mouse-handler/mouse-handler';
 import { RelativePosition } from '../scroll/model-states';
 export class CanvasScrollManager {
+    get canvas() { return this.viewManager.canvas; }
+    get sizes() { return this.viewManager.sizes; }
     constructor(viewManager, horizontalRuler) {
         this.updateScrollTimeoutId = null;
         this.waitForDblClickTimeoutId = null;
         this.viewManager = viewManager;
         this.horizontalRuler = horizontalRuler;
     }
-    get canvas() { return this.viewManager.canvas; }
-    get sizes() { return this.viewManager.sizes; }
     dispose() {
         clearTimeout(this.updateScrollTimeoutId);
         clearTimeout(this.waitForDblClickTimeoutId);

package/lib/common/canvas/listeners/anchor-listener.js

@@ -1,13 +1,13 @@
 import { RendererClassNames } from '../renderer-class-names';
 import { FrameBaseListener } from './frame-base-listener';
 export class AnchorListener extends FrameBaseListener {
+    baseFrameClassName() {
+        return RendererClassNames.ANCHOR;
+    }
     constructor(rendererCache, stringResources, readOnlyPropertyHolder, fieldOptions) {
         super(rendererCache, stringResources, fieldOptions);
         this.readOnlyPropertyHolder = readOnlyPropertyHolder;
     }
-    baseFrameClassName() {
-        return RendererClassNames.ANCHOR;
-    }
     NotifyShow(pageIndex, bounds, tip, isTextBox, isAnchoredObject, rotation) {
         if (this.readOnlyPropertyHolder.isReadOnlyPersistent)
             super.NotifyHide();

package/lib/common/canvas/listeners/resize-box-listener.js

@@ -4,11 +4,6 @@ import { MouseEventSource } from '../../mouse-handler/mouse-event-source';
 import { DocumentRenderer } from '../renderes/common/document-renderer';
 import { FrameBaseListener } from './frame-base-listener';
 export class ResizeBoxListener extends FrameBaseListener {
-    constructor(rendererCache, stringResources, readOnlyPropertyHolder, fieldOptions) {
-        super(rendererCache, stringResources, fieldOptions);
-        this.readOnlyPropertyHolder = readOnlyPropertyHolder;
-        this.initElement(false);
-    }
     baseFrameClassName() {
         return FrameBaseListener.CLASSNAMES.CONTAINER;
     }
@@ -16,6 +11,11 @@ export class ResizeBoxListener extends FrameBaseListener {
         return FrameBaseListener.CLASSNAMES.CORNER_ELEM_PREFIX +
             (Browser.TouchUI ? FrameBaseListener.CLASSNAMES.CORNER_TOUCH_POSTFIX : "");
     }
+    constructor(rendererCache, stringResources, readOnlyPropertyHolder, fieldOptions) {
+        super(rendererCache, stringResources, fieldOptions);
+        this.readOnlyPropertyHolder = readOnlyPropertyHolder;
+        this.initElement(false);
+    }
     initElement(reinit) {
         if (reinit)
             this.initFrameElement();

package/lib/common/canvas/renderes/canvas-listener/canvas-listener.js

@@ -1,10 +1,10 @@
 import { LayoutColumnChangesMerger, LayoutPageAreaChangesMerger, LayoutParagraphFrameChangesMerger, LayoutRowChangesMerger, LayoutTableChangesMerger } from '../../../layout-formatter/changes/engine/changes-merger';
 export class CanvasListener {
+    get layout() { return this.viewManager.layout; }
     constructor(viewManager, renderer) {
         this.viewManager = viewManager;
         this.renderer = renderer;
     }
-    get layout() { return this.viewManager.layout; }
     closeDocument() {
     }
     static mergeInnerPageChanges(pageChange) {

package/lib/common/canvas/renderes/change-active-sub-document/renderer.js

@@ -3,16 +3,6 @@ import { HeaderFooterLabelsRenderer } from './header-footer-labels-renderer';
 import { HeaderFooterRenderer, MainRenderer } from './main-header-footer-renderer';
 import { TextBoxRenderer } from './text-box-renderer';
 export class RendererManager {
-    constructor(viewManager, stringResources) {
-        this.viewManager = viewManager;
-        this.renderers = [
-            new FloatingPictureRenderer(this),
-            new TextBoxRenderer(this),
-            new HeaderFooterRenderer(this),
-            new MainRenderer(this),
-            new HeaderFooterLabelsRenderer(this, stringResources.headerFooter),
-        ];
-    }
     get cache() { return this.viewManager.cache; }
     ;
     get canvas() { return this.viewManager.canvas; }
@@ -23,6 +13,16 @@ export class RendererManager {
     ;
     get canvasScrollManager() { return this.viewManager.canvasScrollManager; }
     ;
+    constructor(viewManager, stringResources) {
+        this.viewManager = viewManager;
+        this.renderers = [
+            new FloatingPictureRenderer(this),
+            new TextBoxRenderer(this),
+            new HeaderFooterRenderer(this),
+            new MainRenderer(this),
+            new HeaderFooterLabelsRenderer(this, stringResources.headerFooter),
+        ];
+    }
     init() {
         for (let r of this.renderers)
             r.init();

package/lib/common/canvas/renderes/common/document-renderer.d.ts

@@ -25,7 +25,7 @@ import { Size } from '@devexpress/utils/lib/geometry/size';
 import { CanvasManager } from '../../canvas-manager';
 import { ViewManager } from '../view-manager';
 import { IRichEditControl } from '../../../interfaces/i-rich-edit-core';
-export declare type GetSomeCanvasElementContainer = (node: Node) => Node;
+export type GetSomeCanvasElementContainer = (node: Node) => Node;
 export declare class SimpleViewCanvasSizeManager {
     protected canvasManager: CanvasManager;
     protected size: Size;

package/lib/common/canvas/renderes/common/document-renderer.js

@@ -92,12 +92,12 @@ export class SimpleViewCanvasSizeManager {
     }
 }
 export class DocumentRenderer {
+    get cache() { return this.viewManager.cache; }
     constructor(viewManager) {
         this.viewManager = viewManager;
         if (this.viewManager.innerClientProperties.viewsSettings.isSimpleView)
             DomUtils.addClassName(this.viewManager.canvas, RendererClassNames.SIMPLE_VIEW);
     }
-    get cache() { return this.viewManager.cache; }
     onViewTypeChanged() {
         switch (this.viewManager.innerClientProperties.viewsSettings.viewType) {
             case ViewType.Simple:

package/lib/common/canvas/renderes/view-manager.js

@@ -26,6 +26,9 @@ import { SearchSelectionRenderer } from './selection-renderers/search-selection-
 import { SelectionRenderer } from './selection-renderers/selection-renderer';
 import { SizeUtils } from '../../../common/utils/size-utils';
 export class ViewManager {
+    get renderer() { return this.renderers[this.innerClientProperties.viewsSettings.viewType]; }
+    get printLayoutRenderer() { return this.renderers[ViewType.PrintLayout]; }
+    get canvasListener() { return this.canvasListeners[this.innerClientProperties.viewsSettings.viewType]; }
     constructor(control, canvas, eventManager, stringResources, horizontalRuler, inputController, innerClientProperties, readOnlyPropertyHolder, layoutFormatterManagerHolder, internalApi, fieldOptions) {
         this.cache = [];
         this.sizes = new CanvasSizeInfo();
@@ -57,9 +60,6 @@ export class ViewManager {
         this.rangePermission = new RangePermissionRenderer(this.cache, layoutSelection);
         this.changeActiveSubDocumentRenderer = new RendererManager(this, stringResources);
     }
-    get renderer() { return this.renderers[this.innerClientProperties.viewsSettings.viewType]; }
-    get printLayoutRenderer() { return this.renderers[ViewType.PrintLayout]; }
-    get canvasListener() { return this.canvasListeners[this.innerClientProperties.viewsSettings.viewType]; }
     dispose() {
         this.canvasManager.dispose();
         this.canvasScrollManager.dispose();

package/lib/common/client-side-events.d.ts

@@ -21,4 +21,5 @@ export declare class ClientSideEvents {
     raiseDocumentLoaded(): void;
     raiseGotFocus(): void;
     raiseLostFocus(): void;
+    raiseHorizontalRulerVisibleChanged(horizontalRulerVisible: boolean): void;
 }

package/lib/common/client-side-events.js

@@ -53,4 +53,7 @@ export class ClientSideEvents {
     raiseLostFocus() {
         this.owner.raiseLostFocus();
     }
+    raiseHorizontalRulerVisibleChanged(horizontalRulerVisible) {
+        this.owner.raiseHorizontalRulerVisibleChanged(horizontalRulerVisible);
+    }
 }

package/lib/common/commands/command-base.js

@@ -13,13 +13,6 @@ import { ScrollHistoryItem } from '../model/history/selection/scroll-history-ite
 import { SelectionHistoryItem } from '../model/history/selection/selection-history-item';
 import { ScrollState } from '../scroll/model-states';
 export class CommandOptions {
-    constructor(control) {
-        this.control = control;
-        this.changeSelection = true;
-        this.isSetManually = true;
-        if (control)
-            this.intervalsInfo = this.control.selection.intervalsInfo.clone();
-    }
     get subDocument() { return this.intervalsInfo.subDocument; }
     setChangeSelection(changeSelection) {
         this.changeSelection = changeSelection;
@@ -29,6 +22,13 @@ export class CommandOptions {
         this.intervalsInfo = intervalsInfo;
         return this;
     }
+    constructor(control) {
+        this.control = control;
+        this.changeSelection = true;
+        this.isSetManually = true;
+        if (control)
+            this.intervalsInfo = this.control.selection.intervalsInfo.clone();
+    }
 }
 export class CommandSimpleOptions extends CommandOptions {
     constructor(control, parameter) {
@@ -37,13 +37,13 @@ export class CommandSimpleOptions extends CommandOptions {
     }
 }
 export class CommandBase {
-    constructor(control) {
-        this.control = control;
-    }
     get modelManipulator() { return this.control.modelManager.modelManipulator; }
     get selection() { return this.control.selection; }
     get history() { return this.control.modelManager.history; }
     get inputPosition() { return this.control.inputPosition; }
+    constructor(control) {
+        this.control = control;
+    }
     get colorProvider() { return this.control.modelManager.model.colorProvider; }
     getRelatedCommands() {
         return { [this.commandId]: true };

package/lib/common/commands/command-states.js

@@ -19,6 +19,9 @@ export class IntervalCommandStateEx extends SimpleCommandState {
     }
 }
 export class ApplyStyleCommandState {
+    get enabled() {
+        return this.commandEnabled && (this.paragraphStyleChangeEnabled || this.characterStyleChangeEnabled);
+    }
     constructor(commandEnabled, paragraphStyleChangeEnabled, characterStyleChangeEnabled, interval, value) {
         this.commandEnabled = commandEnabled;
         this.paragraphStyleChangeEnabled = paragraphStyleChangeEnabled;
@@ -28,9 +31,6 @@ export class ApplyStyleCommandState {
         this.denyUpdateValue = false;
         this.value = value;
     }
-    get enabled() {
-        return this.commandEnabled && (this.paragraphStyleChangeEnabled || this.characterStyleChangeEnabled);
-    }
 }
 export class RulerSectionColumnsSettingsState extends IntervalCommandState {
     constructor(enabled, interval, columns, equalWidth, activeIndex) {

package/lib/common/commands/dialogs/dialog-spell-checker-command.js

@@ -40,13 +40,13 @@ export class SpellCheckerDialogParameters extends DialogParametersBase {
     }
 }
 export class SpellCheckerDialogController {
+    get isRepeatingError() { return this.misspelledInterval.errorInfo.errorType == SpellingErrorType.Repeating; }
+    get canAddToDictionary() { return this.control.commandManager.getCommand(RichEditClientCommand.AddWordToDictionary).getState().enabled; }
+    get suggestions() { return this.misspelledInterval.errorInfo.suggestions; }
     constructor(control, spellChecker) {
         this.control = control;
         this.spellChecker = spellChecker;
     }
-    get isRepeatingError() { return this.misspelledInterval.errorInfo.errorType == SpellingErrorType.Repeating; }
-    get canAddToDictionary() { return this.control.commandManager.getCommand(RichEditClientCommand.AddWordToDictionary).getState().enabled; }
-    get suggestions() { return this.misspelledInterval.errorInfo.suggestions; }
     tryFindNextError() {
         this.misspelledInterval = this.spellChecker.findNextMisspelledInterval(this.control.selection.intervals[0].start);
         if (this.misspelledInterval) {

package/lib/common/commands/document/print-document-on-client-command.js

@@ -17,10 +17,6 @@ import { CommandBase } from '../command-base';
 import { SimpleCommandState } from '../command-states';
 import { UpdateFieldCommandBase } from '../fields/update-field-command-base';
 export class PrintDocumentOnClient extends CommandBase {
-    constructor(control, _nonce) {
-        super(control);
-        this._nonce = _nonce;
-    }
     isEnabled() {
         return super.isEnabled() && ControlOptions.isEnabled(this.control.modelManager.richOptions.control.printing) &&
             this.control.modelManager.model.isLoaded();
@@ -28,6 +24,10 @@ export class PrintDocumentOnClient extends CommandBase {
     isEnabledInReadOnlyMode() {
         return true;
     }
+    constructor(control, _nonce) {
+        super(control);
+        this._nonce = _nonce;
+    }
     getState() {
         return new SimpleCommandState(this.isEnabled());
     }

package/lib/common/commands/fields/open-hyperlink-command.js

@@ -4,6 +4,7 @@ import { ReadOnlyMode } from '../../interfaces/i-rich-edit-core';
 import { RichEditClientCommand } from '../client-command';
 import { CommandSimpleOptions } from '../command-base';
 import { HyperlinkCommandBase } from './hyperlink-command-base';
+import { createUrlValidationOptions, isUrlValid } from '../../../common/utils/utils';
 export class OpenHyperlinkCommand extends HyperlinkCommandBase {
     executeCore(state, options) {
         let field;
@@ -27,8 +28,11 @@ export class OpenHyperlinkCommand extends HyperlinkCommandBase {
         if (hyperlinkInfo.anchor)
             this.control.commandManager.getCommand(RichEditClientCommand.GoToBookmark)
                 .execute(this.control.commandManager.isPublicApiCall, new CommandSimpleOptions(this.control, hyperlinkInfo.anchor));
-        else if (!(Url.containsClientScript(hyperlinkInfo.uri) || /^\s*data\s*\:\s*/gi.test(hyperlinkInfo.uri)))
-            Url.navigate(hyperlinkInfo.uri, "_blank");
+        else {
+            const options = createUrlValidationOptions(this.control);
+            if (isUrlValid(hyperlinkInfo.uri, options))
+                Url.navigate(hyperlinkInfo.uri, "_blank");
+        }
         return true;
     }
     isEnabledInReadOnlyMode() {

package/lib/common/commands/ruler/toggle-show-horizontal-ruler-command.js

@@ -8,8 +8,10 @@ export class ToggleShowHorizontalRulerCommand extends CommandBase {
         const visible = this.control.horizontalRulerControl.getVisible();
         if (options.param == visible)
             return false;
-        this.control.horizontalRulerControl.setVisible(!visible);
+        const toggledVisible = !visible;
+        this.control.horizontalRulerControl.setVisible(toggledVisible);
         this.control.owner.adjustControl();
+        this.control.owner.raiseHorizontalRulerVisibleChanged(toggledVisible);
         return true;
     }
     isEnabled(_options) {

package/lib/common/commands/text/change-text-case-commands.d.ts

@@ -6,7 +6,7 @@ import { ISelectionBase } from '../../selection/selection-base';
 import { FixedInterval } from '@devexpress/utils/lib/intervals/fixed';
 import { CommandBase, CommandOptions } from '../command-base';
 import { IntervalCommandStateEx } from '../command-states';
-declare type HistItemConstructor = new (modelManipulator: ModelManipulator, subDocInterval: SubDocumentInterval, selection: ISelectionBase, layoutFormatterManager: FormatterManager) => ChangeCaseHistoryItemBase;
+type HistItemConstructor = new (modelManipulator: ModelManipulator, subDocInterval: SubDocumentInterval, selection: ISelectionBase, layoutFormatterManager: FormatterManager) => ChangeCaseHistoryItemBase;
 export declare class ChangeTextCaseCommandBaseBase extends CommandBase<IntervalCommandStateEx> {
     getActualIntervals(): FixedInterval[];
     getState(): IntervalCommandStateEx;

package/lib/common/event-manager.js

@@ -31,6 +31,10 @@ export var MouseButton;
     MouseButton[MouseButton["Middle"] = 4] = "Middle";
 })(MouseButton || (MouseButton = {}));
 export class EventManager {
+    set mouseWheelEvent(val) {
+        this.mouseHandler.mouseWheelEvent = val;
+        this.touchHandler.mouseWheelEvent = val;
+    }
     constructor(control, boxVisualizerManager) {
         this.moveLocked = false;
         this.shouldPreventContextMenuEvent = true;
@@ -42,10 +46,6 @@ export class EventManager {
         this.touchHandler = new TouchHandler(control, boxVisualizerManager);
         this.inputTypeHandlers = this.createInputTypeHandlers();
     }
-    set mouseWheelEvent(val) {
-        this.mouseHandler.mouseWheelEvent = val;
-        this.touchHandler.mouseWheelEvent = val;
-    }
     dispose() {
         clearTimeout(this.accumulatedTextInsertId);
         clearTimeout(this.lockMouseMoveTimerId);

package/lib/common/formats/html/export/html-document-exporter.js

@@ -3,11 +3,11 @@ import { HtmlMimeType } from "@devexpress/utils/lib/utils/mime-type";
 import { RichUtils } from "../../../model/rich-utils";
 import { HtmlExporter } from "./html-export";
 export class HtmlDocumentExporter {
+    get modelManipulator() { return this.exportModelOptions.modelManager.modelManipulator; }
     constructor(exportModelOptions, options) {
         this.exportModelOptions = exportModelOptions;
         this.options = options;
     }
-    get modelManipulator() { return this.exportModelOptions.modelManager.modelManipulator; }
     exportToBlob(callback) {
         this.modelManipulator.picture.loader.ensureAllPicturesLoaded(this.options.ensurePictureLoadedTimeout, (_loaded) => {
             callback(new Blob([this.exportAsString()], { type: HtmlMimeType }));

package/lib/common/formats/html/export/html-export.js

@@ -25,10 +25,6 @@ import { HtmlConverter } from '../../../rich-utils/html-converter';
 import { HtmlBuilder } from './html-builder';
 import { isDefined } from '@devexpress/utils/lib/utils/common';
 export class HtmlExporter {
-    constructor(exportModelOptions) {
-        this.rangeCopy = null;
-        this.exportModelOptions = exportModelOptions;
-    }
     get modelManager() { return this.exportModelOptions.modelManager; }
     get colorProvider() { return this.modelManager.model.colorProvider; }
     get unitConverter() { return this.exportModelOptions.uiUnitConverter; }
@@ -37,6 +33,10 @@ export class HtmlExporter {
     ;
     get pageIndex() { return this.exportModelOptions.pageIndex; }
     ;
+    constructor(exportModelOptions) {
+        this.rangeCopy = null;
+        this.exportModelOptions = exportModelOptions;
+    }
     getHtmlElementsByInterval(model, subDocument, interval, guidLabel) {
         if (interval.length === 0)
             return;

package/lib/common/formats/html/import/html-importer.d.ts

@@ -12,7 +12,7 @@ import { LoadFontInfo } from './load-font-info';
 import { HtmlImporterMaskedCharacterProperties } from './utils/character-properties-utils';
 import { ParagraphListPropertiesUtils } from './utils/paragraph-list-properties-utils';
 import { FormatImagesImporter } from '../../utils/images-import';
-export declare type TypeOfTagImporterConstructor = new (importer: HtmlImporter) => HtmlTagImporterBase;
+export type TypeOfTagImporterConstructor = new (importer: HtmlImporter) => HtmlTagImporterBase;
 export declare class LevelInfo {
     element: HTMLElement;
     childElements: HTMLElement[];