survey-react 1.9.79 → 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;
@@ -1471,6 +1500,7 @@ declare module "list" {
         onSelectionChanged: (item: T, ...params: any[]) => void;
         allowSelection: boolean;
         private onFilterStringChangedCallback?;
+        elementId?: string;
         private listContainerHtmlElement;
         private loadingIndicatorValue;
         searchEnabled: boolean;
@@ -1492,7 +1522,7 @@ declare module "list" {
         get visibleItems(): Array<T>;
         private get shouldProcessFilter();
         private onFilterStringChanged;
-        constructor(items: Array<IAction>, onSelectionChanged: (item: T, ...params: any[]) => void, allowSelection: boolean, selectedItem?: IAction, onFilterStringChangedCallback?: (text: string) => void);
+        constructor(items: Array<IAction>, onSelectionChanged: (item: T, ...params: any[]) => void, allowSelection: boolean, selectedItem?: IAction, onFilterStringChangedCallback?: (text: string) => void, elementId?: string);
         setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
         protected onSet(): void;
         protected getDefaultCssClasses(): {
@@ -1759,6 +1789,7 @@ declare module "actions/action" {
         ariaChecked?: boolean;
         ariaExpanded?: boolean;
         ariaRole?: string;
+        elementId?: string;
     }
     export interface IActionDropdownPopupOptions extends IListModel, IPopupOptionsBase {
     }
@@ -1829,7 +1860,6 @@ declare module "actions/action" {
         private raiseUpdate;
         constructor(innerItem: IAction);
         private createLocTitle;
-        owner: ILocalizableOwner;
         location?: string;
         id: string;
         private _visible;
@@ -2276,9 +2306,14 @@ declare module "survey-element" {
         protected getIsErrorsModeTooltip(): boolean;
         protected getIsTooltipErrorSupportedByParent(): boolean;
         protected getIsTooltipErrorInsideSupported(): boolean;
-        get hasParent(): boolean;
+        get hasParent(): any;
         isSingleInRow: boolean;
-        protected get hasFrameV2(): boolean;
+        private shouldAddRunnerStyles;
+        protected getHasFrameV2(): boolean;
+        protected getIsNested(): boolean;
+        protected getCssRoot(cssClasses: {
+            [index: string]: string;
+        }): string;
         /**
          * Sets survey element width in CSS values.
          *
@@ -2340,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;
     }
@@ -2447,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: {
@@ -2487,6 +2536,7 @@ declare module "defaultCss/defaultV2Css" {
             edit: string;
         };
         panel: {
+            asPage: string;
             number: string;
             title: string;
             titleExpandable: string;
@@ -2518,6 +2568,8 @@ declare module "defaultCss/defaultV2Css" {
             root: string;
             navigation: string;
             title: string;
+            header: string;
+            headerTab: string;
             button: string;
             buttonRemove: string;
             buttonAdd: string;
@@ -2726,6 +2778,7 @@ declare module "defaultCss/defaultV2Css" {
             itemLabelOnError: string;
             item: string;
             itemTitle: string;
+            content: string;
             row: string;
             cell: string;
         };
@@ -2838,6 +2891,7 @@ declare module "defaultCss/defaultV2Css" {
             empty: string;
             root: string;
             tableWrapper: string;
+            content: string;
             cell: string;
             row: string;
             itemCell: string;
@@ -2883,6 +2937,11 @@ declare module "defaultCss/defaultV2Css" {
             itemStarDisabled: string;
             itemStarHighlighted: string;
             itemStarUnhighlighted: string;
+            itemSmiley: string;
+            itemSmileyOnError: string;
+            itemSmileyHover: string;
+            itemSmileySelected: string;
+            itemSmileyDisabled: string;
             minText: string;
             itemText: string;
             maxText: string;
@@ -3681,6 +3740,9 @@ declare module "question_baseselect" {
         protected runItemsEnableCondition(values: HashTable<any>, properties: HashTable<any>): any;
         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;
@@ -3876,7 +3938,7 @@ declare module "question_baseselect" {
         private getFilteredChoices;
         protected get activeChoices(): Array<ItemValue>;
         private getQuestionWithChoices;
-        protected getChoicesFromQuestion(question: QuestionSelectBase): Array<ItemValue>;
+        private getChoicesFromQuestion;
         private copyChoiceItem;
         protected get hasActiveChoices(): boolean;
         protected isHeadChoice(item: ItemValue, question: QuestionSelectBase): boolean;
@@ -4396,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;
         /**
@@ -4557,6 +4623,7 @@ declare module "question_paneldynamic" {
         get progressText(): string;
         get progress(): string;
         getRootCss(): string;
+        get cssHeader(): string;
         getPanelWrapperCss(): string;
         getPanelRemoveButtonCss(): string;
         getAddButtonCss(): string;
@@ -4570,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();
     }
 }
@@ -5690,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 {
@@ -5829,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>;
     }
@@ -5893,9 +5965,13 @@ declare module "survey-events-api" {
     }
     export interface ProcessHtmlEvent {
         /**
-         * an HTML that you may change before text processing and then rendering. specifies the modified HTML content
+         * HTML markup. You can modify this parameter's value.
          */
         html: string;
+        /**
+         * Indicates a page, question, or message for which HTML content is intended: [`"completed"`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#completedHtml) | [`"completed-before"`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#completedBeforeHtml) | [`"loading"`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#loadingHtml) | [`"html-question"`](https://surveyjs.io/form-library/documentation/api-reference/add-custom-html-to-survey#html).
+         */
+        reason: string;
     }
     export interface GetQuestionTitleEvent extends QuestionEventMixin {
         /**
@@ -6925,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>;
         /**
@@ -7130,7 +7207,7 @@ declare module "survey" {
          */
         onValidatedErrorsOnCurrentPage: EventBase<SurveyModel, ValidatedErrorsOnCurrentPageEvent>;
         /**
-         * Use this event to modify the HTML content before rendering, for example `completeHtml` or `loadingHtml`.
+         * An event that is raised when the survey processes HTML content. Handle this event to modify HTML content before displaying.
          * @see completedHtml
          * @see loadingHtml
          * @see QuestionHtmlModel.html
@@ -7501,6 +7578,7 @@ declare module "survey" {
          */
         onGetExpressionDisplayValue: EventBase<SurveyModel, GetExpressionDisplayValueEvent>;
         constructor(jsonObj?: any, renderedElement?: any);
+        protected createTryAgainAction(): IAction;
         private createHtmlLocString;
         /**
          * The list of errors on loading survey JSON. If the list is empty after loading a JSON, then the JSON is correct and has no errors.
@@ -7510,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;
@@ -7558,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>);
@@ -7637,6 +7712,8 @@ declare module "survey" {
          * Gets or sets the visibility of the table of contents.
          *
          * Default value: `false`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/toc-feature/ (linkStyle))
          * @see tocLocation
          */
         get showTOC(): boolean;
@@ -7648,6 +7725,8 @@ declare module "survey" {
          *
          * - `"left"` (default)
          * - `"right"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/toc-feature/ (linkStyle))
          * @see showTOC
          */
         get tocLocation(): "left" | "right";
@@ -7749,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);
@@ -8005,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);
@@ -8213,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;
@@ -8226,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);
@@ -8251,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;
         /**
@@ -8269,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);
@@ -8321,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;
@@ -8512,27 +8607,22 @@ declare module "survey" {
         navigationMouseDown(): boolean;
         private resetNavigationButton;
         private mouseDownPage;
-        nextPageUIClick(): void;
+        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;
@@ -8542,18 +8632,22 @@ declare module "survey" {
         get isSinglePage(): boolean;
         set isSinglePage(val: boolean);
         /**
-         * Gets or sets a value that specifies how the survey combines questions, panels, and pages.
+         * Specifies how to distribute survey elements between pages.
          *
-         * The following options are available:
+         * Possible values:
          *
-         * - `singlePage` - combine all survey pages in a single page. Pages will be converted to panels.
-         * - `questionPerPage` - show one question per page. Survey will create a separate page for every question.
+         * - `"singlePage"` - Combines all survey pages into a single page.
+         * - `"questionPerPage"` - Creates a separate page for every question.
+         * - `"standard"` (default) - Retains the original structure specified in the JSON schema.
          */
         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);
@@ -8632,6 +8726,7 @@ declare module "survey" {
          * @see navigateToUrlOnCondition
          */
         doComplete(isCompleteOnTrigger?: boolean): boolean;
+        private saveDataOnComplete;
         private checkOnCompletingEvent;
         /**
          * Starts the survey. Changes the survey mode from "starting" to "running". Call this function if your survey has a start page, otherwise this function does nothing.
@@ -8769,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;
         /**
@@ -8861,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
          */
@@ -9038,7 +9137,7 @@ declare module "survey" {
         panelRemoved(panel: PanelModel): void;
         validateQuestion(question: Question): SurveyError;
         validatePanel(panel: PanelModel): SurveyError;
-        processHtml(html: string): string;
+        processHtml(html: string, reason?: string): string;
         processText(text: string, returnDisplayValue: boolean): string;
         processTextEx(text: string, returnDisplayValue: boolean, doEncoding: boolean): any;
         private processTextCore;
@@ -9191,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;
@@ -9203,6 +9303,27 @@ declare module "survey" {
         skeletonComponentName: string;
         getSkeletonComponentName(element: ISurveyElement): string;
         private layoutElements;
+        /**
+         * Adds an element to the survey layout.
+         *
+         * This method accepts an object with the following layout element properties:
+         *
+         * - `id`: `String` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
+         * A layout element identifier. You can use possible values to access and relocate or customize predefined layout elements.
+         *
+         * - `container`: `"header"` | `"footer"` | `"left"` | `"right"` | `"contentTop"` | `"contentBottom"`\
+         * A layout container that holds the element. If you want to display the element within multiple containers, set this property to an array of possible values.
+         *
+         * - `component`: `String`\
+         * The name of the component that renders the layout element.
+         *
+         * - `data`: `any`\
+         * Data passed as props to `component`.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/progress-bar-with-percentage/ (linkStyle))
+         * @param layoutElement A layout element configuration.
+         * @returns The configuration of the previous layout element with the same `id`.
+         */
         addLayoutElement(layoutElement: ISurveyLayoutElement): ISurveyLayoutElement;
         removeLayoutElement(layoutElementId: string): ISurveyLayoutElement;
         getContainerContent(container: LayoutElementContainer): any[];
@@ -9213,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";
@@ -9224,6 +9366,7 @@ declare module "page" {
      */
     export class PageModel extends PanelModelBase implements IPage {
         private hasShownValue;
+        private dragDropPageHelper;
         constructor(name?: string);
         getType(): string;
         toString(): string;
@@ -9231,9 +9374,9 @@ declare module "page" {
         protected canShowPageNumber(): boolean;
         protected canShowTitle(): boolean;
         /**
-         * A caption displayed on a navigation button in the progress bar. Applies only when [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"buttons"`.
+         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"buttons"`.
          *
-         * If this property is undefined, the navigation button displays the page's [`name`](https://surveyjs.io/form-library/documentation/pagemodel#name).
+         * If this property is undefined, the navigation buttons display page [titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title) or [names](https://surveyjs.io/form-library/documentation/pagemodel#name).
          */
         get navigationTitle(): string;
         set navigationTitle(val: string);
@@ -9310,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";
@@ -9337,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;
@@ -9392,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;
@@ -9605,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;
@@ -9620,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;
@@ -9718,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;
@@ -9849,6 +9988,11 @@ declare module "panel" {
         protected onVisibleChanged(): void;
         needResponsiveWidth(): boolean;
         focusIn(): void;
+        protected getHasFrameV2(): boolean;
+        protected getIsNested(): boolean;
+        protected getCssRoot(cssClasses: {
+            [index: string]: string;
+        }): string;
         getContainerCss(): string;
     }
 }
@@ -10069,7 +10213,6 @@ declare module "question" {
          * You can use question values as placeholders in the following places:
          *
          * - Survey element titles and descriptions
-         * - The [`expression`](https://surveyjs.io/form-library/documentation/questionexpressionmodel#expression) property of the [Expression](https://surveyjs.io/form-library/documentation/questionexpressionmodel) question
          * - The [`html`](https://surveyjs.io/form-library/documentation/questionhtmlmodel#html) property of the [HTML](https://surveyjs.io/form-library/documentation/questionhtmlmodel) question
          *
          * To use a question value as a placeholder, specify the question `name` in curly brackets: `{questionName}`. Refer to the following help topic for more information: [Dynamic Texts - Question Values](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#question-values).
@@ -10279,7 +10422,9 @@ declare module "question" {
         protected calcCssClasses(css: any): any;
         get cssRoot(): string;
         protected setCssRoot(val: string): void;
-        protected getCssRoot(cssClasses: any): string;
+        protected getCssRoot(cssClasses: {
+            [index: string]: string;
+        }): string;
         get cssHeader(): string;
         protected setCssHeader(val: string): void;
         protected getCssHeader(cssClasses: any): string;
@@ -11327,7 +11472,7 @@ declare module "base-interfaces" {
         validatePanel(panel: IPanel): SurveyError;
         hasVisibleQuestionByValueName(valueName: string): boolean;
         questionCountByValueName(valueName: string): number;
-        processHtml(html: string): string;
+        processHtml(html: string, reason: string): string;
         getSurveyMarkdownHtml(element: Base, text: string, name: string): string;
         getRendererForString(element: Base, name: string): string;
         getRendererContextForString(element: Base, locStr: LocalizableString): any;
@@ -12046,6 +12191,8 @@ declare module "validator" {
     }
     /**
      * Use it to validate the text by regular expressions.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class RegexValidator extends SurveyValidator {
         constructor(regex?: string);
@@ -12181,11 +12328,13 @@ declare module "dropdownListModel" {
         inputString: string;
         showSelectedItemLocText: boolean;
         showInputFieldComponent: boolean;
+        ariaActivedescendant: string;
         private applyInputString;
         private applyHintString;
         get inputStringRendered(): string;
         set inputStringRendered(val: string);
         get placeholderRendered(): any;
+        get listElementId(): string;
         hasScroll: boolean;
         hintString: string;
         private get hintStringLC();
@@ -12209,6 +12358,7 @@ declare module "dropdownListModel" {
         onScroll(event: Event): void;
         onBlur(event: any): void;
         onFocus(event: any): void;
+        setInputStringFromSelectedItem(newValue?: any): void;
         scrollToFocusedItem(): void;
     }
 }
@@ -12225,7 +12375,7 @@ declare module "question_dropdown" {
      * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdown/ (linkStyle))
      */
     export class QuestionDropdownModel extends QuestionSelectBase {
-        dropdownListModel: DropdownListModel;
+        dropdownListModelValue: DropdownListModel;
         lastSelectedItemValue: ItemValue;
         updateReadOnlyText(): void;
         constructor(name: string);
@@ -12246,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>;
@@ -12320,9 +12471,13 @@ declare module "question_dropdown" {
         get showSelectedItemLocText(): boolean;
         get showInputFieldComponent(): boolean;
         private get selectedItemText();
+        get dropdownListModel(): DropdownListModel;
+        set dropdownListModel(val: DropdownListModel);
         get popupModel(): PopupModel;
+        get ariaExpanded(): boolean;
         onOpened: EventBase<QuestionDropdownModel>;
         onOpenedCallBack(): void;
+        protected onSelectedItemValuesChangedHandler(newValue: any): void;
         protected hasUnknownValue(val: any, includeOther: boolean, isFilteredChoices: boolean, checkEmptyValue: boolean): boolean;
         protected onVisibleChoicesChanged(): void;
         protected getFirstInputElementId(): string;
@@ -12686,7 +12841,7 @@ declare module "multiSelectListModel" {
         selectedItems: Array<IAction>;
         hideSelectedItems: boolean;
         private updateItemState;
-        constructor(items: Array<IAction>, onSelectionChanged: (item: T, status: string) => void, allowSelection: boolean, selectedItems?: Array<IAction>, onFilterStringChangedCallback?: (text: string) => void);
+        constructor(items: Array<IAction>, onSelectionChanged: (item: T, status: string) => void, allowSelection: boolean, selectedItems?: Array<IAction>, onFilterStringChangedCallback?: (text: string) => void, elementId?: string);
         onItemClick: (item: T) => void;
         isItemDisabled: (itemValue: T) => boolean;
         isItemSelected: (itemValue: T) => boolean;
@@ -12710,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();
@@ -12723,6 +12879,7 @@ declare module "dropdownMultiSelectListModel" {
         removeLastSelectedItem(): void;
         constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any[]) => void);
         inputKeyHandler(event: any): void;
+        setInputStringFromSelectedItem(newValue: any): void;
     }
 }
 declare module "question_tagbox" {
@@ -12784,6 +12941,7 @@ declare module "question_tagbox" {
         getType(): string;
         get ariaRole(): string;
         get popupModel(): PopupModel;
+        get ariaExpanded(): boolean;
         getControlClass(): string;
         onOpened: EventBase<QuestionTagboxModel>;
         onOpenedCallBack(): void;
@@ -13104,6 +13262,7 @@ declare module "question_html" {
         set html(val: string);
         get locHtml(): LocalizableString;
         get processedHtml(): string;
+        private processHtml;
     }
 }
 declare module "question_radiogroup" {
@@ -13281,12 +13440,15 @@ declare module "question_rating" {
         rateType: "numbers" | "labels" | "stars" | "smileys";
         smileysColorMode: "monochrome" | "colored";
         get isStar(): boolean;
-        get itemComponentName(): "sv-rating-item-star" | "sv-rating-item";
+        get isSmiley(): boolean;
+        get itemComponentName(): "sv-rating-item-star" | "sv-rating-item-smiley" | "sv-rating-item";
         protected valueToData(val: any): any;
         setValueFromClick(value: any): void;
         onItemMouseIn(item: RenderedRatingItem): void;
         onItemMouseOut(item: RenderedRatingItem): void;
         get ratingRootCss(): string;
+        getItemSmiley(item: ItemValue): string;
+        getItemSmileyIconName(item: ItemValue): string;
         getItemClass(item: ItemValue, highlight?: "none" | "highlighted" | "unhighlighted"): string;
         getControlClass(): string;
         get placeholder(): string;
@@ -13566,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 {
@@ -13786,7 +13949,7 @@ declare module "question_custom" {
          */
         onPropertyChanged?(question: Question, propertyName: string, newValue: any): void;
         /**
-         * A function that is called when the question value is changed.
+         * A function that is called after the question value is changed.
          *
          * Parameters:
          *
@@ -13799,8 +13962,9 @@ declare module "question_custom" {
          */
         onValueChanged?(question: Question, name: string, newValue: any): void;
         /**
-         * A function that is called before a question value is changed. It returns a new value. If you want to change a new value you can return your own value
-         * If function returns undefined the question value will be cleared.
+         * A function that is called before a question value is changed.
+         *
+         * This function should return the value you want to save: `newValue`, a custom value, or `undefined` if you want to clear the question value.
          *
          * Parameters:
          *
@@ -14182,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;
@@ -14532,6 +14697,8 @@ declare module "defaultCss/cssstandard" {
         paneldynamic: {
             root: string;
             title: string;
+            header: string;
+            headerTab: string;
             button: string;
             buttonAdd: string;
             buttonRemove: string;
@@ -14604,6 +14771,10 @@ declare module "defaultCss/cssstandard" {
             minText: string;
             itemText: string;
             maxText: string;
+            itemStar: string;
+            itemStarSelected: string;
+            itemSmiley: string;
+            itemSmileySelected: string;
         };
         text: {
             root: string;
@@ -15039,6 +15210,10 @@ declare module "defaultCss/cssmodern" {
             cleanButtonIconId: string;
             controlValue: string;
             controlInputFieldComponent: string;
+            itemSmiley: string;
+            itemStar: string;
+            itemSmileySelected: string;
+            itemStarSelected: string;
         };
         comment: {
             root: string;
@@ -20903,6 +21078,18 @@ declare module "react/components/rating/rating-item-star" {
         render(): JSX.Element | null;
     }
 }
+declare module "react/components/rating/rating-item-smiley" {
+    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    import { IRatingItemProps } from "react/components/rating/rating-item";
+    export class RatingItemSmiley extends SurveyElementBase<IRatingItemProps, any> {
+        get question(): QuestionRatingModel;
+        get item(): RenderedRatingItem;
+        get index(): any;
+        getStateElement(): RenderedRatingItem;
+        render(): JSX.Element | null;
+    }
+}
 declare module "react/tagbox-filter" {
     import { DropdownMultiSelectListModel, QuestionTagboxModel } from "entries/core";
     import { SurveyElementBase } from "react/reactquestion_element";
@@ -21197,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 {
@@ -21597,6 +21784,7 @@ declare module "entries/react-ui-model" {
     export { SurveyQuestionRanking, SurveyQuestionRankingItem, } from "react/reactquestion_ranking";
     export { RatingItem } from "react/components/rating/rating-item";
     export { RatingItemStar } from "react/components/rating/rating-item-star";
+    export { RatingItemSmiley } from "react/components/rating/rating-item-smiley";
     export { TagboxFilterString } from "react/tagbox-filter";
     export { SurveyQuestionOptionItem } from "react/dropdown-item";
     export { SurveyQuestionDropdownBase } from "react/dropdown-base";