survey-creator-core 1.9.0-beta.1 → 1.9.4-beta.1

package/survey-creator-core.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for SurveyJS Creator JavaScript library v1.9.0-beta.1
+/*Type definitions for SurveyJS Creator JavaScript library v1.9.4-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";
@@ -31,6 +31,7 @@ import { SurveyModel, Base, Question } from "survey-core";
 import { Base } from "survey-core";
 import { Base, LocalizableString, JsonObjectProperty } from "survey-core";
 import { SurveyModel, QuestionNonValue } from "survey-core";
+import { Question } from "survey-core";
 import { Base, JsonObjectProperty, PanelModel, PanelModelBase, Question, SurveyModel, MatrixDynamicRowModel } from "survey-core";
 import { Base, JsonObjectProperty, Question } from "survey-core";
 import { Base, JsonObjectProperty, MatrixDynamicRowModel, Question, QuestionMatrixDynamicModel } from "survey-core";
@@ -325,6 +326,8 @@ export declare var enStrings: {
         propertyIsNoUnique: string;
         propertyNameIsNotUnique: string;
         listIsEmpty: string;
+        choicesListIsEmpty: string;
+        "addNew@choices": string;
         expressionIsEmpty: string;
         value: string;
         text: string;
@@ -1150,6 +1153,8 @@ export declare var defaultStrings: {
         propertyIsNoUnique: string;
         propertyNameIsNotUnique: string;
         listIsEmpty: string;
+        choicesListIsEmpty: string;
+        "addNew@choices": string;
         expressionIsEmpty: string;
         value: string;
         text: string;
@@ -1808,6 +1813,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;
@@ -1838,6 +1844,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;
@@ -1857,6 +1864,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: {
@@ -1901,7 +1909,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;
         /**
@@ -1909,9 +1917,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
             */
@@ -1925,8 +1939,16 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             */
         showLogicTab: boolean;
         /**
-            * Set it to false to hide survey title and coresponding properties
+            * Set delay for page hover
+            */
+        pageHoverDelay: number;
+        /**
+            * You need to set this property to true if you want to inplace edit item values instead of texts.
             */
+        inplaceEditForValues: boolean;
+        /**
+         * Set it to false to hide survey title and coresponding properties
+         */
         get allowEditSurveyTitle(): boolean;
         set allowEditSurveyTitle(val: boolean);
         /**
@@ -1962,7 +1984,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
@@ -1972,7 +1994,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;
         };
@@ -2002,7 +2032,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>;
         /**
@@ -2014,8 +2044,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
@@ -2072,14 +2102,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.
@@ -2257,10 +2296,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.
@@ -2352,29 +2396,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"
             */
@@ -2422,8 +2488,8 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         constructor(options: ICreatorOptions, options2?: ICreatorOptions);
         updateToolboxIsCompact(newVal?: boolean): void;
         onSurveyElementPropertyValueChanged(property: Survey.JsonObjectProperty, obj: any, newValue: any): void;
-        get showToolbox(): string;
-        set showToolbox(val: string);
+        get showToolbox(): "left" | "right" | "top" | "none" | boolean;
+        set showToolbox(val: "left" | "right" | "top" | "none" | boolean);
         onShowPropertyGridVisiblityChanged: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
             * Set this this property grid false to hide the property grid.
@@ -2531,7 +2597,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>;
@@ -2635,7 +2701,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
@@ -2664,6 +2730,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;
@@ -2692,15 +2759,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;
@@ -2752,8 +2820,8 @@ import "./json-editor-ace.scss";
 export declare class AceJsonEditorModel extends JsonEditorBaseModel {
     static aceBasePath: string;
     constructor(creator: CreatorBase<SurveyModel>);
-    get text(): string;
-    set text(value: string);
+    protected getText(): string;
+    protected setText(value: string): void;
     init(aceEditor: AceAjax.Editor): void;
     protected onTextChanged(): void;
     protected setErrors(errors: any[]): void;
@@ -2770,7 +2838,10 @@ export declare abstract class JsonEditorBaseModel extends Base {
     isJSONChanged: boolean;
     isProcessingImmediately: boolean;
     constructor(creator: CreatorBase<SurveyModel>);
-    abstract text: string;
+    get text(): string;
+    set text(val: string);
+    protected abstract getText(): string;
+    protected abstract setText(val: string): void;
     protected onEditorActivated(): void;
     onPluginActivate(): void;
     protected onTextChanged(): void;
@@ -2793,8 +2864,8 @@ export declare class TextareaJsonEditorModel extends JsonEditorBaseModel {
     canShowErrors: boolean;
     constructor(creator: CreatorBase<SurveyModel>);
     checkKey(data: any, e: any): boolean;
-    get text(): string;
-    set text(value: string);
+    protected getText(): string;
+    protected setText(value: string): void;
     get errorButtonText(): string;
     toggleErrors(): void;
     get userFriendlyErrors(): any[];
@@ -2811,6 +2882,7 @@ import "./test.scss";
 export declare class TestSurveyTabViewModel extends Base {
     pages: ActionContainer;
     prevPageAction: Action;
+    testAgainAction: Action;
     nextPageAction: Action;
     onSurveyCreatedCallback: (survey: SurveyModel) => any;
     simulator: SurveySimulatorModel;
@@ -3077,7 +3149,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>;
@@ -3480,7 +3553,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 {
@@ -3492,6 +3567,7 @@ export declare class TabDesignerPlugin<T extends SurveyModel> implements ICreato
     deactivate(): boolean;
     update(): void;
     createActions(): Action[];
+    selectSurvey(): void;
     addFooterActions(): void;
 }
 
@@ -3576,6 +3652,7 @@ export declare var logicCss: {
         requiredText: string;
     };
     paneldynamic: {
+        mainRoot: string;
         root: string;
         navigation: string;
         title: string;
@@ -3606,6 +3683,7 @@ export declare var logicCss: {
     pageTitle: string;
     pageDescription: string;
     row: string;
+    rowMultiple: string;
     question: {
         mainRoot: string;
         flowRoot: string;
@@ -3635,7 +3713,6 @@ export declare var logicCss: {
     };
     image: {
         root: string;
-        image: string;
     };
     error: {
         root: string;
@@ -3799,6 +3876,7 @@ export declare var logicCss: {
         itemDisabled: string;
     };
     comment: {
+        mainRoot: string;
         root: string;
         small: string;
     };
@@ -3846,13 +3924,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;
 }
@@ -3870,6 +3951,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";
@@ -3878,6 +3962,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;
@@ -3907,12 +3992,13 @@ 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";
     css(): string;
     get isDragMe(): boolean;
-    get dragTypeOverMe(): DragTypeOverMeEnum;
+    dragTypeOverMe: DragTypeOverMeEnum;
     dispose(): void;
     get isDraggable(): boolean;
     hover(event: MouseEvent, element: HTMLElement): void;
@@ -3921,10 +4007,21 @@ export declare class QuestionAdornerViewModel extends ActionContainerViewModel<S
     get placeholderText(): string;
     get isRequired(): any;
     set isRequired(newVal: any);
-    startDragSurveyElement(event: PointerEvent): boolean;
+    onPointerDown(pointerDownEvent: PointerEvent): void;
+    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";
@@ -3942,6 +4039,8 @@ export declare class QuestionRatingAdornerViewModel extends QuestionAdornerViewM
     removeItem(model: QuestionRatingAdornerViewModel): void;
     get allowAdd(): boolean;
     get allowRemove(): boolean;
+    get addTooltip(): any;
+    get removeTooltip(): any;
 }
 
 import "./item-value.scss";
@@ -4264,6 +4363,24 @@ export declare class QuestionEmbeddedSurveyModel extends QuestionNonValue {
     getType(): string;
 }
 
+import "./link-value.scss";
+export declare class QuestionLinkValueModel extends Question {
+    linkClickCallback: () => void;
+    resetClickCallback: () => void;
+    linkSetButtonCssClasses: string;
+    linkClearButtonCssClasses: string;
+    isSelected: boolean;
+    linkValueText: string;
+    showClear: boolean;
+    allowClear: boolean;
+    showValueInLink: boolean;
+    constructor(name: string, json?: any);
+    protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
+    getType(): string;
+    doLinkClick(): void;
+    doClearClick(): void;
+}
+
 export declare class SurveyJSON5 {
     static positionName: string;
     constructor(parseType?: number);
@@ -4305,6 +4422,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[];
@@ -4320,6 +4438,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;
@@ -4363,11 +4482,16 @@ 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;
+    protected isSupportGrouping(): boolean;
+    onUpdateQuestionCssClasses(obj: Base, options: any): void;
 }
 export declare class PropertyGridEditorBoolean extends PropertyGridEditor {
     fit(prop: JsonObjectProperty, context?: string): boolean;
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
+    protected isSupportGrouping(): boolean;
 }
 export declare abstract class PropertyGridEditorStringBase extends PropertyGridEditor {
     protected updateMaxLength(prop: JsonObjectProperty, json: any): any;
@@ -4464,6 +4588,8 @@ export declare abstract class PropertyGridEditorMatrix extends PropertyGridEdito
     protected getAllowRowDragDrop(): boolean;
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
     protected getMatrixJSON(obj: Base, prop: JsonObjectProperty, propNames: Array<string>, options: ISurveyCreatorOptions): any;
+    protected getHideColumnsEmpty(prop: JsonObjectProperty): boolean;
+    protected getEmptyRowsText(props: any): any;
     protected getMaximumRowCount(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): number;
     protected getColumnsJSON(obj: Base, prop: JsonObjectProperty, propNames: Array<string>, options: ISurveyCreatorOptions): any;
     protected getEditItemAsStandAlone(): boolean;
@@ -4480,6 +4606,8 @@ export declare class PropertyGridEditorMatrixItemValues extends PropertyGridEdit
     protected getColumnClassName(obj: Base, prop: JsonObjectProperty): string;
     protected getDefaulColumnNames(): Array<string>;
     protected getKeyValue(): string;
+    protected getHideColumnsEmpty(prop: JsonObjectProperty): boolean;
+    protected getEmptyRowsText(prop: any): any;
     protected getMaximumRowCount(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): number;
 }
 export declare class PropertyGridEditorMatrixColumns extends PropertyGridEditorMatrix {
@@ -4591,23 +4719,12 @@ export declare class PropertyGridEditorQuestionRestfull extends PropertyGridEdit
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
 }
 
-export declare class QuestionLinkValueModel extends Question {
-    linkClickCallback: () => void;
-    resetClickCallback: () => void;
-    linkValueText: string;
-    showClear: boolean;
-    showValueInLink: boolean;
-    constructor(name: string, json?: any);
-    protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
-    getType(): string;
-    doLinkClick(): void;
-    doClearClick(): void;
-}
 export declare abstract class PropertyGridValueEditorBase extends PropertyGridEditor {
     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;
     protected isValueEmpty(val: any): boolean;
+    protected isSupportGrouping(): boolean;
 }
 export declare class PropertyGridCellsEditor extends PropertyGridValueEditorBase {
     fit(prop: JsonObjectProperty): boolean;
@@ -4701,6 +4818,7 @@ export declare var propertyGridCss: {
     pageTitle: string;
     pageDescription: string;
     row: string;
+    rowMultiple: string;
     question: {
         mainRoot: string;
         flowRoot: string;
@@ -4749,6 +4867,7 @@ export declare var propertyGridCss: {
         itemHover: string;
         itemInline: string;
         label: string;
+        itemSvgIconId: string;
         labelChecked: string;
         itemControl: string;
         itemDecorator: string;
@@ -4782,6 +4901,7 @@ export declare var propertyGridCss: {
         itemChecked: string;
         itemIndeterminate: string;
         itemDisabled: string;
+        svgIconId: string;
         label: string;
         disabledLabel: string;
         itemDecorator: string;
@@ -4862,6 +4982,8 @@ export declare var propertyGridCss: {
         iconDrag: string;
         dragDropGhostPositionTop: string;
         dragDropGhostPositionBottom: string;
+        emptyRowsSection: string;
+        emptyRowsText: string;
     };
     rating: {
         root: string;
@@ -4924,7 +5046,7 @@ 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;
 }
 
@@ -4985,6 +5107,7 @@ export declare class QuestionToolboxCategory extends Base {
 }
 export declare class QuestionToolboxItem extends Action implements IQuestionToolboxItem {
         constructor(item: IQuestionToolboxItem);
+        iconName: string;
         name: string;
         json: any;
         title: string;
@@ -5143,7 +5266,8 @@ 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;
@@ -5183,9 +5307,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;
@@ -5233,7 +5360,7 @@ export declare class SurveyHelper {
     static disableSelectingObj(obj: Base): void;
     static enableSelectingObj(obj: Base): void;
     static canSelectObj(obj: Base): boolean;
-    static warnNonSupported(name: string): void;
+    static warnNonSupported(name: string, newPropertyName?: string): void;
     static warnText(text: string): void;
     static updateQuestionJson(questionJson: any): void;
     static convertMatrixRowsToText(rows: any): string;
@@ -5704,6 +5831,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[];
@@ -5719,6 +5847,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;
@@ -5762,11 +5891,16 @@ 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;
+    protected isSupportGrouping(): boolean;
+    onUpdateQuestionCssClasses(obj: Base, options: any): void;
 }
 export declare class PropertyGridEditorBoolean extends PropertyGridEditor {
     fit(prop: JsonObjectProperty, context?: string): boolean;
     getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
+    protected isSupportGrouping(): boolean;
 }
 export declare abstract class PropertyGridEditorStringBase extends PropertyGridEditor {
     protected updateMaxLength(prop: JsonObjectProperty, json: any): any;