survey-creator-core 2.0.0 → 2.0.2

package/typings/components/action-container-view-model.d.ts

@@ -1,5 +1,4 @@
-import { Base, AdaptiveActionContainer, Action, SurveyElement, IAction, ActionContainer } from "survey-core";
-import { SurveyCreatorModel } from "../creator-base";
+import { AdaptiveActionContainer } from "survey-core";
 export declare class SurveyElementActionContainer extends AdaptiveActionContainer {
     alwaysShrink: boolean;
     private needToShrink;
@@ -11,86 +10,3 @@ export declare class SurveyElementActionContainer extends AdaptiveActionContaine
         gap?: number;
     }): void;
 }
-export declare class SurveyElementAdornerBase<T extends SurveyElement = SurveyElement> extends Base {
-    creator: SurveyCreatorModel;
-    static AdornerValueName: string;
-    protected expandCollapseAction: IAction;
-    allowDragging: boolean;
-    expandCollapseAnimationRunning: boolean;
-    rootElement: HTMLElement;
-    protected get dragInsideCollapsedContainer(): boolean;
-    needToRenderContent: boolean;
-    allowExpandCollapse: boolean;
-    collapsed: boolean;
-    private _renderedCollapsed;
-    isAnimationRunningCollapsed: boolean;
-    protected getAnimatedElement(): any;
-    protected getInnerAnimatedElements(): Array<HTMLElement>;
-    protected getCollapsingCssClassName(): string;
-    protected getExpandingCssClassName(): string;
-    private hoverTimeout;
-    private isHovered;
-    protected get hoverDelay(): number;
-    hover(e: MouseEvent, element: HTMLElement | any): void;
-    private getExpandCollapseAnimationOptions;
-    private animationCollapsed;
-    set renderedCollapsed(val: boolean);
-    get renderedCollapsed(): boolean;
-    protected createTopActionContainer(): ActionContainer;
-    protected createActionContainer(): SurveyElementActionContainer;
-    private dragCollapsedTimer;
-    protected get canExpandOnDrag(): boolean;
-    private draggedIn;
-    protected dragIn(): void;
-    protected expandWithDragIn(): void;
-    protected dragOut(): void;
-    protected allowExpandCollapseByDblClick(element: any): boolean;
-    dblclick(event: any): void;
-    private allowEditOption;
-    private sidebarFlyoutModeChangedFunc;
-    protected surveyElement: T;
-    get element(): T;
-    constructor(creator: SurveyCreatorModel, surveyElement: T);
-    private actionContainerValue;
-    protected get isActionContainerCreated(): boolean;
-    get actionContainer(): SurveyElementActionContainer;
-    private topActionContainerValue;
-    get topActionContainer(): ActionContainer;
-    private creatorOnLocaleChanged;
-    static GetAdorner<V = SurveyElementAdornerBase>(surveyElement: SurveyElement): V;
-    static RestoreStateFor(surveyElement: SurveyElement): void;
-    protected restoreState(): void;
-    protected detachElement(surveyElement: T): void;
-    protected attachElement(surveyElement: T): void;
-    protected setSurveyElement(surveyElement: T): void;
-    protected checkActionProperties(): void;
-    attachToUI(surveyElement: T, rootElement?: HTMLElement): void;
-    private detachOnlyMyElement;
-    detachFromUI(): void;
-    dispose(): void;
-    private disposeActions;
-    protected onElementSelectedChanged(isSelected: boolean): void;
-    protected getExpandCollapseAction(): IAction;
-    protected cleanActionsContainer(): void;
-    protected updateActionsContainer(surveyElement: SurveyElement): void;
-    protected updateActionsProperties(): void;
-    protected updateActionsPropertiesCore(): void;
-    protected getAllowDragging(options: any): boolean;
-    protected getAllowExpandCollapse(options: any): boolean;
-    protected updateElementAllowOptions(options: any, operationsAllow: boolean): void;
-    protected isOperationsAllow(): boolean;
-    private actionVisibilityCache;
-    protected updateActionVisibility(id: string, isVisible: boolean): void;
-    protected updateActionsVisibility(isTop: boolean): void;
-    getActionById(id: string): Action;
-    protected buildActions(items: Array<Action>): void;
-    isDisableSelecting: boolean;
-    protected disableActionFocusing(isMouse: boolean, event: any): void;
-    protected canSelectElement(): boolean;
-    get allowEdit(): boolean;
-    get showAddQuestionButton(): boolean;
-    protected setShowAddQuestionButton(val: boolean): void;
-    protected duplicate(): void;
-    protected delete(): void;
-    protected getCss(): string;
-}

package/typings/components/page.d.ts

@@ -1,7 +1,8 @@
-import { ActionContainer, DragTypeOverMeEnum, IAction, PageModel } from "survey-core";
+import { ActionContainer, IAction, PageModel } from "survey-core";
 import { SurveyCreatorModel } from "../creator-base";
 import { IPortableMouseEvent } from "../utils/events";
-import { SurveyElementActionContainer, SurveyElementAdornerBase } from "./action-container-view-model";
+import { SurveyElementActionContainer } from "./action-container-view-model";
+import { SurveyElementAdornerBase } from "./survey-element-adorner-base";
 import "./page.scss";
 export declare class PageAdorner extends SurveyElementAdornerBase<PageModel> {
     isSelected: boolean;
@@ -10,15 +11,10 @@ export declare class PageAdorner extends SurveyElementAdornerBase<PageModel> {
     questionTypeSelectorModel: any;
     private dragOrClickHelper;
     currentAddQuestionType: string;
-    dragTypeOverMe: DragTypeOverMeEnum;
-    isDragMe: boolean;
-    private updateDragTypeOverMe;
-    private updateIsDragMe;
     private updateShowPlaceholder;
     constructor(creator: SurveyCreatorModel, page: PageModel);
     dispose(): void;
     protected updateActionVisibility(id: string, isVisible: boolean): void;
-    protected get dragInsideCollapsedContainer(): boolean;
     protected getAllowExpandCollapse(options: any): boolean;
     protected attachElement(surveyElement: PageModel): void;
     protected detachElement(surveyElement: PageModel): void;

package/typings/components/question.d.ts

@@ -1,7 +1,8 @@
-import { SurveyElement, SurveyTemplateRendererTemplateData, Action, DragTypeOverMeEnum, IAction, ListModel } from "survey-core";
+import { SurveyElement, SurveyTemplateRendererTemplateData, Action, IAction, ListModel } from "survey-core";
 import { SurveyCreatorModel } from "../creator-base";
 import { IPortableEvent } from "../utils/events";
-import { SurveyElementActionContainer, SurveyElementAdornerBase } from "./action-container-view-model";
+import { SurveyElementActionContainer } from "./action-container-view-model";
+import { SurveyElementAdornerBase } from "./survey-element-adorner-base";
 import "./question.scss";
 export interface QuestionBannerParams {
     text: string;
@@ -23,8 +24,6 @@ export declare class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     protected getAnimatedElement(): Element;
     protected getInnerAnimatedElements(): Array<HTMLElement>;
     protected expandWithDragIn(): void;
-    get isDragMe(): boolean;
-    get dragTypeOverMe(): DragTypeOverMeEnum;
     get isBannerShowing(): boolean;
     private get isUsingCarryForward();
     private get isUsingRestfull();

package/typings/components/row.d.ts

@@ -1,15 +1,15 @@
-import { Base, SurveyTemplateRendererTemplateData, QuestionRowModel, DragTypeOverMeEnum } from "survey-core";
+import { Base, SurveyTemplateRendererTemplateData, QuestionRowModel } from "survey-core";
 import { SurveyCreatorModel } from "../creator-base";
 import "./row.scss";
+import { DropIndicatorPosition } from "../drag-drop-enums";
 export declare class RowViewModel extends Base {
     creator: SurveyCreatorModel;
     row: QuestionRowModel;
     templateData: SurveyTemplateRendererTemplateData;
+    dropIndicatorPosition: DropIndicatorPosition;
     constructor(creator: SurveyCreatorModel, row: QuestionRowModel, templateData: SurveyTemplateRendererTemplateData);
     subscribeElementChanges(): void;
     unsubscribeElementChanges(): void;
-    dragTypeOverMe: DragTypeOverMeEnum;
-    private rowDragTypeOverMeChanged;
     get cssClasses(): string;
     dispose(): void;
 }

package/typings/components/scroll.d.ts

@@ -1,7 +1,6 @@
 import "./row.scss";
 export declare class ScrollViewModel {
     private _containerElementValue;
-    private _rootElementValue;
     private _scrollbarElement;
     private _containerBodyElement;
     private _scrollbarSizerElement;

package/typings/components/string-editor.d.ts

@@ -41,9 +41,12 @@ export declare class StringEditorViewModelBase extends Base {
     editAsText: boolean;
     compostionInProgress: boolean;
     constructor(locString: LocalizableString, creator?: SurveyCreatorModel);
+    private onLocaleChanged;
     afterRender(): void;
     detachFromUI(): void;
     dispose(): void;
+    private addCreatorEvents;
+    private removeCreatorEvents;
     activate: () => boolean;
     setLocString(locString: LocalizableString): void;
     checkConstraints(event: any): void;

package/typings/components/survey-element-adorner-base.d.ts

@@ -0,0 +1,88 @@
+import { Base, Action, SurveyElement, IAction, ActionContainer } from "survey-core";
+import { SurveyCreatorModel } from "../creator-base";
+import { DropIndicatorPosition } from "../drag-drop-enums";
+import { SurveyElementActionContainer } from "./action-container-view-model";
+export declare class SurveyElementAdornerBase<T extends SurveyElement = SurveyElement> extends Base {
+    creator: SurveyCreatorModel;
+    static AdornerValueName: string;
+    protected expandCollapseAction: IAction;
+    allowDragging: boolean;
+    expandCollapseAnimationRunning: boolean;
+    rootElement: HTMLElement;
+    dropIndicatorPosition: DropIndicatorPosition;
+    isBeingDragged: boolean;
+    needToRenderContent: boolean;
+    allowExpandCollapse: boolean;
+    collapsed: boolean;
+    private _renderedCollapsed;
+    isAnimationRunningCollapsed: boolean;
+    protected getAnimatedElement(): any;
+    protected getInnerAnimatedElements(): Array<HTMLElement>;
+    protected getCollapsingCssClassName(): string;
+    protected getExpandingCssClassName(): string;
+    private hoverTimeout;
+    private isHovered;
+    protected get hoverDelay(): number;
+    hover(e: MouseEvent, element: HTMLElement | any): void;
+    private getExpandCollapseAnimationOptions;
+    private animationCollapsed;
+    set renderedCollapsed(val: boolean);
+    get renderedCollapsed(): boolean;
+    protected createTopActionContainer(): ActionContainer;
+    protected createActionContainer(): SurveyElementActionContainer;
+    private dragCollapsedTimer;
+    get canExpandOnDrag(): boolean;
+    private draggedIn;
+    protected dragIn(): void;
+    protected expandWithDragIn(): void;
+    protected dragOut(): void;
+    protected allowExpandCollapseByDblClick(element: any): boolean;
+    dblclick(event: any): void;
+    private allowEditOption;
+    private sidebarFlyoutModeChangedFunc;
+    surveyElement: T;
+    get element(): T;
+    constructor(creator: SurveyCreatorModel, surveyElement: T);
+    private actionContainerValue;
+    protected get isActionContainerCreated(): boolean;
+    get actionContainer(): SurveyElementActionContainer;
+    private topActionContainerValue;
+    get topActionContainer(): ActionContainer;
+    private creatorOnLocaleChanged;
+    static GetAdorner<V = SurveyElementAdornerBase>(surveyElement: Base): V;
+    static RestoreStateFor(surveyElement: SurveyElement): void;
+    protected restoreState(): void;
+    protected detachElement(surveyElement: T): void;
+    protected attachElement(surveyElement: T): void;
+    protected setSurveyElement(surveyElement: T): void;
+    protected checkActionProperties(): void;
+    attachToUI(surveyElement: T, rootElement?: HTMLElement): void;
+    private detachOnlyMyElement;
+    detachFromUI(): void;
+    dispose(): void;
+    private disposeActions;
+    protected onElementSelectedChanged(isSelected: boolean): void;
+    protected getExpandCollapseAction(): IAction;
+    protected cleanActionsContainer(): void;
+    protected updateActionsContainer(surveyElement: SurveyElement): void;
+    protected updateActionsProperties(): void;
+    protected updateActionsPropertiesCore(): void;
+    protected getAllowDragging(options: any): boolean;
+    protected getAllowExpandCollapse(options: any): boolean;
+    protected updateElementAllowOptions(options: any, operationsAllow: boolean): void;
+    protected isOperationsAllow(): boolean;
+    private actionVisibilityCache;
+    protected updateActionVisibility(id: string, isVisible: boolean): void;
+    protected updateActionsVisibility(isTop: boolean): void;
+    getActionById(id: string): Action;
+    protected buildActions(items: Array<Action>): void;
+    isDisableSelecting: boolean;
+    protected disableActionFocusing(isMouse: boolean, event: any): void;
+    protected canSelectElement(): boolean;
+    get allowEdit(): boolean;
+    get showAddQuestionButton(): boolean;
+    protected setShowAddQuestionButton(val: boolean): void;
+    protected duplicate(): void;
+    protected delete(): void;
+    protected getCss(): string;
+}

package/typings/components/tabs/designer-state-manager.d.ts

@@ -11,7 +11,9 @@ export declare class DesignerStateManager {
     private onPanelAddedHandler;
     initForSurvey(survey: SurveyModel): void;
     initForElement(element: SurveyElement): void;
-    getElementState(element: SurveyElement): ElementState;
+    getElementCollapsed(element: SurveyElement): boolean;
+    setElementCollapsed(element: SurveyElement, isCollapsed: boolean): void;
+    private getElementState;
     private createElementState;
     onInitElementStateCallback: (element: SurveyElement, state: ElementState) => void;
     private _suspendCounter;

package/typings/components/tabs/logic-theme.d.ts

@@ -333,17 +333,5 @@ export declare var logicCss: {
     embeddedsurvey: {
         mainRoot: string;
     };
-    actionBar: {
-        root: string;
-        defaultSizeMode: string;
-        smallSizeMode: string;
-        item: string;
-        itemWithTitle: string;
-        itemAsIcon: string;
-        itemActive: string;
-        itemPressed: string;
-        itemIcon: string;
-        itemTitle: string;
-        itemTitleWithIcon: string;
-    };
+    actionBar: import("survey-core").ActionBarCssClasses;
 };

package/typings/creator-base.d.ts

@@ -13,9 +13,9 @@ import { CreatorResponsivityManager } from "./creator-responsivity-manager";
 import { SidebarModel } from "./components/side-bar/side-bar-model";
 import { ICreatorOptions } from "./creator-options";
 import { ThemeTabPlugin } from "./components/tabs/theme-plugin";
-import { DragDropSurveyElements } from "./survey-elements";
+import { DragDropSurveyElements } from "./dragdrop-survey-elements";
 import { PageAdorner } from "./components/page";
-import { ElementDeletingEvent, PropertyGetReadOnlyEvent, ElementGetDisplayNameEvent, ElementAllowOperationsEvent, ElementGetActionsEvent, PropertyShowingEvent, PropertyGridSurveyCreatedEvent, PropertyEditorCreatedEvent, PropertyEditorUpdateTitleActionsEvent, PropertyGridShowPopupEvent, CollectionItemAllowOperationsEvent, CollectionItemAddedEvent, FastEntryItemsEvent as FastEntryFinishedEvent, MatrixColumnAddedEvent, ConfigureTablePropertyEditorEvent, PropertyDisplayCustomErrorEvent, BeforePropertyChangedEvent, ConditionGetQuestionListEvent, GetConditionOperatorEvent, LogicRuleGetDisplayTextEvent, ModifiedEvent, QuestionAddedEvent, PanelAddedEvent, PageAddedEvent, QuestionConvertingEvent, PageGetFooterActionsEvent, SurveyInstanceCreatedEvent, DesignerSurveyCreatedEvent, PreviewSurveyCreatedEvent, NotifyEvent, ElementFocusingEvent, ElementFocusedEvent, OpenFileChooserEvent, UploadFileEvent, TranslationStringVisibilityEvent, TranslationImportItemEvent, TranslationImportedEvent, TranslationExportItemEvent, MachineTranslateEvent, TranslationItemChangingEvent, DragDropAllowEvent, CreateCustomMessagePanelEvent, ActiveTabChangingEvent, ActiveTabChangedEvent, BeforeUndoEvent, BeforeRedoEvent, PageAddingEvent, DragStartEndEvent, ElementGetExpandCollapseStateEvent, ElementGetExpandCollapseStateEventReason, AfterPropertyChangedEvent, PropertyValueChangingEvent, PropertyValueChangedEvent, PropertyAddingEvent, GetPropertyReadOnlyEvent, ElementSelectingEvent, ElementSelectedEvent, DefineElementMenuItemsEvent, CreatorThemePropertyChangedEvent } from "./creator-events-api";
+import { ElementDeletingEvent, PropertyGetReadOnlyEvent, ElementGetDisplayNameEvent, ElementAllowOperationsEvent, ElementGetActionsEvent, PropertyShowingEvent, PropertyGridSurveyCreatedEvent, PropertyEditorCreatedEvent, PropertyEditorUpdateTitleActionsEvent, PropertyGridShowPopupEvent, CollectionItemAllowOperationsEvent, CollectionItemAddedEvent, FastEntryItemsEvent as FastEntryFinishedEvent, MatrixColumnAddedEvent, ConfigureTablePropertyEditorEvent, PropertyDisplayCustomErrorEvent, BeforePropertyChangedEvent, ConditionGetQuestionListEvent, GetConditionOperatorEvent, LogicRuleGetDisplayTextEvent, ModifiedEvent, QuestionAddedEvent, PanelAddedEvent, PageAddedEvent, QuestionConvertingEvent, PageGetFooterActionsEvent, SurveyInstanceCreatedEvent, DesignerSurveyCreatedEvent, PreviewSurveyCreatedEvent, NotifyEvent, ElementFocusingEvent, ElementFocusedEvent, OpenFileChooserEvent, UploadFileEvent, TranslationStringVisibilityEvent, TranslationImportItemEvent, TranslationImportedEvent, TranslationExportItemEvent, MachineTranslateEvent, TranslationItemChangingEvent, DragDropAllowEvent, CreateCustomMessagePanelEvent, ActiveTabChangingEvent, ActiveTabChangedEvent, BeforeUndoEvent, BeforeRedoEvent, PageAddingEvent, DragStartEndEvent, ElementGetExpandCollapseStateEvent, ElementGetExpandCollapseStateEventReason, AfterPropertyChangedEvent, PropertyValueChangingEvent, PropertyValueChangedEvent, PropertyAddingEvent, GetPropertyReadOnlyEvent, ElementSelectingEvent, ElementSelectedEvent, DefineElementMenuItemsEvent, CreatorThemePropertyChangedEvent, CreatorThemeSelectedEvent } from "./creator-events-api";
 import { ExpandCollapseManager } from "./expand-collapse-manager";
 import { ICreatorTheme } from "./creator-theme/creator-themes";
 import { TabbedMenuContainer, TabbedMenuItem } from "./tabbed-menu";
@@ -109,12 +109,16 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      * Specifies whether users can modify the [Survey Creator theme](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#creatorTheme). Applies only if [`propertyGridNavigationMode`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#propertyGridNavigationMode) is `"buttons"`.
      *
      * Default value: `true`
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/dynamic-ui-customization/ (linkStyle))
      */
     showCreatorThemeSettings: boolean;
     /**
      * Specifies whether the "Zoom In", "Zoom Out", and "Zoom to 100%" buttons are available.
      *
      * Default value: `true`
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/expand-and-collapse-survey-elements/ (linkStyle))
      */
     allowZoom: boolean;
     /**
@@ -122,6 +126,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      *
      * Default value: `false`
      * @see activeTab
+     * @see clearTranslationsOnSourceTextChange
      */
     showTranslationTab: boolean;
     /**
@@ -355,6 +360,10 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     onHtmlToMarkdown: EventBase<SurveyCreatorModel, any>;
     /**
      * An event that is raised when Survey Creator obtains the expand/collapse state of a survey element on the design surface. Handle this event to set a required state.
+     *
+     * For information on event handler parameters, refer to descriptions within the interface.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/expand-and-collapse-survey-elements/ (linkStyle))
      * @see [ICreatorOptions.collapseQuestions](https://surveyjs.io/survey-creator/documentation/api-reference/icreatoroptions#collapseQuestions)
      * @see [ICreatorOptions.collapsePanels](https://surveyjs.io/survey-creator/documentation/api-reference/icreatoroptions#collapsePanels)
      * @see [ICreatorOptions.collapsePages](https://surveyjs.io/survey-creator/documentation/api-reference/icreatoroptions#collapsePages)
@@ -633,7 +642,6 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      *
      * For information on event handler parameters, refer to descriptions within the interface.
      *
-     *
      * Within the event handler, you need to pass translation strings and locale information to the translation service API. The service should return an array of translated strings that you need to pass to the `options.callback` function. The following code shows how to integrate the Microsoft Translator service into Survey Creator:
      *
      * ```js
@@ -679,6 +687,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      * ```
      *
      * > Survey Creator does not include a machine translation service out of the box. Our component only provides a UI for calling the service API.
+     * @see startMachineTranslationTo
      */
     onMachineTranslate: EventBase<SurveyCreatorModel, MachineTranslateEvent>;
     /**
@@ -749,9 +758,10 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      * An event that is raised when users change a property in a [Survey Creator theme](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#creatorTheme).
      */
     onCreatorThemePropertyChanged: EventBase<SurveyCreatorModel, CreatorThemePropertyChangedEvent>;
-    onCreatorThemeSelected: EventBase<SurveyCreatorModel, {
-        theme: ICreatorTheme;
-    }>;
+    /**
+     * An event that is raised when users select a [Survey Creator theme](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#creatorTheme) from the drop-down list of UI themes.
+     */
+    onCreatorThemeSelected: EventBase<SurveyCreatorModel, CreatorThemeSelectedEvent>;
     getSurveyJSONTextCallback: () => {
         text: string;
         isModified: boolean;
@@ -1318,6 +1328,9 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     notifier: Notifier;
     setModified(options?: any): void;
     notifySurveyPropertyChanged(options: any): void;
+    private clearLocalizationStrings;
+    private clearNonDefaultLocalesInStrByValue;
+    private clearNonDefaultLocalesInStr;
     notifySurveyItemMoved(options: any): void;
     notifySurveyItemConverted(newElement: Base, oldElement: Base): void;
     /**
@@ -1419,10 +1432,13 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     private currentFocusInterval;
     private currentFocusTimeout;
     focusElement(element: any, focus: string | boolean, selEl?: any, propertyName?: string, startEdit?: boolean): void;
+    private getHtmlElementForScroll;
     private getSelectedSurveyElement;
     private onSelectingElement;
     /**
      * Opens [Survey Creator theme](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#creatorTheme) settings in Property Grid. Applies only if [`propertyGridNavigationMode`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#propertyGridNavigationMode) is `"buttons"`.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/dynamic-ui-customization/ (linkStyle))
      * @see closeCreatorThemeSettings
      * @see showCreatorThemeSettings
      */
@@ -1562,6 +1578,13 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     getHasMachineTranslation(): boolean;
     doMachineTranslation(fromLocale: string, toLocale: string, strings: Array<string>, callback: (translated: Array<string>) => void): void;
     translationLocalesOrder: Array<string>;
+    /**
+     * Starts the translation of survey strings from the default language to one or more specified languages using a machine translation service, such as Google Translate or Microsoft Translator.
+     *
+     * This method only launches the operation by raising the [`onMachineTranslate`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onMachineTranslate) event. Handle this event to perform the actual translation.
+     * @param locales An array of locale codes that correspond to target languages, for example, `[ "de", "fr" ]`.
+     */
+    startMachineTranslationTo(locales: Array<string>): void;
     /**
      * A delay between changing survey settings and saving the survey JSON schema, measured in milliseconds. Applies only when the [`autoSaveEnabled`](#autoSaveEnabled) property is `true`.
      *
@@ -1680,6 +1703,8 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      * - `"onhover"` (default) - Displays an expand/collapse button when a survey element is hovered over or selected.
      * - `"always"` - Displays the expand/collapse buttons permanently.
      * - `"never"` - Hides the expand/collapse buttons.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/expand-and-collapse-survey-elements/ (linkStyle))
      * @see onElementGetExpandCollapseState
      * @see collapseOnDrag
      */
@@ -1724,6 +1749,8 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     };
     /**
      * A theme for the Survey Creator UI.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/dynamic-ui-customization/ (linkStyle))
      * @see applyCreatorTheme
      * @see showCreatorThemeSettings
      */
@@ -1731,6 +1758,8 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     preferredColorPalette: string;
     /**
      * Applies a specified UI theme to Survey Creator.
+     *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/dynamic-ui-customization/ (linkStyle))
      * @param theme An `ICreatorTheme` object with theme settings.
      * @see creatorTheme
      * @see showCreatorThemeSettings
@@ -1752,6 +1781,13 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      * Default value: `false`
      */
     collapseOnDrag: boolean;
+    /**
+     * Specifies whether to clear translations to other languages when a source language translation is changed.
+     *
+     * Default value: `false`
+     * @see showTranslationTab
+     */
+    clearTranslationsOnSourceTextChange: boolean;
 }
 export declare class CreatorBase extends SurveyCreatorModel {
 }

package/typings/creator-events-api.d.ts

@@ -1,6 +1,7 @@
 import { Base, IAction, ItemValue, JsonObjectProperty, LocalizableString, MatrixDropdownColumn, PageModel, PanelModel, PopupBaseViewModel, Question, SurveyModel, IElement, ISurveyElement, IPanel, ITheme } from "survey-core";
 import { SurveyLogicItem } from "./components/tabs/logic-items";
 import { ICreatorPlugin } from "./creator-settings";
+import { ICreatorTheme } from "./creator-theme/creator-themes";
 export interface ElementDeletingEvent {
     /**
      * A survey element to be deleted.
@@ -1038,3 +1039,9 @@ export interface CreatorThemePropertyChangedEvent {
      */
     value: any;
 }
+export interface CreatorThemeSelectedEvent {
+    /**
+     * A selected Survey Creator theme.
+     */
+    theme: ICreatorTheme;
+}

package/typings/creator-options.d.ts

@@ -377,6 +377,8 @@ export interface ICreatorOptions {
      *
      * Default value: `false`
      *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/expand-and-collapse-survey-elements/ (linkStyle))
+     *
      * This property specifies the expand/collapse state of all survey pages at once. To adjust the state of individual pages, handle the [`onElementGetExpandCollapseState`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onElementGetExpandCollapseState) event.
      * @see expandCollapseButtonVisibility
      */
@@ -386,6 +388,8 @@ export interface ICreatorOptions {
      *
      * Default value: `false`
      *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/expand-and-collapse-survey-elements/ (linkStyle))
+     *
      * This property specifies the expand/collapse state of all panels at once. To adjust the state of individual panels, handle the [`onElementGetExpandCollapseState`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onElementGetExpandCollapseState) event.
      * @see expandCollapseButtonVisibility
      */
@@ -395,6 +399,8 @@ export interface ICreatorOptions {
      *
      * Default value: `false`
      *
+     * [View Demo](https://surveyjs.io/survey-creator/examples/expand-and-collapse-survey-elements/ (linkStyle))
+     *
      * This property specifies the expand/collapse state of all survey questions at once. To adjust the state of individual questions, handle the [`onElementGetExpandCollapseState`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onElementGetExpandCollapseState) event.
      * @see expandCollapseButtonVisibility
      */
@@ -424,4 +430,10 @@ export interface ICreatorOptions {
      * Default value: `true`
      */
     collapseOnDrag?: boolean;
+    /**
+     * Specifies whether to clear translations to other languages when a source language translation is changed.
+     *
+     * Default value: `false`
+     */
+    clearTranslationsOnSourceTextChange?: boolean;
 }

package/typings/drag-drop-enums.d.ts

@@ -0,0 +1,14 @@
+export declare enum DropIndicatorPosition {
+    Inside = "inside",
+    Top = "top",
+    Bottom = "bottom",
+    Right = "right",
+    Left = "left"
+}
+export declare enum ElType {
+    Page = "page",
+    Panel = "panel",
+    Question = "question",
+    DynamicPanel = "dynamic-panel",
+    EmptySurvey = "empty-survey"
+}

package/typings/{survey-elements.d.ts → dragdrop-survey-elements.d.ts}

@@ -1,19 +1,22 @@
-import { DragDropCore, DragTypeOverMeEnum, IElement, IPanel, IShortcutText, ISurveyElement, JsonObject, PageModel, QuestionPanelDynamicModel, QuestionRowModel } from "survey-core";
+import { DragDropCore, IElement, IPanel, ISurveyElement, JsonObject, PageModel, QuestionRowModel } from "survey-core";
 import { IQuestionToolboxItem } from "./toolbox";
+import { SurveyElementAdornerBase } from "./components/survey-element-adorner-base";
+import { DropIndicatorPosition } from "./drag-drop-enums";
 export declare function calculateIsEdge(dropTargetNode: HTMLElement, clientY: number): boolean;
 export declare function calculateIsSide(dropTargetNode: HTMLElement, clientX: number): boolean;
-export declare function calculateDragOverLocation(clientX: number, clientY: number, rect: DOMRectInit, direction?: "top-bottom" | "left-right"): DragTypeOverMeEnum;
-export declare function isPanelDynamic(element: ISurveyElement): element is QuestionPanelDynamicModel;
+export declare function calculateDragOverLocation(clientX: number, clientY: number, rect: DOMRectInit, direction?: "top-bottom" | "left-right"): DropIndicatorPosition;
 export declare class DragDropSurveyElements extends DragDropCore<any> {
     static newGhostPage: PageModel;
     static restrictDragQuestionBetweenPages: boolean;
     static edgeHeight: number;
     static nestedPanelDepth: number;
     static ghostSurveyElementName: string;
-    insideContainer: any;
+    insideElement: any;
     protected prevIsEdge: any;
     protected dragOverIndicatorElement: any;
-    protected dragOverLocation: DragTypeOverMeEnum;
+    protected dragOverLocation: DropIndicatorPosition;
+    protected get draggedElementAdorner(): SurveyElementAdornerBase | null;
+    protected get dropTargetAdorner(): SurveyElementAdornerBase | null;
     protected get draggedElementType(): string;
     protected isDraggedElementSelected: boolean;
     onGetMaxNestedPanels: () => number;
@@ -21,23 +24,26 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
     get maxNestedPanels(): number;
     startDragToolboxItem(event: PointerEvent, draggedElementJson: JsonObject, toolboxItemModel: IQuestionToolboxItem): void;
     startDragSurveyElement(event: PointerEvent, draggedElement: any, isElementSelected?: boolean): void;
-    protected getShortcutText(draggedElement: IShortcutText): string;
+    protected getShortcutText(draggedElement: any): string;
     protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
     protected createDraggedElementIcon(): HTMLElement;
     protected getDraggedElementClass(): string;
     protected createElementFromJson(json: object): HTMLElement;
     private createNewElement;
+    private isPanelDynamic;
     protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
-    protected isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement, dragOverLocation?: DragTypeOverMeEnum): boolean;
+    protected isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement, dragOverLocation?: DropIndicatorPosition): boolean;
     private getMaximumNestedPanelCount;
     protected doBanDropHere: () => void;
     private shouldRestricDragQuestionBetweenPages;
     protected findDeepestDropTargetChild(parent: HTMLElement): HTMLElement;
     private isAllowDragOver;
-    dragOverCore(dropTarget: ISurveyElement, dragOverLocation: DragTypeOverMeEnum): void;
+    dragOverCore(dropTarget: ISurveyElement, dragOverLocation: DropIndicatorPosition): void;
+    private dragDropFindRow;
     private isSameElement;
     private isDragInsideItself;
+    private getDragDropElementType;
     dragOver(event: PointerEvent): void;
     protected onStartDrag(): void;
     moveElementInPanel(panel: IPanel, src: IElement, target: IElement, targetIndex: number): void;

package/typings/editorLocalization.d.ts

@@ -48,6 +48,7 @@ export declare class EditorLocalization {
 }
 export declare var editorLocalization: EditorLocalization;
 export declare function getLocString(strName: string, locale?: string): string;
+export declare function getLocaleStrings(loc: string): any;
 export declare var defaultStrings: {
     survey: {
         edit: string;

package/typings/entries/index.d.ts

@@ -1,7 +1,7 @@
 export declare let Version: string;
 import "../utils/context-button.scss";
 export { enStrings } from "../localization/english";
-export { editorLocalization, defaultStrings } from "../editorLocalization";
+export { editorLocalization, defaultStrings, getLocaleStrings } from "../editorLocalization";
 export { editorLocalization as localization } from "../editorLocalization";
 export * from "../creator-settings";
 export { ICreatorOptions } from "../creator-options";
@@ -102,7 +102,7 @@ export * from "../presets/presets";
 export * from "../presets/presets-properties";
 export * from "../presets/presets-tabs";
 export * from "../presets/presets-toolbox";
-export * from "../survey-elements";
+export * from "../dragdrop-survey-elements";
 import "../components/search.scss";
 import "../components/scroll.scss";
 import "../components/property-panel/property-panel-item.scss";

package/typings/expand-collapse-manager.d.ts

@@ -1,5 +1,4 @@
 import { CreatorBase } from "./creator-base";
-import { SurveyElementAdornerBase } from "./components/action-container-view-model";
 import { SurveyElement } from "survey-core";
 import { ElementGetExpandCollapseStateEventReason } from "./creator-events-api";
 export declare class ExpandCollapseManager {
@@ -10,9 +9,6 @@ export declare class ExpandCollapseManager {
     get questionsLocked(): boolean;
     lockQuestions(locked: boolean): void;
     private getCollapsableElements;
+    private sortElements;
     private updateCollapsed;
-    private adorners;
-    add(adorner: SurveyElementAdornerBase): void;
-    remove(adorner: SurveyElementAdornerBase): void;
-    clear(): void;
 }

package/typings/plugins/undo-redo/undo-redo-controller.d.ts

@@ -5,6 +5,7 @@ export declare class UndoRedoController extends Base {
     private creator;
     private undoAction;
     private redoAction;
+    ignoreChanges: boolean;
     private onSurveyPropertyValueChangedCallback;
     constructor(creator: SurveyCreatorModel);
     undoRedoManager: UndoRedoManager;