survey-react 1.9.134 → 1.9.136

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;
@@ -1406,6 +1438,9 @@ declare module "defaultCss/defaultV2Css" {
         progressButtonsContainerCenter: string;
         progressButtonsContainer: string;
         progressButtonsConnector: string;
+        progressButtonsButton: string;
+        progressButtonsButtonBackground: string;
+        progressButtonsButtonContent: string;
         progressButtonsHeader: string;
         progressButtonsFooter: string;
         progressButtonsImageButtonLeft: string;
@@ -1497,6 +1532,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             root: string;
             withFrame: string;
+            nested: string;
         };
         error: {
             root: string;
@@ -1677,6 +1713,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             tableWrapper: string;
             root: string;
+            columnsAutoWidth: string;
             noHeader: string;
             rootVerticalAlignTop: string;
             rootVerticalAlignMiddle: string;
@@ -1705,6 +1742,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             rootScroll: string;
             root: string;
+            columnsAutoWidth: string;
             noHeader: string;
             hasFooter: string;
             rootVerticalAlignTop: string;
@@ -1747,6 +1785,7 @@ declare module "defaultCss/defaultV2Css" {
             rootScroll: string;
             empty: string;
             root: string;
+            columnsAutoWidth: string;
             noHeader: string;
             hasFooter: string;
             tableWrapper: string;
@@ -4095,6 +4134,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.
@@ -4881,8 +4921,8 @@ declare module "question_matrixdropdowncolumn" {
          * @see defaultValueExpression
          * @see resetValueIf
          */
-        get setValueExpession(): string;
-        set setValueExpession(val: string);
+        get setValueExpression(): string;
+        set setValueExpression(val: string);
         /**
          * Specifies whether a respondent is required to provide a unique response for each question within this column.
          *
@@ -5060,6 +5100,7 @@ declare module "dragdrop/dom-adapter" {
         startDrag(event: PointerEvent, draggedElement: any, parentElement: any, draggedElementNode: HTMLElement, preventSaveTargetNode: boolean): void;
         draggedElementShortcut: HTMLElement;
         rootContainer: HTMLElement;
+        documentOrShadowRoot: Document | ShadowRoot;
     }
     export class DragDropDOMAdapter implements IDragDropDOMAdapter {
         private dd;
@@ -5076,6 +5117,7 @@ declare module "dragdrop/dom-adapter" {
         private savedTargetNodeIndex;
         private scrollIntervalId;
         constructor(dd: IDragDropEngine, longTap?: boolean, fitToContainer?: boolean);
+        get documentOrShadowRoot(): Document | ShadowRoot;
         private get rootElement();
         private stopLongTapIfMoveEnough;
         private get isMicroMovement();
@@ -6448,7 +6490,7 @@ declare module "question_paneldynamic" {
         get progress(): string;
         getRootCss(): string;
         get cssHeader(): string;
-        getPanelWrapperCss(): string;
+        getPanelWrapperCss(panel: PanelModel): string;
         getPanelRemoveButtonCss(): string;
         getAddButtonCss(): string;
         getPrevButtonCss(): string;
@@ -7138,9 +7180,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.
          */
@@ -7349,6 +7400,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.
@@ -7847,7 +7916,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;
@@ -8089,7 +8158,20 @@ declare module "mask/mask_utils" {
 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;
@@ -8109,7 +8191,6 @@ declare module "mask/input_element_adapter" {
         constructor(inputMaskInstance: InputMaskBase, inputElement: HTMLInputElement, value?: string);
         inputMaskInstancePropertyChangedHandler: (sender: any, options: any) => void;
         beforeInputHandler: (event: any) => void;
-        blurInputHandler: (event: any) => void;
         createArgs(event: any): ITextInputParams;
         addInputEventListener(): void;
         removeInputEventListener(): void;
@@ -8138,8 +8219,37 @@ declare module "question_text" {
         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;
+        inputTextAlignment: "left" | "right" | "auto";
         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;
@@ -8220,9 +8330,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;
@@ -8254,6 +8367,7 @@ declare module "question_text" {
         protected getControlCssClassBuilder(): CssClassBuilder;
         isReadOnlyRenderDiv(): boolean;
         get inputStyle(): any;
+        private updateTextAlign;
         private _isWaitingForEnter;
         private updateValueOnEvent;
         onCompositionUpdate: (event: any) => void;
@@ -8748,7 +8862,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";
@@ -8893,7 +9007,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.
          *
@@ -8903,7 +9017,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.
          *
@@ -9298,6 +9412,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
@@ -9502,13 +9620,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);
@@ -10165,7 +10282,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.
          *
@@ -10882,6 +10999,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;
@@ -10914,8 +11032,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.
@@ -13109,6 +13229,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.
@@ -13796,6 +13917,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;
@@ -13818,8 +13940,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 {
@@ -14933,7 +15057,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"`.
@@ -15059,7 +15183,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;
@@ -15441,6 +15566,20 @@ 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;
@@ -15532,6 +15671,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>;
@@ -15698,6 +15838,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;
         /**
@@ -16122,6 +16270,7 @@ declare module "question_checkbox" {
         }>, isAddAll: boolean): void;
         protected isBuiltInChoice(item: ItemValue): boolean;
         isItemInList(item: ItemValue): boolean;
+        protected getDisplayValueEmpty(): string;
         protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         protected clearIncorrectValuesCore(): void;
         protected clearDisabledValuesCore(): void;
@@ -16258,6 +16407,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.
          */
@@ -16690,6 +16840,7 @@ declare module "question_html" {
         get processedHtml(): string;
         private processHtml;
         get isNewA11yStructure(): boolean;
+        get renderCssRoot(): string;
     }
 }
 declare module "question_radiogroup" {
@@ -17465,8 +17616,55 @@ declare module "mask/mask_pattern" {
     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;
@@ -17489,12 +17687,70 @@ declare module "mask/mask_numeric" {
         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;
@@ -17520,11 +17776,39 @@ declare module "mask/mask_datetime" {
         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;
@@ -17552,8 +17836,38 @@ declare module "mask/mask_datetime" {
 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;