survey-react 1.9.93 → 1.9.94

package/survey.react.d.ts

@@ -18,248 +18,392 @@ declare module "settings" {
      */
     export var settings: {
         /**
-         * Specifies an action to perform when users press the Enter key within a survey.
+         * An object that configures survey appearance when the survey is being designed in Survey Creator.
          *
-         * Possible values:
+         * Nested properties:
          *
-         * - `"moveToNextEditor"` - Moves focus to the next editor.
-         * - `"loseFocus"` - Removes focus from the current editor.
-         * - `"default"` - Behaves as a standard `<input>` element.
+         * - `showEmptyDescriptions`: `Boolean`\
+         * Specifies whether to display an empty description for pages and panels. Default value: `true`.
+         *
+         * - `showEmptyTitles`: `Boolean`\
+         * Specifies whether to display an empty title for pages and panels. Default value: `true`.
          */
-        enterKeyAction: "default" | "moveToNextEditor" | "loseFocus";
+        designMode: {
+            showEmptyDescriptions: boolean;
+            showEmptyTitles: boolean;
+        };
         /**
-         * An object that configures string comparison.
+         * This property is obsolete. Use the [`settings.designMode.showEmptyDescriptions`](https://surveyjs.io/form-library/documentation/api-reference/settings#designMode) property instead.
+         */
+        allowShowEmptyDescriptionInDesignMode: boolean;
+        /**
+         * This property is obsolete. Use the [`settings.designMode.showEmptyTitles`](https://surveyjs.io/form-library/documentation/api-reference/settings#designMode) property instead.
+         */
+        allowShowEmptyTitleInDesignMode: boolean;
+        /**
+         * An object that contains properties related to localization.
          *
          * Nested properties:
          *
-         * - `trimStrings`: `Boolean`\
-         * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
+         * - `useLocalTimeZone`: `Boolean`\
+         * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.). Default value: `true`.
          *
-         * - `caseSensitive`: `Boolean`\
-         * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
+         * - `defaultLocaleName`: `String`\
+         * A property key that stores a translation for the default locale. Default value: `"default"`.
+         *
+         * - `storeDuplicatedTranslations`: `Boolean`\
+         * Specifies whether surveys should store translation strings that equal the translation strings in the default locale. Default value: `false`.
          */
-        comparator: {
-            trimStrings: boolean;
-            caseSensitive: boolean;
+        localization: {
+            useLocalTimeZone: boolean;
+            storeDuplicatedTranslations: boolean;
+            defaultLocaleName: string;
         };
-        expressionDisableConversionChar: string;
         /**
-         * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.).
-         *
-         * Default value: `true`
+         * This property is obsolete. Use the [`settings.localization.useLocalTimeZone`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
          */
         useLocalTimeZone: boolean;
-        commentPrefix: string;
         /**
-         * A suffix added to the name of the property that stores comments.
+         * This property is obsolete. Use the [`settings.localization.storeDuplicatedTranslations`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
+         */
+        storeDuplicatedTranslations: boolean;
+        /**
+         * This property is obsolete. Use the [`settings.localization.defaultLocaleName`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
+         */
+        defaultLocaleName: string;
+        /**
+         * An object with properties that configure surveys when they work with a web service.
          *
-         * Default value: "-Comment"
+         * Nested properties:
          *
-         * You can specify this setting for an individual survey: [`commentSuffix`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#commentSuffix).
+         * - `encodeUrlParams`: `Boolean`\
+         * Specifies whether to encode URL parameters when you access a web service. Default value: `true`.
+         *
+         * - `cacheLoadedChoices`: `Boolean`\
+         * Specifies whether to cache [choices](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#choicesByUrl) loaded from a web service. Default value: `true`.
+         *
+         * - `disableQuestionWhileLoadingChoices`: `Boolean`\
+         * Disables a question while its choices are being loaded from a web service. Default value: `false`.
+         *
+         * - `surveyServiceUrl`: `String`\
+         * The URL of the SurveyJS Service API endpoint.
          */
-        commentSuffix: string;
+        web: {
+            encodeUrlParams: boolean;
+            cacheLoadedChoices: boolean;
+            disableQuestionWhileLoadingChoices: boolean;
+            surveyServiceUrl: string;
+        };
         /**
-         * Specifies whether to encode URL parameters when you access a web service.
-         *
-         * Default value: `true`
+         * This property is obsolete. Use the [`settings.web.encodeUrlParams`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
          */
         webserviceEncodeParameters: boolean;
         /**
-         * Specifies whether to cache choices loaded from a web service.
-         *
-         * Default value: `true`
-         * @see settings.disableOnGettingChoicesFromWeb
+         * This property is obsolete. Use the [`settings.web.cacheLoadedChoices`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
          */
         useCachingForChoicesRestful: boolean;
         useCachingForChoicesRestfull: boolean;
         /**
-         * The URL of the SurveyJS Service API endpoint.
+         * This property is obsolete. Use the [`settings.web.disableQuestionWhileLoadingChoices`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
          */
-        surveyServiceUrl: string;
+        disableOnGettingChoicesFromWeb: boolean;
         /**
-         * A separator used in a shorthand notation that specifies a value and display text for an [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) object: `"value|text"`.
-         *
-         * Default value: `"|"`
+         * This property is obsolete. Use the [`settings.web.surveyServiceUrl`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
          */
-        itemValueSeparator: string;
+        surveyServiceUrl: string;
         /**
-         * Enable this property if you want to serialize [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) instances as objects even when they include only the `value` property.
+         * An object that contains properties related to [triggers](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-survey-logic-triggers).
          *
-         * ```js
-         * import { ItemValue, settings } from "survey-core";
+         * Nested properties:
          *
-         * settings.itemValueAlwaysSerializeAsObject = true;
-         * const item = new ItemValue(5);
-         * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
-         * ```
+         * - `changeNavigationButtonsOnComplete`: `Boolean`\
+         * Specifies whether to re-evaluate an expression associated with the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed. Default value: `false`.\
+         * Keep this property set to `false` if you want to re-evaluate the Complete trigger's expression only when the respondents navigate to another page.
+         *
+         * - `executeCompleteOnValueChanged`: `Boolean`\
+         * Specifies whether to replace the Next button with the Complete button when the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) is going to be executed. Default value: `true`.
          *
-         * @see settings.serializeLocalizableStringAsObject
+         * - `executeSkipOnValueChanged`: `Boolean`\
+         * Specifies whether to re-evaluate an expression associated with the [Skip trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#skip) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed. Default value: `true`.\
+         * Disable this property if you want to re-evaluate the Skip trigger's expression only when respondents navigate to another page.
          */
-        itemValueAlwaysSerializeAsObject: boolean;
+        triggers: {
+            changeNavigationButtonsOnComplete: boolean;
+            executeCompleteOnValueChanged: boolean;
+            executeSkipOnValueChanged: boolean;
+        };
+        /**
+         * This property is obsolete. Use the [`settings.triggers.executeCompleteOnValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
+         */
+        executeCompleteTriggerOnValueChanged: boolean;
+        /**
+         * This property is obsolete. Use the [`settings.triggers.changeNavigationButtonsOnComplete`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
+         */
+        changeNavigationButtonsOnCompleteTrigger: boolean;
+        /**
+         * This property is obsolete. Use the [`settings.triggers.executeSkipOnValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
+         */
+        executeSkipTriggerOnValueChanged: boolean;
         /**
-         * Enable this property if you want to serialize the `text` property of [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) objects even when it is empty or equal to the `value` property.
+         * An object that contains properties related to JSON serialization.
+         *
+         * Nested properties:
+         *
+         * - `itemValueSerializeAsObject`: `Boolean`\
+         * Enable this property if you want to serialize [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) instances as objects even when they include only the `value` property. Default value: `false`. View an example below.
+         *
+         * - `itemValueSerializeDisplayText`: `Boolean`\
+         * Enable this property if you want to serialize the `text` property of [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) objects even when it is empty or equal to the `value` property. Default value: `false`. View an example below.
+         *
+         * - `localizableStringSerializeAsObject`: `Boolean`\
+         * Enable this property if you want to serialize [`LocalizableString`](https://surveyjs.io/form-library/documentation/api-reference/localizablestring) instances as objects even when they include only a translation string for the default locale. For example, `"Custom String"` will be serialized as `{ default: "Custom String" }`. Default value: `false`.
          *
          * ```js
          * import { ItemValue, settings } from "survey-core";
          *
-         * settings.itemValueAlwaysSerializeText = true;
+         * // `itemValueSerializeAsObject` example
+         * settings.localization.itemValueSerializeAsObject = true;
+         * const item = new ItemValue(5);
+         * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
+         *
+         * // `itemValueSerializeDisplayText` example
+         * settings.localization.itemValueSerializeDisplayText = true;
          * const item = new ItemValue("item1");
          * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
          * ```
          */
+        serialization: {
+            itemValueSerializeAsObject: boolean;
+            itemValueSerializeDisplayText: boolean;
+            localizableStringSerializeAsObject: boolean;
+        };
+        /**
+         * This property is obsolete. Use the [`settings.serialization.itemValueSerializeAsObject`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
+         */
+        itemValueAlwaysSerializeAsObject: boolean;
+        /**
+         * This property is obsolete. Use the [`settings.serialization.itemValueSerializeDisplayText`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
+         */
         itemValueAlwaysSerializeText: boolean;
         /**
-         * Specifies a property key that stores a translation for the default locale.
-         *
-         * Default value: `"default"`
-         * @see storeDuplicatedTranslations
+         * This property is obsolete. Use the [`settings.serialization.localizableStringSerializeAsObject`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
          */
-        defaultLocaleName: string;
+        serializeLocalizableStringAsObject: boolean;
         /**
-         * Specifies whether surveys should store translation strings that equal the translation string specified by the `"default"` key.
+         * An object that configures lazy rendering.
          *
-         * Default value: `false`
-         * @see settings.defaultLocaleName
+         * Nested properties:
+         *
+         * - `enabled`: `Boolean`\
+         * Specifies whether to add questions to the DOM only when they get into the viewport. Default value: `false`.
+         *
+         * > Lazy rendering is an experimental feature that may not work as expected in all use cases.
          */
-        storeDuplicatedTranslations: boolean;
+        lazyRender: {
+            enabled: boolean;
+            firstBatchSize: number;
+        };
         /**
-         * Specifies a property key that stores an object with default cell values in [Single-Choice Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model) questions.
-         *
-         * Default value: "default"
+         * This property is obsolete. Use the [`settings.lazyRender.enabled`](https://surveyjs.io/form-library/documentation/api-reference/settings#lazyRender) property instead.
          */
-        matrixDefaultRowName: string;
+        lazyRowsRendering: boolean;
+        lazyRowsRenderingStartRow: number;
         /**
-         * The default type of matrix cells in the [Multiple-Choice Matrix](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) question types.
+         * An object with 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:
          *
-         * Default value: `"dropdown"`
+         * - `defaultRowName`: `String`\
+         * A property key that stores an object with default cell values. Default value: "default".
          *
+         * - `defaultCellType`: `String`\
+         * The default type of matrix cells. Default value: `"dropdown"`.\
          * You can specify this setting for individual questions or matrix columns: [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#cellType). Refer to the `cellType` property description for information on possible values.
+         *
+         * - `totalsSuffix`: `String`\
+         * A suffix added to the name of the property that stores total values. The resulting property name consists of the matrix name and the suffix. Default value: `"-total"`.
+         *
+         * - `maxRowCount`: `Number`\
+         * A maximum number of rows in a Dynamic Matrix. Default value: 1000.\
+         * You can specify this setting for an individual Dynamic Matrix: [`maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#maxRowCount).
+         *
+         * - `maxRowCountInCondition`: `Number`\
+         * A maximum number of matrix rows included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic. Default value: 1.\
+         * If you set this property to 0, the Condition menu does not include any matrix rows. Users still can specify conditions that use matrix rows but only with Manual Entry.
+         *
+         * - `renderRemoveAsIcon`: `Boolean`\
+         * Disable this property if you want to render the Remove action in Dynamic Matrix as a button. Otherwise, the action is rendered as an icon. Default value: `true`.
+         *
+         * - `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" } }`
+         *
+         * - `rateSize`: `"small"` (default) | `"normal"`\
+         * Specifies the size of rate values. Applies to [Rating Scale](https://surveyjs.io/form-library/examples/rating-scale/) questions within matrixes.
+         */
+        matrix: {
+            defaultCellType: string;
+            defaultRowName: string;
+            totalsSuffix: string;
+            maxRowCount: number;
+            maxRowCountInCondition: number;
+            renderRemoveAsIcon: boolean;
+            columnWidthsByType: {
+                [index: string]: {
+                    minWidth?: string;
+                    width?: string;
+                };
+            };
+            rateSize: "small" | "normal";
+        };
+        /**
+         * This property is obsolete. Use the [`settings.matrix.defaultRowName`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+         */
+        matrixDefaultRowName: string;
+        /**
+         * This property is obsolete. Use the [`settings.matrix.defaultCellType`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
          */
         matrixDefaultCellType: string;
         /**
-         * A suffix added to the name of the property that stores total values. The resulting property name consists of the matrix name and the suffix.
-         *
-         * Default value: `"-total"`
+         * This property is obsolete. Use the [`settings.matrix.totalsSuffix`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
          */
         matrixTotalValuePostFix: string;
         /**
-         * A maximum number of rows in a [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model).
-         *
-         * Default value: 1000
-         *
-         * You can specify this setting for an individual Dynamic Matrix: [`maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#maxRowCount).
+         * This property is obsolete. Use the [`settings.matrix.maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
          */
         matrixMaximumRowCount: number;
         /**
-         * A maximum number of matrix rows included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic.
-         *
-         * Default value: 1
-         *
-         * If you set this property to 0, the Condition menu does not include any matrix rows. Users still can specify conditions that use matrix rows but only with Manual Entry.
+         * This property is obsolete. Use the [`settings.matrix.maxRowCountInCondition`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
          */
         matrixMaxRowCountInCondition: number;
         /**
-         * A maximum number of panels from [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model) included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic.
+         * This property is obsolete. Use the [`settings.matrix.renderRemoveAsIcon`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
+         */
+        matrixRenderRemoveAsIcon: boolean;
+        /**
+         * An object with properties that apply to [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model) questions.
          *
-         * Default value: 1
+         * Nested properties:
+         *
+         * - `maxPanelCount`: `Number`\
+         * A maximum number of panels in Dynamic Panel. Default value: 100.\
+         * You can specify this setting for an individual Dynamic Panel: [`maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#maxPanelCount).
          *
+         * - `maxPanelCountInCondition`: `Number`\
+         * A maximum number of Dynamic Panel panels included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic. Default value: 1.\
          * If you set this property to 0, the Condition menu does not include any panel questions. Users still can specify conditions that use panel questions but only with Manual Entry.
          */
-        panelDynamicMaxPanelCountInCondition: number;
+        panel: {
+            maxPanelCount: number;
+            maxPanelCountInCondition: number;
+        };
         /**
-         * Disable this property if you want to render the Remove action in Dynamic Matrix as a button. Otherwise, the action is rendered as an icon.
-         *
-         * Default value: `true`
+         * This property is obsolete. Use the [`settings.panel.maxPanelCountInCondition`](https://surveyjs.io/form-library/documentation/api-reference/settings#panel) property instead.
          */
-        matrixRenderRemoveAsIcon: boolean;
+        panelDynamicMaxPanelCountInCondition: number;
         /**
-         * A maximum number of panels in [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model).
-         *
-         * Default value: 100
-         *
-         * You can specify this setting for an individual Dynamic Panel: [`maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#maxPanelCount).
+         * This property is obsolete. Use the [`settings.panel.maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/settings#panel) property instead.
          */
         panelMaximumPanelCount: number;
         /**
-         * A maximum number of rate values in a [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) question.
+         * An object with properties that configure questions in read-only mode.
          *
-         * Default value: 20
+         * Nested properties:
+         *
+         * - `commentRenderMode`: `"textarea"` (default) | `"div"`\
+         * Specifies how to render the input field of [Comment](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#readOnly) mode: as a disabled `<textarea>` element or as a `<div>` element with a non-editable question value within it.
+         *
+         * - `textRenderMode`: `"input"` (default) | `"div"`\
+         * Specifies how to render the input field of [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#readOnly) mode: as a disabled `<input>` element or as a `<div>` element with a non-editable question value within it.
          */
-        ratingMaximumRateValueCount: number;
+        readOnly: {
+            commentRenderMode: string;
+            textRenderMode: string;
+        };
         /**
-         * Specifies whether to close the drop-down menu of a [TagBox](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) question after a user selects a value.
-         *
-         * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
+         * This property is obsolete. Use the [`settings.readOnly.commentRenderMode`](https://surveyjs.io/form-library/documentation/api-reference/settings#readOnly) property instead.
          */
-        tagboxCloseOnSelect: boolean;
+        readOnlyCommentRenderMode: string;
         /**
-         * Disables the question while choices are being loaded from a web service.
-         *
-         * Default value: `false`
-         * @see settings.useCachingForChoicesRestful
+         * This property is obsolete. Use the [`settings.readOnly.textRenderMode`](https://surveyjs.io/form-library/documentation/api-reference/settings#readOnly) property instead.
          */
-        disableOnGettingChoicesFromWeb: boolean;
+        readOnlyTextRenderMode: string;
         /**
-         * Enable this property if you want to serialize [`LocalizableString`](https://surveyjs.io/form-library/documentation/api-reference/localizablestring) instances as objects even when they include only a translation string for the default locale. For example, `"Custom String"` will be serialized as `{ default: "Custom String" }`.
+         * An object with properties that configure question numbering.
          *
-         * Default value: `false`
-         * @see settings.itemValueAlwaysSerializeAsObject
+         * Nested properties:
+         *
+         * - `includeQuestionsWithHiddenNumber`: `Boolean`\
+         * Specifies whether to number questions whose [`hideNumber`](https://surveyjs.io/form-library/documentation/api-reference/question#hideNumber) property is enabled. Default value: `false`.
+         *
+         * - `includeQuestionsWithHiddenTitle`: `Boolean`\
+         * Specifies whether to number questions whose [`titleLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#titleLocation) property is set to `"hidden"`. Default value: `false`.
          */
-        serializeLocalizableStringAsObject: boolean;
+        numbering: {
+            includeQuestionsWithHiddenNumber: boolean;
+            includeQuestionsWithHiddenTitle: boolean;
+        };
         /**
-         * Specifies whether to display an empty title for pages and panels when they are being designed in Survey Creator.
-         *
-         * Default value: `true`
+         * This property is obsolete. Use the [`settings.numbering.includeQuestionsWithHiddenTitle`](https://surveyjs.io/form-library/documentation/api-reference/settings#numbering) property instead.
          */
-        allowShowEmptyTitleInDesignMode: boolean;
+        setQuestionVisibleIndexForHiddenTitle: boolean;
         /**
-         * Specifies whether to display an empty description for pages and panels when they are being designed in Survey Creator.
-         *
-         * Default value: `true`
+         * This property is obsolete. Use the [`settings.numbering.includeQuestionsWithHiddenNumber`](https://surveyjs.io/form-library/documentation/api-reference/settings#numbering) property instead.
          */
-        allowShowEmptyDescriptionInDesignMode: boolean;
+        setQuestionVisibleIndexForHiddenNumber: boolean;
         /**
-         * Specifies whether to re-evaluate an expression associated with the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed.
+         * Specifies an action to perform when users press the Enter key within a survey.
          *
-         * Keep this property set to `false` if you want to re-evaluate the Complete trigger's expression only when the respondents navigate to another page.
+         * Possible values:
          *
-         * Default value: `false`
-         * @see settings.changeNavigationButtonsOnCompleteTrigger
+         * - `"moveToNextEditor"` - Moves focus to the next editor.
+         * - `"loseFocus"` - Removes focus from the current editor.
+         * - `"default"` - Behaves as a standard `<input>` element.
          */
-        executeCompleteTriggerOnValueChanged: boolean;
+        enterKeyAction: "default" | "moveToNextEditor" | "loseFocus";
         /**
-         * Specifies whether to replace the Next button with the Complete button when the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) is going to be executed.
+         * An object that configures string comparison.
          *
-         * Default value: `true`
-         * @see settings.executeCompleteTriggerOnValueChanged
+         * Nested properties:
+         *
+         * - `trimStrings`: `Boolean`\
+         * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
+         *
+         * - `caseSensitive`: `Boolean`\
+         * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
          */
-        changeNavigationButtonsOnCompleteTrigger: boolean;
+        comparator: {
+            trimStrings: boolean;
+            caseSensitive: boolean;
+        };
+        expressionDisableConversionChar: string;
+        commentPrefix: string;
         /**
-         * Specifies whether to re-evaluate an expression associated with the [Skip trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#skip) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed.
+         * A suffix added to the name of the property that stores comments.
          *
-         * Disable this property if you want to re-evaluate the Skip trigger's expression only when the respondents navigate to another page.
+         * Default value: "-Comment"
          *
-         * Default value: `true`
+         * You can specify this setting for an individual survey: [`commentSuffix`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#commentSuffix).
          */
-        executeSkipTriggerOnValueChanged: boolean;
+        commentSuffix: string;
         /**
-         * Specifies how to render the input field of [Comment](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#readOnly) mode.
-         *
-         * Possible values:
+         * A separator used in a shorthand notation that specifies a value and display text for an [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) object: `"value|text"`.
          *
-         * - `"textarea"` (default) - Renders the input field as a disabled `<textarea>` element.
-         * - `"div"` - Renders the input field as a `<div>` element with a non-editable question value within it.
+         * Default value: `"|"`
          */
-        readOnlyCommentRenderMode: string;
+        itemValueSeparator: string;
         /**
-         * Specifies how to render the input field of [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#readOnly) mode.
+         * A maximum number of rate values in a [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) question.
          *
-         * Possible values:
+         * Default value: 20
+         */
+        ratingMaximumRateValueCount: number;
+        /**
+         * Specifies whether to close the drop-down menu of a [TagBox](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) question after a user selects a value.
          *
-         * - `"input"` (default) - Renders the input field as a disabled `<input>` element.
-         * - `"div"` - Renders the input field as a `<div>` element with a non-editable question value within it.
+         * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
          */
-        readOnlyTextRenderMode: string;
+        tagboxCloseOnSelect: boolean;
         /**
          * A property that allows you to display a custom confirm dialog instead of the standard browser dialog. Set this property to a function that renders your custom dialog window.
          * @param message A message to be displayed in the confirm dialog window.
@@ -286,28 +430,7 @@ declare module "settings" {
          *
          * Default value: 10
          */
-        maximumConditionRunCountOnValueChanged: number;
-        /**
-         * Specifies whether to number questions whose [`titleLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#titleLocation) property is set to `"hidden"`.
-         *
-         * Default value: `false`
-         */
-        setQuestionVisibleIndexForHiddenTitle: boolean;
-        /**
-         * Specifies whether to number questions whose [`hideNumber`](https://surveyjs.io/form-library/documentation/api-reference/question#hideNumber) property is enabled.
-         *
-         * Default value: `false`
-         */
-        setQuestionVisibleIndexForHiddenNumber: boolean;
-        /**
-         * Specifies whether to add questions to the DOM only when they get into the viewport.
-         *
-         * Default value: `false`
-         *
-         * > This is an experimental feature that may not work as expected in all use cases.
-         */
-        lazyRowsRendering: boolean;
-        lazyRowsRenderingStartRow: number;
+        maxConditionRunCountOnValueChanged: number;
         /**
          * An object that configures notifications.
          *
@@ -380,6 +503,7 @@ declare module "settings" {
          * Specifies environment in which SurveyJS will exist
          */
         environment: ISurveyEnvironment;
+        showMaxLengthIndicator: boolean;
         titleTags: {
             survey: string;
             page: string;
@@ -390,27 +514,6 @@ 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" } }`
-         *
-         * - `rateSize`: `"small"` (default) | `"normal"`\
-         * Specifies the size of rate values. Applies to [Rating Scale](https://surveyjs.io/form-library/examples/rating-scale/) questions within matrixes.
-         */
-        matrix: {
-            columnWidthsByType: {
-                [index: string]: {
-                    minWidth?: string;
-                    width?: string;
-                };
-            };
-            rateSize: "small" | "normal";
-        };
     };
 }
 declare module "helpers" {
@@ -542,6 +645,8 @@ declare module "localization/english" {
         noEntriesReadonlyText: string;
         more: string;
         tagboxDoneButtonCaption: string;
+        selectToRankFromContainerPlaceholder: string;
+        selectToRankToContainerPlaceholder: string;
     };
 }
 declare module "surveyStrings" {
@@ -651,6 +756,8 @@ declare module "surveyStrings" {
         noEntriesReadonlyText: string;
         more: string;
         tagboxDoneButtonCaption: string;
+        selectToRankFromContainerPlaceholder: string;
+        selectToRankToContainerPlaceholder: string;
     };
 }
 declare module "localizablestring" {
@@ -1422,6 +1529,7 @@ declare module "utils/utils" {
     function classesToSelector(str: string): string;
     function getElementWidth(el: HTMLElement): number;
     function isContainerVisible(el: HTMLElement): boolean;
+    function getFirstVisibleChild(el: HTMLElement): any;
     function findParentByClassNames(element: HTMLElement, classNames: Array<string>): Element;
     export function sanitizeEditableContent(element: any): void;
     function mergeValues(src: any, dest: any): void;
@@ -1430,7 +1538,7 @@ declare module "utils/utils" {
         log(action: string): void;
         get result(): string;
     }
-    export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, };
+    export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, };
 }
 declare module "actions/container" {
     import { Base } from "base";
@@ -1510,6 +1618,7 @@ declare module "list" {
         itemSeparator: string;
         itemBody: string;
         itemsContainer: string;
+        itemsContainerFiltering: string;
         filter: string;
         filterIcon: string;
         filterInput: string;
@@ -1567,6 +1676,7 @@ declare module "list" {
             itemSeparator: string;
             itemBody: string;
             itemsContainer: string;
+            itemsContainerFiltering: string;
             filter: string;
             filterIcon: string;
             filterInput: string;
@@ -1578,6 +1688,7 @@ declare module "list" {
         isItemSelected: (itemValue: T) => boolean;
         isItemFocused: (itemValue: T) => boolean;
         protected areSameItems(item1: IAction, item2: IAction): boolean;
+        getListClass: () => string;
         getItemClass: (itemValue: T) => string;
         getItemIndent: (itemValue: any) => string;
         get filterStringPlaceholder(): string;
@@ -1850,6 +1961,7 @@ declare module "actions/action" {
     }
     export function createDropdownActionModel(actionOptions: IAction, dropdownOptions: IActionDropdownPopupOptions, locOwner?: ILocalizableOwner): Action;
     export function createDropdownActionModelAdvanced(actionOptions: IAction, listOptions: IListModel, popupOptions?: IPopupOptionsBase, locOwner?: ILocalizableOwner): Action;
+    export function getActionDropdownButtonTarget(container: HTMLElement): HTMLElement;
     export abstract class BaseAction extends Base implements IAction {
         private cssClassesValue;
         tooltip: string;
@@ -2612,6 +2724,9 @@ declare module "defaultCss/defaultV2Css" {
             rootDisabled: string;
             rootDesignMode: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -2625,6 +2740,12 @@ declare module "defaultCss/defaultV2Css" {
             itemGhostMod: string;
             itemDragMod: string;
             itemOnError: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         buttongroup: {
             root: string;
@@ -3560,7 +3681,7 @@ declare module "question_file" {
     /**
      * A class that describes the File question type.
      *
-     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
+     * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
      */
     export class QuestionFileModel extends Question {
         private isUploading;
@@ -4972,7 +5093,7 @@ declare module "question_matrixdynamic" {
         /**
          * A maximum number of rows in the matrix. Users cannot add new rows if `rowCount` equals `maxRowCount`.
          *
-         * Default value: 1000 (inherited from [`settings.matrixMaximumRowCount`](https://surveyjs.io/form-library/documentation/settings#matrixMaximumRowCount))
+         * Default value: 1000 (inherited from [`settings.matrix.maxRowCount`](https://surveyjs.io/form-library/documentation/settings#matrixMaximumRowCount))
          * @see rowCount
          * @see minRowCount
          * @see allowAddRows
@@ -5500,7 +5621,7 @@ declare module "question_paneldynamic" {
         /**
          * A maximum number of panels in Dynamic Panel. Users cannot add new panels if `panelCount` equals `maxPanelCount`.
          *
-         * Default value: 100 (inherited from [`settings.panelMaximumPanelCount`](https://surveyjs.io/form-library/documentation/settings#panelMaximumPanelCount))
+         * Default value: 100 (inherited from [`settings.panel.maxPanelCount`](https://surveyjs.io/form-library/documentation/settings#panelMaximumPanelCount))
          * @see panelCount
          * @see minPanelCount
          * @see allowAddPanel
@@ -5850,7 +5971,7 @@ declare module "survey-events-api" {
     }
     export interface AfterRenderElementEventMixin {
         /**
-         * The rendered HTML element.
+         * A rendered HTML element.
          */
         htmlElement: HTMLElement;
     }
@@ -5883,6 +6004,9 @@ declare module "survey-events-api" {
          * A Boolean property that you can set to `false` if you want to prevent survey completion.
          */
         allow: boolean;
+        /**
+         * Obsolete. Use `allow` instead.
+         */
         allowComplete: boolean;
     }
     export interface CompleteEvent extends CompleteBaseEvent {
@@ -5902,9 +6026,21 @@ declare module "survey-events-api" {
          * Call this method to indicate that the save operation is in progress. You can use the `text` parameter to display a custom message.
          */
         showSaveInProgress: (text?: string) => void;
+        /**
+         * Obsolete. Use `showSaveInProgress` instead.
+         */
         showDataSaving: (text?: string) => void;
+        /**
+         * Obsolete. Use `showSaveError` instead.
+         */
         showDataSavingError: (text?: string) => void;
+        /**
+         * Obsolete. Use `showSaveSuccess` instead.
+         */
         showDataSavingSuccess: (text?: string) => void;
+        /**
+         * Obsolete. Use `clearSaveMessages` instead.
+         */
         showDataSavingClear: (text?: string) => void;
     }
     export interface ShowingPreviewEvent {
@@ -5912,6 +6048,9 @@ declare module "survey-events-api" {
          * A Boolean property that you can set to `false` if you want to cancel the preview.
          */
         allow: boolean;
+        /**
+         * Obsolete. Use `allow` instead.
+         */
         allowShowPreview: boolean;
     }
     export interface NavigateToUrlEvent {
@@ -5955,6 +6094,9 @@ declare module "survey-events-api" {
          * A Boolean property that you can set to `false` if you do not want to switch the current page.
          */
         allow: boolean;
+        /**
+         * Obsolete. Use `allow` instead.
+         */
         allowChanging: boolean;
     }
     export interface ValueChangeBaseEvent extends QuestionEventMixin {
@@ -6010,7 +6152,13 @@ declare module "survey-events-api" {
          * The parent container (panel or page).
          */
         parent: PanelModelBase;
+        /**
+         * Obsolete. Use `page` instead.
+         */
         rootPanel: any;
+        /**
+         * Obsolete. Use `parent` instead.
+         */
         parentPanel: any;
         /**
          * The element's index within the parent container (panel or page).
@@ -6311,6 +6459,9 @@ declare module "survey-events-api" {
         css: string;
     }
     export interface AfterRenderSurveyEvent extends AfterRenderElementEventMixin {
+        /**
+         * Obsolete. Use the `sender` parameter instead.
+         */
         survey: SurveyModel;
     }
     export interface AfterRenderHeaderEvent extends AfterRenderElementEventMixin {
@@ -6374,19 +6525,23 @@ declare module "survey-events-api" {
         /**
          * An added matrix row.
          */
-        row: any;
+        row: MatrixDropdownRowModelBase;
     }
     export interface MatrixBeforeRowAddedEvent extends MatrixDynamicQuestionEventMixin {
         /**
          * A Boolean property that you can set to `false` if you do not want to add the row.
          */
+        allow: boolean;
+        /**
+         * Obsolete. Use `allow` instead.
+         */
         canAddRow: boolean;
     }
     export interface MatrixRowRemovingEvent extends MatrixDynamicQuestionEventMixin {
         /**
          * A matrix row to be deleted. If you want to clear row data, set the `options.row.value` property to `undefined`.
          */
-        row: any;
+        row: MatrixDropdownRowModelBase;
         /**
          * A zero-based index of the matrix row to be deleted.
          */
@@ -6400,7 +6555,7 @@ declare module "survey-events-api" {
         /**
          * A deleted matrix row.
          */
-        row: any;
+        row: MatrixDropdownRowModelBase;
         /**
          * A zero-based index of the deleted row.
          */
@@ -6410,7 +6565,7 @@ declare module "survey-events-api" {
         /**
          * A matrix row for which the event is raised.
          */
-        row: any;
+        row: MatrixDropdownRowModelBase;
         /**
          * A zero-based row index.
          */
@@ -6478,10 +6633,18 @@ declare module "survey-events-api" {
          * A matrix row to which the cell belongs.
          */
         row: MatrixDropdownRowModelBase;
+        /**
+         * A matrix column to which the cell belongs.
+         */
+        column: MatrixDropdownColumn;
         /**
          * The name of a matrix column to which the cell belongs.
          */
         columnName: string;
+        /**
+         * A Question instance within the matrix cell. You can use the properties and methods exposed by the instance to customize it.
+         */
+        cellQuestion: Question;
         /**
          * A method that returns a Question instance within the matrix cell given a column name.
          */
@@ -6622,7 +6785,7 @@ declare module "survey-events-api" {
         /**
          * A matrix row for which the event is raised.
          */
-        row: any;
+        row: MatrixDropdownRowModelBase;
     }
     export interface ElementContentVisibilityChangedEvent {
         /**
@@ -6751,7 +6914,7 @@ declare module "page" {
          */
         scrollToTop(): void;
         /**
-         * A time period that a respondent spent on this page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         * A time period that a respondent has spent on this page so far; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see maxTimeToFinish
          */
         timeSpent: number;
@@ -7614,10 +7777,6 @@ declare module "survey" {
          * Refer to the following help topic for information on how to implement conditional visibility: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility).
          */
         onQuestionVisibleChanged: EventBase<SurveyModel, QuestionVisibleChangedEvent>;
-        /**
-         * Obsolete. Please use onQuestionVisibleChanged event.
-         * @see onQuestionVisibleChanged
-         */
         onVisibleChanged: EventBase<SurveyModel, QuestionVisibleChangedEvent>;
         /**
          * An event that is raised after page visibility is changed.
@@ -7809,7 +7968,7 @@ declare module "survey" {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
          * @see uploadFiles
          * @see QuestionFileModel.storeDataAsText
          * @see onDownloadFile
@@ -7821,7 +7980,7 @@ declare module "survey" {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
          * @see downloadFile
          * @see onClearFiles
          * @see onUploadFiles
@@ -7892,15 +8051,16 @@ declare module "survey" {
          */
         onUpdateChoiceItemCss: EventBase<SurveyModel, UpdateChoiceItemCssEvent>;
         /**
-         * An event that is raised right after survey is rendered in DOM.
+         * An event that is raised after the survey is rendered to the DOM. Use this event to modify survey markup.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/survey-animation/ (linkStyle))
          */
         onAfterRenderSurvey: EventBase<SurveyModel, AfterRenderSurveyEvent>;
-        /**
-         * An event that is raised right after a page is rendered in DOM. Use it to modify HTML elements.
-         */
         onAfterRenderHeader: EventBase<SurveyModel, AfterRenderHeaderEvent>;
         /**
-         * An event that is raised right after a page is rendered in DOM. Use it to modify HTML elements.
+         * An event that is raised after a page is rendered to the DOM. Use it to modify page markup.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -7908,7 +8068,7 @@ declare module "survey" {
          */
         onAfterRenderPage: EventBase<SurveyModel, AfterRenderPageEvent>;
         /**
-         * An event that is raised right after a question is rendered in DOM. Use it to modify HTML elements.
+         * An event that is raised after a question is rendered to the DOM. Use it to modify question markup.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -7916,12 +8076,19 @@ declare module "survey" {
          */
         onAfterRenderQuestion: EventBase<SurveyModel, AfterRenderQuestionEvent>;
         /**
-         * An event that is raised right after a non-composite question (text, comment, dropdown, radiogroup, checkbox) is rendered in DOM. Use it to modify HTML elements.
-         * This event is not fired for matrices, panels, multiple text and image picker.
+         * An event that is raised after a question with a single input field is rendered to the DOM. Use it to modify question markup.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * > This event is not raised for questions without input fields ([HTML](https://surveyjs.io/form-library/documentation/questionhtmlmodel), [Image](https://surveyjs.io/form-library/documentation/questionimagemodel)) or questions with multiple input fields ([Matrix](https://surveyjs.io/form-library/documentation/questionmatrixmodel), [Multiple Text](https://surveyjs.io/form-library/documentation/questionmultipletextmodel)).
          */
         onAfterRenderQuestionInput: EventBase<SurveyModel, AfterRenderQuestionInputEvent>;
         /**
-         * An event that is raised right after a panel is rendered in DOM. Use it to modify HTML elements.
+         * An event that is raised after a panel is rendered to the DOM. Use it to modify panel markup.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * > This event is raised for static [Panels](https://surveyjs.io/form-library/examples/set-properties-on-multiple-questions-using-panel/) as well as panels within a [Dynamic Panel](https://surveyjs.io/form-library/examples/duplicate-group-of-fields-in-form/).
          */
         onAfterRenderPanel: EventBase<SurveyModel, AfterRenderPanelEvent>;
         /**
@@ -7969,15 +8136,19 @@ declare module "survey" {
         /**
          * An event that is raised before a new row is added to a [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/).
          */
+        onMatrixRowAdding: EventBase<SurveyModel, MatrixBeforeRowAddedEvent>;
+        /**
+         * This event is obsolete. Use the [`onMatrixRowAdding`](/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
+         */
         onMatrixBeforeRowAdded: EventBase<SurveyModel, MatrixBeforeRowAddedEvent>;
         /**
          * An event that is raised before a row is deleted from a [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/). You can cancel row deletion and clear row data instead.
-         * @see onMatrixAllowRemoveRow
+         * @see onMatrixRenderRemoveButton
          */
         onMatrixRowRemoving: EventBase<SurveyModel, MatrixRowRemovingEvent>;
         /**
          * An event that is raised after a row is deleted from a [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/).
-         * @see onMatrixAllowRemoveRow
+         * @see onMatrixRenderRemoveButton
          */
         onMatrixRowRemoved: EventBase<SurveyModel, MatrixRowRemovedEvent>;
         /**
@@ -7985,35 +8156,43 @@ declare module "survey" {
          * @see onMatrixRowRemoving
          * @see onMatrixRowRemoved
          */
+        onMatrixRenderRemoveButton: EventBase<SurveyModel, MatrixAllowRemoveRowEvent>;
+        /**
+         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
+         */
         onMatrixAllowRemoveRow: EventBase<SurveyModel, MatrixAllowRemoveRowEvent>;
         /**
          * An event that is raised before a cell in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/) is created. Use this event to change the type of individual matrix cells.
-         * @see onMatrixAfterCellRender
+         * @see onAfterRenderMatrixCell
          */
         onMatrixCellCreating: EventBase<SurveyModel, MatrixCellCreatingEvent>;
         /**
           * An event that is raised after a cell in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/) is created.
-          * @see onMatrixAfterCellRender
+          * @see onAfterRenderMatrixCell
           */
         onMatrixCellCreated: EventBase<SurveyModel, MatrixCellCreatedEvent>;
         /**
          * An event that is raised for every matrix cell after it is rendered to the DOM.
          * @see onMatrixCellCreated
          */
+        onAfterRenderMatrixCell: EventBase<SurveyModel, MatrixAfterCellRenderEvent>;
+        /**
+         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
+         */
         onMatrixAfterCellRender: EventBase<SurveyModel, MatrixAfterCellRenderEvent>;
         /**
          * An event that is raised after a cell value is changed in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/).
-         * @see onMatrixBeforeRowAdded
+         * @see onMatrixRowAdding
          */
         onMatrixCellValueChanged: EventBase<SurveyModel, MatrixCellValueChangedEvent>;
         /**
          * An event that is raised before a cell value is changed in a [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) or [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/). Use this event to change the cell value.
-         * @see onMatrixBeforeRowAdded
+         * @see onMatrixRowAdding
          */
         onMatrixCellValueChanging: EventBase<SurveyModel, MatrixCellValueChangingEvent>;
         /**
          * An event that is raised for [Multi-Select Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdropdown/) and [Dynamic Matrix](https://surveyjs.io/form-library/examples/questiontype-matrixdynamic/) questions when they validate a cell value. Use this event to display a custom error message based on a condition.
-         * @see onMatrixBeforeRowAdded
+         * @see onMatrixRowAdding
          */
         onMatrixCellValidate: EventBase<SurveyModel, MatrixCellValidateEvent>;
         /**
@@ -8037,15 +8216,15 @@ declare module "survey" {
          */
         onDynamicPanelRemoving: EventBase<SurveyModel, DynamicPanelRemovingEvent>;
         /**
-        * An event that is raised every second if the method `startTimer` has been called.
+        * An event that is raised every second while the timer is running.
+        *
+        * Use the [`timeSpent`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeSpent) property to find out how many seconds have elapsed.
+        * @see maxTimeToFinish
+        * @see maxTimeToFinishPage
+        * @see showTimerPanel
         * @see startTimer
-        * @see timeSpent
-        * @see Page.timeSpent
         */
         onTimer: EventBase<SurveyModel, {}>;
-        /**
-         * An event that is raised before displaying a new information in the Timer Panel. Use it to change the default text.
-         */
         onTimerPanelInfoText: EventBase<SurveyModel, TimerPanelInfoTextEvent>;
         /**
          * An event that is raised after an item value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
@@ -9793,33 +9972,38 @@ declare module "survey" {
         getCorrectedAnswers(): number;
         getInCorrectedAnswers(): number;
         /**
-         * Gets or sets a timer panel position. The timer panel displays information about how much time an end user spends on a survey/page.
+         * Displays the timer panel and specifies its position. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * The available options:
-         * - `top` - display timer panel in the top.
-         * - `bottom` - display timer panel in the bottom.
-         * - `none` - do not display a timer panel.
+         * Possible values:
          *
-         * If the value is not equal to 'none', the survey calls the `startTimer()` method on survey rendering.
-         * @see showTimerPanelMode
+         * - `"top"` - Displays the timer panel at the top of the survey.
+         * - `"bottom"` - Displays the timer panel at the bottom of the survey.
+         * - `"none"` (default) - Hides the timer panel.
+         *
+         * If the timer panel is displayed, the timer starts automatically when the survey begins. To specify time limits, use the [`maxTimeToFinish`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTimeToFinish) and [`maxTimeToFinishPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTimeToFinishPage) properties.
+         *
+         * The timer panel displays information about time spent on an individual page and the entire survey. If you want to display only the page timer or the survey timer, set the [`showTimerPanelMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimerPanelMode) property to `"page"` or `"survey"`.
          * @see startTimer
          * @see stopTimer
+         * @see timeSpent
+         * @see onTimer
          */
         get showTimerPanel(): string;
         set showTimerPanel(val: string);
         get isTimerPanelShowingOnTop(): boolean;
         get isTimerPanelShowingOnBottom(): boolean;
         /**
-         * Gets or set a value that specifies whether the timer displays information for the page or for the entire survey.
+         * Specifies whether the timer panel displays timers for the current page, the entire survey, or both. Applies only if the timer panel is [visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimerPanel).
          *
-         * The available options:
-         *
-         * - `page` - show timer information for page
-         * - `survey` - show timer information for survey
+         * Possible values:
          *
-         * Use the `onTimerPanelInfoText` event to change the default text.
-         * @see showTimerPanel
-         * @see onTimerPanelInfoText
+         * - `"survey"` - Displays only the survey timer.
+         * - `"page"` - Displays only the page timer.
+         * - `"all"` (default) - Displays both the survey and page timers.
+         * @see timeSpent
+         * @see onTimer
+         * @see startTimer
+         * @see stopTimer
          */
         get showTimerPanelMode(): string;
         set showTimerPanelMode(val: string);
@@ -9863,39 +10047,59 @@ declare module "survey" {
         private getDisplayTime;
         get timerModel(): SurveyTimerModel;
         /**
-         * Starts a timer that will calculate how much time end-user spends on the survey or on pages.
+         * Starts a timer that calculates how many seconds a respondent has spent on the survey. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see stopTimer
+         * @see maxTimeToFinish
+         * @see maxTimeToFinishPage
          * @see timeSpent
+         * @see onTimer
          */
         startTimer(): void;
         startTimerFromUI(): void;
         /**
-         * Stops the timer.
+         * Stops the timer. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see startTimer
+         * @see maxTimeToFinish
+         * @see maxTimeToFinishPage
          * @see timeSpent
+         * @see onTimer
          */
         stopTimer(): void;
         /**
-         * Gets or set the time in seconds an end user spends on the survey.
+         * A time period that a respondent has spent on the survey so far; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         *
+         * Assign a number to this property if you need to start the quiz timer from a specific time (for instance, if you want to continue an interrupted quiz).
+         *
+         * You can also find out how many seconds a respondent has spent on an individual survey page. To do this, use the [`timeSpent`](https://surveyjs.io/form-library/documentation/api-reference/page-model#timeSpent) property of a [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model) object.
+         * @see maxTimeToFinish
+         * @see maxTimeToFinishPage
          * @see startTimer
-         * @see PageModel.timeSpent
          */
         get timeSpent(): number;
         set timeSpent(val: number);
         /**
-         * Gets or sets the maximum time in seconds that end user has to complete a survey. If the value is 0 or less, an end user has no time limit to finish a survey.
-         * @see startTimer
+         * A time period that a respondent has to complete the survey; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         *
+         * A negative value or 0 sets an unlimited time period.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/make-quiz-javascript/ (linkStyle))
          * @see maxTimeToFinishPage
+         * @see startTimer
+         * @see timeSpent
          */
         get maxTimeToFinish(): number;
         set maxTimeToFinish(val: number);
         /**
-         * Gets or sets the maximum time in seconds that end user has to complete a page in the survey. If the value is 0 or less, an end user has no time limit.
+         * A time period that a respondent has to complete each survey page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * You may override this value for every page.
-         * @see startTimer
+         * A negative value or 0 sets an unlimited time period.
+         *
+         * You can also use `PageModel`'s [`maxTimeToFinish`](https://surveyjs.io/form-library/documentation/api-reference/page-model#maxTimeToFinish) property to specify a time period for an individual survey page.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/make-quiz-javascript/ (linkStyle))
          * @see maxTimeToFinish
-         * @see PageModel.maxTimeToFinish
+         * @see startTimer
+         * @see timeSpent
          */
         get maxTimeToFinishPage(): number;
         set maxTimeToFinishPage(val: number);
@@ -10931,7 +11135,7 @@ declare module "question" {
          *
          * - `"default"` (default) - Inherits the setting from the Survey's [`clearInvisibleValues`](https://surveyjs.io/form-library/documentation/surveymodel#clearInvisibleValues) property.
          * - `"onHidden"` - Clears the value when the question becomes invisible. If a question is invisible on startup and has an initial value, this value will be cleared when the survey is complete.
-         * - `"onHiddenContainer"` - Clears the value when the question or its containter (page or panel) becomes invisible. If the question is invisible initially, its value is removed on survey completion.
+         * - `"onHiddenContainer"` - Clears the value when the question or its container (page or panel) becomes invisible. If a question is invisible on startup and has an initial value, this value will be cleared when the survey is complete.
          * - `"onComplete"` - Clears the value when the survey is complete.
          * - `"none"` - Never clears the value of an invisible question.
          * @see SurveyModel.clearInvisibleValues
@@ -11108,6 +11312,8 @@ declare module "question" {
         protected valueFromData(val: any): any;
         protected valueToData(val: any): any;
         protected onValueChanged(): void;
+        protected isMouseDown: boolean;
+        onMouseDown(): void;
         protected setNewComment(newValue: string): void;
         protected getValidName(name: string): string;
         updateValueFromSurvey(newValue: any): void;
@@ -11562,7 +11768,7 @@ declare module "question_matrixdropdownbase" {
          * - `"expression"`
          * - `"rating"`
          *
-         * Default value: `"dropdown"` (inherited from [`settings.matrixDefaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
+         * Default value: `"dropdown"` (inherited from [`settings.matrix.defaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
          */
         get cellType(): string;
         set cellType(val: string);
@@ -12083,6 +12289,8 @@ declare module "itemvalue" {
         getType(): string;
         getSurvey(live?: boolean): ISurvey;
         getLocale(): string;
+        isGhost: boolean;
+        protected get isInternal(): boolean;
         get locText(): LocalizableString;
         setLocText(locText: LocalizableString): void;
         private _locOwner;
@@ -13502,13 +13710,34 @@ declare module "dragdrop/ranking-choices" {
         protected calculateIsBottom(clientY: number): boolean;
         protected doDragOver: () => any;
         protected afterDragOver(dropTargetNode: HTMLElement): void;
-        private updateDraggedElementShortcut;
+        protected updateDraggedElementShortcut(newIndex: number): void;
         protected ghostPositionChanged(): void;
         protected doBanDropHere: () => any;
         protected doDrop: () => any;
         clear(): void;
     }
 }
+declare module "dragdrop/ranking-select-to-rank" {
+    import { ItemValue } from "itemvalue";
+    import { DragDropRankingChoices } from "dragdrop/ranking-choices";
+    import { QuestionRankingModel } from "question_ranking";
+    export class DragDropRankingSelectToRank extends DragDropRankingChoices {
+        protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
+        protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
+        protected getDropTargetByNode(dropTargetNode: HTMLElement, event: PointerEvent): any;
+        protected isDropTargetValid(dropTarget: ItemValue | string, dropTargetNode?: HTMLElement): boolean;
+        protected afterDragOver(dropTargetNode: HTMLElement): void;
+        doRankBetween(dropTargetNode: HTMLElement, fromChoicesArray: Array<ItemValue>, toChoicesArray: Array<ItemValue>, rankFunction: Function): void;
+        private doUIEffects;
+        private get isDraggedElementRanked();
+        private get isDropTargetRanked();
+        private get isDraggedElementUnranked();
+        private get isDropTargetUnranked();
+        selectToRank(questionModel: QuestionRankingModel, fromIndex: number, toIndex: number): void;
+        unselectFromRank(questionModel: QuestionRankingModel, fromIndex: number, toIndex?: number): void;
+        reorderRankedItem(questionModel: QuestionRankingModel, fromIndex: number, toIndex: number): void;
+    }
+}
 declare module "question_ranking" {
     import { ISurveyImpl } from "base-interfaces";
     import { DragDropRankingChoices } from "dragdrop/ranking-choices";
@@ -13527,9 +13756,10 @@ declare module "question_ranking" {
         getItemTabIndex(item: ItemValue): number;
         get rootClass(): string;
         protected getItemClassCore(item: ItemValue, options: any): string;
+        getContainerClasses(containerType?: string): string;
         protected isItemCurrentDropTarget(item: ItemValue): boolean;
         get ghostPositionCssClass(): string;
-        getItemIndexClasses(): string;
+        getItemIndexClasses(item: ItemValue): string;
         getNumberByIndex(index: number): string;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         isAnswerCorrect(): boolean;
@@ -13539,11 +13769,15 @@ declare module "question_ranking" {
         private addToValueByVisibleChoices;
         private removeFromValueByVisibleChoices;
         get rankingChoices(): Array<ItemValue>;
+        get unRankingChoices(): Array<ItemValue>;
         private updateRankingChoices;
+        private updateRankingChoicesSelectToRankMode;
         dragDropRankingChoices: DragDropRankingChoices;
         currentDropTarget: ItemValue;
         dropTargetNodeMove: string;
         endLoadingFromJson(): void;
+        private setDragDropRankingChoices;
+        protected createDragDropRankingChoices(): DragDropRankingChoices;
         handlePointerDown: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
         private isDragStartNodeValid;
         private get allowStartDrag();
@@ -13553,8 +13787,9 @@ declare module "question_ranking" {
         protected supportSelectAll(): boolean;
         supportOther(): boolean;
         supportNone(): boolean;
-        private handleArrowUp;
-        private handleArrowDown;
+        private handleArrowKeys;
+        handleKeydownSelectToRank(event: KeyboardEvent, movedElement: ItemValue): void;
+        private setValueAfterKeydown;
         private focusItem;
         setValue: () => void;
         getIconHoverCss(): string;
@@ -13568,6 +13803,29 @@ declare module "question_ranking" {
         */
         get longTap(): boolean;
         set longTap(val: boolean);
+        /**
+         * Specifies whether users can select choices they want to rank.
+         *
+         * When you enable this property, the Ranking question displays two areas for ranked and unranked choices. To order choices, users should first drag them from the unranked to the ranked area. Use this mode if you want to let users order only the choices they select.
+         *
+         * Default value: `false`
+         * @see selectToRankAreasLayout
+        */
+        get selectToRankEnabled(): boolean;
+        set selectToRankEnabled(val: boolean);
+        /**
+         * Specifies the layout of the ranked and unranked areas. Applies when [`selectToRankEnabled`](https://surveyjs.io/form-library/documentation/api-reference/ranking-question-model#selectToRankEnabled) is `true`.
+         *
+         * Possible values:
+         *
+         * - `"horizontal"` (default) - The ranked and unranked areas are positioned next to each other. Users drag and drop choices between them in the horizontal direction.
+         * - `"vertical"`- The ranked area is positioned above the unranked area. Users drag and drop choices between them in the vertical direction.
+         * @see selectToRankAreasLayout
+        */
+        get selectToRankAreasLayout(): string;
+        set selectToRankAreasLayout(val: string);
+        selectToRankFromContainerPlaceholder: string;
+        selectToRankToContainerPlaceholder: string;
         get useFullItemSizeForShortcut(): boolean;
         set useFullItemSizeForShortcut(val: boolean);
     }
@@ -13681,6 +13939,7 @@ declare module "question_radiogroup" {
         get canShowClearButton(): boolean;
         get clearButtonCaption(): string;
         supportGoNextPageAutomatic(): boolean;
+        protected setNewComment(newValue: string): void;
         get showClearButtonInContent(): boolean;
         clickItemHandler(item: ItemValue): void;
         protected getDefaultTitleActions(): Array<Action>;
@@ -14645,6 +14904,9 @@ declare module "popup-view-model" {
     import { ActionContainer } from "actions/container";
     export const FOCUS_INPUT_SELECTOR = "input:not(:disabled):not([readonly]):not([type=hidden]),select:not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly]), button:not(:disabled):not([readonly]), [tabindex]:not([tabindex^=\"-\"])";
     export class PopupBaseViewModel extends Base {
+        protected popupSelector: string;
+        protected containerSelector: string;
+        protected scrollingContentSelector: string;
         protected prevActiveElement: HTMLElement;
         protected footerToolbarValue: ActionContainer;
         top: string;
@@ -14654,7 +14916,8 @@ declare module "popup-view-model" {
         minWidth: string;
         isVisible: boolean;
         locale: string;
-        container: HTMLElement;
+        get container(): HTMLElement;
+        private containerElement;
         private createdContainer;
         getLocale(): string;
         protected hidePopup(): void;
@@ -14689,11 +14952,11 @@ declare module "popup-view-model" {
         updateOnHiding(): void;
         private focusContainer;
         private focusFirstInput;
-        clickOutside(): void;
+        clickOutside(event?: Event): void;
         cancel(): void;
         dispose(): void;
         initializePopupContainer(): void;
-        unmountPopupContainer(): void;
+        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null): void;
     }
 }
 declare module "popup-dropdown-view-model" {
@@ -14720,6 +14983,7 @@ declare module "popup-dropdown-view-model" {
         popupDirection: string;
         pointerTarget: IPosition;
         constructor(model: PopupModel, targetElement?: HTMLElement);
+        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null): void;
         updateOnShowing(): void;
         private get shouldCreateResizeCallback();
         updatePosition(isResetHeight: boolean, isDelayUpdating?: boolean): void;
@@ -14739,12 +15003,15 @@ declare module "popup-modal-view-model" {
         apply(): void;
         clickOutside(): void;
         onKeyDown(event: any): void;
+        private onScrollOutsideCallback;
+        updateOnShowing(): void;
+        updateOnHiding(): void;
     }
 }
 declare module "popup-utils" {
     import { IDialogOptions, PopupModel } from "popup";
     import { PopupBaseViewModel } from "popup-view-model";
-    export function createPopupModalViewModel(options: IDialogOptions): PopupBaseViewModel;
+    export function createPopupModalViewModel(options: IDialogOptions, container?: HTMLElement): PopupBaseViewModel;
     export function createPopupViewModel(model: PopupModel, targetElement?: HTMLElement): PopupBaseViewModel;
 }
 declare module "question_buttongroup" {
@@ -14864,6 +15131,7 @@ declare module "entries/chunks/model" {
     export { SurveyProgressButtonsModel } from "surveyProgressButtons";
     export * from "themes";
     export { SurveyModel } from "survey";
+    export * from "survey-events-api";
     export { SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger } from "trigger";
     export { PopupSurveyModel, SurveyWindowModel } from "popup-survey";
     export { TextPreProcessor } from "textPreProcessor";
@@ -14890,6 +15158,7 @@ declare module "entries/chunks/model" {
     export { surveyCss, defaultV2Css, defaultV2ThemeName } from "defaultCss/defaultV2Css";
     export { DragDropCore } from "dragdrop/core";
     export { DragDropChoices } from "dragdrop/choices";
+    export { DragDropRankingSelectToRank } from "dragdrop/ranking-select-to-rank";
 }
 declare module "defaultCss/cssstandard" {
     export var defaultStandardCss: {
@@ -15030,6 +15299,9 @@ declare module "defaultCss/cssstandard" {
             rootDragMod: string;
             rootDisabled: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -15042,6 +15314,12 @@ declare module "defaultCss/cssstandard" {
             itemIconFocusMod: string;
             itemGhostMod: string;
             itemDragMod: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         comment: {
             remainingCharacterCounter: string;
@@ -15435,6 +15713,9 @@ declare module "defaultCss/cssmodern" {
             rootDragMod: string;
             rootDisabled: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -15447,6 +15728,12 @@ declare module "defaultCss/cssmodern" {
             itemIconFocusMod: string;
             itemGhostMod: string;
             itemDragMod: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         radiogroup: {
             root: string;
@@ -15885,6 +16172,9 @@ declare module "plugins/themes/bootstrap/cssbootstrap" {
             rootDragMod: string;
             rootDisabled: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -15897,6 +16187,12 @@ declare module "plugins/themes/bootstrap/cssbootstrap" {
             itemIconFocusMod: string;
             itemGhostMod: string;
             itemDragMod: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         comment: string;
         dropdown: {
@@ -16233,6 +16529,9 @@ declare module "plugins/themes/bootstrapmaterial/cssbootstrapmaterial" {
             rootDragMod: string;
             rootDisabled: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -16245,6 +16544,12 @@ declare module "plugins/themes/bootstrapmaterial/cssbootstrapmaterial" {
             itemIconFocusMod: string;
             itemGhostMod: string;
             itemDragMod: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         comment: string;
         dropdown: {
@@ -16695,6 +17000,9 @@ declare module "entries/plugins" {
             rootDragMod: string;
             rootDisabled: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -16707,6 +17015,12 @@ declare module "entries/plugins" {
             itemIconFocusMod: string;
             itemGhostMod: string;
             itemDragMod: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         comment: string;
         dropdown: {
@@ -17041,6 +17355,9 @@ declare module "entries/plugins" {
             rootDragMod: string;
             rootDisabled: string;
             rootDragHandleAreaIcon: string;
+            rootSelectToRankMod: string;
+            rootSelectToRankAlignVertical: string;
+            rootSelectToRankAlignHorizontal: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -17053,6 +17370,12 @@ declare module "entries/plugins" {
             itemIconFocusMod: string;
             itemGhostMod: string;
             itemDragMod: string;
+            container: string;
+            containerEmptyMode: string;
+            containerFromMode: string;
+            containerToMode: string;
+            containerPlaceholder: string;
+            containersDivider: string;
         };
         comment: string;
         dropdown: {
@@ -20978,6 +21301,7 @@ declare module "react/components/popup/popup" {
     import { SurveyElementBase } from "react/reactquestion_element";
     interface IPopupProps {
         model: PopupModel;
+        getTarget?: (container: HTMLElement) => HTMLElement;
     }
     export class Popup extends SurveyElementBase<IPopupProps, any> {
         private popup;
@@ -20989,7 +21313,6 @@ declare module "react/components/popup/popup" {
         private setTargetElement;
         componentDidMount(): void;
         componentDidUpdate(prevProps: any, prevState: any): void;
-        componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: IPopupProps, nextState: any): boolean;
         render(): JSX.Element;
     }
@@ -21012,14 +21335,14 @@ declare module "react/components/popup/popup" {
         protected renderHeaderPopup(popupModel: PopupBaseViewModel): JSX.Element | null;
     }
     export function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): PopupBaseViewModel;
-    export function showDialog(dialogOptions: IDialogOptions): PopupBaseViewModel;
+    export function showDialog(dialogOptions: IDialogOptions, container?: HTMLElement): PopupBaseViewModel;
 }
 declare module "react/components/action-bar/action-bar-item-dropdown" {
     import { SurveyActionBarItem } from "react/components/action-bar/action-bar-item";
     export class SurveyActionBarItemDropdown extends SurveyActionBarItem {
         private viewModel;
         constructor(props: any);
-        renderButtonContent(): JSX.Element;
+        renderInnerButton(): JSX.Element;
         componentWillUnmount(): void;
     }
 }
@@ -21487,8 +21810,8 @@ declare module "react/reactquestion_ranking" {
     export class SurveyQuestionRanking extends SurveyQuestionElementBase {
         protected get question(): QuestionRankingModel;
         protected renderElement(): JSX.Element;
-        protected getItems(): Array<any>;
-        protected renderItem(item: ItemValue, i: number, handleKeydown: (event: any) => void, handlePointerDown: (event: PointerEvent) => void, cssClasses: any, itemClass: string, question: QuestionRankingModel): JSX.Element;
+        protected getItems(choices?: any, unrankedItem?: boolean): Array<any>;
+        protected renderItem(item: ItemValue, i: number, handleKeydown: (event: any) => void, handlePointerDown: (event: PointerEvent) => void, cssClasses: any, itemClass: string, question: QuestionRankingModel, unrankedItem?: boolean): JSX.Element;
     }
     export class SurveyQuestionRankingItem extends ReactSurveyElement {
         protected get text(): string;
@@ -21500,11 +21823,13 @@ declare module "react/reactquestion_ranking" {
         protected get itemClass(): string;
         protected get itemTabIndex(): number;
         protected get question(): any;
+        protected get unrankedItem(): any;
+        protected get item(): any;
         protected renderElement(): JSX.Element;
     }
 }
 declare module "react/components/rating/rating-item" {
-    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+    import { Base, QuestionRatingModel, RenderedRatingItem } from "entries/core";
     import { SurveyElementBase } from "react/reactquestion_element";
     export interface IRatingItemProps {
         question: QuestionRatingModel;
@@ -21513,36 +21838,28 @@ declare module "react/components/rating/rating-item" {
         handleOnClick: any;
         isDisplayMode: boolean;
     }
-    export class RatingItem extends SurveyElementBase<IRatingItemProps, any> {
+    export class RatingItemBase extends SurveyElementBase<IRatingItemProps, any> {
+        constructor(props: any);
         get question(): QuestionRatingModel;
         get item(): RenderedRatingItem;
         get index(): any;
-        getStateElement(): RenderedRatingItem;
+        getStateElement(): Base;
+        handleOnMouseDown(event: any): void;
+    }
+    export class RatingItem extends RatingItemBase {
         render(): JSX.Element | null;
         componentDidMount(): void;
     }
 }
 declare module "react/components/rating/rating-item-star" {
-    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
-    import { SurveyElementBase } from "react/reactquestion_element";
-    import { IRatingItemProps } from "react/components/rating/rating-item";
-    export class RatingItemStar extends SurveyElementBase<IRatingItemProps, any> {
-        get question(): QuestionRatingModel;
-        get item(): RenderedRatingItem;
-        get index(): any;
-        getStateElement(): RenderedRatingItem;
+    import { RatingItemBase } from "react/components/rating/rating-item";
+    export class RatingItemStar extends RatingItemBase {
         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;
+    import { RatingItemBase } from "react/components/rating/rating-item";
+    export class RatingItemSmiley extends RatingItemBase {
         render(): JSX.Element | null;
     }
 }
@@ -21657,6 +21974,7 @@ declare module "react/reactquestion_matrix" {
         private get question();
         private get row();
         handleOnChange(event: any): void;
+        handleOnMouseDown(event: any): void;
         protected wrapCell(cell: any, element: JSX.Element, reason: string): JSX.Element;
         protected canRender(): boolean;
         protected renderElement(): JSX.Element;
@@ -21742,6 +22060,7 @@ declare module "react/reactquestion_radiogroup" {
         private get hideCaption();
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         handleOnChange(event: any): void;
+        handleOnMouseDown(event: any): void;
         protected canRender(): boolean;
         protected renderElement(): JSX.Element;
     }