survey-creator-core 1.8.79-beta.1 → 1.9.3-beta.1

package/survey-creator-core.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for SurveyJS Creator JavaScript library v1.8.79-beta.1
+/*Type definitions for SurveyJS Creator JavaScript library v1.9.3-beta.1
 (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
 Github: https://github.com/surveyjs/survey-creator
 License: https://surveyjs.io/Licenses#SurveyCreator
@@ -6,9 +6,9 @@ License: https://surveyjs.io/Licenses#SurveyCreator
 // Dependencies for this module:
 //   ../../../survey-core
 
-import { Base, ItemValue, JsonObjectProperty, MatrixDropdownColumn, Question, SurveyModel } from "survey-core";
+import { Base, IAction, ItemValue, JsonObjectProperty, MatrixDropdownColumn, Question, SurveyModel } from "survey-core";
 import * as Survey from "survey-core";
-import { Base, SurveyModel, Question, PageModel, IElement, ActionContainer, AdaptiveActionContainer, IAction, Action, SurveyElement, ItemValue, QuestionSelectBase } from "survey-core";
+import { Base, SurveyModel, Question, PageModel, IElement, ActionContainer, AdaptiveActionContainer, IAction, Action, IPanel, SurveyElement, ItemValue, QuestionSelectBase } from "survey-core";
 import { DragDropSurveyElements, DragDropChoices } from "survey-core";
 import { Base, SurveyModel } from "survey-core";
 import { SurveyModel } from "survey-core";
@@ -19,10 +19,10 @@ import { Base, SurveyModel, JsonObjectProperty, PageModel, ILocalizableString, Q
 import { SurveyModel, Action } from "survey-core";
 import { Base, PageModel, SurveyModel } from "survey-core";
 import { SurveyModel, Action, QuestionMatrixDynamicModel } from "survey-core";
-import { PopupModel, ListModel, Base, SurveyModel, IAction, Action } from "survey-core";
+import { PageModel, PopupModel, ListModel, Base, SurveyModel, IAction, Action } from "survey-core";
 import { PageModel, SurveyModel } from "survey-core";
 import { Base, SurveyModel, SurveyTemplateRendererTemplateData, QuestionRowModel } from "survey-core";
-import { SurveyElement, SurveyModel, SurveyTemplateRendererTemplateData, Action, DragTypeOverMeEnum } from "survey-core";
+import { SurveyElement, SurveyModel, SurveyTemplateRendererTemplateData, Action, PopupModel, ListModel, DragTypeOverMeEnum, IAction } from "survey-core";
 import { SurveyElement, SurveyTemplateRendererTemplateData, SurveyModel } from "survey-core";
 import { SurveyElement, SurveyTemplateRendererTemplateData, SurveyModel, QuestionRatingModel } from "survey-core";
 import { Base, ItemValue, QuestionSelectBase, SurveyModel } from "survey-core";
@@ -1786,6 +1786,9 @@ export declare var settings: {
                 showTabs: boolean;
                 showToolbar: boolean;
         };
+        jsonEditor: {
+                indentation: number;
+        };
 };
 export interface ICollectionItemAllowOperations {
         allowDelete: boolean;
@@ -1805,6 +1808,7 @@ export interface ISurveyCreatorOptions {
         getObjectDisplayName(obj: Base, reason: string, displayName: string): string;
         onCanShowPropertyCallback(object: any, property: JsonObjectProperty, showMode: string, parentObj: any, parentProperty: JsonObjectProperty): boolean;
         onPropertyEditorCreatedCallback(object: any, property: JsonObjectProperty, editor: Question): any;
+        onPropertyEditorUpdateTitleActionsCallback(object: any, property: JsonObjectProperty, editor: Question, titleActions: IAction[]): any;
         onIsPropertyReadOnlyCallback(obj: Base, property: JsonObjectProperty, readOnly: boolean, parentObj: Base, parentProperty: JsonObjectProperty): boolean;
         onCanDeleteItemCallback(object: any, item: Base, allowDelete: boolean): boolean;
         onCollectionItemDeletingCallback(obj: Base, property: JsonObjectProperty, collection: Array<Base>, item: Base): boolean;
@@ -1835,6 +1839,7 @@ export declare class EmptySurveyCreatorOptions implements ISurveyCreatorOptions
         getObjectDisplayName(obj: Base, reason: string, displayName: string): string;
         onCanShowPropertyCallback(object: any, property: JsonObjectProperty, showMode: string, parentObj: any, parentProperty: JsonObjectProperty): boolean;
         onPropertyEditorCreatedCallback(object: any, property: JsonObjectProperty, editor: Question): void;
+        onPropertyEditorUpdateTitleActionsCallback(object: any, property: JsonObjectProperty, editor: Question, titleActions: IAction[]): void;
         onIsPropertyReadOnlyCallback(obj: Base, property: JsonObjectProperty, readOnly: boolean, parentObj: Base, parentProperty: JsonObjectProperty): boolean;
         onCanDeleteItemCallback(object: any, item: Base, allowDelete: boolean): boolean;
         onCollectionItemDeletingCallback(obj: Base, property: JsonObjectProperty, collection: Array<Base>, item: Base): boolean;
@@ -1854,6 +1859,7 @@ export declare class EmptySurveyCreatorOptions implements ISurveyCreatorOptions
 
 import "./components/creator.scss";
 import "./components/string-editor.scss";
+import "./creator-theme/creator.scss";
 export interface IKeyboardShortcut {
         name?: string;
         hotKey: {
@@ -1887,6 +1893,10 @@ export declare class TabbedMenuItem extends Action implements ITabbedMenuItem {
 export declare class TabbedMenuContainer extends AdaptiveActionContainer<TabbedMenuItem> {
         constructor();
 }
+export declare class ToolbarActionContainer extends ActionContainer {
+        constructor(creator: CreatorBase);
+        protected getRenderedActions(): Array<Action>;
+}
 export declare type toolBoxLocationType = "left" | "right" | "insideSideBar" | "hidden";
 /**
     * Base class for Survey Creator.
@@ -1894,7 +1904,7 @@ export declare type toolBoxLocationType = "left" | "right" | "insideSideBar" | "
 export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Survey.Base implements ISurveyCreatorOptions, ICreatorSelectionOwner {
         protected options: ICreatorOptions;
         /**
-            * Set it to true to show "JSON Editor" tab and to false to hide the tab
+            * Set it to true to show "Designer" tab and to false to hide the tab
             */
         showDesignerTab: boolean;
         /**
@@ -1902,9 +1912,15 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             */
         showJSONEditorTab: boolean;
         /**
-            * Set it to true to show "Test Survey" tab and to false to hide the tab
+            * Obsolete. Please use showPreviewTab property
+            * @see showPreviewTab
             */
         showTestSurveyTab: boolean;
+        /**
+            * Set it to true to show "Preview" tab and to false to hide the tab
+            */
+        get showPreviewTab(): boolean;
+        set showPreviewTab(val: boolean);
         /**
             * Set it to true to show "Embed Survey" tab and to false to hide the tab
             */
@@ -1917,6 +1933,10 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             * Set it to true to show "Logic" tab and to false to hide the tab
             */
         showLogicTab: boolean;
+        /**
+            * Set delay for page hover
+            */
+        pageHoverDelay: number;
         /**
             * Set it to false to hide survey title and coresponding properties
             */
@@ -1955,7 +1975,7 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             * Returns the current show view name. The possible returns values are:
             * "designer", "editor", "test", "embed", "logic" and "translation".
             * @see showDesigner
-            * @see showTestSurvey
+            * @see showPreview
             * @see showJsonEditor
             * @see showLogicEditor
             * @see showTranslationEditor
@@ -1965,7 +1985,15 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         get isDesignerShowing(): boolean;
         showDesigner(): void;
         get isTestSurveyShowing(): boolean;
+        /**
+            * Return true if Preview tab is currently active
+            */
+        get isPreviewShowing(): boolean;
         showTestSurvey(): void;
+        /**
+            * Show Preview tab
+            */
+        showPreview(): void;
         protected plugins: {
                 [name: string]: ICreatorPlugin;
         };
@@ -1995,7 +2023,7 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             * The event is fired when the survey creator creates a survey object (Survey.Survey).
             * <br/> sender the survey creator object that fires the event
             * <br/> options.survey the survey object showing in the creator.
-            * <br/> options.reason indicates what component of the creator requests the survey. There are several reason types: "designer" - survey for designer survey, "test" - survey for "Test Survey" tab and "conditionEditor", "defaultValueEditor", "restfulEditor" - surveys for different property editors.
+            * <br/> options.reason indicates what component of the creator requests the survey. There are several reason types: "designer" - survey for designer survey, "test" - survey for "Preview" tab and "conditionEditor", "defaultValueEditor", "restfulEditor" - surveys for different property editors.
             */
         onSurveyInstanceCreated: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
@@ -2007,8 +2035,8 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             * <br/> options.displayName change this property to show your custom display name for the object
             * <br/> The list of possible values in options.reason:
             * <br/> "condition" - raised from Condition modal window or on setup condition in a logic tab
-            * <br/> "survey-tester" - raised from page selector list in "Test Survey" tab
-            * <br/> "survey-tester-selected" - raised on setting page selector title in "Test Survey" tab
+            * <br/> "survey-tester" - raised from page selector list in "Preview" tab
+            * <br/> "survey-tester-selected" - raised on setting page selector title in "Preview" tab
             * <br/> "survey-translation" - raised from translation tab
             * <br/> "property-grid" - raised from showing object selector for property grid in "Designer" tab.
             * @see showObjectTitles
@@ -2065,14 +2093,23 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             */
         onPropertyEditorCreated: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
-            * The event is called before rendering a delete button in the Property Grid or in Question Editor.
-            * Obsolete, please use onCollectionItemAllowOperations
-            * <br/> sender the survey creator object that fires the event
-            * <br/> options.obj the survey Question
-            * <br/> options.item the object property (Survey.JsonObjectProperty object). It has name, className, type, visible, readOnly and other properties
-            * <br/> options.canDelete a boolean value. It is true by default. Set it false to remove delete button from the Property Grid or in Question Editor
-            * @see onCollectionItemAllowOperations
+            * The event is called after a property editor setups its title actions.
+            * You can use this event to modify the property editor title actions
+            * <br/> options.obj the survey object that is currently editing in the property grid
+            * <br/> options.property the property that the current property editor is editing
+            * <br/> options.editor the property editor. In fact it is a survey question. We are using a heavily customizable survey as a property grid in Creator V2. It means that every property editor is a question.
+            * <br/> options.titleActions the list of title actions.
             */
+        onPropertyEditorUpdateTitleActions: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
+        /**
+             * The event is called before rendering a delete button in the Property Grid or in Question Editor.
+             * Obsolete, please use onCollectionItemAllowOperations
+             * <br/> sender the survey creator object that fires the event
+             * <br/> options.obj the survey Question
+             * <br/> options.item the object property (Survey.JsonObjectProperty object). It has name, className, type, visible, readOnly and other properties
+             * <br/> options.canDelete a boolean value. It is true by default. Set it false to remove delete button from the Property Grid or in Question Editor
+             * @see onCollectionItemAllowOperations
+             */
         onCanDeleteItem: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
             * The event is called on deleting a collection item from the Property Editor. For example: column in columns editor or item in choices and so on.
@@ -2250,10 +2287,15 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             */
         onDesignerSurveyCreated: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
-            * The event is fired when the survey creator runs the survey in the test mode.
+            * The event is fired when the survey creator creates survey in Preview tab for testing.
             * <br/> sender the survey creator object that fires the event
-            * <br/> options.survey  the survey object showing in the "Test survey" tab.
+            * <br/> options.survey  the survey object showing in the "Preview" tab.
             */
+        onPreviewSurveyCreated: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
+        /**
+             * Obsolete. Please use onPreviewSurveyCreated event.
+             * @see onPreviewSurveyCreated
+             */
         onTestSurveyCreated: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
             * The event is called in case of UI notifications. By default all notifications are done via built-in alert () function.
@@ -2345,29 +2387,51 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             */
         maximumRateValues: number;
         /**
-            * Set this property to false to hide the pages selector in the Test Survey Tab
+            * Obsolete. Please use showPagesInPreviewTab
             */
         showPagesInTestSurveyTab: boolean;
         /**
-            * Set this property to false to hide the device simulator in the Test Survey Tab
+            * Set this property to false to hide the pages selector in the Preview Tab
+            */
+        get showPagesInPreviewTab(): boolean;
+        set showPagesInPreviewTab(val: boolean);
+        /**
+            * Obsolete. Please use showSimulatorInPreviewTab.
+            * @see showSimulatorInPreviewTab
             */
         showSimulatorInTestSurveyTab: boolean;
+        /**
+            * Set this property to false to hide the device simulator in the Preview Tab
+            */
+        get showSimulatorInPreviewTab(): boolean;
+        set showSimulatorInPreviewTab(val: boolean);
         /**
             * Set this property to false to disable pages adding, editing and deleting
             */
         allowModifyPages: boolean;
+        /**
+            * Obsolete. Please use showDefaultLanguageInPreviewTab
+            * @see showDefaultLanguageInPreviewTab
+            */
+        showDefaultLanguageInTestSurveyTab: boolean | string;
         /**
             * The default value is _"auto"_. It shows the language selector if there are more than two languages are using in the survey.
             * It shows only used languages in the survey.
-            * Set this property to _false_ to hide the default language selector in the Test Survey Tab.
+            * Set this property to _false_ to hide the default language selector in the Preview Tab.
             * Set it to _true_ to show this selector even if there is only one language in the survey
             * Set it to _all_ to show the selector with all available languages (30+)
             */
-        showDefaultLanguageInTestSurveyTab: boolean | string;
+        get showDefaultLanguageInPreviewTab(): boolean | string;
+        set showDefaultLanguageInPreviewTab(val: boolean | string);
         /**
-            * Set this property to false to hide the show invisible element checkbox in the Test Survey Tab
+            * Set this property to false to hide the show invisible element checkbox in the Preview Tab
             */
         showInvisibleElementsInTestSurveyTab: boolean;
+        /**
+            * Set this property to false to hide the show invisible element checkbox in the Preview Tab
+            */
+        get showInvisibleElementsInPreviewTab(): boolean;
+        set showInvisibleElementsInPreviewTab(val: boolean);
         /**
             * Set this property to true if you want to show "page selector" in the toolabar instead of "pages editor"
             */
@@ -2524,7 +2588,7 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         get JSON(): any;
         set JSON(val: any);
         loadSurvey(surveyId: string): void;
-        protected doClickQuestionCore(element: IElement, modifiedType?: string, index?: number): void;
+        protected doClickQuestionCore(element: IElement, modifiedType?: string, index?: number, panel?: IPanel): void;
         setNewNames(element: Survey.ISurveyElement): void;
         protected getAllQuestions(): Array<any>;
         protected getAllPanels(): Array<any>;
@@ -2628,7 +2692,7 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             * Returns true if selected element is null or there is no errors.
             */
         validateSelectedElement(): boolean;
-        clickToolboxItem(newElement: any): void;
+        clickToolboxItem(newElement: any, panel?: IPanel): void;
         getJSONForNewElement(json: any): any;
         /**
             * Open file chooser dialog
@@ -2657,6 +2721,7 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         set alwaySaveTextInPropertyEditors(value: boolean);
         onCanShowPropertyCallback(object: any, property: Survey.JsonObjectProperty, showMode: string, parentObj: any, parentProperty: Survey.JsonObjectProperty): boolean;
         onPropertyEditorCreatedCallback(object: any, property: Survey.JsonObjectProperty, editor: Question): void;
+        onPropertyEditorUpdateTitleActionsCallback(object: any, property: Survey.JsonObjectProperty, editor: Question, titleActions: IAction[]): void;
         onCanDeleteItemCallback(object: any, item: Survey.Base, allowDelete: boolean): boolean;
         onCollectionItemDeletingCallback(obj: Survey.Base, property: Survey.JsonObjectProperty, collection: Array<Survey.Base>, item: Survey.Base): boolean;
         onCollectionItemAllowingCallback(obj: Base, property: Survey.JsonObjectProperty, collection: Array<Base>, item: Base, itemOptions: ICollectionItemAllowOperations): void;
@@ -2685,15 +2750,16 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         get saveSurveyFunc(): any;
         set saveSurveyFunc(value: any);
         convertCurrentQuestion(newType: string): void;
+        getAddNewQuestionText(currentAddQuestionType?: string): any;
         get addNewQuestionText(): any;
-        getQuestionTypeSelectorModel(beforeAdd: () => void): {
+        getQuestionTypeSelectorModel(beforeAdd: (type: string) => void, panel?: IPanel): {
                 iconName: string;
                 action: () => void;
                 popupModel: Survey.PopupModel<{
                         model: Survey.ListModel;
                 }>;
         };
-        addNewQuestionInPage(beforeAdd: () => void): void;
+        addNewQuestionInPage(beforeAdd: (string: any) => void, panel?: IPanel, type?: string): void;
         createIActionBarItemByClass(className: string, title?: string): Action;
         onElementMenuItemsChanged(element: any, items: Action[]): void;
         getElementAllowOperations(element: SurveyElement): any;
@@ -3070,7 +3136,8 @@ export declare class TranslationGroup extends TranslationItemBase {
     name: any;
     obj: any;
     text: string;
-    constructor(name: any, obj: any, translation?: ITranslationLocales, text?: string);
+    hasIndent: boolean;
+    constructor(name: any, obj: any, translation?: ITranslationLocales, text?: string, hasIndent?: boolean);
     getType(): string;
     showHeader: boolean;
     get items(): Array<TranslationItemBase>;
@@ -3473,7 +3540,9 @@ export declare class TabDesignerViewModel<T extends SurveyModel> extends Base {
     get isToolboxVisible(): boolean;
     initSurvey(): void;
     dispose(): void;
+    clickDesigner(): void;
     getDesignerCss(): string;
+    getRootCss(): string;
 }
 
 export declare class TabDesignerPlugin<T extends SurveyModel> implements ICreatorPlugin {
@@ -3485,6 +3554,7 @@ export declare class TabDesignerPlugin<T extends SurveyModel> implements ICreato
     deactivate(): boolean;
     update(): void;
     createActions(): Action[];
+    selectSurvey(): void;
     addFooterActions(): void;
 }
 
@@ -3569,6 +3639,7 @@ export declare var logicCss: {
         requiredText: string;
     };
     paneldynamic: {
+        mainRoot: string;
         root: string;
         navigation: string;
         title: string;
@@ -3599,6 +3670,7 @@ export declare var logicCss: {
     pageTitle: string;
     pageDescription: string;
     row: string;
+    rowMultiple: string;
     question: {
         mainRoot: string;
         flowRoot: string;
@@ -3628,7 +3700,6 @@ export declare var logicCss: {
     };
     image: {
         root: string;
-        image: string;
     };
     error: {
         root: string;
@@ -3792,6 +3863,7 @@ export declare var logicCss: {
         itemDisabled: string;
     };
     comment: {
+        mainRoot: string;
         root: string;
         small: string;
     };
@@ -3839,13 +3911,16 @@ export declare var logicCss: {
             buttonCollapsed: string;
         };
     };
+    embeddedsurvey: {
+        mainRoot: string;
+    };
 };
 
 export declare class ToolboxToolViewModel extends Base {
     protected item: IQuestionToolboxItem;
     protected creator: CreatorBase<SurveyModel>;
     constructor(item: IQuestionToolboxItem, creator: CreatorBase<SurveyModel>);
-    click: (event: any) => boolean;
+    click: (event: any) => void;
     get allowAdd(): boolean;
     onPointerDown(pointerDownEvent: any): boolean;
 }
@@ -3863,6 +3938,9 @@ export declare class PageNavigatorViewModel<T extends SurveyModel> extends Base
     isPopupOpened: boolean;
     protected createActionBarCore(item: IAction): Action;
     togglePageSelector: () => void;
+    get pageSelectorCaption(): any;
+    onContainerScroll(viewPort: HTMLDivElement): any;
+    currentPage: PageModel;
 }
 
 import "./page.scss";
@@ -3871,6 +3949,7 @@ export declare class PageViewModel<T extends SurveyModel> extends ActionContaine
     isPageLive: boolean;
     onPageSelectedCallback: () => void;
     questionTypeSelectorModel: any;
+    currentAddQuestionType: string;
     constructor(creator: CreatorBase<T>, page: PageModel);
     protected onElementSelectedChanged(isSelected: boolean): void;
     dispose(): void;
@@ -3900,6 +3979,7 @@ import "./question.scss";
 export declare class QuestionAdornerViewModel extends ActionContainerViewModel<SurveyModel> {
     templateData: SurveyTemplateRendererTemplateData;
     isDragged: boolean;
+    currentAddQuestionType: string;
     constructor(creator: CreatorBase<SurveyModel>, surveyElement: SurveyElement, templateData: SurveyTemplateRendererTemplateData);
     select(model: QuestionAdornerViewModel, event: IPortableMouseEvent): boolean;
     rootCss(): "" | " svc-question__adorner--start-with-new-line";
@@ -3916,8 +3996,18 @@ export declare class QuestionAdornerViewModel extends ActionContainerViewModel<S
     set isRequired(newVal: any);
     startDragSurveyElement(event: PointerEvent): boolean;
     get allowEdit(): boolean;
+    getConvertToTypesActions(): Array<IAction>;
     protected buildActions(items: Array<Action>): void;
     protected duplicate(): void;
+    addNewQuestion(): void;
+    questionTypeSelectorModel: {
+        iconName: string;
+        action: () => void;
+        popupModel: PopupModel<{
+            model: ListModel;
+        }>;
+    };
+    get addNewQuestionText(): string;
 }
 
 import "./question-image.scss";
@@ -4298,6 +4388,7 @@ export interface IPropertyGridEditor {
     onMatrixCellValueChanged?: (obj: Base, options: any) => void;
     onMatrixAllowRemoveRow?: (obj: Base, row: any) => boolean;
     onGetQuestionTitleActions?: (obj: Base, options: any) => void;
+    onUpdateQuestionCssClasses?: (obj: Base, options: any) => void;
 }
 export declare var PropertyGridEditorCollection: {
     editors: IPropertyGridEditor[];
@@ -4313,6 +4404,7 @@ export declare var PropertyGridEditorCollection: {
     onMatrixCellValueChanged(obj: Base, prop: JsonObjectProperty, options: any): void;
     onMatrixAllowRemoveRow(obj: Base, prop: JsonObjectProperty, row: MatrixDynamicRowModel): boolean;
     onGetMatrixRowAction(obj: Base, prop: JsonObjectProperty, options: any, setObjFunc: (obj: Base) => void): void;
+    onUpdateQuestionCssClasses(obj: Base, prop: JsonObjectProperty, options: any): void;
     onGetQuestionTitleActions(obj: Base, prop: JsonObjectProperty, options: any): void;
     onValueChanged(obj: Base, prop: JsonObjectProperty, question: Question): void;
     onMasterValueChanged(obj: Base, prop: JsonObjectProperty, question: Question): void;
@@ -4356,7 +4448,9 @@ export declare abstract class PropertyGridEditor implements IPropertyGridEditor
     constructor();
     abstract fit(prop: JsonObjectProperty): boolean;
     abstract getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
-    showModalPropertyEditor(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions): any;
+    showModalPropertyEditor(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions, onClose?: (reason: "apply" | "cancel") => void): any;
+    protected onModalPropertyEditorShown(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions): void;
+    protected onModalPropertyEditorClosed(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions, reason: "apply" | "cancel"): void;
 }
 export declare class PropertyGridEditorBoolean extends PropertyGridEditor {
     fit(prop: JsonObjectProperty, context?: string): boolean;
@@ -4587,8 +4681,10 @@ export declare class PropertyGridEditorQuestionRestfull extends PropertyGridEdit
 export declare class QuestionLinkValueModel extends Question {
     linkClickCallback: () => void;
     resetClickCallback: () => void;
+    isSelected: boolean;
     linkValueText: string;
     showClear: boolean;
+    allowClear: boolean;
     showValueInLink: boolean;
     constructor(name: string, json?: any);
     protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
@@ -4600,6 +4696,7 @@ export declare abstract class PropertyGridValueEditorBase extends PropertyGridEd
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
     onCreated: (obj: Base, question: Question, prop: JsonObjectProperty, options: ISurveyCreatorOptions) => void;
     clearPropertyValue(obj: Base, prop: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions): void;
+    onUpdateQuestionCssClasses(obj: Base, options: any): void;
     protected isValueEmpty(val: any): boolean;
 }
 export declare class PropertyGridCellsEditor extends PropertyGridValueEditorBase {
@@ -4694,6 +4791,7 @@ export declare var propertyGridCss: {
     pageTitle: string;
     pageDescription: string;
     row: string;
+    rowMultiple: string;
     question: {
         mainRoot: string;
         flowRoot: string;
@@ -4917,11 +5015,11 @@ export declare var propertyGridCss: {
 export declare class QuestionConverter {
     static convertInfo: {};
     static addConvertInfo(className: string, convertToClassName: string): void;
-    static getConvertToClasses(className: string, availableTypes?: Array<string>): Array<string>;
+    static getConvertToClasses(className: string, availableTypes?: Array<string>, includeCurrent?: boolean): Array<string>;
     static convertObject(obj: Survey.Question, convertToClass: string): Survey.Question;
 }
 
-export declare var SvgBundleViewModel: any;
+export declare var svgBundle: string;
 
 export declare class SurveyTextWorker {
     text: string;
@@ -5136,10 +5234,13 @@ export declare class SideBarModel extends Base {
     getTabById(id: string): SideBarTabModel;
     constructor(creator: CreatorBase, collapseAction?: () => void, expandAction?: () => void);
     getExpandAction(): Action;
-    closePropertyGrid(): void;
+    collapseSideBar(): void;
+    expandSideBar(): void;
     addTab(id: string, componentName?: string, model?: any, buildActions?: () => Array<Action>): SideBarTabModel;
     updateHasVisibleTabs(): void;
     dispose(): void;
+    initResizeManager(container: HTMLDivElement): void;
+    resetResizeManager(): void;
 }
 
 export declare class SideBarTabModel extends Base {
@@ -5174,9 +5275,12 @@ export declare function getFirstNonTextElement(elements: any): any;
 export declare function getNodesFromKoComponentInfo(componentInfo: any): any;
 export declare function propertyExists(obj: any, propertyName: string): boolean;
 export declare function isPropertyVisible(obj: any, propertyName: string): boolean;
-export declare function toggleHovered(e: MouseEvent, element: HTMLElement): void;
+export declare function toggleHovered(e: MouseEvent, element: HTMLElement, timeout?: number): void;
 export declare function clearNewLines(text: string): string;
 export declare function select(element: any): void;
+export declare function copyObject(dst: any, src: any): void;
+export declare function copyCssClasses(dest: any, source: any): void;
+export declare function assignDefaultV2Classes(destination: any, questionType: string): void;
 
 export interface ISurveyQuestionEditorDefinition {
     title?: string;
@@ -5244,7 +5348,8 @@ export declare class Notifier extends Base {
 }
 
 export declare class ResizeManager {
-    constructor(container: HTMLElement);
+    constructor(container: HTMLElement, handles: string);
+    setHandles(newVal: string): void;
     dispose(): void;
 }
 
@@ -5694,6 +5799,7 @@ export interface IPropertyGridEditor {
     onMatrixCellValueChanged?: (obj: Base, options: any) => void;
     onMatrixAllowRemoveRow?: (obj: Base, row: any) => boolean;
     onGetQuestionTitleActions?: (obj: Base, options: any) => void;
+    onUpdateQuestionCssClasses?: (obj: Base, options: any) => void;
 }
 export declare var PropertyGridEditorCollection: {
     editors: IPropertyGridEditor[];
@@ -5709,6 +5815,7 @@ export declare var PropertyGridEditorCollection: {
     onMatrixCellValueChanged(obj: Base, prop: JsonObjectProperty, options: any): void;
     onMatrixAllowRemoveRow(obj: Base, prop: JsonObjectProperty, row: MatrixDynamicRowModel): boolean;
     onGetMatrixRowAction(obj: Base, prop: JsonObjectProperty, options: any, setObjFunc: (obj: Base) => void): void;
+    onUpdateQuestionCssClasses(obj: Base, prop: JsonObjectProperty, options: any): void;
     onGetQuestionTitleActions(obj: Base, prop: JsonObjectProperty, options: any): void;
     onValueChanged(obj: Base, prop: JsonObjectProperty, question: Question): void;
     onMasterValueChanged(obj: Base, prop: JsonObjectProperty, question: Question): void;
@@ -5752,7 +5859,9 @@ export declare abstract class PropertyGridEditor implements IPropertyGridEditor
     constructor();
     abstract fit(prop: JsonObjectProperty): boolean;
     abstract getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
-    showModalPropertyEditor(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions): any;
+    showModalPropertyEditor(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions, onClose?: (reason: "apply" | "cancel") => void): any;
+    protected onModalPropertyEditorShown(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions): void;
+    protected onModalPropertyEditorClosed(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions, reason: "apply" | "cancel"): void;
 }
 export declare class PropertyGridEditorBoolean extends PropertyGridEditor {
     fit(prop: JsonObjectProperty, context?: string): boolean;