survey-react 1.9.80 → 1.9.81

package/survey.react.d.ts

@@ -10,6 +10,16 @@ declare module "settings" {
      * ```
      */
     export var settings: {
+        /**
+         * Specifies an action to perform when users press the Enter key within a survey.
+         *
+         * Possible values:
+         *
+         * - `"moveToNextEditor"` - Moves focus to the next editor.
+         * - `"loseFocus"` - Removes focus from the current editor.
+         * - `"default"` - Behaves as a standard `<input>` element.
+         */
+        enterKeyAction: "default" | "moveToNextEditor" | "loseFocus";
         /**
          * An object that configures string comparison.
          *
@@ -369,6 +379,23 @@ declare module "settings" {
             inputTypes: string[];
             dataList: string[];
         };
+        /**
+         * Contains properties that apply to [Single-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model), [Multiple-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list), and [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model) questions.
+         *
+         * Nested properties:
+         *
+         * - `columnWidthsByType`: `Object`\
+         * An object that specifies fixed and minimum column width based on the column type.\
+         * Example: `settings.matrix.columnWidthsByType = { "tagbox": { minWidth: "240px", width: "300px" } }`
+         */
+        matrix: {
+            columnWidthsByType: {
+                [index: string]: {
+                    minWidth?: string;
+                    width?: string;
+                };
+            };
+        };
     };
 }
 declare module "helpers" {
@@ -422,6 +449,7 @@ declare module "localization/english" {
         progressText: string;
         indexText: string;
         panelDynamicProgressText: string;
+        panelDynamicTabTextFormat: string;
         questionsProgressText: string;
         emptySurvey: string;
         completingSurvey: string;
@@ -530,6 +558,7 @@ declare module "surveyStrings" {
         progressText: string;
         indexText: string;
         panelDynamicProgressText: string;
+        panelDynamicTabTextFormat: string;
         questionsProgressText: string;
         emptySurvey: string;
         completingSurvey: string;
@@ -821,7 +850,6 @@ declare module "jsonobject" {
         settingValue(obj: any, value: any): any;
         setValue(obj: any, value: any, jsonConv: JsonObject): void;
         getObjType(objType: string): string;
-        getClassName(className: string): string;
         /**
          * Depricated, please use getChoices
          */
@@ -987,6 +1015,7 @@ declare module "jsonobject" {
         private removePosFromObj;
         private isValueArray;
         private createNewObj;
+        private getClassNameForNewObj;
         private checkNewObjectOnErrors;
         private getRequiredError;
         private addNewError;
@@ -2346,6 +2375,8 @@ declare module "survey-element" {
         get clickTitleFunction(): any;
         protected needClickTitleFunction(): boolean;
         protected processTitleClick(): void;
+        get additionalTitleToolbar(): ActionContainer;
+        protected getAdditionalTitleToolbar(): ActionContainer | null;
         protected getCssTitle(cssClasses: any): string;
         localeChanged(): void;
     }
@@ -2453,6 +2484,18 @@ declare module "questionfactory" {
         createElement(elementType: string, name: string): IElement;
     }
 }
+declare module "drag-drop-helper-v1" {
+    import { IElement, ISurveyElement } from "base-interfaces";
+    export class DragDropInfo {
+        source: IElement;
+        target: IElement;
+        nestedPanelDepth: number;
+        constructor(source: IElement, target: IElement, nestedPanelDepth?: number);
+        destination: ISurveyElement;
+        isBottom: boolean;
+        isEdge: boolean;
+    }
+}
 declare module "defaultCss/defaultV2Css" {
     export var surveyCss: any;
     export var defaultV2Css: {
@@ -2525,6 +2568,8 @@ declare module "defaultCss/defaultV2Css" {
             root: string;
             navigation: string;
             title: string;
+            header: string;
+            headerTab: string;
             button: string;
             buttonRemove: string;
             buttonAdd: string;
@@ -3696,6 +3741,8 @@ declare module "question_baseselect" {
         protected onAfterRunItemsEnableCondition(): void;
         protected onEnableItemCallBack(item: ItemValue): boolean;
         protected onSelectedItemValuesChangedHandler(newValue: any): void;
+        protected getSingleSelectedItem(): ItemValue;
+        protected onGetSingleSelectedItem(selectedItemByValue: ItemValue): void;
         private setConditionalChoicesRunner;
         private setConditionalEnableChoicesRunner;
         private canSurveyChangeItemVisibility;
@@ -4411,7 +4458,11 @@ declare module "question_paneldynamic" {
          */
         get renderMode(): string;
         set renderMode(val: string);
+        get tabAlign(): "center" | "left" | "right";
+        set tabAlign(val: "center" | "left" | "right");
         get isRenderModeList(): boolean;
+        get isRenderModeTab(): boolean;
+        get hasTitleOnLeftTop(): boolean;
         setVisibleIndex(value: number): number;
         private setPanelVisibleIndex;
         /**
@@ -4572,6 +4623,7 @@ declare module "question_paneldynamic" {
         get progressText(): string;
         get progress(): string;
         getRootCss(): string;
+        get cssHeader(): string;
         getPanelWrapperCss(): string;
         getPanelRemoveButtonCss(): string;
         getAddButtonCss(): string;
@@ -4585,12 +4637,20 @@ declare module "question_paneldynamic" {
         get locNoEntriesText(): LocalizableString;
         getShowNoEntriesPlaceholder(): boolean;
         needResponsiveWidth(): boolean;
+        private additionalTitleToolbarValue;
+        protected getAdditionalTitleToolbar(): ActionContainer | null;
         private footerToolbarValue;
         get footerToolbar(): ActionContainer;
         legacyNavigation: boolean;
         private updateFooterActionsCallback;
         private updateFooterActions;
         private initFooterToolbar;
+        private createTabByPanel;
+        private getAdditionalTitleToolbarCss;
+        private updateTabToolbarItemsPressedState;
+        private updateTabToolbar;
+        private addTabFromToolbar;
+        private removeTabFromToolbar;
         private get showLegacyNavigation();
     }
 }
@@ -5705,9 +5765,6 @@ declare module "survey-events-api" {
          * Set this property to `false` if you want to cancel the preview.
          */
         allow: boolean;
-        /**
-        * @deprecated Use the `allow` property instead.
-        */
         allowShowPreview: boolean;
     }
     export interface NavigateToUrlEvent {
@@ -5844,7 +5901,7 @@ declare module "survey-events-api" {
     }
     export interface SettingQuestionErrorsEvent extends QuestionEventMixin {
         /**
-         * An array of errors. The array is empty if the validated question satisfy all validation rules.
+         * An array of errors. The array is empty if the validated question satisfies all validation rules.
          */
         errors: Array<SurveyError>;
     }
@@ -6944,9 +7001,10 @@ declare module "survey" {
          */
         onComplete: EventBase<SurveyModel, CompleteEvent>;
         /**
-         * An event that is raised before the survey displays a [preview](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page). Use this event to cancel the preview.
-         *
+         * An event that is raised before the survey displays a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page). Use this event to cancel the preview.
          * @see showPreviewBeforeComplete
+         * @see showPreview
+         * @see cancelPreview
          */
         onShowingPreview: EventBase<SurveyModel, ShowingPreviewEvent>;
         /**
@@ -7530,9 +7588,10 @@ declare module "survey" {
         getType(): string;
         protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
         /**
-         * Returns a list of all pages in the survey, including invisible pages.
+         * Returns an array of all pages in the survey.
+         *
+         * To get an array of only visible pages, use the [`visiblePages`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#visiblePages) array.
          * @see PageModel
-         * @see visiblePages
          */
         get pages(): Array<PageModel>;
         renderCallback: () => void;
@@ -7578,11 +7637,7 @@ declare module "survey" {
         get triggers(): Array<SurveyTrigger>;
         set triggers(val: Array<SurveyTrigger>);
         /**
-         * Gets or sets a list of calculated values in the survey.
-         * @see CalculatedValue
-         *
-         * For more information, refer to [Calculated Values](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#calculated-values).
-         *
+         * An array of [calculated values](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#calculated-values).
          */
         get calculatedValues(): Array<CalculatedValue>;
         set calculatedValues(val: Array<CalculatedValue>);
@@ -7773,43 +7828,44 @@ declare module "survey" {
         get maxOthersLength(): number;
         set maxOthersLength(val: number);
         /**
-         * Gets or ses whether user proceeds to the next page without pressing the "Next" button after answering all page questions.
-         * The available options:
+         * Specifies whether the survey switches to the next page automatically after a user answers all questions on the current page.
          *
-         * - `true` - navigate to the next page and submit survey data automatically.
-         * - `autogonext` - navigate to the next page automatically but do not submit survey data.
-         * - `false` - do not navigate to the next page and do not submit survey data automatically.
+         * Default value: `false`
          *
-         * > If any of the following questions is answered last, the survey won't be switched to the next page: Checkbox, Boolean (rendered as Checkbox), Comment, Signature Pad, Image Picker (with Multi Select), File, Single-Choice Matrix (not all rows are answered), Dynamic Matrix, Panel Dynamic.
+         * If you enable this property, the survey is also completed automatically. Set the [`allowCompleteSurveyAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#allowCompleteSurveyAutomatic) property to `false` if you want to disable this behavior.
          *
-         * @see showNavigationButtons
+         * > If any of the following questions is answered last, the survey does not switch to the next page: Checkbox, Boolean (rendered as Checkbox), Comment, Signature Pad, Image Picker (with Multi Select), File, Single-Choice Matrix (not all rows are answered), Dynamic Matrix, Panel Dynamic.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-autonextpage/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/automatically-move-to-next-page-if-answer-selected/ (linkStyle))
          */
         get goNextPageAutomatic(): boolean | "autogonext";
         set goNextPageAutomatic(val: boolean | "autogonext");
         /**
-         * Gets or sets whether a survey is automatically completed when `goNextPageAutomatic = true`. Set it to `false` if you do not want to submit survey automatically on completing the last survey page.
-         * @see goNextPageAutomatic
+         * Specifies whether to complete the survey automatically after a user answers all questions on the last page. Applies only if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is `true`.
+         *
+         * Default value: `true`
          */
         get allowCompleteSurveyAutomatic(): boolean;
         set allowCompleteSurveyAutomatic(val: boolean);
         /**
-         * Gets or sets a value that specifies how the survey validates the question answers.
+         * Specifies when the survey validates answers.
          *
-         * The following options are available:
+         * Possible values:
+         *
+         * - `"onNextPage"` (default) - Triggers validation before the survey is switched to the next page or completed.
+         * - `"onValueChanged"` - Triggers validation each time a question value is changed.
+         * - `"onComplete"` - Triggers validation when a user clicks the Complete button. If previous pages contain errors, the survey switches to the page with the first error.
          *
-         * - `onNextPage` (default) - check errors on navigating to the next page or on completing the survey.
-         * - `onValueChanged` - check errors on every question value (i.e., answer) changing.
-         * - `onValueChanging` - check errors before setting value into survey. If there is an error, then survey data is not changed, but question value will be keeped.
-         * - `onComplete` - to validate all visible questions on complete button click. If there are errors on previous pages, then the page with the first error becomes the current.
+         * Refer to the following help topic for more information: [Data Validation](https://surveyjs.io/form-library/documentation/data-validation).
          */
         get checkErrorsMode(): string;
         set checkErrorsMode(val: string);
         /**
-         * Specifies whether the text area of [comment](https://surveyjs.io/Documentation/Library?id=questioncommentmodel) questions/elements automatically expands its height to avoid the vertical scrollbar and to display the entire multi-line contents entered by respondents.
-         * Default value is false.
-         * @see QuestionCommentModel.autoGrow
+         * Specifies whether to increase the height of text areas to accommodate multi-line comments.
+         *
+         * Default value: `false`
+         *
+         * You can override this property for individual Comment questions: [`autoGrow`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#autoGrow).
          */
         get autoGrowComment(): boolean;
         set autoGrowComment(val: boolean);
@@ -8029,21 +8085,19 @@ declare module "survey" {
         set completeText(newValue: string);
         get locCompleteText(): LocalizableString;
         /**
-         *  Gets or sets the 'Preview' button caption.
-         * @see locale
+         * Gets or sets a caption for the Preview button.
          * @see showPreviewBeforeComplete
-         * @see editText
          * @see showPreview
+         * @see editText
          */
         get previewText(): string;
         set previewText(newValue: string);
         get locPreviewText(): LocalizableString;
         /**
-         *  Gets or sets the 'Edit' button caption.
-         * @see locale
+         * Gets or sets a caption for the Edit button displayed when the survey shows a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
          * @see showPreviewBeforeComplete
-         * @see previewText
          * @see cancelPreview
+         * @see previewText
          */
         get editText(): string;
         set editText(newValue: string);
@@ -8237,10 +8291,10 @@ declare module "survey" {
          */
         get comments(): any;
         /**
-         * Returns a list of visible pages. If all pages are visible, then this property returns the same list as the `pages` property.
-         * @see pages
-         * @see PageModel.visible
-         * @see PageModel.visibleIf
+         * Returns an array of visible pages without the start page.
+         *
+         * To get an array of all pages, use the [`pages`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#pages) property. If all pages are visible, the `pages` and `visiblePages` arrays are identical.
+         * @see [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility)
          */
         get visiblePages(): Array<PageModel>;
         private isPageInVisibleList;
@@ -8250,24 +8304,40 @@ declare module "survey" {
         get isEmpty(): boolean;
         get PageCount(): number;
         /**
-         * Returns the survey page count.
-         * @see visiblePageCount
+         * Returns a total number of survey pages.
+         *
+         * To get the number of visible pages, use the [`visiblePageCount`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#visiblePageCount) property.
          * @see pages
          */
         get pageCount(): number;
         /**
-         * Returns a number of visible pages within the survey.
-         * @see pageCount
+         * Returns the number of visible survey pages.
+         *
+         * To get a total number of survey pages, use the [`pageCount`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#pageCount) property.
          * @see visiblePages
+         * @see [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility)
          */
         get visiblePageCount(): number;
         /**
-         * Returns the started page. This property works if the `firstPageIsStarted` property is set to `true`.
+         * Returns the start page. Applies only if the [`firstPageIsStarted`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#firstPageIsStarted) property is set to `true`.
+         *
+         * Refer to the following help topic for more information: [Start Page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#start-page).
          * @see firstPageIsStarted
+         * @see activePage
          */
         get startedPage(): PageModel;
         /**
-         * Gets or sets the current survey page. If a survey is rendered, then this property returns a page that a user can see/edit.
+         * Gets or sets the current page.
+         *
+         * If you want to change the current page, set this property to a `PageModel` object. You can get this object in different ways. For example, you can call the [`getPageByName()`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#getPageByName) method to obtain a `PageModel` object with a specific name:
+         *
+         * ```js
+         * survey.currentPage = survey.getPageByName("my-page-name");
+         * ```
+         *
+         * Alternatively, you can change the current page if you set the [`currentPageNo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#currentPageNo) property to the index of the required page.
+         *
+         * The `currentPage` property does not return the start page even if it is current. Use the [`activePage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#activePage) property instead if your survey contains a start page.
          */
         get currentPage(): any;
         set currentPage(value: any);
@@ -8275,10 +8345,10 @@ declare module "survey" {
         private get isCurrentPageAvailable();
         private isPageExistsInSurvey;
         /**
-         * Returns the currentPage, unless the started page is showing. In this case returns the started page.
+         * Returns [`startedPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#startedPage) if the survey currently displays a start page; otherwise, returns [`currentPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#currentPage).
+         * @see startedPage
          * @see currentPage
          * @see firstPageIsStarted
-         * @see startedPage
          */
         get activePage(): any;
         /**
@@ -8293,20 +8363,24 @@ declare module "survey" {
         private onStateAndCurrentPageChanged;
         private getPageByObject;
         /**
-         * The zero-based index of the current page in the visible pages array.
+         * A zero-based index of the current page in the [`visiblePages`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#visiblePages) array.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/survey-editprevious/ (linkStyle))
+         * @see visiblePages
          */
         get currentPageNo(): number;
         set currentPageNo(value: number);
         /**
-         * Gets or sets the question display order. Use this property to randomize questions. You can randomize questions on a specific page.
+         * Specifies the sort order of questions in the survey.
          *
-         * The following options are available:
+         * Possible values:
+         *
+         * - `"initial"` (default) - Preserves the original order of questions.
+         * - `"random"` - Displays questions in random order.
          *
-         * - `random` - randomize questions
-         * - `initial` - keep questions in the same order, as in a survey model.
-         * @see SurveyPage.questionsOrder
+         * You can override this property for individual pages and panels.
+         * @see PageModel.questionsOrder
+         * @see PanelModel.questionsOrder
          */
         get questionsOrder(): string;
         set questionsOrder(val: string);
@@ -8345,14 +8419,11 @@ declare module "survey" {
         protected setCompletedState(value: string, text: string): void;
         notify(message: string, type: string): void;
         /**
-         * Clears the survey data and state. If the survey has a `completed` state, it will get a `running` state.
-         * @param clearData clear the data
-         * @param gotoFirstPage make the first page as a current page.
-         * @see data
-         * @see state
-         * @see currentPage
+         * Resets the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) and, optionally, [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data). If `state` is `"completed"`, it becomes `"running"`.
+         * @param clearData *Optional.* Specifies whether to clear survey data. Default value: `true`.
+         * @param goToFirstPage *Optional.* Specifies whether to switch the survey to the first page. Default value: `true`.
          */
-        clear(clearData?: boolean, gotoFirstPage?: boolean): void;
+        clear(clearData?: boolean, goToFirstPage?: boolean): void;
         mergeValues(src: any, dest: any): void;
         private updateValuesWithDefaults;
         protected updateCustomWidgets(page: PageModel): void;
@@ -8539,24 +8610,19 @@ declare module "survey" {
         nextPageUIClick(): boolean;
         nextPageMouseDown(): boolean;
         /**
-         * Shows preview for the survey. Switches the survey to the "preview" state.
-         *
-         * Details: [Preview State](https://surveyjs.io/Documentation/Library#states-preview)
-         * @see showPreviewBeforeComplete
+         * Displays a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page). Returns `false` if the preview cannot be displayed because of validation errors.
          * @see cancelPreview
+         * @see showPreviewBeforeComplete
+         * @see onShowingPreview
          * @see state
-         * @see previewText
-         * @see editText
          */
         showPreview(): boolean;
         private showPreviewCore;
         /**
-         * Cancels preview and switches back to the "running" state.
-         *
-         * Details: [Preview State](https://surveyjs.io/Documentation/Library#states-preview)
-         * @param curPage - A new current page. If the parameter is undefined then the last page becomes the current.
-         * @see showPreviewBeforeComplete
+         * Cancels a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page) and switches the survey to the page specified by the `curPage` parameter.
+         * @param curPage A new current page. If you do not specify this parameter, the survey displays the last page.
          * @see showPreview
+         * @see showPreviewBeforeComplete
          * @see state
          */
         cancelPreview(curPage?: any): void;
@@ -8577,8 +8643,11 @@ declare module "survey" {
         get questionsOnPageMode(): string;
         set questionsOnPageMode(val: string);
         /**
-         * Gets or sets whether the first survey page is a start page. Set this property to `true`, to make the first page a starting page.
-         * An end user cannot navigate to the start page and the start page does not affect a survey progress.
+         * Gets or sets a Boolean value that specifies whether the first page is a start page.
+         *
+         * Refer to the following help topic for more information: [Start Page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#start-page).
+         * @see startedPage
+         * @see activePage
          */
         get firstPageIsStarted(): boolean;
         set firstPageIsStarted(val: boolean);
@@ -8795,16 +8864,19 @@ declare module "survey" {
         getPage(index: number): PageModel;
         /**
          * Adds an existing page to the survey.
-         * @param page a newly added page
-         * @param index - a page index to where insert a page. It is -1 by default and the page will be added into the end.
+         * @param page A page to add.
+         * @param index An index at which to insert the page. If you do not specify this parameter, the page will be added to the end.
          * @see addNewPage
+         * @see createNewPage
          */
         addPage(page: PageModel, index?: number): void;
         /**
-         * Creates a new page and adds it to a survey. Generates a new name if the `name` parameter is not specified.
-         * @param name a page name
-         * @param index - a page index to where insert a new page. It is -1 by default and the page will be added into the end.
+         * Creates a new page and adds it to the survey.
+         * @param name A page name. If you do not specify this parameter, it will be generated automatically.
+         * @param index An index at which to insert the page. If you do not specify this parameter, the page will be added to the end.
+         * @returns The created and added page.
          * @see addPage
+         * @see createNewPage
          */
         addNewPage(name?: string, index?: number): PageModel;
         /**
@@ -8887,8 +8959,9 @@ declare module "survey" {
          */
         getAllPanels(visibleOnly?: boolean, includingDesignTime?: boolean): Array<IPanel>;
         /**
-         * Creates and returns a new page, but do not add it into the survey.
-         * You can use addPage(page) function to add it into survey later.
+         * Creates and returns a new page but does not add it to the survey.
+         *
+         * Call the [`addPage(page)`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#addPage) method to add the created page to the survey later or the [`addNewPage(name, index)`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#addNewPage) method to create _and_ add a page to the survey.
          * @see addPage
          * @see addNewPage
          */
@@ -9217,6 +9290,7 @@ declare module "survey" {
          * @param name question name
          */
         focusQuestion(name: string): boolean;
+        questionEditFinishCallback(question: Question, event: any): void;
         getElementWrapperComponentName(element: any, reason?: string): string;
         getQuestionContentWrapperComponentName(element: any): string;
         getRowWrapperComponentName(row: QuestionRowModel): string;
@@ -9260,6 +9334,27 @@ declare module "survey" {
         disposeCallback: () => void;
     }
 }
+declare module "drag-drop-page-helper-v1" {
+    import { IElement, ISurveyElement } from "base-interfaces";
+    import { PageModel } from "page";
+    export class DragDropPageHelperV1 {
+        private page;
+        constructor(page: PageModel);
+        private dragDropInfo;
+        getDragDropInfo(): any;
+        dragDropStart(src: IElement, target: IElement, nestedPanelDepth?: number): void;
+        dragDropMoveTo(destination: ISurveyElement, isBottom?: boolean, isEdge?: boolean): boolean;
+        private correctDragDropInfo;
+        private dragDropAllowFromSurvey;
+        dragDropFinish(isCancel?: boolean): IElement;
+        private dragDropGetElementIndex;
+        private dragDropCanDropTagert;
+        private dragDropCanDropSource;
+        private dragDropCanDropCore;
+        private dragDropCanDropNotNext;
+        private dragDropIsSameElement;
+    }
+}
 declare module "page" {
     import { IPage, IPanel, IElement, ISurveyElement } from "base-interfaces";
     import { PanelModelBase } from "panel";
@@ -9271,6 +9366,7 @@ declare module "page" {
      */
     export class PageModel extends PanelModelBase implements IPage {
         private hasShownValue;
+        private dragDropPageHelper;
         constructor(name?: string);
         getType(): string;
         toString(): string;
@@ -9357,22 +9453,31 @@ declare module "page" {
         set maxTimeToFinish(val: number);
         protected onNumChanged(value: number): void;
         protected onVisibleChanged(): void;
-        private dragDropInfo;
-        protected getDragDropInfo(): any;
+        getDragDropInfo(): any;
         dragDropStart(src: IElement, target: IElement, nestedPanelDepth?: number): void;
         dragDropMoveTo(destination: ISurveyElement, isBottom?: boolean, isEdge?: boolean): boolean;
-        private correctDragDropInfo;
-        private dragDropAllowFromSurvey;
         dragDropFinish(isCancel?: boolean): IElement;
-        private dragDropGetElementIndex;
-        private dragDropCanDropTagert;
-        private dragDropCanDropSource;
-        private dragDropCanDropCore;
-        private dragDropCanDropNotNext;
-        private dragDropIsSameElement;
         ensureRowsVisibility(): void;
     }
 }
+declare module "drag-drop-panel-helper-v1" {
+    import { IElement, ISurveyElement } from "base-interfaces";
+    import { DragDropInfo } from "drag-drop-helper-v1";
+    import { PanelModelBase, QuestionRowModel } from "panel";
+    export class DragDropPanelHelperV1 {
+        private panel;
+        constructor(panel: PanelModelBase);
+        dragDropAddTarget(dragDropInfo: DragDropInfo): void;
+        dragDropFindRow(findElement: ISurveyElement): QuestionRowModel;
+        dragDropMoveElement(src: IElement, target: IElement, targetIndex: number): void;
+        updateRowsOnElementAdded(element: IElement, index: number, dragDropInfo?: DragDropInfo, thisElement?: PanelModelBase): void;
+        private dragDropAddTargetToRow;
+        private dragDropAddTargetToEmptyPanel;
+        private dragDropAddTargetToExistingRow;
+        private dragDropAddTargetToNewRow;
+        private dragDropAddTargetToEmptyPanelCore;
+    }
+}
 declare module "panel" {
     import { HashTable } from "helpers";
     import { Base } from "base";
@@ -9384,15 +9489,7 @@ declare module "panel" {
     import { SurveyError } from "survey-error";
     import { IAction } from "actions/action";
     import { ActionContainer } from "actions/container";
-    export class DragDropInfo {
-        source: IElement;
-        target: IElement;
-        nestedPanelDepth: number;
-        constructor(source: IElement, target: IElement, nestedPanelDepth?: number);
-        destination: ISurveyElement;
-        isBottom: boolean;
-        isEdge: boolean;
-    }
+    import { DragDropInfo } from "drag-drop-helper-v1";
     export class QuestionRowModel extends Base {
         panel: PanelModelBase;
         private static rowCounter;
@@ -9439,6 +9536,7 @@ declare module "panel" {
         addElementCallback: (element: IElement) => void;
         removeElementCallback: (element: IElement) => void;
         onGetQuestionTitleLocation: () => string;
+        private dragDropPanelHelper;
         constructor(name?: string);
         getType(): string;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -9652,10 +9750,10 @@ declare module "panel" {
         getQuestionStartIndex(): string;
         getChildrenLayoutType(): string;
         getProgressInfo(): IProgressInfo;
-        protected get root(): PanelModelBase;
+        get root(): PanelModelBase;
         protected childVisibilityChanged(): void;
-        protected createRowAndSetLazy(index: number): QuestionRowModel;
-        protected createRow(): QuestionRowModel;
+        createRowAndSetLazy(index: number): QuestionRowModel;
+        createRow(): QuestionRowModel;
         onSurveyLoad(): void;
         onFirstRendering(): void;
         updateRows(): void;
@@ -9667,15 +9765,14 @@ declare module "panel" {
         private onElementVisibilityChanged;
         private onElementStartWithNewLineChanged;
         private updateRowsVisibility;
-        private canBuildRows;
+        canBuildRows(): boolean;
         private buildRows;
         private isLazyRenderInRow;
         protected canRenderFirstRows(): boolean;
-        protected getDragDropInfo(): any;
-        private updateRowsOnElementAdded;
+        getDragDropInfo(): any;
         private updateRowsOnElementRemoved;
-        protected updateRowsRemoveElementFromRow(element: IElement, row: QuestionRowModel): void;
-        private findRowByElement;
+        updateRowsRemoveElementFromRow(element: IElement, row: QuestionRowModel): void;
+        findRowByElement(el: IElement): QuestionRowModel;
         elementWidthChanged(el: IElement): void;
         get processedTitle(): string;
         protected getRenderedTitle(str: string): string;
@@ -9765,13 +9862,8 @@ declare module "panel" {
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
         onAnyValueChanged(name: string): void;
         checkBindings(valueName: string, value: any): void;
-        protected dragDropAddTarget(dragDropInfo: DragDropInfo): void;
+        dragDropAddTarget(dragDropInfo: DragDropInfo): void;
         dragDropFindRow(findElement: ISurveyElement): QuestionRowModel;
-        private dragDropAddTargetToRow;
-        private dragDropAddTargetToEmptyPanel;
-        private dragDropAddTargetToExistingRow;
-        private dragDropAddTargetToNewRow;
-        private dragDropAddTargetToEmptyPanelCore;
         dragDropMoveElement(src: IElement, target: IElement, targetIndex: number): void;
         needResponsiveWidth(): boolean;
         get hasDescriptionUnderTitle(): boolean;
@@ -12304,6 +12396,7 @@ declare module "question_dropdown" {
         getType(): string;
         get ariaRole(): string;
         get selectedItem(): ItemValue;
+        protected onGetSingleSelectedItem(selectedItemByValue: ItemValue): void;
         supportGoNextPageAutomatic(): boolean;
         private minMaxChoices;
         protected getChoices(): Array<ItemValue>;
@@ -12772,6 +12865,7 @@ declare module "dropdownMultiSelectListModel" {
         private getSelectedActions;
         protected getFocusFirstInputSelector(): string;
         protected createListModel(): MultiSelectListModel<ItemValue>;
+        protected resetFilterString(): void;
         previousValue: any;
         doneButtonCaption: string;
         private get shouldResetAfterCancel();
@@ -13634,6 +13728,7 @@ declare module "surveyToc" {
     import { SurveyModel } from "survey";
     export function tryNavigateToPage(survey: SurveyModel, index: number): boolean;
     export function createTOCListModel(survey: SurveyModel): ListModel<Action>;
+    export function getTocRootCss(survey: SurveyModel): string;
 }
 declare module "surveyProgress" {
     export class SurveyProgressModel {
@@ -14251,6 +14346,7 @@ declare module "dragdrop/survey-elements" {
         protected getDraggedElementClass(): string;
         protected createElementFromJson(json: object): HTMLElement;
         private createNewElement;
+        protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
         protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
         protected isDropTargetValid(): boolean;
         protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
@@ -14601,6 +14697,8 @@ declare module "defaultCss/cssstandard" {
         paneldynamic: {
             root: string;
             title: string;
+            header: string;
+            headerTab: string;
             button: string;
             buttonAdd: string;
             buttonRemove: string;
@@ -14673,6 +14771,10 @@ declare module "defaultCss/cssstandard" {
             minText: string;
             itemText: string;
             maxText: string;
+            itemStar: string;
+            itemStarSelected: string;
+            itemSmiley: string;
+            itemSmileySelected: string;
         };
         text: {
             root: string;
@@ -15108,6 +15210,10 @@ declare module "defaultCss/cssmodern" {
             cleanButtonIconId: string;
             controlValue: string;
             controlInputFieldComponent: string;
+            itemSmiley: string;
+            itemStar: string;
+            itemSmileySelected: string;
+            itemStarSelected: string;
         };
         comment: {
             root: string;
@@ -21278,8 +21384,8 @@ declare module "react/reactquestion_matrixdropdownbase" {
         renderHeader(): JSX.Element | null;
         renderFooter(): JSX.Element | null;
         renderRows(): JSX.Element;
-        renderRow(keyValue: any, row: QuestionMatrixDropdownRenderedRow, cssClasses: any): JSX.Element;
-        renderCell(cell: QuestionMatrixDropdownRenderedCell, index: number, cssClasses: any): JSX.Element;
+        renderRow(keyValue: any, row: QuestionMatrixDropdownRenderedRow, cssClasses: any, reason?: string): JSX.Element;
+        renderCell(cell: QuestionMatrixDropdownRenderedCell, index: number, cssClasses: any, reason?: string): JSX.Element;
         private renderCellContent;
     }
     export class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCell {