survey-creator-core 2.0.0 → 2.0.1

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;
     /**
@@ -355,6 +359,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)
@@ -749,9 +757,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;
@@ -1419,10 +1428,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
      */
@@ -1680,6 +1692,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 +1738,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 +1747,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

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
      */

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,5 @@
 import { CreatorBase } from "./creator-base";
-import { SurveyElementAdornerBase } from "./components/action-container-view-model";
+import { SurveyElementAdornerBase } from "./components/survey-element-adorner-base";
 import { SurveyElement } from "survey-core";
 import { ElementGetExpandCollapseStateEventReason } from "./creator-events-api";
 export declare class ExpandCollapseManager {

package/typings/property-grid/index.d.ts

@@ -101,7 +101,6 @@ export declare class PropertyJSONGenerator {
     private createPanelJSON;
     private createQuestionJSON;
     private getColumnPropertyJSON;
-    private isPropertyVisible;
     private getPanelTitle;
     private getQuestionTitle;
     private isQuestionTitleHidden;

package/typings/property-grid/matrices.d.ts

@@ -23,7 +23,6 @@ export declare abstract class PropertyGridEditorMatrix extends PropertyGridEdito
     protected getDefinedListProperties(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions, propGridDefinition: ISurveyPropertyGridDefinition): Array<any>;
     protected getDefaultListProperties(prop: JsonObjectProperty): Array<string>;
     protected getDefaulColumnNames(): Array<string>;
-    private isPropertyShownInList;
     protected getObjTypeName(): string;
     protected hasDetailPanel(): boolean;
     private hasPropertiesInDetail;

package/typings/survey-helper.d.ts

@@ -24,7 +24,7 @@ export declare class SurveyHelper {
     static getElements(element: any, includeHidden?: boolean): Array<any>;
     static addElements(elements: Array<any>, isPanel: boolean, result: Array<any>): void;
     static getAllElements(survey: SurveyModel, isPanel: boolean): Array<any>;
-    static isPropertyVisible(obj: any, property: JsonObjectProperty, options?: ISurveyCreatorOptions, showMode?: string, parentObj?: any, parentProperty?: JsonObjectProperty): boolean;
+    static isPropertyVisible(obj: any, prop: JsonObjectProperty, options?: ISurveyCreatorOptions, showMode?: string, parentObj?: any, parentProperty?: JsonObjectProperty): boolean;
     static isNeedScrollIntoView(el: HTMLElement, scrollIfElementBiggerThanContainer?: boolean): undefined | "top" | "bottom";
     static scrollIntoViewIfNeeded(el: HTMLElement, getOptions?: (overTop: boolean) => ScrollIntoViewOptions, scrollIfElementBiggerThanContainer?: boolean): void;
     static getScrollableDiv(el: HTMLElement): HTMLElement;

package/typings/utils/creator-utils.d.ts

@@ -2,8 +2,6 @@ import { ItemValue, Question, SurveyElement } from "survey-core";
 export declare function getNextItemValue(prefix: string, choices: ItemValue[]): string | number;
 export declare function getNextItemText(choices: ItemValue[]): string;
 export declare function getNextValue(prefix: string, values: any[], isText?: boolean): string | number;
-export declare function propertyExists(obj: any, propertyName: string): boolean;
-export declare function isPropertyVisible(obj: any, propertyName: string): boolean;
 export declare function getQuestionFromObj(obj: SurveyElement): Question;
 export declare function scrollElementIntoView(elementId: string): void;
 export declare function assignDefaultClasses(destination: any, questionType: string): void;