devexpress-reporting 23.2.0-build-000-1111 → 23.2.1-alpha-23254-1700

package/viewer/documentMap/_documentMapModel.js

@@ -1,70 +1,119 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapModel.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 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';
+/**
+* DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapModel.js)
+* 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
+*/
+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.2.1-build-23191-1448
-* Build date: Jul 10, 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';
+/**
+* DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapTreeListController.d.ts)
+* 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, 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.2.1-build-23191-1448
-* Build date: Jul 10, 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';
+/**
+* DevExpress HTML/JS Reporting (viewer\documentMap\_documentMapTreeListController.js)
+* 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
+*/
 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.2.1-build-23191-1448
-* Build date: Jul 10, 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';
+/**
+* DevExpress HTML/JS Reporting (viewer\editing\editingField.d.ts)
+* 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 { 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;
 }

package/viewer/editing/editingField.js

@@ -1,14 +1,20 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\editing\editingField.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import { Disposable, fromEnum } from '@devexpress/analytics-core/analytics-utils';
-import { editorTemplates } from '@devexpress/analytics-core/analytics-widgets';
-import * as $ from 'jquery';
-import * as ko from 'knockout';
+/**
+* DevExpress HTML/JS Reporting (viewer\editing\editingField.js)
+* 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
+*/
+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 { extend } from '@devexpress/analytics-core/analytics-internal-native';
+import { BaseRenderingModel, createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { fromEnum } from '@devexpress/analytics-core/analytics-utils-native';
+import { editorTemplates } from '@devexpress/analytics-core/analytics-widgets-native';
 import { EditablePreviewEnabled } from '../settings';
 import { CharacterCombEditingFieldViewModel } from './models/characterCombEditingField';
 import { CheckEditingFieldViewModel } from './models/checkEditingField';
@@ -60,84 +66,110 @@ export var imageAlignment = {
         { value: 'BottomRight', displayValue: 'Bottom Right', localizationId: 'DevExpress.XtraPrinting.ImageAlignment.BottomRight' }
     ]
 };
-export class EditingField extends Disposable {
+export class EditingField extends BaseRenderingModel {
     constructor(model, index, htmlProvider) {
         super();
         this._needToUseHtml = false;
         this._index = -1;
-        this._model = model;
+        this._fieldModel = model;
         this._index = index;
-        this._readOnly = ko.observable(model.readOnly);
-        this._disposables.push(this.readOnly = ko.pureComputed({
-            read: () => {
-                return this._readOnly() || !EditablePreviewEnabled();
-            },
-            write: (newVal) => {
-                this._readOnly(newVal);
-            }
+        this.readOnly = model.readOnly || !EditablePreviewEnabled();
+        this.addDisposable(EditablePreviewEnabled.subscribe(value => {
+            if (!value)
+                this.readOnly = false;
         }));
-        this.modelValue = ko.observable(model.editValue);
-        this.editValue = ko.computed({
-            read: () => {
-                return this.modelValue();
-            },
-            write: (newVal) => {
-                var oldVal = this.modelValue();
-                this.modelValue(newVal);
-                var val = this.editingFieldChanged(this, oldVal, newVal);
-                val = val == null ? newVal : val;
-                if (val !== oldVal) {
-                    this._refreshHtmlValue(val);
-                }
-                if (val !== newVal) {
-                    this.modelValue(val);
-                    this._editorValue(val);
-                }
-            }
-        });
-        this._editorValue = ko.observable(model.editValue);
-        this.htmlValue = ko.observable(model.htmlValue);
+        this.editValue = model.editValue;
+        this._editorValue = model.editValue;
+        this.htmlValue = model.htmlValue;
         this._htmlProvider = htmlProvider;
     }
     _refreshHtmlValue(newValue) {
-        this.htmlValue(null);
+        this.htmlValue = null;
         if (this._needToUseHtml) {
             this._htmlProvider.getEditingFieldHtml(newValue, this._index).done((html) => {
-                this.htmlValue(html);
+                this.htmlValue = html;
             });
         }
     }
+    setEditValue(newVal) {
+        var oldVal = this.editValue;
+        this.editValue = newVal;
+        var val = this.editingFieldChanged(this, oldVal, newVal);
+        val = val == null ? newVal : val;
+        if (val !== oldVal) {
+            this._refreshHtmlValue(val);
+        }
+        if (val !== newVal) {
+            this.editValue = val;
+            this._editorValue = val;
+        }
+    }
+    getEditValue() {
+        return this.editValue;
+    }
+    onPropertyChanged(args) { }
     editingFieldChanged(field, oldVal, newVal) {
         return newVal;
     }
-    editorName() { return this._model.editorName; }
-    id() { return this._model.id; }
-    groupID() { return this._model.groupID; }
-    pageIndex() { return this._model.pageIndex; }
-    type() { return this._model.type; }
+    createViewModel() {
+        return createViewModelGenerator(super.createViewModel())
+            .generateProperty('readOnly', this.readOnly)
+            .generateProperty('editValue', this.editValue)
+            .generateProperty('htmlValue', this.htmlValue)
+            .generateProperty('editorValue', this._editorValue)
+            .getViewModel();
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        if (args.propertyName === 'readOnly')
+            viewModel.readOnly = this.readOnly;
+        if (args.propertyName === 'editValue')
+            viewModel.editValue = this.editValue;
+        if (args.propertyName === 'htmlValue')
+            viewModel.htmlValue = this.htmlValue;
+        if (args.propertyName === '_editorValue')
+            viewModel.editorValue = this._editorValue;
+    }
+    editorName() { return this._fieldModel.editorName; }
+    id() { return this._fieldModel.id; }
+    groupID() { return this._fieldModel.groupID; }
+    pageIndex() { return this._fieldModel.pageIndex; }
+    type() { return this._fieldModel.type; }
     model() {
-        return $.extend({}, this._model, {
-            readOnly: this.readOnly.peek(),
-            editValue: this.editValue.peek(),
-            htmlValue: this.htmlValue.peek(),
+        return extend({}, this._fieldModel, {
+            readOnly: this.readOnly,
+            editValue: this.editValue,
+            htmlValue: this.htmlValue,
         });
     }
-    createViewModel(zoom, pageWidth, pageHeight, editingFieldsProvider, bounds) {
-        if (this._model.type === 'check') {
-            return new CheckEditingFieldViewModel(this, pageWidth, pageHeight, zoom, editingFieldsProvider);
+    createModel(page, pageWidth, pageHeight, editingFieldsProvider, bounds) {
+        if (this._fieldModel.type === 'check') {
+            return new CheckEditingFieldViewModel(this, pageWidth, pageHeight, page, editingFieldsProvider);
         }
-        else if (this._model.type === 'text') {
-            this._needToUseHtml = bounds.height !== this._model.bounds.height || !!this._model.brickOptions.formatString;
+        else if (this._fieldModel.type === 'text') {
+            this._needToUseHtml = bounds.height !== this._fieldModel.bounds.height || !!this._fieldModel.brickOptions.formatString;
             if (!this._needToUseHtml) {
-                this.htmlValue(null);
+                this.htmlValue = null;
             }
-            return new TextEditingFieldViewModel(this, pageWidth, pageHeight, zoom, bounds);
+            return new TextEditingFieldViewModel(this, pageWidth, pageHeight, page, bounds);
         }
-        else if (this._model.type === 'charactercomb') {
-            return new CharacterCombEditingFieldViewModel(this, pageWidth, pageHeight, zoom, bounds);
+        else if (this._fieldModel.type === 'charactercomb') {
+            return new CharacterCombEditingFieldViewModel(this, pageWidth, pageHeight, page, bounds);
         }
-        else if (this._model.type === 'image') {
-            return new DefaultImageEditingFieldViewModel(this, pageWidth, pageHeight, zoom, bounds);
+        else if (this._fieldModel.type === 'image') {
+            return new DefaultImageEditingFieldViewModel(this, pageWidth, pageHeight, page, bounds);
         }
     }
 }
+__decorate([
+    mutable(false)
+], EditingField.prototype, "readOnly", void 0);
+__decorate([
+    mutable(null)
+], EditingField.prototype, "editValue", void 0);
+__decorate([
+    mutable(null)
+], EditingField.prototype, "_editorValue", void 0);
+__decorate([
+    mutable(null)
+], EditingField.prototype, "htmlValue", void 0);

package/viewer/editing/models/characterCombEditingField.d.ts

@@ -1,29 +1,29 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\editing\models\characterCombEditingField.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import { TextEditingFieldViewModelBase } from './textEditingField';
-import { IEditingFieldViewModel, EditingField, IBounds } from '../editingField';
-import * as ko from 'knockout';
-export declare class CharacterCombEditingFieldViewModel extends TextEditingFieldViewModelBase implements IEditingFieldViewModel {
-    field: EditingField;
-    constructor(field: EditingField, pageWidth: number, pageHeight: number, zoom: ko.Observable<number> | ko.Computed<number>, bounds: IBounds);
-    cells: {
-        text: string;
-        style: any;
-    }[];
-    rowsCount: number;
-    colsCount: number;
+/**
+* DevExpress HTML/JS Reporting (viewer\editing\models\characterCombEditingField.d.ts)
+* 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 { ITextEditingFieldViewModelBase, TextEditingFieldViewModelBase } from './textEditingField';
+import { IEditingFieldModel, EditingField, IBounds } from '../editingField';
+import { PreviewPage } from '../../internal/_page';
+interface ICharacterCombCell {
+    text: string;
+    style: any;
+}
+export interface ICharacterCombEditingFieldViewModel extends ITextEditingFieldViewModelBase {
+    cells: ICharacterCombCell[];
+}
+export declare class CharacterCombEditingFieldViewModel extends TextEditingFieldViewModelBase<ICharacterCombEditingFieldViewModel> implements IEditingFieldModel {
+    field: EditingField<string>;
+    constructor(field: EditingField<string>, pageWidth: number, pageHeight: number, page: PreviewPage, bounds: IBounds);
+    private _createCellViewModels;
+    createViewModel(): ICharacterCombEditingFieldViewModel;
+    cells: ICharacterCombCell[];
     template: string;
-    containerStyle: () => {};
-    textStyle: () => {};
-    zoom: ko.Observable<number> | ko.Computed<number>;
-    active: ko.Observable<boolean>;
-    activateEditor(viewModel: any, e: any): void;
-    static setText(cells: {
-        text: string;
-    }[], textAlignment: string, rtl: boolean, text: string, rowsCount: number, colsCount: number): void;
+    canActivateEditor: boolean;
+    activateEditor(viewModel: CharacterCombEditingFieldViewModel, event: MouseEvent): void;
+    static setText(cells: ICharacterCombCell[], textAlignment: string, rtl: boolean, text: string, rowsCount: number, colsCount: number): void;
 }
+export {};