survey-react 1.9.133 → 1.9.135

package/survey.react.d.ts

@@ -1,4 +1,33 @@
 /// <reference types="react" />
+declare module "global_variables_utils" {
+    export class DomWindowHelper {
+        static isAvailable(): boolean;
+        static isFileReaderAvailable(): boolean;
+        static getLocation(): Location;
+        static getVisualViewport(): VisualViewport | null;
+        static getInnerWidth(): number;
+        static getInnerHeight(): number;
+        static getWindow(): Window;
+        static hasOwn(propertyName: string): boolean;
+        static getSelection(): Selection | null;
+        static requestAnimationFrame(callback: FrameRequestCallback): number;
+        static addEventListener(type: string, listener: (e?: any) => void): void;
+        static removeEventListener(type: string, listener: (e?: any) => void): void;
+    }
+    export class DomDocumentHelper {
+        static isAvailable(): boolean;
+        static getBody(): HTMLElement;
+        static getDocumentElement(): HTMLElement;
+        static getDocument(): Document;
+        static getCookie(): string;
+        static setCookie(newCookie: string): void;
+        static activeElementBlur(): Document;
+        static createElement(tagName: string): HTMLElement;
+        static getComputedStyle(elt: Element): CSSStyleDeclaration;
+        static addEventListener(type: string, listener: (e?: any) => void): void;
+        static removeEventListener(type: string, listener: (e?: any) => void): void;
+    }
+}
 declare module "helpers" {
     export interface HashTable<T = any> {
         [key: string]: T;
@@ -814,6 +843,7 @@ declare module "list" {
         itemWithIcon: string;
         itemDisabled: string;
         itemFocused: string;
+        itemTextWrap: string;
         itemIcon: string;
         itemSeparator: string;
         itemBody: string;
@@ -851,6 +881,7 @@ declare module "list" {
         isAllDataLoaded: boolean;
         showSearchClearButton: boolean;
         renderElements: boolean;
+        textWrapEnabled: boolean;
         static INDENT: number;
         static MINELEMENTCOUNT: number;
         scrollHandler: (e?: any) => void;
@@ -876,6 +907,7 @@ declare module "list" {
             itemWithIcon: string;
             itemDisabled: string;
             itemFocused: string;
+            itemTextWrap: string;
             itemIcon: string;
             itemSeparator: string;
             itemBody: string;
@@ -1497,6 +1529,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             root: string;
             withFrame: string;
+            nested: string;
         };
         error: {
             root: string;
@@ -1677,6 +1710,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             tableWrapper: string;
             root: string;
+            columnsAutoWidth: string;
             noHeader: string;
             rootVerticalAlignTop: string;
             rootVerticalAlignMiddle: string;
@@ -1705,6 +1739,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             rootScroll: string;
             root: string;
+            columnsAutoWidth: string;
             noHeader: string;
             hasFooter: string;
             rootVerticalAlignTop: string;
@@ -1747,6 +1782,7 @@ declare module "defaultCss/defaultV2Css" {
             rootScroll: string;
             empty: string;
             root: string;
+            columnsAutoWidth: string;
             noHeader: string;
             hasFooter: string;
             tableWrapper: string;
@@ -1872,6 +1908,7 @@ declare module "defaultCss/defaultV2Css" {
             chooseFileAsIcon: string;
             chooseFileIconId: string;
             disabled: string;
+            controlDisabled: string;
             removeButton: string;
             removeButtonBottom: string;
             removeButtonIconId: string;
@@ -4094,6 +4131,7 @@ declare module "question_baseselect" {
         protected updateSelectedItemValues(): void;
         private setCustomValuesIntoItems;
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
+        protected hasUnknownValueItem(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
         protected isValueDisabled(val: any): boolean;
         /**
          * If the clearIncorrectValuesCallback is set, it is used to clear incorrect values instead of default behaviour.
@@ -5128,6 +5166,7 @@ declare module "dragdrop/core" {
         protected domAdapter: IDragDropDOMAdapter;
         constructor(surveyValue?: ISurvey, creator?: any, longTap?: boolean, domAdapter?: IDragDropDOMAdapter);
         startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement, preventSaveTargetNode?: boolean): void;
+        private getRootElement;
         dragInit(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement): void;
         protected onStartDrag(event?: PointerEvent): void;
         protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
@@ -7136,9 +7175,18 @@ declare module "survey-events-api" {
          */
         input: HTMLInputElement;
         /**
-         * A question, panel, page, or survey for which this event is raised.
+         * A survey element (question, panel, page, or survey) or a theme JSON schema for which this event is raised.
          */
         element: Base;
+        /**
+         * The type of the element passed as the `options.element` parameter.\
+         * Possible values: `"theme"`, `"header"`, or any value returned from the [`getType()`](https://surveyjs.io/form-library/documentation/api-reference/question#getType) method.
+         */
+        elementType: String;
+        /**
+         * The name of the survey element property or theme property for which files are being selected.
+         */
+        propertyName: String;
         /**
          * A choice item for which the event is raised. This parameter has a value only when the dialog window is opened to select images for an [Image Picker](https://surveyjs.io/form-library/documentation/api-reference/image-picker-question-model) question.
          */
@@ -7347,6 +7395,24 @@ declare module "survey-events-api" {
          */
         allow: boolean;
     }
+    export interface MatrixDetailPanelVisibleChangedEvent extends MatrixDropdownQuestionEventMixin {
+        /**
+         * A matrix row to which the detail section belongs.
+         */
+        row: MatrixDropdownRowModelBase;
+        /**
+         * A zero-based row index.
+         */
+        rowIndex: number;
+        /**
+         * A [PanelModel](https://surveyjs.io/form-library/documentation/panelmodel) that represents the detail section.
+         */
+        detailPanel: PanelModel;
+        /**
+         * Indicates whether the detail section is visible now.
+         */
+        visible: boolean;
+    }
     export interface MatrixCellCreatingBaseEvent extends MatrixDropdownQuestionEventMixin {
         /**
          * A [matrix column](https://surveyjs.io/form-library/documentation/api-reference/multi-select-matrix-column-values) to which the cell belongs.
@@ -7845,7 +7911,7 @@ declare module "surveytimer" {
     export var surveyTimerFunctions: {
         setTimeout: (func: () => any) => number;
         clearTimeout: (timerId: number) => void;
-        safeTimeOut: (func: () => any, delay: number) => number;
+        safeTimeOut: (func: () => any, delay: number) => number | any;
     };
     export class SurveyTimer {
         private static instanceValue;
@@ -8064,12 +8130,76 @@ declare module "question_textbase" {
         onKeyDownPreprocess: (event: any) => void;
     }
 }
+declare module "mask/mask_utils" {
+    export var numberDefinition: RegExp;
+    export interface IMaskedInputResult {
+        value: string;
+        caretPosition: number;
+        cancelPreventDefault?: boolean;
+    }
+    export interface ITextInputParams {
+        prevValue: string;
+        selectionStart: number;
+        selectionEnd: number;
+        insertedChars: string | null;
+        inputDirection?: "forward" | "backward";
+    }
+    export interface IInputMask {
+        getMaskedValue(src: any): string;
+        getUnmaskedValue(src: string): any;
+        processInput(args: ITextInputParams): IMaskedInputResult;
+    }
+}
+declare module "mask/mask_base" {
+    import { Base } from "base";
+    import { IInputMask, IMaskedInputResult, ITextInputParams } from "mask/mask_utils";
+    /**
+     * A base class for classes that implement input masks:
+     *
+     * - [`InputMaskNumeric`](https://surveyjs.io/form-library/documentation/inputmasknumeric)
+     * - [`InputMaskCurrency`](https://surveyjs.io/form-library/documentation/inputmaskcurrency)
+     * - [`InputMaskDateTime`](https://surveyjs.io/form-library/documentation/inputmaskdatetime)
+     * - [`InputMaskPattern`](https://surveyjs.io/form-library/documentation/inputmaskpattern)
+     */
+    export class InputMaskBase extends Base implements IInputMask {
+        /**
+         * Specifies whether to store the question value with an applied mask in survey results.
+         *
+         * Default value: `false`
+         */
+        saveMaskedValue: boolean;
+        getType(): string;
+        setData(json: any): void;
+        getData(): any;
+        processInput(args: ITextInputParams): IMaskedInputResult;
+        getUnmaskedValue(src: string): any;
+        getMaskedValue(src: any): string;
+    }
+}
+declare module "mask/input_element_adapter" {
+    import { InputMaskBase } from "mask/mask_base";
+    import { ITextInputParams } from "mask/mask_utils";
+    export class InputElementAdapter {
+        private inputMaskInstance;
+        private inputElement;
+        private prevUnmaskedValue;
+        constructor(inputMaskInstance: InputMaskBase, inputElement: HTMLInputElement, value?: string);
+        inputMaskInstancePropertyChangedHandler: (sender: any, options: any) => void;
+        beforeInputHandler: (event: any) => void;
+        createArgs(event: any): ITextInputParams;
+        addInputEventListener(): void;
+        removeInputEventListener(): void;
+        dispose(): void;
+    }
+}
 declare module "question_text" {
     import { LocalizableString, LocalizableStrings } from "localizablestring";
     import { HashTable } from "helpers";
     import { SurveyError } from "survey-error";
     import { QuestionTextBase } from "question_textbase";
     import { CssClassBuilder } from "utils/cssClassBuilder";
+    import { InputMaskBase } from "mask/mask_base";
+    import { IInputMask } from "mask/mask_utils";
     /**
      * A class that describes the Single-Line Input question type.
      *
@@ -8079,6 +8209,45 @@ declare module "question_text" {
         private locDataListValue;
         private minValueRunner;
         private maxValueRunner;
+        private maskInputAdapter;
+        private createMaskAdapter;
+        private deleteMaskAdapter;
+        private updateMaskAdapter;
+        onSetMaskType(newValue: string): void;
+        /**
+         * Specifies the type of a mask applied to the input.
+         *
+         * Possible values:
+         *
+         * - `"none"` (default)
+         * - `"numeric"`
+         * - `"currency"`
+         * - `"datetime"`
+         * - `"pattern"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         * @see maskSettings
+         */
+        maskType: string;
+        get maskTypeIsEmpty(): boolean;
+        /**
+         * An object with properties that configure the mask applied to the input.
+         *
+         * Available properties depend on the specified [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType) and belong to corresponding classes. Refer to the class APIs for a full list of properties:
+         *
+         * | `maskType` | Class |
+         * | ---------- | ----- |
+         * | `"numeric"` | [`InputMaskNumeric`](https://surveyjs.io/form-library/documentation/api-reference/inputmasknumeric) |
+         * | `"currency"` | [`InputMaskCurrency`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskcurrency) |
+         * | `"datetime"` | [`InputMaskDateTime`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskdatetime) |
+         * | `"pattern"` | [`InputMaskPattern`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern) |
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         */
+        get maskSettings(): InputMaskBase;
+        set maskSettings(val: InputMaskBase);
+        private setNewMaskSettingsProperty;
+        protected createMaskSettings(): InputMaskBase;
         constructor(name: string);
         protected isTextValue(): boolean;
         getType(): string;
@@ -8155,6 +8324,12 @@ declare module "question_text" {
          * @see max
          */
         get isMinMaxType(): boolean;
+        _inputValue: string;
+        get maskInstance(): IInputMask;
+        get inputValue(): string;
+        set inputValue(val: string);
+        protected onChangeQuestionValue(newValue: any): void;
+        private updateInputValue;
         protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
         protected canSetValueToSurvey(): boolean;
         protected convertFuncValuetoQuestionValue(val: any): any;
@@ -8194,6 +8369,8 @@ declare module "question_text" {
         onChange: (event: any) => void;
         onBlur: (event: any) => void;
         onFocus: (event: any) => void;
+        afterRenderQuestionElement(el: HTMLElement): void;
+        beforeDestroyQuestionElement(el: HTMLElement): void;
     }
     export function isMinMaxType(obj: any): boolean;
 }
@@ -8678,7 +8855,7 @@ declare module "survey" {
     import { ActionContainer } from "actions/container";
     import { QuestionPanelDynamicModel } from "question_paneldynamic";
     import { Notifier } from "notifier";
-    import { TriggerExecutedEvent, CompletingEvent, CompleteEvent, ShowingPreviewEvent, NavigateToUrlEvent, CurrentPageChangingEvent, CurrentPageChangedEvent, ValueChangingEvent, ValueChangedEvent, VariableChangedEvent, QuestionVisibleChangedEvent, PageVisibleChangedEvent, PanelVisibleChangedEvent, QuestionCreatedEvent, QuestionAddedEvent, QuestionRemovedEvent, PanelAddedEvent, PanelRemovedEvent, PageAddedEvent, ValidateQuestionEvent, SettingQuestionErrorsEvent, ValidatePanelEvent, ErrorCustomTextEvent, ValidatedErrorsOnCurrentPageEvent, ProcessHtmlEvent, GetQuestionTitleEvent, GetTitleTagNameEvent, GetQuestionNoEvent, ProgressTextEvent, TextMarkdownEvent, TextRenderAsEvent, SendResultEvent, GetResultEvent, UploadFilesEvent, DownloadFileEvent, ClearFilesEvent, LoadChoicesFromServerEvent, ProcessTextValueEvent, UpdateQuestionCssClassesEvent, UpdatePanelCssClassesEvent, UpdatePageCssClassesEvent, UpdateChoiceItemCssEvent, AfterRenderSurveyEvent, AfterRenderHeaderEvent, AfterRenderPageEvent, AfterRenderQuestionEvent, AfterRenderQuestionInputEvent, AfterRenderPanelEvent, FocusInQuestionEvent, FocusInPanelEvent, ShowingChoiceItemEvent, ChoicesLazyLoadEvent, GetChoiceDisplayValueEvent, MatrixRowAddedEvent, MatrixBeforeRowAddedEvent, MatrixRowRemovingEvent, MatrixRowRemovedEvent, MatrixAllowRemoveRowEvent, MatrixCellCreatingEvent, MatrixCellCreatedEvent, MatrixAfterCellRenderEvent, MatrixCellValueChangedEvent, MatrixCellValueChangingEvent, MatrixCellValidateEvent, DynamicPanelModifiedEvent, DynamicPanelRemovingEvent, TimerPanelInfoTextEvent, DynamicPanelItemValueChangedEvent, DynamicPanelGetTabTitleEvent, DynamicPanelCurrentIndexChangedEvent, IsAnswerCorrectEvent, DragDropAllowEvent, ScrollingElementToTopEvent, GetQuestionTitleActionsEvent, GetPanelTitleActionsEvent, GetPageTitleActionsEvent, GetPanelFooterActionsEvent, GetMatrixRowActionsEvent, ElementContentVisibilityChangedEvent, GetExpressionDisplayValueEvent, ServerValidateQuestionsEvent, MultipleTextItemAddedEvent, MatrixColumnAddedEvent, GetQuestionDisplayValueEvent, PopupVisibleChangedEvent, ChoicesSearchEvent, OpenFileChooserEvent } from "survey-events-api";
+    import { TriggerExecutedEvent, CompletingEvent, CompleteEvent, ShowingPreviewEvent, NavigateToUrlEvent, CurrentPageChangingEvent, CurrentPageChangedEvent, ValueChangingEvent, ValueChangedEvent, VariableChangedEvent, QuestionVisibleChangedEvent, PageVisibleChangedEvent, PanelVisibleChangedEvent, QuestionCreatedEvent, QuestionAddedEvent, QuestionRemovedEvent, PanelAddedEvent, PanelRemovedEvent, PageAddedEvent, ValidateQuestionEvent, SettingQuestionErrorsEvent, ValidatePanelEvent, ErrorCustomTextEvent, ValidatedErrorsOnCurrentPageEvent, ProcessHtmlEvent, GetQuestionTitleEvent, GetTitleTagNameEvent, GetQuestionNoEvent, ProgressTextEvent, TextMarkdownEvent, TextRenderAsEvent, SendResultEvent, GetResultEvent, UploadFilesEvent, DownloadFileEvent, ClearFilesEvent, LoadChoicesFromServerEvent, ProcessTextValueEvent, UpdateQuestionCssClassesEvent, UpdatePanelCssClassesEvent, UpdatePageCssClassesEvent, UpdateChoiceItemCssEvent, AfterRenderSurveyEvent, AfterRenderHeaderEvent, AfterRenderPageEvent, AfterRenderQuestionEvent, AfterRenderQuestionInputEvent, AfterRenderPanelEvent, FocusInQuestionEvent, FocusInPanelEvent, ShowingChoiceItemEvent, ChoicesLazyLoadEvent, GetChoiceDisplayValueEvent, MatrixRowAddedEvent, MatrixBeforeRowAddedEvent, MatrixRowRemovingEvent, MatrixRowRemovedEvent, MatrixAllowRemoveRowEvent, MatrixDetailPanelVisibleChangedEvent, MatrixCellCreatingEvent, MatrixCellCreatedEvent, MatrixAfterCellRenderEvent, MatrixCellValueChangedEvent, MatrixCellValueChangingEvent, MatrixCellValidateEvent, DynamicPanelModifiedEvent, DynamicPanelRemovingEvent, TimerPanelInfoTextEvent, DynamicPanelItemValueChangedEvent, DynamicPanelGetTabTitleEvent, DynamicPanelCurrentIndexChangedEvent, IsAnswerCorrectEvent, DragDropAllowEvent, ScrollingElementToTopEvent, GetQuestionTitleActionsEvent, GetPanelTitleActionsEvent, GetPageTitleActionsEvent, GetPanelFooterActionsEvent, GetMatrixRowActionsEvent, ElementContentVisibilityChangedEvent, GetExpressionDisplayValueEvent, ServerValidateQuestionsEvent, MultipleTextItemAddedEvent, MatrixColumnAddedEvent, GetQuestionDisplayValueEvent, PopupVisibleChangedEvent, ChoicesSearchEvent, OpenFileChooserEvent } from "survey-events-api";
     import { QuestionMatrixDropdownModelBase } from "question_matrixdropdownbase";
     import { QuestionMatrixDynamicModel } from "question_matrixdynamic";
     import { QuestionFileModel } from "question_file";
@@ -8823,7 +9000,7 @@ 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>;
-        onVisibleChanged: EventBase<SurveyModel, QuestionVisibleChangedEvent>;
+        onVisibleChanged: EventBase<SurveyModel, any>;
         /**
          * An event that is raised after page visibility is changed.
          *
@@ -8833,7 +9010,7 @@ declare module "survey" {
          */
         onPageVisibleChanged: EventBase<SurveyModel, PageVisibleChangedEvent>;
         /**
-         * An event that is raised after page visibility is changed.
+         * An event that is raised after panel visibility is changed.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -9228,6 +9405,10 @@ declare module "survey" {
          * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
          */
         onMatrixAllowRemoveRow: EventBase<SurveyModel, MatrixAllowRemoveRowEvent>;
+        /**
+         * An event that is raised after the visibility of an [expandable detail section](https://surveyjs.io/form-library/examples/add-expandable-details-section-under-matrix-rows/) is changed. This event can be raised for [Multi-Select](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.
+         */
+        onMatrixDetailPanelVisibleChanged: EventBase<SurveyModel, MatrixDetailPanelVisibleChangedEvent>;
         /**
          * 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 onAfterRenderMatrixCell
@@ -9432,13 +9613,12 @@ declare module "survey" {
         /**
          * Specifies whether to enable lazy rendering.
          *
-         * In default mode, a survey renders the entire current page. With lazy rendering, the survey renders the page gradually as a user scrolls it. This helps reduce survey startup time and oprimizes large surveys for low-end devices.
+         * In default mode, a survey renders the entire current page. With lazy rendering, the survey renders the page gradually as a user scrolls it. This helps reduce survey startup time and optimizes large surveys for low-end devices.
          *
          * Default value: `false`
          *
          * [View Demo](https://surveyjs.io/form-library/examples/survey-lazy/ (linkStyle))
-         *
-         * > This is an experimental feature that may not work properly in certain cases.
+         * @see [settings.lazyRender](https://surveyjs.io/form-library/documentation/api-reference/settings#lazyRender)
          */
         get lazyRendering(): boolean;
         set lazyRendering(val: boolean);
@@ -10095,7 +10275,7 @@ declare module "survey" {
          * - `"belowHeader"` - Displays the progress bar below the survey header.
          * - `"bottom"` - Displays the progress bar below survey content.
          * - `"topBottom"` - Displays the progress bar above and below survey content.
-         * - `"auto"` - Automatically selects between `"aboveHeader"` and `"belowHeader"`.
+         * - `"auto"` - Displays the progress bar below the survey header if the header has a [background image](https://surveyjs.io/form-library/documentation/api-reference/iheader#backgroundImage) or color. Otherwise, the progress bar is displayed above the header.
          * - `"top"` - *(Obsolete)* Use the `"aboveHeader"` or `"belowHeader"` property value instead.
          * - `"both"` - *(Obsolete)* Use the `"topBottom"` property value instead.
          *
@@ -10664,10 +10844,10 @@ declare module "survey" {
         private onShowingPreviewChanged;
         private changeCurrentPageFromPreview;
         private originalPages;
-        protected onQuestionsOnPageModeChanged(oldValue: string): void;
+        protected onQuestionsOnPageModeChanged(oldValue: string, isFirstLoad?: boolean): void;
         private restoreOriginalPages;
         private getPageStartIndex;
-        private isCreatingPagesForPreview;
+        private isLockingUpdateOnPageModes;
         private setupPagesForPageModes;
         private createPagesForQuestionOnPageMode;
         private createSinglePage;
@@ -10812,6 +10992,7 @@ declare module "survey" {
         matrixRowRemoved(question: QuestionMatrixDynamicModel, rowIndex: number, row: any): void;
         matrixRowRemoving(question: QuestionMatrixDynamicModel, rowIndex: number, row: any): boolean;
         matrixAllowRemoveRow(question: QuestionMatrixDynamicModel, rowIndex: number, row: any): boolean;
+        matrixDetailPanelVisibleChanged(question: QuestionMatrixDropdownModelBase, rowIndex: number, row: any, visible: boolean): void;
         matrixCellCreating(question: QuestionMatrixDropdownModelBase, options: any): void;
         matrixCellCreated(question: QuestionMatrixDropdownModelBase, options: any): void;
         matrixAfterCellRender(question: QuestionMatrixDropdownModelBase, options: any): void;
@@ -10844,8 +11025,10 @@ declare module "survey" {
          * @see onUploadFile
          */
         chooseFiles(input: HTMLInputElement, callback: (files: File[]) => void, context?: {
-            element: ISurveyElement;
+            element: Base;
             item?: any;
+            elementType?: string;
+            propertyName?: string;
         }): void;
         /**
          * Uploads files to a server.
@@ -11577,6 +11760,7 @@ declare module "survey-element" {
         isDragMe: boolean;
         readOnlyChangedCallback: () => void;
         static ScrollElementToTop(elementId: string, scrollIfVisible?: boolean): boolean;
+        private static ScrollElementToViewCore;
         static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
         static FocusElement(elementId: string): boolean;
         private static focusElementCore;
@@ -13038,6 +13222,7 @@ declare module "martixBase" {
         protected clearInvisibleValuesInRows(): void;
         private restoreNewVisibleRowsValues;
         needResponsiveWidth(): boolean;
+        protected get columnsAutoWidth(): boolean;
         getTableCss(): string;
         /**
          * Aligns matrix cell content in the vertical direction.
@@ -13725,6 +13910,7 @@ declare module "base-interfaces" {
         matrixRowRemoved(question: IQuestion, rowIndex: number, row: any): any;
         matrixRowRemoving(question: IQuestion, rowIndex: number, row: any): boolean;
         matrixAllowRemoveRow(question: IQuestion, rowIndex: number, row: any): boolean;
+        matrixDetailPanelVisibleChanged(question: IQuestion, rowIndex: number, row: any, visible: boolean): void;
         matrixCellCreating(question: IQuestion, options: any): any;
         matrixCellCreated(question: IQuestion, options: any): any;
         matrixAfterCellRender(question: IQuestion, options: any): any;
@@ -13747,8 +13933,10 @@ declare module "base-interfaces" {
         onCorrectQuestionAnswer(question: IQuestion, options: any): void;
         processPopupVisiblityChanged(question: IQuestion, popupModel: PopupModel, visible: boolean): void;
         chooseFiles(input: HTMLInputElement, callback: (files: File[]) => void, context?: {
-            element: ISurveyElement;
+            element: Base;
             item?: any;
+            elementType?: string;
+            propertyName?: string;
         }): void;
     }
     export interface ISurveyImpl {
@@ -14862,7 +15050,7 @@ declare module "settings" {
          * Nested properties:
          *
          * - `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`.
+         * 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`.
          *
          * - `defaultLocaleName`: `string`\
          * A property key that stores a translation for the default locale. Default value: `"default"`.
@@ -14988,7 +15176,8 @@ declare module "settings" {
          * - `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.
+         * [View Demo](https://surveyjs.io/form-library/examples/survey-lazy/ (linkStyle))
+         * @see [SurveyModel.lazyRendering](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#lazyRendering)
          */
         lazyRender: {
             enabled: boolean;
@@ -15370,6 +15559,27 @@ declare module "settings" {
             dataList: string[];
         };
         legacyProgressBarView: boolean;
+        /**
+         * An object with properties that configure input masks.
+         *
+         * Nested properties:
+         *
+         * - `patternPlaceholderChar`: `string`\
+         * A symbol used as a placeholder for characters to be entered in [pattern masks](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern). Default value: `"_"`.
+         *
+         * - `patternEscapeChar`: `string`\
+         * A symbol used to insert literal representations of special characters in [pattern masks](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern). Default value: `"\\"`.
+         *
+         * - `patternDefinitions`: `<{ [key: string]: RegExp }>`\
+         * An object that maps placeholder symbols to regular expressions in [pattern masks](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern). Default value: `{ "9": /[0-9]/, "a": /[a-zA-Z]/, "#": /[a-zA-Z0-9]/ }`.
+         */
+        maskSettings: {
+            patternPlaceholderChar: string;
+            patternEscapeChar: string;
+            patternDefinitions: {
+                [key: string]: RegExp;
+            };
+        };
     };
 }
 declare module "question_matrixdropdown" {
@@ -15454,6 +15664,7 @@ declare module "dropdownListModel" {
         private updatePopupFocusFirstInputSelector;
         protected createPopup(): void;
         private setFilterStringToListModel;
+        private setTextWrapEnabled;
         protected popupRecalculatePosition(isResetHeight: boolean): void;
         protected onHidePopup(): void;
         protected getAvailableItems(): Array<ItemValue>;
@@ -15620,6 +15831,14 @@ declare module "question_dropdown" {
          * @see [SurveyModel.onChoicesSearch](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onChoicesSearch)
          */
         searchMode: "contains" | "startsWith";
+        /**
+         * Specifies whether to wrap long texts in choice options onto a new line.
+         *
+         * Default value: `true`
+         *
+         * Disable this property if you want the texts to be truncated with ellipsis.
+         */
+        textWrapEnabled: boolean;
         inputHasValue: boolean;
         readOnlyText: string;
         /**
@@ -16180,6 +16399,7 @@ declare module "question_tagbox" {
          * Specifies whether to close the drop-down menu after a user selects a value.
          */
         closeOnSelect: number;
+        textWrapEnabled: boolean;
         /**
          * A text displayed in the input field when it doesn't have a value.
          */
@@ -16612,6 +16832,7 @@ declare module "question_html" {
         get processedHtml(): string;
         private processHtml;
         get isNewA11yStructure(): boolean;
+        get renderCssRoot(): string;
     }
 }
 declare module "question_radiogroup" {
@@ -17376,6 +17597,277 @@ declare module "question_buttongroup" {
         onChange(): void;
     }
 }
+declare module "mask/mask_pattern" {
+    import { InputMaskBase } from "mask/mask_base";
+    import { IMaskedInputResult, ITextInputParams } from "mask/mask_utils";
+    import { ILoadFromJSONOptions } from "base-interfaces";
+    export interface IMaskLiteral {
+        type: "const" | "regex" | "fixed";
+        value: any;
+    }
+    export function getLiterals(pattern: string): Array<IMaskLiteral>;
+    export function getMaskedValueByPattern(src: string, pattern: string | Array<IMaskLiteral>, matchWholeMask: boolean): string;
+    export function getUnmaskedValueByPattern(str: string, pattern: string | Array<IMaskLiteral>, matchWholeMask: boolean, skipFixedChar?: boolean): string;
+    /**
+     * A class that describes an input mask of the `"pattern"` [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType).
+     *
+     * The following code shows how to specify the properties of this class within a survey JSON schema:
+     *
+     * ```js
+     * const surveyJson = {
+     *   "elements": [{
+     *     "name": "textquestion1"
+     *     "type": "text",
+     *     "maskType": "pattern",
+     *     "maskSettings": {
+     *       // Specify the properties of a pattern input mask here
+     *     }
+     *   }]
+     * }
+     * ```
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+     */
+    export class InputMaskPattern extends InputMaskBase {
+        private literals;
+        /**
+         * A pattern for the input value.
+         *
+         * If you set the [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType) to `"pattern"`, the mask can contain string literals and the following placeholders:
+         *
+         * - `9` - A digit.
+         * - `a` - An upper- or lower-case letter.
+         * - `#` - A digit or an upper- or lower-case letter.
+         *
+         * Use backslash `\` to escape a character.
+         *
+         * Example: `+1(999)-999-99-99`
+         *
+         * If you set the [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType) to `"datetime"`, the mask can contain separator characters and the following placeholders:
+         *
+         * - `m` - Month number.
+         * - `mm` - Month number, with leading zero for single-digit values.
+         * - `d` - Day of the month.
+         * - `dd` - Day of the month, with leading zero for single-digit values.
+         * - `yy` - Last two digits of the year.
+         * - `yyyy` - A four-digit year.
+         *
+         * Example: `mm/dd/yyyy`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         * @see [settings.maskSettings](https://surveyjs.io/form-library/documentation/api-reference/settings#maskSettings)
+         */
+        pattern: string;
+        protected updateLiterals(): void;
+        protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
+        getType(): string;
+        fromJSON(json: any, options?: ILoadFromJSONOptions): void;
+        _getMaskedValue(src: string, matchWholeMask?: boolean): string;
+        _getUnmaskedValue(src: string, matchWholeMask?: boolean): string;
+        processInput(args: ITextInputParams): IMaskedInputResult;
+        getMaskedValue(src: any): string;
+        getUnmaskedValue(src: string): any;
+    }
+}
+declare module "mask/mask_numeric" {
+    import { InputMaskBase } from "mask/mask_base";
+    import { IMaskedInputResult, ITextInputParams } from "mask/mask_utils";
+    interface INumericalComposition {
+        integralPart: string;
+        fractionalPart: string;
+        isNegative?: boolean;
+        hasDecimalSeparator?: boolean;
+    }
+    export function splitString(str: string, reverse?: boolean, n?: number): Array<string>;
+    /**
+     * A class that describes an input mask of the `"numeric"` [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType).
+     *
+     * The following code shows how to specify the properties of this class within a survey JSON schema:
+     *
+     * ```js
+     * const surveyJson = {
+     *   "elements": [{
+     *     "name": "textquestion1"
+     *     "type": "text",
+     *     "maskType": "numeric",
+     *     "maskSettings": {
+     *       // Specify the properties of a numeric input mask here
+     *     }
+     *   }]
+     * }
+     * ```
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+     */
+    export class InputMaskNumeric extends InputMaskBase {
+        /**
+         * Specifies whether respondents can enter negative values.
+         *
+         * Default value: `true`
+         * @see min
+         * @see max
+         */
+        allowNegativeValues: boolean;
+        /**
+         * A symbol used to separate the fractional part from the integer part of a displayed number.
+         *
+         * Default value: `"."`
+         * @see precision
+         * @see thousandsSeparator
+         */
+        decimalSeparator: string;
+        /**
+         * Limits how many digits to retain after the decimal point for a displayed number.
+         *
+         * Default value: 2
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         * @see decimalSeparator
+         */
+        precision: number;
+        /**
+         * A symbol used to separate the digits of a large number into groups of three.
+         *
+         * Default value: `","`
+         * @see decimalSeparator
+         */
+        thousandsSeparator: string;
+        /**
+         * A minimum value that respondents can enter.
+         * @see max
+         * @see allowNegativeValues
+         */
+        min: number;
+        /**
+         * A maximum value that respondents can enter.
+         * @see min
+         * @see allowNegativeValues
+         */
+        max: number;
+        private calccaretPosition;
+        displayNumber(parsedNumber: INumericalComposition, insertThousandsSeparator?: boolean, matchWholeMask?: boolean): string;
+        convertNumber(parsedNumber: INumericalComposition): number;
+        validateNumber(number: INumericalComposition): boolean;
+        parseNumber(src: string | number): INumericalComposition;
+        getNumberMaskedValue(src: string | number, matchWholeMask?: boolean): string;
+        private getNumberUnmaskedValue;
+        getMaskedValue(src: any): string;
+        getUnmaskedValue(src: string): any;
+        processInput(args: ITextInputParams): IMaskedInputResult;
+        getType(): string;
+        protected isPropertyEmpty(value: any): boolean;
+    }
+}
+declare module "mask/mask_datetime" {
+    import { InputMaskPattern } from "mask/mask_pattern";
+    import { IMaskedInputResult, ITextInputParams } from "mask/mask_utils";
+    export interface IDateTimeMaskLexem {
+        type: "month" | "day" | "year" | "separator";
+        value: any;
+        count: number;
+        maxCount: number;
+    }
+    export function getDateTimeLexems(pattern: string): Array<IDateTimeMaskLexem>;
+    /**
+     * A class that describes an input mask of the `"datetime"` [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType).
+     *
+     * The following code shows how to specify the properties of this class within a survey JSON schema:
+     *
+     * ```js
+     * const surveyJson = {
+     *   "elements": [{
+     *     "name": "textquestion1"
+     *     "type": "text",
+     *     "maskType": "datetime",
+     *     "maskSettings": {
+     *       // Specify the properties of a date-time input mask here
+     *     }
+     *   }]
+     * }
+     * ```
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+     */
+    export class InputMaskDateTime extends InputMaskPattern {
+        private turnOfTheCentury;
+        private lexems;
+        private inputDateTimeData;
+        /**
+         * A minimum date and time value that respondents can enter.
+         * @see max
+         */
+        min: string;
+        /**
+         * A maximum date and time value that respondents can enter.
+         * @see min
+         */
+        max: string;
+        getType(): string;
+        protected updateLiterals(): void;
+        private leaveOnlyNumbers;
+        private getMaskedStrFromISO;
+        private initInputDateTimeData;
+        private getISO_8601Format;
+        private isYearValid;
+        private isDateValid;
+        private getPlaceholder;
+        private updateInputDateTimeData;
+        private getCorrectDatePartFormat;
+        private createIDateTimeComposition;
+        private parseTwoDigitYear;
+        private getFormatedString;
+        private setInputDateTimeData;
+        _getMaskedValue(src: string, matchWholeMask?: boolean): string;
+        private getPartsOld;
+        private getParts;
+        getUnmaskedValue(src: string): any;
+        getMaskedValue(src: string): string;
+        processInput(args: ITextInputParams): IMaskedInputResult;
+    }
+}
+declare module "mask/mask_currency" {
+    import { InputMaskNumeric } from "mask/mask_numeric";
+    import { IMaskedInputResult, ITextInputParams } from "mask/mask_utils";
+    /**
+     * A class that describes an input mask of the `"currency"` [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType).
+     *
+     * The following code shows how to specify the properties of this class within a survey JSON schema:
+     *
+     * ```js
+     * const surveyJson = {
+     *   "elements": [{
+     *     "name": "textquestion1"
+     *     "type": "text",
+     *     "maskType": "currency",
+     *     "maskSettings": {
+     *       // Specify the properties of a currency input mask here
+     *     }
+     *   }]
+     * }
+     * ```
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+     */
+    export class InputMaskCurrency extends InputMaskNumeric {
+        /**
+         * One or several symbols to be displayed before the currency value.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         * @see suffix
+         */
+        prefix: string;
+        /**
+         * One or several symbols to be displayed after the currency value.
+         * @see prefix
+         */
+        suffix: string;
+        getType(): string;
+        private wrapText;
+        unwrapInputArgs(args: ITextInputParams): void;
+        processInput(args: ITextInputParams): IMaskedInputResult;
+        getMaskedValue(src: any): string;
+    }
+}
 declare module "entries/chunks/model" {
     export var Version: string;
     export var ReleaseDate: string;
@@ -17468,6 +17960,11 @@ declare module "entries/chunks/model" {
     export { QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue } from "question_buttongroup";
     export { IsMobile, IsTouch, _setIsTouch } from "utils/devices";
     export { confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, IAttachKey2clickOptions } from "utils/utils";
+    export { InputMaskBase } from "mask/mask_base";
+    export { InputMaskPattern } from "mask/mask_pattern";
+    export { InputMaskNumeric } from "mask/mask_numeric";
+    export { InputMaskDateTime } from "mask/mask_datetime";
+    export { InputMaskCurrency } from "mask/mask_currency";
     export * from "utils/cssClassBuilder";
     export { surveyCss, defaultV2Css, defaultV2ThemeName } from "defaultCss/defaultV2Css";
     export { DragDropCore } from "dragdrop/core";
@@ -25107,6 +25604,7 @@ declare module "react/components/action-bar/action-bar" {
         get model(): ActionContainer<Action>;
         componentDidMount(): void;
         componentWillUnmount(): void;
+        componentDidUpdate(prevProps: IActionBarProps, prevState: any): void;
         protected getStateElement(): Base;
         renderElement(): any;
         renderItems(): JSX.Element[];
@@ -25905,6 +26403,8 @@ declare module "react/reactquestion_text" {
         constructor(props: any);
         protected renderInput(): JSX.Element;
         protected renderElement(): JSX.Element;
+        protected setValueCore(newValue: any): void;
+        protected getValueCore(): any;
         private renderDataList;
     }
 }