devexpress-richedit 24.1.8-build-24316-0102 → 24.2.2-beta

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

@@ -6,7 +6,7 @@ import { RibbonMenuItem } from './items/menu';
 import { RibbonNumberBoxItem } from './items/number-box';
 import { RibbonSelectBoxItem } from './items/select-box';
 import { RibbonSubMenuItem } from './items/sub-menu';
-export declare type RibbonTabId = string | RibbonTabType;
+export type RibbonTabId = string | RibbonTabType;
 export declare enum RibbonTabType {
     File = 0,
     Home = 1,
@@ -20,9 +20,9 @@ export declare enum RibbonTabType {
     TableLayout = 9,
     FloatingObjectsFormat = 10
 }
-export declare type FirstLevelRibbonItem = RibbonButtonItem | RibbonMenuItem | RibbonSelectBoxItem | RibbonNumberBoxItem | RibbonColorBoxItem;
-export declare type RibbonItem = FirstLevelRibbonItem | RibbonSubMenuItem;
-export declare type RibbonItemParent = RibbonMenuItem | RibbonSubMenuItem | RibbonTab;
+export type FirstLevelRibbonItem = RibbonButtonItem | RibbonMenuItem | RibbonSelectBoxItem | RibbonNumberBoxItem | RibbonColorBoxItem;
+export type RibbonItem = FirstLevelRibbonItem | RibbonSubMenuItem;
+export type RibbonItemParent = RibbonMenuItem | RibbonSubMenuItem | RibbonTab;
 export declare class RibbonTab {
     id: RibbonTabId;
     title: string;

package/lib/client/public/ribbon/tab.js

@@ -15,13 +15,13 @@ export var RibbonTabType;
     RibbonTabType[RibbonTabType["FloatingObjectsFormat"] = 10] = "FloatingObjectsFormat";
 })(RibbonTabType || (RibbonTabType = {}));
 export class RibbonTab {
+    get contextTab() { return false; }
     constructor(title, id, items = [], localizationId) {
         this.id = id;
         this.items = items;
         this.title = title;
         this.localizationId = localizationId;
     }
-    get contextTab() { return false; }
     removeItem(id) {
         this.forEachItem(id instanceof RibbonItemBase ?
             (item, index, parent) => {
@@ -64,11 +64,11 @@ export class RibbonTab {
     }
 }
 export class RibbonContextTab extends RibbonTab {
+    get contextTab() { return true; }
     constructor(title, id, category, items, localizationId) {
         super(title, id, items, localizationId);
         this.category = category;
     }
-    get contextTab() { return true; }
 }
 class RibbonSearchItemResult {
     constructor(parent, item, itemIndex) {

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);
@@ -118,7 +118,7 @@ class RichEditPublic {
                 mimeType = HtmlMimeType;
                 break;
         }
-        const fileName = OpenDocumentCommand.getFileNameWithoutExtension(this.documentName);
+        const fileName = OpenDocumentCommand.getFileNameWithoutExtension(this._native.core.documentInfo.fileName);
         const extension = Utils.documentFormatToExtension(format);
         const exportModelOptions = this._native.core.getExportModelOptions({ documentFormat: format });
         exportModelToBlob(exportModelOptions, blob => callback(FileUtils.createFile([blob], fileName + extension, { type: mimeType })));

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,8 @@ 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.allowedHyperlinkUriSchemes))
+                result.fields.allowedHyperlinkUriSchemes = settings.fields.allowedHyperlinkUriSchemes;
         }
     }
     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/client-command.d.ts

@@ -418,5 +418,6 @@ export declare enum RichEditClientCommand {
     FloatingObjectBringForwardMenu = 455,
     FloatingObjectSendBackwardMenu = 456,
     NoSpellingSuggestions = 457,
-    GetHtml = 458
+    GetHtml = 458,
+    CreateEmptyIfField = 459
 }

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

@@ -420,4 +420,5 @@ export var RichEditClientCommand;
     RichEditClientCommand[RichEditClientCommand["FloatingObjectSendBackwardMenu"] = 456] = "FloatingObjectSendBackwardMenu";
     RichEditClientCommand[RichEditClientCommand["NoSpellingSuggestions"] = 457] = "NoSpellingSuggestions";
     RichEditClientCommand[RichEditClientCommand["GetHtml"] = 458] = "GetHtml";
+    RichEditClientCommand[RichEditClientCommand["CreateEmptyIfField"] = 459] = "CreateEmptyIfField";
 })(RichEditClientCommand || (RichEditClientCommand = {}));

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-manager.js

@@ -35,7 +35,7 @@ import { ShowQuickSearchPanelCommand } from './dialogs/show-quick-search-panel-c
 import { ChangePageColorCommand } from './document-properties/change-page-color-command';
 import { PrintDocumentOnClient } from './document/print-document-on-client-command';
 import { ChangeHyperlinkCommand } from './fields/change-hyperlink-command';
-import { CreateDateFieldCommand, CreateEmptyDocVariableFieldCommand, CreateEmptyMergeFieldCommand, CreateEquationCaptionFieldCommand, CreateFieldCommand, CreateFieldWithCodeCommand, CreateFigureCaptionFieldCommand, CreateMergeFieldCommand, CreatePageCountFieldCommand, CreatePageFieldCommand, CreateTableCaptionFieldCommand, CreateTableOfEquationsFieldCommand, CreateTableOfFiguresFieldCommand, CreateTableOfTablesFieldCommand, CreateTimeFieldCommand, CreateTocFieldCommand } from './fields/create-field-command';
+import { CreateDateFieldCommand, CreateEmptyDocVariableFieldCommand, CreateEmptyIfFieldCommand, CreateEmptyMergeFieldCommand, CreateEquationCaptionFieldCommand, CreateFieldCommand, CreateFieldWithCodeCommand, CreateFigureCaptionFieldCommand, CreateMergeFieldCommand, CreatePageCountFieldCommand, CreatePageFieldCommand, CreateTableCaptionFieldCommand, CreateTableOfEquationsFieldCommand, CreateTableOfFiguresFieldCommand, CreateTableOfTablesFieldCommand, CreateTimeFieldCommand, CreateTocFieldCommand } from './fields/create-field-command';
 import { GoToFirstDataRecordCommand, GoToLastDataRecordCommand, GoToNextDataRecordCommand, GoToPreviousDataRecordCommand, GoToRecordCommandBase } from './fields/go-to-record-command';
 import { OpenHyperlinkCommand } from './fields/open-hyperlink-command';
 import { RemoveHyperlinkCommand } from './fields/remove-hyperlink-command';
@@ -524,6 +524,7 @@ export class CommandManager {
         this.createCommand(control, RichEditClientCommand.ChangeTextBoxProperties, ChangeTextBoxPropertiesCommand);
         this.createCommand(control, RichEditClientCommand.CreateEmptyMergeField, CreateEmptyMergeFieldCommand);
         this.createCommand(control, RichEditClientCommand.CreateEmptyDocVariableField, CreateEmptyDocVariableFieldCommand);
+        this.createCommand(control, RichEditClientCommand.CreateEmptyIfField, CreateEmptyIfFieldCommand);
         this.createCommand(control, RichEditClientCommand.FloatingObjectDragDropChangePosition, FloatingObjectDragDropChangePositionCommand);
         this.createCommand(control, RichEditClientCommand.InsertHtml, InsertHtmlCommand);
         this.createCommand(control, RichEditClientCommand.CreateTocField, CreateTocFieldCommand);

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/create-field-command.d.ts

@@ -47,6 +47,10 @@ export declare class CreateEmptyDocVariableFieldCommand extends CreatePredefined
     getInsertedText(_parameter: string): string;
     needUpdate(): boolean;
 }
+export declare class CreateEmptyIfFieldCommand extends CreatePredefinedFieldCommand {
+    getInsertedText(_parameter: string): string;
+    needUpdate(): boolean;
+}
 export declare abstract class CreateTableOfContentCommandBase extends CreatePredefinedFieldCommand {
     isEnabled(): boolean;
     getInsertedText(_parameter: string): string;

package/lib/common/commands/fields/create-field-command.js

@@ -170,6 +170,14 @@ export class CreateEmptyDocVariableFieldCommand extends CreatePredefinedFieldCom
         return false;
     }
 }
+export class CreateEmptyIfFieldCommand extends CreatePredefinedFieldCommand {
+    getInsertedText(_parameter) {
+        return "IF";
+    }
+    needUpdate() {
+        return false;
+    }
+}
 export class CreateTableOfContentCommandBase extends CreatePredefinedFieldCommand {
     isEnabled() {
         const currentTocField = FieldCommandHelper.findTocFieldBySelection(this.selection.activeSubDocument, this.selection);