survey-creator-core 1.8.78-beta.1 → 1.9.2-beta.1

package/survey-creator-core.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for SurveyJS Creator JavaScript library v1.8.78-beta.1
+/*Type definitions for SurveyJS Creator JavaScript library v1.9.2-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";
@@ -17,12 +17,12 @@ import { Action, SurveyModel } from "survey-core";
 import { SurveyModel, Base, Event, Question } from "survey-core";
 import { Base, SurveyModel, JsonObjectProperty, PageModel, ILocalizableString, QuestionCheckboxModel, IAction } from "survey-core";
 import { SurveyModel, Action } from "survey-core";
-import { Base, PageModel, 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";
@@ -34,10 +34,11 @@ import { SurveyModel, QuestionNonValue } 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";
-import { Base, SurveyModel, AdaptiveActionContainer, Action } from "survey-core";
+import { Base, SurveyModel, Action } from "survey-core";
 import { Base, SurveyModel, ListModel, IAction, Action } from "survey-core";
 import { Base, JsonObjectProperty } from "survey-core";
 import { Action, AdaptiveActionContainer, Base, IAction, Question, SurveyModel } from "survey-core";
+import { Base, AdaptiveActionContainer, Action } from "survey-core";
 import { Base, ItemValue, JsonObjectProperty } from "survey-core";
 import { ArrayChanges, Base } from "survey-core";
 import { Base, SurveyModel, EventBase, PageModel } from "survey-core";
@@ -55,6 +56,7 @@ import "../components/tabbed-menu/tabbed-menu.scss";
 import "../components/toolbox/toolbox-tool.scss";
 import "../components/question-dropdown.scss";
 import "../components/toolbox/toolbox.scss";
+import "../components/side-bar/side-bar.scss";
 import "../property-grid-theme/property-grid.scss";
 import "../utils/design.scss";
 import "../utils/layout.scss";
@@ -1784,6 +1786,9 @@ export declare var settings: {
                 showTabs: boolean;
                 showToolbar: boolean;
         };
+        jsonEditor: {
+                indentation: number;
+        };
 };
 export interface ICollectionItemAllowOperations {
         allowDelete: boolean;
@@ -1803,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;
@@ -1833,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;
@@ -1852,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: {
@@ -1872,7 +1880,6 @@ export interface ICreatorPlugin {
         update?: () => void;
         deactivate?: () => boolean;
         model: Base;
-        propertyGrid?: PropertyGridViewModelBase;
 }
 export interface ITabbedMenuItem extends IAction {
         componentContent: string;
@@ -1886,13 +1893,18 @@ 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.
     */
 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;
         /**
@@ -1900,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
             */
@@ -1915,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
             */
@@ -1953,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
@@ -1963,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;
         };
@@ -1993,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>;
         /**
@@ -2005,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
@@ -2063,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.
@@ -2248,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.
@@ -2286,6 +2330,14 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
             * @see uploadFile
             */
         onUploadFile: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
+        /**
+            * Use this event to modify the list of the strings available in a translation tab.
+            * <br/> sender - the survey creator object that fires the event
+            * <br/> options.obj - the survey object which property translations are edited in the translation tab.
+            * <br/> options.propertyName - the name of the property.
+            * <br/> options.visible - a boolean value. You can change it to hide the property.
+            */
+        onTranslationStringVisibility: Survey.Event<(sender: CreatorBase<T>, options: any) => any, any>;
         /**
             * This callback is used internally for providing survey JSON text.
             */
@@ -2335,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"
             */
@@ -2401,9 +2475,9 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         static defaultNewSurveyText: string;
         toolbox: QuestionToolbox;
         get toolboxCategories(): Array<any>;
-        get currentTabPropertyGrid(): PropertyGridViewModelBase;
-        getTabPropertyGrid(id: string): PropertyGridViewModelBase;
+        sideBar: SideBarModel;
         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);
@@ -2514,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>;
@@ -2618,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
@@ -2647,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;
@@ -2675,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;
@@ -2696,6 +2772,8 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         showTabs: any;
         showToolbar: any;
         isMobileView: any;
+        toolboxLocation: toolBoxLocationType;
+        sideBarLocation: "left" | "right";
         selectFromStringEditor: boolean;
 }
 export declare class StylesManager {
@@ -3052,7 +3130,7 @@ export interface ITranslationLocales {
     translateItemAfterRender(item: TranslationItem, el: any, locale: string): any;
     fireOnObjCreating(obj: Base): any;
     removeLocale(loc: string): void;
-    canShowProperty(obj: Base, prop: JsonObjectProperty): boolean;
+    canShowProperty(obj: Base, prop: JsonObjectProperty, isEmpty: boolean): boolean;
 }
 export declare class TranslationGroup extends TranslationItemBase {
     name: any;
@@ -3090,6 +3168,7 @@ export declare class Translation extends Base implements ITranslationLocales {
     translateItemAfterRenderCallback: (item: TranslationItem, el: any, locale: string) => void;
     availableTranlationsChangedCallback: () => void;
     tranlationChangedCallback: (locale: string, name: string, value: string, context: any) => void;
+    translationStringVisibilityCallback: (obj: Base, propertyName: string, visible: boolean) => boolean;
     chooseLanguageActions: Array<IAction>;
     constructor(survey: SurveyModel, options?: ISurveyCreatorOptions, hasUI?: boolean);
     getType(): string;
@@ -3113,7 +3192,7 @@ export declare class Translation extends Base implements ITranslationLocales {
     get survey(): SurveyModel;
     set survey(val: SurveyModel);
     reset(): void;
-    canShowProperty(obj: Base, prop: JsonObjectProperty): boolean;
+    canShowProperty(obj: Base, prop: JsonObjectProperty, isEmpty: boolean): boolean;
     get defaultLocale(): string;
     getLocaleName(loc: string): string;
     removeLocale(locale: string): void;
@@ -3434,12 +3513,8 @@ export declare var translationCss: {
     };
 };
 
-export declare class PropertyGridViewTranslationModel extends PropertyGridViewModelBase {
-    get propertyGridType(): string;
-}
 export declare class TabTranslationPlugin implements ICreatorPlugin {
     model: Translation;
-    propertyGrid: PropertyGridViewModelBase;
     constructor(creator: CreatorBase<SurveyModel>);
     activate(): void;
     update(): void;
@@ -3457,23 +3532,28 @@ export declare class TabDesignerViewModel<T extends SurveyModel> extends Base {
     newPage: PageModel;
     showNewPage: boolean;
     pageCount: number;
+    withModifier: string;
     creator: CreatorBase<T>;
     constructor(creator: CreatorBase<T>);
     get survey(): T;
+    get isToolboxVisible(): boolean;
     initSurvey(): void;
     dispose(): void;
-    withModifier: string;
+    clickDesigner(): void;
     getDesignerCss(): string;
+    getRootCss(): string;
 }
+
 export declare class TabDesignerPlugin<T extends SurveyModel> implements ICreatorPlugin {
     model: TabDesignerViewModel<T>;
-    propertyGrid: PropertyGridViewModelBase;
+    propertyGrid: PropertyGridViewModel<T>;
     previewAction: Action;
     constructor(creator: CreatorBase<T>);
     activate(): void;
     deactivate(): boolean;
     update(): void;
     createActions(): Action[];
+    selectSurvey(): void;
     addFooterActions(): void;
 }
 
@@ -3558,6 +3638,7 @@ export declare var logicCss: {
         requiredText: string;
     };
     paneldynamic: {
+        mainRoot: string;
         root: string;
         navigation: string;
         title: string;
@@ -3588,6 +3669,7 @@ export declare var logicCss: {
     pageTitle: string;
     pageDescription: string;
     row: string;
+    rowMultiple: string;
     question: {
         mainRoot: string;
         flowRoot: string;
@@ -3617,7 +3699,6 @@ export declare var logicCss: {
     };
     image: {
         root: string;
-        image: string;
     };
     error: {
         root: string;
@@ -3781,6 +3862,7 @@ export declare var logicCss: {
         itemDisabled: string;
     };
     comment: {
+        mainRoot: string;
         root: string;
         small: string;
     };
@@ -3828,13 +3910,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;
 }
@@ -3852,6 +3937,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";
@@ -3860,6 +3948,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;
@@ -3889,6 +3978,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";
@@ -3905,8 +3995,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";
@@ -4345,7 +4445,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;
@@ -4534,28 +4636,16 @@ export declare class PropertyGridEditorBindings extends PropertyGridEditor {
     onMatrixCellValueChanged(obj: Base, options: any): void;
 }
 
-export declare abstract class PropertyGridViewModelBase extends Base {
-    model?: Base;
-    toolbar: AdaptiveActionContainer;
-    survey: SurveyModel;
-    headerText: string;
-    visible: boolean;
-    flyoutMode: boolean;
-    get flyoutPanelMode(): boolean;
-    get closeText(): string;
-    constructor(model?: Base, collapseAction?: () => void, expandAction?: () => void);
-    abstract get propertyGridType(): string;
-    createExpandAction(): Action;
-    closePropertyGrid(): void;
-}
-export declare class PropertyGridViewModel<T extends SurveyModel> extends PropertyGridViewModelBase {
+export declare class PropertyGridViewModel<T extends SurveyModel> extends Base {
+    nextSelectionAction: Action;
+    prevSelectionAction: Action;
+    objectSelectionAction: Action;
     hasPrev: boolean;
     hasNext: boolean;
-    get toolbarItems(): Array<Action>;
-    constructor(propertyGridModel: PropertyGridModel, creator: CreatorBase<T>, collapseAction?: () => void, expandAction?: () => void);
-    get propertyGridType(): string;
+    survey: SurveyModel;
+    selectedElementName: string;
+    constructor(propertyGridModel: PropertyGridModel, creator: CreatorBase<T>);
     protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
-    dispose(): void;
 }
 
 export declare class ObjectSelectorItem extends Action {
@@ -4588,8 +4678,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;
@@ -4918,11 +5010,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;
@@ -5013,8 +5105,8 @@ export declare class QuestionToolbox extends AdaptiveActionContainer<QuestionToo
         hasCategories: boolean;
         canCollapseCategories: boolean;
         isCompact: boolean;
-        visible: boolean;
         constructor(supportedQuestions?: Array<string>, creator?: CreatorBase<SurveyModel>);
+        setLocation(toolboxLocation: toolBoxLocationType): void;
         /**
             * The Array of Toolbox items as Text JSON.
             */
@@ -5124,6 +5216,37 @@ export declare class QuestionToolbox extends AdaptiveActionContainer<QuestionToo
         dispose(): void;
 }
 
+export declare class SideBarModel extends Base {
+    toolbar: AdaptiveActionContainer;
+    tabs: Array<SideBarTabModel>;
+    headerText: string;
+    visible: boolean;
+    hasVisibleTabs: boolean;
+    flyoutMode: boolean;
+    activeTab: string;
+    get flyoutPanelMode(): boolean;
+    get closeText(): string;
+    getTabById(id: string): SideBarTabModel;
+    constructor(creator: CreatorBase, collapseAction?: () => void, expandAction?: () => void);
+    getExpandAction(): Action;
+    closePropertyGrid(): 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 {
+    id: string;
+    sidePanel: SideBarModel;
+    caption: string;
+    visible: boolean;
+    model: any;
+    componentName: string;
+    constructor(id: string, sidePanel: SideBarModel, componentName?: string, model?: any);
+}
+
 export interface IPortableMouseEvent {
     stopPropagation(): any;
     preventDefault(): any;
@@ -5146,9 +5269,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;
@@ -5216,7 +5342,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;
 }
 
@@ -5724,7 +5851,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;