devexpress-reporting 23.1.5 → 23.2.1-alpha-23254-1700

package/viewer/binding/jsReportViewerBinding.js

@@ -1,21 +1,21 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\binding\jsReportViewerBinding.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { DxAnalyticsComponentCommon, JSDesignerBindingCommon, _wrapModelInObservable, troubleshootingPageWrapper } from '@devexpress/analytics-core/analytics-internal';
-import { addCultureInfo } from '@devexpress/analytics-core/analytics-utils';
-import { registerBaseBinding } from '@devexpress/analytics-core/analytics-widgets-internal';
+import { JSDesignerBindingCommon, _wrapModelInObservable, troubleshootingPageWrapper, koUtils } from '@devexpress/analytics-core/analytics-internal-native';
+import { addCultureInfo } from '@devexpress/analytics-core/analytics-utils-native';
 import * as $ from 'jquery';
-import * as ko from 'knockout';
 import { EventGenerator } from '../../common/binding/eventGenerator';
 import { createPreviewModel, initPreviewModel } from '../internal/_initializer';
 import { JSReportViewer } from './jsReportViewer';
+import { currentMultiPlatformEngine } from '@devexpress/analytics-core/analytics-serializer-native';
 export class JSReportViewerBinding extends JSDesignerBindingCommon {
-    constructor(_options, customEventRaiser) {
+    constructor(_options, customEventRaiser, _shouldApplyBindings = true) {
         super(_options, customEventRaiser);
+        this._shouldApplyBindings = _shouldApplyBindings;
         this._deferreds = [];
         _options.viewerModel = _wrapModelInObservable(_options.viewerModel);
         this.sender = new JSReportViewer(_options.viewerModel);
@@ -49,12 +49,14 @@ export class JSReportViewerBinding extends JSDesignerBindingCommon {
                 initPreviewModel(model, this._options);
             }
             this._disposables.push(model);
-            _$element.children().remove();
-            var child = _$element.append(this._templateHtml).children()[0];
-            if (!child)
-                return;
-            ko.cleanNode(child);
-            ko.applyBindings(model, child);
+            if (this._shouldApplyBindings) {
+                _$element.children().remove();
+                var child = _$element.append(this._templateHtml).children()[0];
+                if (!child)
+                    return;
+                currentMultiPlatformEngine.cleanNode(child);
+                currentMultiPlatformEngine.applyBindings(model.getViewModel(), child);
+            }
             this._fireEvent('Init');
         }, this.developmentMode, _$element);
     }
@@ -77,13 +79,14 @@ export class JSReportViewerBinding extends JSDesignerBindingCommon {
                 .done((previewModel) => {
                 this.sender.previewModel = previewModel;
                 if (this._options.reportUrl) {
-                    if (ko.isSubscribable(this._options.reportUrl)) {
+                    if (koUtils.isSubscribable(this._options.reportUrl)) {
                         this._disposables.push(this._options.reportUrl.subscribe((newVal) => {
                             this.sender.OpenReport(newVal);
                         }));
                     }
                 }
-                this._createDisposeFunction(element);
+                if (this._shouldApplyBindings)
+                    this._createDisposeFunction(element);
                 this._applyBindings(this.sender.previewModel, _$element, true);
             }));
         };
@@ -99,16 +102,3 @@ export class JSReportViewerBinding extends JSDesignerBindingCommon {
         }
     }
 }
-const dxReportViewerBindingName = 'dxReportViewer';
-export class DxReportViewer extends DxAnalyticsComponentCommon {
-    getBindingName() {
-        return dxReportViewerBindingName;
-    }
-}
-registerBaseBinding(dxReportViewerBindingName, '$data');
-ko.bindingHandlers[dxReportViewerBindingName] = {
-    init: function (element, valueAccessor) {
-        new JSReportViewerBinding(ko.unwrap(valueAccessor()) || {}).applyBindings(element);
-        return { controlsDescendantBindings: true };
-    }
-};

package/viewer/constants.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\constants.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -82,8 +82,8 @@ export declare var PreviewElements: {
     RightPanel: string;
     ExportTool: string;
 };
-export declare var ZoomAutoBy: {
-    None: number;
-    WholePage: number;
-    PageWidth: number;
-};
+export declare enum ZoomAutoBy {
+    None = 1,
+    WholePage = 0,
+    PageWidth = -1
+}

package/viewer/constants.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\constants.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -41,8 +41,9 @@ export var PreviewElements = {
     RightPanel: 'dxrd-right-panel-template-base',
     ExportTool: 'dxrd-export-tool'
 };
-export var ZoomAutoBy = {
-    None: 1,
-    WholePage: 0,
-    PageWidth: -1
-};
+export var ZoomAutoBy;
+(function (ZoomAutoBy) {
+    ZoomAutoBy[ZoomAutoBy["None"] = 1] = "None";
+    ZoomAutoBy[ZoomAutoBy["WholePage"] = 0] = "WholePage";
+    ZoomAutoBy[ZoomAutoBy["PageWidth"] = -1] = "PageWidth";
+})(ZoomAutoBy || (ZoomAutoBy = {}));

package/viewer/documentMap/_documentMapItemsProvider.d.ts

@@ -1,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapItemsProvider.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { IBookmarkNode, IBookmarkDataMemberInfo } from './_documentMapModel';
-import { IItemsProvider } from '@devexpress/analytics-core/analytics-utils';
+import { IItemsProvider } from '@devexpress/analytics-core/analytics-utils-native';
 export declare class DocumentMapItemsProvider implements IItemsProvider {
     constructor(bookmark: IBookmarkNode);
     getItems: (IPathRequest: any) => JQueryPromise<IBookmarkDataMemberInfo[]>;

package/viewer/documentMap/_documentMapItemsProvider.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapItemsProvider.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/documentMap/_documentMapModel.d.ts

@@ -1,14 +1,17 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapModel.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { Disposable, IDataMemberInfo, TabInfo } from '@devexpress/analytics-core/analytics-utils';
-import { ITreeListOptions } from '@devexpress/analytics-core/analytics-widgets-internal';
-import * as ko from 'knockout';
+import { AccessibilityKeyboardHelperBase } from '@devexpress/analytics-core/analytics-internal-native';
+import { ArrayPropertyChangedEventArgs, BaseRenderingModel, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { IDataMemberInfo, TabInfo } from '@devexpress/analytics-core/analytics-utils-native';
+import { ITreeListOptions } from '@devexpress/analytics-core/analytics-widgets-internal-native';
+import { InitializedEvent } from 'devextreme/ui/scroll_view';
 import { ReportPreview } from '../reportPreview';
+import { DocumentMapTreeListController } from './_documentMapTreeListController';
 export interface IBookmarkNode {
     text: string;
     pageIndex: number;
@@ -18,12 +21,24 @@ export interface IBookmarkNode {
 export interface IBookmarkDataMemberInfo extends IDataMemberInfo {
     bookmark: IBookmarkNode;
 }
-export declare class DocumentMapModel extends Disposable {
-    private _selectedPath;
+export interface IDocumentMapViewModel extends IViewModel {
+    treeListOptions: ITreeListOptions;
+    onInitialized: (event: InitializedEvent) => void;
+    keyboardHelper: AccessibilityKeyboardHelperBase;
+}
+export declare class DocumentMapModel extends BaseRenderingModel<IDocumentMapViewModel> {
+    private _selectedPathChangedEvent;
+    private _treeListChangedEvent;
     private _setSelectedPathByNavigationNode;
+    onPropertyChanged(args: PropertyChangedEventArgs | ArrayPropertyChangedEventArgs): void;
+    getTreeListModel(documentMap: IBookmarkNode): ITreeListOptions;
+    updateViewModel(args: PropertyChangedEventArgs | ArrayPropertyChangedEventArgs): void;
+    createViewModel(): IDocumentMapViewModel;
     constructor(reportPreview: ReportPreview);
     dispose(): void;
+    treeListController: DocumentMapTreeListController;
     tabInfo: TabInfo;
-    isEmpty: ko.Computed<boolean>;
-    documentMapOptions: ko.Computed<ITreeListOptions>;
+    selectedPath: string;
+    treeListOptions: ITreeListOptions;
+    isEmpty: boolean;
 }

package/viewer/documentMap/_documentMapModel.js

@@ -1,70 +1,119 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapModel.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { TreeListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';
-import { Disposable, TabInfo } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { TreeListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
+import { BaseRenderingModel, createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { TabInfo } from '@devexpress/analytics-core/analytics-utils-native';
 import { DocumentMapItemsProvider } from './_documentMapItemsProvider';
 import { DocumentMapTreeListController } from './_documentMapTreeListController';
-export class DocumentMapModel extends Disposable {
+export class DocumentMapModel extends BaseRenderingModel {
     constructor(reportPreview) {
         super();
-        this._selectedPath = ko.observable('0');
         this._setSelectedPathByNavigationNode = (nodes, brickNavigation, path = '0') => {
             nodes.forEach((item, index) => {
                 if (item.indexes === brickNavigation.indexes && item.pageIndex === brickNavigation.pageIndex) {
-                    this._selectedPath(path + '.' + index.toString());
+                    this.selectedPath = path + '.' + index.toString();
                 }
                 else if (item.nodes) {
-                    this._selectedPath(this._setSelectedPathByNavigationNode(item.nodes, brickNavigation, path + '.' + index.toString()));
+                    this.selectedPath = this._setSelectedPathByNavigationNode(item.nodes, brickNavigation, path + '.' + index.toString());
                 }
             });
-            return this._selectedPath();
+            return this.selectedPath;
         };
-        var treeListController = new DocumentMapTreeListController();
-        this.isEmpty = ko.pureComputed(() => {
-            return !(reportPreview.documentMap() && reportPreview.documentMap().nodes && (reportPreview.documentMap().nodes.length !== 0));
-        });
-        treeListController.clickHandler = (item) => {
+        this.treeListOptions = this.getTreeListModel(reportPreview.documentMap);
+        this.treeListController = new DocumentMapTreeListController();
+        this.treeListController.clickHandler = (item) => {
             var bookmark = item.data.bookmark;
             if (bookmark) {
                 var pageIndex = bookmark.pageIndex < 0 ? 0 : bookmark.pageIndex;
-                reportPreview.pages.peek()[pageIndex].selectBrick(bookmark.indexes);
+                reportPreview.pages[pageIndex].selectBrick(bookmark.indexes);
             }
         };
         reportPreview.brickClickDocumentMapHandler = (brickNavigation) => {
-            if (reportPreview.documentMap && reportPreview.documentMap())
-                this._setSelectedPathByNavigationNode(reportPreview.documentMap().nodes, brickNavigation);
+            if (reportPreview.documentMap)
+                this._setSelectedPathByNavigationNode(reportPreview.documentMap.nodes, brickNavigation);
         };
+        this._disposables.push({
+            dispose: reportPreview.events.on('documentMapChanged', (args) => {
+                var _a, _b;
+                this.treeListOptions = this.getTreeListModel(reportPreview.documentMap);
+                this.isEmpty = !(((_b = (_a = reportPreview.documentMap) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.length) > 0);
+            })
+        });
         this._disposables.push({ dispose: () => delete reportPreview.brickClickDocumentMapHandler });
-        var documentMapTabVisible = ko.pureComputed(() => !this.isEmpty());
-        this.tabInfo = new TabInfo({
+        this._disposables.push(this.tabInfo = new TabInfo({
             text: 'Document Map',
             template: 'dxrd-preview-document-map',
             model: this,
-            keyboardHelper: new TreeListKeyboardHelper(),
+            keyboardHelper: new TreeListKeyboardHelper(this.treeListController),
             localizationId: 'DevExpress.XtraPrinting.PrintingSystemCommand.DocumentMap',
             imageClassName: 'reportexplorer',
             imageTemplateName: 'dxrd-svg-tabs-reportexplorer',
-            visible: documentMapTabVisible
-        });
-        this.documentMapOptions = ko.pureComputed(() => {
-            return {
-                itemsProvider: new DocumentMapItemsProvider(reportPreview.documentMap()),
-                expandRootItems: true,
-                selectedPath: this._selectedPath,
-                treeListController: treeListController,
-                onItemsVisibilityChanged: () => { var _a, _b; return (_b = (_a = this.tabInfo) === null || _a === void 0 ? void 0 : _a.keyboardHelper) === null || _b === void 0 ? void 0 : _b.initialize(); }
-            };
-        });
-        this._disposables.push(this.tabInfo, documentMapTabVisible, this.documentMapOptions, this.isEmpty);
+            visible: !this.isEmpty
+        }));
+    }
+    onPropertyChanged(args) {
+        if (args.propertyName === 'isEmpty') {
+            this.tabInfo.visible = !this.isEmpty;
+        }
+        else if (args.propertyName === 'selectedPath') {
+            this._selectedPathChangedEvent && this._selectedPathChangedEvent(this.selectedPath);
+        }
+        else if (args.propertyName === 'treeListOptions') {
+            this._treeListChangedEvent && this._treeListChangedEvent(this.treeListOptions);
+        }
+    }
+    getTreeListModel(documentMap) {
+        return {
+            itemsProvider: new DocumentMapItemsProvider(documentMap),
+            expandRootItems: true,
+            selectedPath: this.selectedPath,
+            treeListController: this.treeListController,
+            onItemsVisibilityChanged: () => { var _a, _b; return (_b = (_a = this.tabInfo) === null || _a === void 0 ? void 0 : _a.keyboardHelper) === null || _b === void 0 ? void 0 : _b.initialize(); },
+            setSelectedPathChangedEvent: (callback) => {
+                this._selectedPathChangedEvent = callback;
+                return () => this._selectedPathChangedEvent = undefined;
+            },
+            setTreeListChangedEvent: (callback) => {
+                this._treeListChangedEvent = callback;
+                return () => this._treeListChangedEvent = undefined;
+            },
+            getSelectedPath: () => this.selectedPath,
+            setSelectedPath: (newPath) => this.selectedPath = newPath
+        };
+    }
+    updateViewModel(args) {
+        let viewModel = this.getViewModel();
+        viewModel.treeListOptions = this.treeListOptions;
+    }
+    createViewModel() {
+        return createViewModelGenerator(super.createViewModel())
+            .generateProperty('treeListOptions', this.treeListOptions)
+            .generateProperty('onInitialized', (event) => event.component.option('useKeyboard', false))
+            .generateProperty('keyboardHelper', this.tabInfo.keyboardHelper)
+            .getViewModel();
     }
     dispose() {
         super.dispose();
         this.removeProperties();
     }
 }
+__decorate([
+    mutable('0')
+], DocumentMapModel.prototype, "selectedPath", void 0);
+__decorate([
+    mutable(null)
+], DocumentMapModel.prototype, "treeListOptions", void 0);
+__decorate([
+    mutable(true)
+], DocumentMapModel.prototype, "isEmpty", void 0);

package/viewer/documentMap/_documentMapTreeListController.d.ts

@@ -1,19 +1,19 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapTreeListController.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { TreeListItemViewModel, ITreeListController } from '@devexpress/analytics-core/analytics-widgets-internal';
-import { IDataMemberInfo } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
+import { TreeListItemViewModel, ITreeListController, TreeListRootItemViewModel } from '@devexpress/analytics-core/analytics-widgets-internal-native';
+import { IDataMemberInfo } from '@devexpress/analytics-core/analytics-utils-native';
 export declare class DocumentMapTreeListController implements ITreeListController {
     itemsFilter(item: IDataMemberInfo): boolean;
     hasItems(item: IDataMemberInfo): boolean;
     canSelect(value: TreeListItemViewModel): boolean;
     select(value: TreeListItemViewModel): void;
     showIconsForChildItems(): boolean;
-    selectedItem: ko.Observable<TreeListItemViewModel>;
-    clickHandler: (item: TreeListItemViewModel) => any;
+    selectedItem: TreeListItemViewModel;
+    clickHandler: (item: TreeListItemViewModel) => void;
+    root: TreeListRootItemViewModel;
 }

package/viewer/documentMap/_documentMapTreeListController.js

@@ -1,14 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapTreeListController.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import * as ko from 'knockout';
 export class DocumentMapTreeListController {
     constructor() {
-        this.selectedItem = ko.observable(null);
         this.clickHandler = (item) => void 0;
     }
     itemsFilter(item) {
@@ -21,10 +19,10 @@ export class DocumentMapTreeListController {
         return true;
     }
     select(value) {
-        if (this.canSelect(value) && value !== this.selectedItem.peek()) {
-            this.selectedItem.peek() && this.selectedItem.peek().isSelected(false);
-            this.selectedItem(value);
-            value.isSelected(true);
+        if (this.canSelect(value) && value !== this.selectedItem) {
+            this.selectedItem && (this.selectedItem.isSelected = false);
+            this.selectedItem = value;
+            value.isSelected = true;
         }
     }
     showIconsForChildItems() {

package/viewer/editing/editingField.d.ts

@@ -1,14 +1,16 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\editing\editingField.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { Disposable, ISerializationInfo } from '@devexpress/analytics-core/analytics-utils';
-import * as ko from 'knockout';
+import { ArrayPropertyChangedEventArgs, BaseRenderingModel, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { ISerializationInfo } from '@devexpress/analytics-core/analytics-utils-native';
+import { PreviewPage } from '../internal/_page';
 import { IBrickNode } from '../utils/utils';
 import { GlyphStyle } from './models/checkEditingField';
+import { EditingFieldBase } from './models/editingFieldBase';
 export interface IBounds {
     left: number;
     top: number;
@@ -45,7 +47,7 @@ export interface IImageBrickData extends IImageSourceBrickData {
     alignment: ImageAlignment;
     sizeMode: ImageSizeMode;
 }
-export interface IEditingFieldModel {
+export interface IEditingFieldSerializedModel {
     id: string;
     groupID: string;
     readOnly: boolean;
@@ -73,40 +75,50 @@ export interface IEditingFieldModel {
         };
     };
 }
-export interface IEditingFieldViewModel {
+export interface IEditingFieldModel {
     template: string;
     field: EditingField;
-    activateEditor?: (viewModel: any, e: any) => void;
+    canActivateEditor: boolean;
+    activateEditor: (viewModel: any, e: any) => void;
     hideEditor?: (shouldCommit: boolean) => void;
-    active?: ko.Observable<boolean>;
+    active?: boolean;
     onClick?: (viewModel: any, e: any) => void;
     dispose?: () => void;
 }
 export interface IEditingFieldHtmlProvider {
-    getEditingFieldHtml: (value: string, editingFieldIndex: number) => JQueryPromise<string>;
+    getEditingFieldHtml: (value: unknown, editingFieldIndex: number) => JQueryPromise<string>;
 }
 export declare var sizing: ISerializationInfo;
 export declare var imageAlignment: ISerializationInfo;
-export declare class EditingField extends Disposable {
-    protected _model: IEditingFieldModel;
+export interface IEditValueContainerViewModel<T = unknown> extends IViewModel {
+    readOnly: boolean;
+    editValue: T;
+    editorValue: T;
+    htmlValue: string;
+}
+export declare class EditingField<T = unknown> extends BaseRenderingModel<IEditValueContainerViewModel<T>> {
+    protected _fieldModel: IEditingFieldSerializedModel;
     private _needToUseHtml;
     private _index;
     private _htmlProvider;
-    private _readOnly;
-    constructor(model: IEditingFieldModel, index: number, htmlProvider: IEditingFieldHtmlProvider);
+    constructor(model: IEditingFieldSerializedModel, index: number, htmlProvider: IEditingFieldHtmlProvider);
     private _refreshHtmlValue;
-    editingFieldChanged(field: EditingField, oldVal: any, newVal: any): any;
-    readOnly: ko.Observable<boolean> | ko.Computed<boolean>;
-    modelValue: ko.Observable | ko.Computed;
-    editValue: ko.Computed<any>;
+    setEditValue(newVal: T): void;
+    getEditValue(): T;
+    onPropertyChanged(args: PropertyChangedEventArgs<EditingField> | ArrayPropertyChangedEventArgs<EditingField>): void;
+    editingFieldChanged(field: EditingField, oldVal: T, newVal: T): T;
+    createViewModel(): IEditValueContainerViewModel<T>;
+    updateViewModel(args: PropertyChangedEventArgs<EditingField<T>> | ArrayPropertyChangedEventArgs<EditingField<T>>): void;
+    readOnly: boolean;
+    editValue: T;
     brick: IBrickNode;
-    _editorValue: ko.Observable | ko.Computed;
-    htmlValue: ko.Observable<string> | ko.Computed<string>;
+    _editorValue: T;
+    htmlValue: string;
     editorName(): string;
     id(): string;
     groupID(): string;
     pageIndex(): number;
     type(): string;
-    model(): IEditingFieldModel;
-    createViewModel(zoom: ko.Observable<number> | ko.Computed<number>, pageWidth: number, pageHeight: number, editingFieldsProvider: () => EditingField[], bounds: IBounds): IEditingFieldViewModel;
+    model(): IEditingFieldSerializedModel;
+    createModel(page: PreviewPage, pageWidth: number, pageHeight: number, editingFieldsProvider: () => EditingField[], bounds: IBounds): EditingFieldBase;
 }