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

package/survey-creator-core.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for SurveyJS Creator JavaScript library v1.8.76-beta.1
+/*Type definitions for SurveyJS Creator JavaScript library v1.9.0-beta.1
 (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
 Github: https://github.com/surveyjs/survey-creator
 License: https://surveyjs.io/Licenses#SurveyCreator
@@ -12,12 +12,12 @@ import { Base, SurveyModel, Question, PageModel, IElement, ActionContainer, Adap
 import { DragDropSurveyElements, DragDropChoices } from "survey-core";
 import { Base, SurveyModel } from "survey-core";
 import { SurveyModel } from "survey-core";
-import { Base, PageModel, SurveyModel, Action, AdaptiveActionContainer, IAction } from "survey-core";
+import { Base, PageModel, SurveyModel, Action, IAction, ActionContainer } from "survey-core";
 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, 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";
@@ -279,6 +281,7 @@ export declare var enStrings: {
         reset: string;
         change: string;
         refresh: string;
+        close: string;
         delete: string;
         add: string;
         addNew: string;
@@ -1103,6 +1106,7 @@ export declare var defaultStrings: {
         reset: string;
         change: string;
         refresh: string;
+        close: string;
         delete: string;
         add: string;
         addNew: string;
@@ -1782,6 +1786,9 @@ export declare var settings: {
                 showTabs: boolean;
                 showToolbar: boolean;
         };
+        jsonEditor: {
+                indentation: number;
+        };
 };
 export interface ICollectionItemAllowOperations {
         allowDelete: boolean;
@@ -1870,7 +1877,6 @@ export interface ICreatorPlugin {
         update?: () => void;
         deactivate?: () => boolean;
         model: Base;
-        propertyGrid?: PropertyGridViewModelBase;
 }
 export interface ITabbedMenuItem extends IAction {
         componentContent: string;
@@ -1884,6 +1890,11 @@ 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.
     */
@@ -1935,6 +1946,7 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         showSearch: boolean;
         generateValidJSON: boolean;
         currentAddQuestionType: string;
+        footerToolbar: ActionContainer;
         /**
             * Set pageEditMode option to "single" to use creator in a single page mode. By default value is "standard".
             * You can set this option in creator constructor only
@@ -2283,6 +2295,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.
             */
@@ -2398,9 +2418,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);
@@ -2692,6 +2712,9 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> extends Su
         showPageNavigator: any;
         showTabs: any;
         showToolbar: any;
+        isMobileView: any;
+        toolboxLocation: toolBoxLocationType;
+        sideBarLocation: "left" | "right";
         selectFromStringEditor: boolean;
 }
 export declare class StylesManager {
@@ -2705,6 +2728,7 @@ export declare function getItemValueWrapperComponentName(item: ItemValue, questi
 export declare function getItemValueWrapperComponentData(item: ItemValue, question: QuestionSelectBase, creator: CreatorBase<SurveyModel>): any;
 export declare function isStringEditable(element: any, name: string): boolean;
 
+import "./responsivity.scss";
 export declare class CreatorResponsivityManager {
     protected container: HTMLDivElement;
     constructor(container: HTMLDivElement, creator: CreatorBase);
@@ -2785,7 +2809,9 @@ export declare class TabJsonEditorTextareaPlugin extends TabJsonEditorBasePlugin
 
 import "./test.scss";
 export declare class TestSurveyTabViewModel extends Base {
-    pages: AdaptiveActionContainer;
+    pages: ActionContainer;
+    prevPageAction: Action;
+    nextPageAction: Action;
     onSurveyCreatedCallback: (survey: SurveyModel) => any;
     simulator: SurveySimulatorModel;
     showInvisibleElements: any;
@@ -2797,6 +2823,7 @@ export declare class TestSurveyTabViewModel extends Base {
     set activeLanguage(val: string);
     get survey(): SurveyModel;
     get pageActions(): Array<Action>;
+    get isPageToolbarVisible(): boolean;
     constructor(surveyProvider: CreatorBase<SurveyModel>);
     setJSON(json: any): void;
     initialize(json: any, options: any): void;
@@ -2813,6 +2840,7 @@ export declare class TabTestPlugin implements ICreatorPlugin {
     update(): void;
     deactivate(): boolean;
     createActions(): Action[];
+    addFooterActions(): void;
 }
 
 import "./logic.scss";
@@ -3043,7 +3071,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;
@@ -3081,6 +3109,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;
@@ -3104,7 +3133,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;
@@ -3427,7 +3456,6 @@ export declare var translationCss: {
 
 export declare class TabTranslationPlugin implements ICreatorPlugin {
     model: Translation;
-    propertyGrid: PropertyGridViewModelBase;
     constructor(creator: CreatorBase<SurveyModel>);
     activate(): void;
     update(): void;
@@ -3445,22 +3473,26 @@ 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;
     getDesignerCss(): 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[];
+    addFooterActions(): void;
 }
 
 import "./logic-ui.scss";
@@ -3820,9 +3852,9 @@ export declare class ToolboxToolViewModel extends Base {
     protected item: IQuestionToolboxItem;
     protected creator: CreatorBase<SurveyModel>;
     constructor(item: IQuestionToolboxItem, creator: CreatorBase<SurveyModel>);
+    click: (event: any) => boolean;
     get allowAdd(): boolean;
     onPointerDown(pointerDownEvent: any): boolean;
-    click: (event: any) => boolean;
 }
 
 import "./page-navigator.scss";
@@ -3859,6 +3891,7 @@ export declare class PageViewModel<T extends SurveyModel> extends ActionContaine
     hover(event: MouseEvent, element: HTMLElement): void;
     protected duplicate(): void;
     get allowEdit(): boolean;
+    get addNewQuestionText(): string;
 }
 
 import "./row.scss";
@@ -3878,6 +3911,7 @@ export declare class QuestionAdornerViewModel extends ActionContainerViewModel<S
     select(model: QuestionAdornerViewModel, event: IPortableMouseEvent): boolean;
     rootCss(): "" | " svc-question__adorner--start-with-new-line";
     css(): string;
+    get isDragMe(): boolean;
     get dragTypeOverMe(): DragTypeOverMeEnum;
     dispose(): void;
     get isDraggable(): boolean;
@@ -3922,7 +3956,8 @@ export declare class ItemValueWrapperViewModel extends Base {
     isDragDropMoveUp: boolean;
     ghostPosition: string;
     constructor(creator: CreatorBase<SurveyModel>, question: QuestionSelectBase, item: ItemValue);
-    startDragItemValue(event: PointerEvent): void;
+    onPointerDown(pointerDownEvent: PointerEvent): void;
+    startDragItemValue: (pointerDownEvent: PointerEvent, currentTarget: any) => void;
     dispose(): void;
     get isDraggable(): boolean;
     isDraggableItem(item: ItemValue): boolean;
@@ -4408,6 +4443,7 @@ export declare class PropertyGridEditorCondition extends PropertyGridEditorExpre
 
 export declare abstract class PropertyGridEditorMatrix extends PropertyGridEditor {
     onCreated(obj: Base, question: Question, prop: JsonObjectProperty): void;
+    onMatrixCellCreated(obj: Base, options: any): void;
     onGetMatrixRowAction(obj: Base, options: any, setObjFunc: (obj: Base) => void): void;
     onGetQuestionTitleActions(obj: Base, options: any): void;
     onValueChanged(obj: Base, prop: JsonObjectProperty, question: Question): void;
@@ -4516,25 +4552,16 @@ export declare class PropertyGridEditorBindings extends PropertyGridEditor {
     onMatrixCellValueChanged(obj: Base, options: any): void;
 }
 
-export declare class PropertyGridViewModelBase extends Base {
-    model?: Base;
-    toolbar: AdaptiveActionContainer;
-    survey: SurveyModel;
-    headerText: string;
-    visible: boolean;
-    flyoutMode: boolean;
-    get flyoutPanelMode(): boolean;
-    constructor(model?: Base, collapseAction?: () => void, expandAction?: () => void);
-    createExpandAction(visible: boolean): Action;
-}
-export declare class PropertyGridViewModel<T extends SurveyModel> extends PropertyGridViewModelBase {
-    title: string;
+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);
+    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 {
@@ -4901,7 +4928,7 @@ export declare class QuestionConverter {
     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;
@@ -4992,8 +5019,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.
             */
@@ -5103,6 +5130,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;
@@ -5195,7 +5253,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;
 }
 
@@ -5205,6 +5264,7 @@ export declare class UndoRedoPlugin<T extends SurveyModel = SurveyModel> impleme
     activate(): void;
     deactivate(): boolean;
     update(): void;
+    addFooterActions(): void;
 }
 export declare function undoRedoTransaction(transactionName?: string, undoRedoManagerProperty?: string): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
 export declare function ignoreUndoRedo(undoRedoManagerProperty?: string): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor;