survey-creator-core 1.12.10 → 1.12.11

package/themes/themes/default.d.ts

@@ -11,7 +11,6 @@ declare const Theme: {
         "--ctr-toolbox-submenu-item-min-width": string;
         "--ctr-toolbox-group-header-margin-left": string;
         "--ctr-button-group-item-border-width": string;
-        "--ctr-button-group-gap": string;
         "--ctr-shadow-medium-blur": string;
         "--ctr-shadow-medium-offset-y": string;
         "--ctr-shadow-large-blur": string;
@@ -87,6 +86,7 @@ declare const Theme: {
         "--lbr-shadow-small-blur": string;
         "--lbr-shadow-small-spread": string;
         "--ctr-button-group-item-text-opacity-disabled": number;
+        "--ctr-survey-header-logo-placeholder-icon-opacity": number;
         "--ctr-toolbox-item-shadow-hovered-1-color": string;
         "--ctr-toolbox-item-shadow-pressed-color": string;
         "--ctr-toolbox-item-shadow-hovered-2-color": string;
@@ -132,6 +132,7 @@ declare const Theme: {
         "--ctr-button-group-item-background-color-hovered": string;
         "--ctr-button-group-item-text-color-selected": string;
         "--ctr-button-group-item-icon-color-selected": string;
+        "--ctr-button-group-gap": string;
         "--ctr-editor-corner-radius": string;
         "--ctr-editor-background-color": string;
         "--ctr-editor-border-color": string;
@@ -171,6 +172,7 @@ declare const Theme: {
         "--ctr-button-group-item-border-width-selected": string;
         "--ctr-button-group-item-padding-horizontal": string;
         "--ctr-button-group-item-padding-vertical": string;
+        "--ctr-button-group-background-color-disabled": string;
         "--ctr-button-group-border-color-focused": string;
         "--ctr-button-group-border-width-focused": string;
         "--ctr-button-group-item-text-color-disabled": string;
@@ -338,6 +340,9 @@ declare const Theme: {
         "--ctr-page-navigator-button-icon-height": string;
         "--ctr-page-navigator-button-corner-radius": string;
         "--ctr-page-navigator-button-background-color-hovered": string;
+        "--ctr-page-navigator-button-background-color-pressed": string;
+        "--ctr-popup-menu-background-color": string;
+        "--ctr-popup-menu-pointer-color": string;
         "--ctr-button-background-color": string;
         "--ctr-button-text-color": string;
         "--ctr-button-gap": string;
@@ -448,6 +453,8 @@ declare const Theme: {
         "--ctr-data-table-cell-padding-top": string;
         "--ctr-data-table-cell-padding-bottom": string;
         "--ctr-data-table-cell-drop-down-arrow-color": string;
+        "--ctr-data-table-cell-drop-down-arrow-width": string;
+        "--ctr-data-table-cell-drop-down-arrow-height": string;
         "--ctr-data-table-cell-text-color-header": string;
         "--ctr-data-table-cell-border-color-focused": string;
         "--ctr-data-table-cell-corner-radius-focused": string;
@@ -581,6 +588,7 @@ declare const Theme: {
         "--ctr-survey-question-panel-toolbar-gap": string;
         "--ctr-survey-info-panel-background-color": string;
         "--ctr-survey-info-panel-text-color": string;
+        "--ctr-survey-action-button-corner-radius": string;
         "--ctr-survey-action-button-icon-color-positive": string;
         "--ctr-survey-action-button-icon-color-negative": string;
         "--ctr-survey-action-button-text-color-positive": string;
@@ -597,6 +605,8 @@ declare const Theme: {
         "--lbr-action-button-icon-color-negative": string;
         "--ctr-property-grid-background-color": string;
         "--ctr-survey-header-logo-placeholder-icon-color": string;
+        "--ctr-survey-header-logo-placeholder-icon-width": string;
+        "--ctr-survey-header-logo-placeholder-icon-height": string;
         "--lbr-notification-padding-left": string;
         "--lbr-notification-padding-right": string;
         "--lbr-notification-button-corner-radius": string;
@@ -612,6 +622,10 @@ declare const Theme: {
         "--ctr-survey-item-actionbar-drag-indicator-padding-bottom": string;
         "--ctr-survey-item-actionbar-drag-indicator-width": string;
         "--ctr-survey-item-actionbar-drag-indicator-height": string;
+        "--ctr-page-navigator-padding-left": string;
+        "--ctr-page-navigator-padding-right": string;
+        "--ctr-page-navigator-padding-top": string;
+        "--ctr-page-navigator-padding-bottom": string;
         "--ctr-toolbox-search-padding-left": string;
         "--ctr-toolbox-search-padding-right": string;
         "--ctr-toolbox-search-padding-top": string;
@@ -661,13 +675,22 @@ declare const Theme: {
         "--ctr-survey-radio-button-group-item-shadow-floating-2-spread": string;
         "--ctr-survey-radio-button-group-item-shadow-floating-2-color": string;
         "--ctr-survey-ranking-item-corner-radius-floating": string;
+        "--ctr-survey-header-logo-placeholder-corner-radius": string;
         "--ctr-survey-header-logo-placeholder-background-color-hovered": string;
         "--ctr-survey-header-logo-placeholder-icon-color-hovered": string;
         "--ctr-survey-header-text-title-color-placeholder": string;
         "--ctr-survey-header-text-description-color-placeholder": string;
+        "--ctr-survey-question-panel-border-color-selected": string;
+        "--ctr-survey-question-panel-border-width-selected": string;
         "--ctr-survey-page-border-color-selected": string;
+        "--ctr-survey-page-border-width-selected": string;
+        "--ctr-survey-question-panel-border-color-hovered": string;
+        "--ctr-survey-question-panel-border-width-hovered": string;
+        "--ctr-survey-page-border-color-hovered": string;
+        "--ctr-survey-page-border-width-hovered": string;
         "--ctr-survey-page-header-title-color-placeholder": string;
         "--ctr-survey-page-background-color-hovered": string;
+        "--ctr-list-search-padding-left": string;
         "--ctr-list-search-border-color": string;
         "--ctr-list-search-text-color-placeholder": string;
         "--ctr-property-grid-search-icon-width": string;
@@ -792,6 +815,11 @@ declare const Theme: {
         "--ctr-survey-resize-frame-grip-width": string;
         "--ctr-survey-resize-frame-grip-height": string;
         "--ctr-survey-resize-frame-margin": string;
+        "--ctr-surface-toolbar-padding-left": string;
+        "--ctr-surface-toolbar-padding-right": string;
+        "--ctr-surface-toolbar-padding-top": string;
+        "--ctr-surface-toolbar-padding-bottom": string;
+        "--ctr-surface-toolbar-gap": string;
         "--ctr-toggle-button-thumb-background-color-active": string;
         "--ctr-toggle-button-thumb-corner-radius": string;
         "--ctr-toggle-button-corner-radius": string;
@@ -849,6 +877,8 @@ declare const Theme: {
         "--ctr-menu-item-padding-bottom": string;
         "--ctr-menu-item-padding-top": string;
         "--ctr-scrollbar-padding-vertical-hovered": string;
+        "--ctr-image-gallery-item-title-color": string;
+        "--ctr-image-gallery-item-corner-radius": string;
     };
 };
 export default Theme;
@@ -865,7 +895,6 @@ export declare const Default: {
         "--ctr-toolbox-submenu-item-min-width": string;
         "--ctr-toolbox-group-header-margin-left": string;
         "--ctr-button-group-item-border-width": string;
-        "--ctr-button-group-gap": string;
         "--ctr-shadow-medium-blur": string;
         "--ctr-shadow-medium-offset-y": string;
         "--ctr-shadow-large-blur": string;
@@ -941,6 +970,7 @@ export declare const Default: {
         "--lbr-shadow-small-blur": string;
         "--lbr-shadow-small-spread": string;
         "--ctr-button-group-item-text-opacity-disabled": number;
+        "--ctr-survey-header-logo-placeholder-icon-opacity": number;
         "--ctr-toolbox-item-shadow-hovered-1-color": string;
         "--ctr-toolbox-item-shadow-pressed-color": string;
         "--ctr-toolbox-item-shadow-hovered-2-color": string;
@@ -986,6 +1016,7 @@ export declare const Default: {
         "--ctr-button-group-item-background-color-hovered": string;
         "--ctr-button-group-item-text-color-selected": string;
         "--ctr-button-group-item-icon-color-selected": string;
+        "--ctr-button-group-gap": string;
         "--ctr-editor-corner-radius": string;
         "--ctr-editor-background-color": string;
         "--ctr-editor-border-color": string;
@@ -1025,6 +1056,7 @@ export declare const Default: {
         "--ctr-button-group-item-border-width-selected": string;
         "--ctr-button-group-item-padding-horizontal": string;
         "--ctr-button-group-item-padding-vertical": string;
+        "--ctr-button-group-background-color-disabled": string;
         "--ctr-button-group-border-color-focused": string;
         "--ctr-button-group-border-width-focused": string;
         "--ctr-button-group-item-text-color-disabled": string;
@@ -1192,6 +1224,9 @@ export declare const Default: {
         "--ctr-page-navigator-button-icon-height": string;
         "--ctr-page-navigator-button-corner-radius": string;
         "--ctr-page-navigator-button-background-color-hovered": string;
+        "--ctr-page-navigator-button-background-color-pressed": string;
+        "--ctr-popup-menu-background-color": string;
+        "--ctr-popup-menu-pointer-color": string;
         "--ctr-button-background-color": string;
         "--ctr-button-text-color": string;
         "--ctr-button-gap": string;
@@ -1302,6 +1337,8 @@ export declare const Default: {
         "--ctr-data-table-cell-padding-top": string;
         "--ctr-data-table-cell-padding-bottom": string;
         "--ctr-data-table-cell-drop-down-arrow-color": string;
+        "--ctr-data-table-cell-drop-down-arrow-width": string;
+        "--ctr-data-table-cell-drop-down-arrow-height": string;
         "--ctr-data-table-cell-text-color-header": string;
         "--ctr-data-table-cell-border-color-focused": string;
         "--ctr-data-table-cell-corner-radius-focused": string;
@@ -1435,6 +1472,7 @@ export declare const Default: {
         "--ctr-survey-question-panel-toolbar-gap": string;
         "--ctr-survey-info-panel-background-color": string;
         "--ctr-survey-info-panel-text-color": string;
+        "--ctr-survey-action-button-corner-radius": string;
         "--ctr-survey-action-button-icon-color-positive": string;
         "--ctr-survey-action-button-icon-color-negative": string;
         "--ctr-survey-action-button-text-color-positive": string;
@@ -1451,6 +1489,8 @@ export declare const Default: {
         "--lbr-action-button-icon-color-negative": string;
         "--ctr-property-grid-background-color": string;
         "--ctr-survey-header-logo-placeholder-icon-color": string;
+        "--ctr-survey-header-logo-placeholder-icon-width": string;
+        "--ctr-survey-header-logo-placeholder-icon-height": string;
         "--lbr-notification-padding-left": string;
         "--lbr-notification-padding-right": string;
         "--lbr-notification-button-corner-radius": string;
@@ -1466,6 +1506,10 @@ export declare const Default: {
         "--ctr-survey-item-actionbar-drag-indicator-padding-bottom": string;
         "--ctr-survey-item-actionbar-drag-indicator-width": string;
         "--ctr-survey-item-actionbar-drag-indicator-height": string;
+        "--ctr-page-navigator-padding-left": string;
+        "--ctr-page-navigator-padding-right": string;
+        "--ctr-page-navigator-padding-top": string;
+        "--ctr-page-navigator-padding-bottom": string;
         "--ctr-toolbox-search-padding-left": string;
         "--ctr-toolbox-search-padding-right": string;
         "--ctr-toolbox-search-padding-top": string;
@@ -1515,13 +1559,22 @@ export declare const Default: {
         "--ctr-survey-radio-button-group-item-shadow-floating-2-spread": string;
         "--ctr-survey-radio-button-group-item-shadow-floating-2-color": string;
         "--ctr-survey-ranking-item-corner-radius-floating": string;
+        "--ctr-survey-header-logo-placeholder-corner-radius": string;
         "--ctr-survey-header-logo-placeholder-background-color-hovered": string;
         "--ctr-survey-header-logo-placeholder-icon-color-hovered": string;
         "--ctr-survey-header-text-title-color-placeholder": string;
         "--ctr-survey-header-text-description-color-placeholder": string;
+        "--ctr-survey-question-panel-border-color-selected": string;
+        "--ctr-survey-question-panel-border-width-selected": string;
         "--ctr-survey-page-border-color-selected": string;
+        "--ctr-survey-page-border-width-selected": string;
+        "--ctr-survey-question-panel-border-color-hovered": string;
+        "--ctr-survey-question-panel-border-width-hovered": string;
+        "--ctr-survey-page-border-color-hovered": string;
+        "--ctr-survey-page-border-width-hovered": string;
         "--ctr-survey-page-header-title-color-placeholder": string;
         "--ctr-survey-page-background-color-hovered": string;
+        "--ctr-list-search-padding-left": string;
         "--ctr-list-search-border-color": string;
         "--ctr-list-search-text-color-placeholder": string;
         "--ctr-property-grid-search-icon-width": string;
@@ -1646,6 +1699,11 @@ export declare const Default: {
         "--ctr-survey-resize-frame-grip-width": string;
         "--ctr-survey-resize-frame-grip-height": string;
         "--ctr-survey-resize-frame-margin": string;
+        "--ctr-surface-toolbar-padding-left": string;
+        "--ctr-surface-toolbar-padding-right": string;
+        "--ctr-surface-toolbar-padding-top": string;
+        "--ctr-surface-toolbar-padding-bottom": string;
+        "--ctr-surface-toolbar-gap": string;
         "--ctr-toggle-button-thumb-background-color-active": string;
         "--ctr-toggle-button-thumb-corner-radius": string;
         "--ctr-toggle-button-corner-radius": string;
@@ -1703,5 +1761,7 @@ export declare const Default: {
         "--ctr-menu-item-padding-bottom": string;
         "--ctr-menu-item-padding-top": string;
         "--ctr-scrollbar-padding-vertical-hovered": string;
+        "--ctr-image-gallery-item-title-color": string;
+        "--ctr-image-gallery-item-corner-radius": string;
     };
 };

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

@@ -42,9 +42,9 @@ export declare class SurveyElementAdornerBase<T extends SurveyElement = SurveyEl
     protected dragOut(): void;
     dblclick(event: any): void;
     private allowEditOption;
-    private selectedPropPageFunc;
     private sidebarFlyoutModeChangedFunc;
     protected surveyElement: T;
+    get element(): T;
     constructor(creator: SurveyCreatorModel, surveyElement: T);
     static GetAdorner<V = SurveyElementAdornerBase>(surveyElement: SurveyElement): V;
     static RestoreStateFor(surveyElement: SurveyElement): void;
@@ -54,6 +54,7 @@ export declare class SurveyElementAdornerBase<T extends SurveyElement = SurveyEl
     protected setSurveyElement(surveyElement: T): void;
     protected checkActionProperties(): void;
     attachToUI(surveyElement: T, rootElement?: HTMLElement): void;
+    private detachOnlyMyElement;
     detachFromUI(): void;
     dispose(): void;
     protected onElementSelectedChanged(isSelected: boolean): void;

package/typings/components/question-dropdown.d.ts

@@ -14,5 +14,6 @@ export declare class QuestionDropdownAdornerViewModel extends QuestionAdornerVie
     getRenderedItems(): ItemValue[];
     getButtonText(): string;
     switchCollapse: () => void;
-    dispose(): void;
+    attachElement(surveyElement: SurveyElement): void;
+    detachElement(surveyElement: SurveyElement): void;
 }

package/typings/components/question.d.ts

@@ -15,7 +15,6 @@ export declare class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     private dragOrClickHelper;
     topActionContainer: ActionContainer;
     constructor(creator: SurveyCreatorModel, surveyElement: SurveyElement, templateData: SurveyTemplateRendererTemplateData);
-    get element(): SurveyElement<any>;
     protected canSelectElement(): boolean;
     select(model: QuestionAdornerViewModel, event: IPortableEvent): boolean;
     rootCss(): string;
@@ -36,7 +35,8 @@ export declare class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     private createCarryForwardParams;
     private createUsingRestfulParams;
     private createCustomMessagePanel;
-    detachFromUI(): void;
+    protected detachElement(surveyElement: SurveyElement): void;
+    protected attachElement(surveyElement: SurveyElement): void;
     get isDraggable(): boolean;
     get hoverDelay(): number;
     hover(event: MouseEvent, element: HTMLElement | any): void;
@@ -50,8 +50,6 @@ export declare class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     get showHiddenTitle(): boolean;
     get placeholderText(): string;
     private get dragDropHelper();
-    get isRequired(): any;
-    set isRequired(newVal: any);
     onPointerDown(pointerDownEvent: PointerEvent): void;
     startDragSurveyElement: (event: PointerEvent) => boolean;
     private getConvertToTypes;
@@ -68,6 +66,7 @@ export declare class QuestionAdornerViewModel extends SurveyElementAdornerBase {
     private createConvertInputType;
     private getSelectedItem;
     private createDropdownModel;
+    private updateRequiredAction;
     private createRequiredAction;
     protected getUpdatedPropertyValue(propName: string, newValue: any): any;
     protected buildActions(items: Array<Action>): void;

package/typings/components/row.d.ts

@@ -5,6 +5,10 @@ export declare class RowViewModel extends Base {
     row: QuestionRowModel;
     templateData: SurveyTemplateRendererTemplateData;
     constructor(creator: SurveyCreatorModel, row: QuestionRowModel, templateData: SurveyTemplateRendererTemplateData);
+    subscribeElementChanges(): void;
+    unsubscribeElementChanges(): void;
     dragTypeOverMe: DragTypeOverMeEnum;
+    private rowDragTypeOverMeChanged;
     get cssClasses(): string;
+    dispose(): void;
 }

package/typings/components/tabs/designer.d.ts

@@ -11,7 +11,7 @@ export declare class TabDesignerViewModel extends Base {
     designerCss: string;
     showPlaceholder: boolean;
     creator: SurveyCreatorModel;
-    actionContainer: ActionContainer;
+    surfaceToolbar: ActionContainer;
     get displayPageDropTarget(): string;
     private createNewPage;
     private get canShowNewPage();

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

@@ -52,7 +52,7 @@ export declare class SurveyLogicType {
     formatElName(name: string): string;
     formatExpression(expression: string): string;
     supportContext(context: Base): boolean;
-    private get isTrigger();
+    get isTrigger(): boolean;
 }
 export declare class SurveyLogicTypes {
     static baseTypes: {

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

@@ -1,7 +1,7 @@
 import { SurveyModel, Base, Question, ItemValue, MatrixDropdownColumn, QuestionDropdownModel, EventBase } from "survey-core";
 import { ISurveyCreatorOptions } from "../../creator-settings";
 import { ISurveyLogicItemOwner, SurveyLogicItem, SurveyLogicAction } from "./logic-items";
-import { SurveyLogicType } from "./logic-types";
+import { SurveyLogicType, ISurveyLogicType } from "./logic-types";
 export declare function initLogicOperator(question: QuestionDropdownModel): void;
 export declare class LogicEvent extends EventBase<SurveyLogic, any> {
 }
@@ -11,7 +11,7 @@ export declare class SurveyLogic extends Base implements ISurveyLogicItemOwner {
     private editableItemValue;
     static get visibleActions(): Array<string>;
     static set visibleActions(val: Array<string>);
-    static get types(): import("./logic-types").ISurveyLogicType[];
+    static get types(): ISurveyLogicType[];
     invisibleItems: Array<SurveyLogicItem>;
     onChangedCallback: (item: SurveyLogicItem, changeType: string) => void;
     /**
@@ -99,4 +99,5 @@ export declare class SurveyLogic extends Base implements ISurveyLogicItemOwner {
     private getParentQuestion;
     private getElementAllTypes;
     protected createLogicTypes(): Array<SurveyLogicType>;
+    private isLogicTypeVisible;
 }

package/typings/components/tabs/test-plugin.d.ts

@@ -18,6 +18,9 @@ export declare class TabTestPlugin implements ICreatorPlugin {
     private nextPageAction;
     private simulatorTheme;
     model: TestSurveyTabViewModel;
+    private _previewDevice;
+    get previewDevice(): string;
+    set previewDevice(newValue: string);
     private setDevice;
     private setDefaultLanguageOption;
     private getLanguages;

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

@@ -67,6 +67,7 @@ export declare class ThemeTabPlugin implements ICreatorPlugin {
     private setVisibleIf;
     private updateTabControl;
     constructor(creator: SurveyCreatorModel);
+    private previewDevice;
     activate(): void;
     private expandCategoryIfNeeded;
     private updateTabControlActions;

package/typings/creator-base.d.ts

@@ -1,4 +1,4 @@
-import { Base, SurveyModel, Question, PageModel, IElement, JsonObjectProperty, ActionContainer, IAction, Action, IPanel, SurveyElement, ItemValue, QuestionSelectBase, LocalizableString, ILocalizableString, ILocalizableOwner, PopupBaseViewModel, EventBase, MatrixDropdownColumn, ISurveyElement, ITheme } from "survey-core";
+import { Base, SurveyModel, Question, PanelModel, PageModel, IElement, JsonObjectProperty, ActionContainer, IAction, Action, IPanel, SurveyElement, ItemValue, QuestionSelectBase, LocalizableString, ILocalizableString, ILocalizableOwner, PopupBaseViewModel, EventBase, MatrixDropdownColumn, ISurveyElement, ITheme } from "survey-core";
 import { ICreatorPlugin, ISurveyCreatorOptions, ICollectionItemAllowOperations } from "./creator-settings";
 import { DragDropChoices } from "survey-core";
 import { QuestionToolbox, QuestionToolboxItem } from "./toolbox";
@@ -14,7 +14,7 @@ import { ICreatorOptions } from "./creator-options";
 import { ThemeTabPlugin } from "./components/tabs/theme-plugin";
 import { DragDropSurveyElements } from "./survey-elements";
 import { PageAdorner } from "./components/page";
-import { ElementDeletingEvent, PropertyGetReadOnlyEvent, ElementGetDisplayNameEvent, HtmlToMarkdownEvent, ElementAllowOperationsEvent, ElementGetActionsEvent, PropertyAddingEvent, PropertyGridSurveyCreatedEvent, PropertyEditorCreatedEvent, PropertyEditorUpdateTitleActionsEvent, PropertyGridShowPopupEvent, CollectionItemAllowOperationsEvent, CollectionItemAddedEvent, FastEntryItemsEvent as FastEntryFinishedEvent, MatrixColumnAddedEvent, ConfigureTablePropertyEditorEvent, PropertyDisplayCustomErrorEvent, PropertyValueChangingEvent, PropertyValueChangedEvent, 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 } from "./creator-events-api";
+import { ElementDeletingEvent, PropertyGetReadOnlyEvent, ElementGetDisplayNameEvent, HtmlToMarkdownEvent, ElementAllowOperationsEvent, ElementGetActionsEvent, PropertyAddingEvent, PropertyGridSurveyCreatedEvent, PropertyEditorCreatedEvent, PropertyEditorUpdateTitleActionsEvent, PropertyGridShowPopupEvent, CollectionItemAllowOperationsEvent, CollectionItemAddedEvent, FastEntryItemsEvent as FastEntryFinishedEvent, MatrixColumnAddedEvent, ConfigureTablePropertyEditorEvent, PropertyDisplayCustomErrorEvent, PropertyValueChangingEvent, PropertyValueChangedEvent, 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 } from "./creator-events-api";
 import { ExpandCollapseManager } from "./expand-collapse-manager";
 import { ICreatorTheme } from "./creator-theme/creator-themes";
 import { TabbedMenuContainer, TabbedMenuItem } from "./tabbed-menu";
@@ -148,10 +148,27 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     showSearch: boolean;
     generateValidJSON: boolean;
     currentAddQuestionType: string;
+    /**
+     * Specifies a default device for survey preview in the Preview tab.
+     *
+     * Possible values:
+     *
+     * - `"desktop"` (default)
+     * - `"iPhoneSE"`
+     * - `"iPhone15"`
+     * - `"iPhone15Plus"`
+     * - `"iPad"`
+     * - `"iPadMini"`
+     * - `"androidPhone"`
+     * - `"androidTablet"`
+     * - `"microsoftSurface"`
+     */
+    previewDevice: string;
     /**
      * Specifies the orientation of the selected device in the Preview tab.
      *
      * Possible values:
+     *
      * - `"landscape"` (default)
      * - `"portrait"`
      */
@@ -253,6 +270,7 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
      * An event that is raised after a user has edited a text value on the design surface. This value may include HTML markup. You can handle the `onHtmlToMarkdown` event to convert the HTML markup to Markdown.
      */
     onHtmlToMarkdown: EventBase<SurveyCreatorModel, HtmlToMarkdownEvent>;
+    onElementGetExpandCollapseState: EventBase<SurveyCreatorModel, ElementGetExpandCollapseStateEvent>;
     /**
      * An event that is raised when Survey Creator obtains permitted operations for a survey element. Use this event to disable user interactions with a question, panel, or page on the design surface.
      *
@@ -1020,8 +1038,11 @@ export declare class SurveyCreatorModel extends Base implements ISurveyCreatorOp
     onAfterDrop: EventBase<any, DragStartEndEvent>;
     private initDragDropSurveyElements;
     get designerStateManager(): import("./components/tabs/designer-state-manager").DesignerStateManager;
-    collapseAllPages(): void;
-    restorePagesState(): void;
+    private getCollapsableElements;
+    collapseAllElements(): void;
+    getElementExpandCollapseState(element: Question | PageModel | PanelModel, reason: ElementGetExpandCollapseStateEventReason, defaultValue: boolean): boolean;
+    private restoreState;
+    restoreElementsState(): void;
     private initDragDropChoices;
     updateElementsOnLocaleChanged(obj: Base, propertyName: string): void;
     updateConditionsOnNameChanged(obj: Base, propertyName: string, oldValue: any): void;

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

@@ -79,6 +79,21 @@ export interface HtmlToMarkdownEvent {
      */
     text: string;
 }
+export type ElementGetExpandCollapseStateEventReason = "loading" | "collapse-all" | "expand-all" | "drag-start" | "drag-end";
+export interface ElementGetExpandCollapseStateEvent {
+    /**
+     * A survey element (question, panel, or page) whose expand/collapse state you can switch.
+     */
+    element: Question | PanelModel | PageModel;
+    /**
+     * Indicates whether the element is currently collapsed or expanded. Set this parameter to `true` if you want to collapse the element or `false` to expand it.
+     */
+    collapsed: boolean;
+    /**
+     * A value that indicates what caused the event to raise: the loading of a survey JSON schema, a click on the Expand All or Collapse All button, or the beginning or end of a drag and drop operation.
+     */
+    reason: ElementGetExpandCollapseStateEventReason;
+}
 export interface ElementAllowOperationsEvent {
     /**
      * A survey element (question or panel) for which you can disable user interactions.

package/typings/creator-options.d.ts

@@ -229,6 +229,22 @@ export interface ICreatorOptions {
      * [View Demo](https://surveyjs.io/Examples/Creator?id=theme-switcher (linkStyle))
      */
     allowChangeThemeInPreview?: boolean;
+    /**
+     * Specifies a default device for survey preview in the Preview tab.
+     *
+     * Possible values:
+     *
+     * - `"desktop"` (default)
+     * - `"iPhoneSE"`
+     * - `"iPhone15"`
+     * - `"iPhone15Plus"`
+     * - `"iPad"`
+     * - `"iPadMini"`
+     * - `"androidPhone"`
+     * - `"androidTablet"`
+     * - `"microsoftSurface"`
+     */
+    previewDevice?: string;
     /**
      * Specifies the orientation of the selected device in the Preview tab.
      *

package/typings/creator-settings.d.ts

@@ -56,7 +56,9 @@ export declare var settings: {
             checkbox: string;
             tagbox: string;
         };
-        visibleActions: any[];
+        includeComplexQuestions: boolean;
+        visibleActions: string[];
+        invisibleTriggers: string[];
         logicItemTitleMaxChars: number;
         openBracket: string;
         closeBracket: string;
@@ -211,11 +213,11 @@ export interface ISurveyCreatorOptions {
     onMatrixDropdownColumnAddedCallback(matrix: Question, column: MatrixDropdownColumn, columns: Array<MatrixDropdownColumn>): any;
     onSetPropertyEditorOptionsCallback(propertyName: string, obj: Base, editorOptions: any): any;
     onGetErrorTextOnValidationCallback(propertyName: string, obj: Base, value: any): string;
-    onValueChangingCallback(options: any): any;
+    onValueChangingCallback(options: any): void;
     onGetElementEditorTitleCallback(obj: Base, title: string): string;
-    startUndoRedoTransaction(): any;
-    stopUndoRedoTransaction(): any;
-    createSurvey(json: any, reason: string, model?: any, callback?: (survey: SurveyModel) => void, area?: string): any;
+    startUndoRedoTransaction(name?: string): void;
+    stopUndoRedoTransaction(): void;
+    createSurvey(json: any, reason: string, model?: any, callback?: (survey: SurveyModel) => void, area?: string): SurveyModel;
     onConditionQuestionsGetListCallback(propertyName: string, obj: Base, editor: any, list: any[], variables: string[]): string;
     onConditionGetTitleCallback(expression: string, title: string): string;
     isConditionOperatorEnabled(questionName: string, question: Question, operator: string, isEnabled: boolean): boolean;
@@ -277,7 +279,7 @@ export declare class EmptySurveyCreatorOptions implements ISurveyCreatorOptions
     onGetErrorTextOnValidationCallback(propertyName: string, obj: Base, value: any): string;
     onValueChangingCallback(options: any): void;
     onGetElementEditorTitleCallback(obj: Base, title: string): string;
-    startUndoRedoTransaction(): void;
+    startUndoRedoTransaction(name?: string): void;
     stopUndoRedoTransaction(): void;
     createSurvey(json: any, reason: string, model?: any, callback?: (survey: SurveyModel) => void, area?: string): SurveyModel;
     onConditionQuestionsGetListCallback(propertyName: string, obj: Base, editor: any, list: any[], variables: string[]): string;

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

@@ -1,9 +1,11 @@
 import { CreatorBase } from "./creator-base";
 import { SurveyElementAdornerBase } from "./components/action-container-view-model";
 export declare class ExpandCollapseManager {
+    private creator;
     constructor(creator: CreatorBase);
     private adorners;
     updateCollapsed(isCollapsed: boolean): void;
     add(adorner: SurveyElementAdornerBase): void;
     remove(adorner: SurveyElementAdornerBase): void;
+    clear(): void;
 }

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

@@ -142,6 +142,7 @@ export declare class PropertyGridEditorMatrixValidators extends PropertyGridEdit
 }
 export declare class PropertyGridEditorMatrixTriggers extends PropertyGridEditorMatrixMultipleTypes {
     private getAvailableTriggers;
+    private isTriggerVisible;
     fit(prop: JsonObjectProperty): boolean;
     protected getObjTypeName(): string;
     protected getDefaultClassName(obj: Base, prop: JsonObjectProperty): string;

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

@@ -204,6 +204,7 @@ export declare var propertyGridCss: {
         itemSelected: string;
         itemDisabled: string;
         itemControl: string;
+        disabled: string;
     };
     imagepicker: {
         root: string;