survey-react 1.9.110 → 1.9.111

package/survey.react.d.ts

@@ -135,6 +135,8 @@ declare module "localization/english" {
         tagboxDoneButtonCaption: string;
         selectToRankEmptyRankedAreaText: string;
         selectToRankEmptyUnrankedAreaText: string;
+        ok: string;
+        cancel: string;
     };
 }
 declare module "surveyStrings" {
@@ -250,6 +252,8 @@ declare module "surveyStrings" {
         tagboxDoneButtonCaption: string;
         selectToRankEmptyRankedAreaText: string;
         selectToRankEmptyUnrankedAreaText: string;
+        ok: string;
+        cancel: string;
     };
 }
 declare module "localizablestring" {
@@ -683,6 +687,13 @@ declare module "conditionProcessValue" {
         private getIntValue;
     }
 }
+declare module "console-warnings" {
+    export class ConsoleWarnings {
+        static disposedObjectChangedProperty(propName: string, objType: string): void;
+        static inCorrectQuestionValue(questionName: string, val: any): void;
+        static warn(text: string): void;
+    }
+}
 declare module "functionsfactory" {
     import { HashTable } from "helpers";
     export class FunctionFactory {
@@ -1011,6 +1022,74 @@ declare module "utils/cssClassBuilder" {
         toString(): string;
     }
 }
+declare module "popup-view-model" {
+    import { Base } from "base";
+    import { PopupModel } from "popup";
+    import { CssClassBuilder } from "utils/cssClassBuilder";
+    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 {
+        private static SubscriptionId;
+        private subscriptionId;
+        protected popupSelector: string;
+        protected fixedPopupContainer: string;
+        protected containerSelector: string;
+        protected scrollingContentSelector: string;
+        protected prevActiveElement: HTMLElement;
+        protected footerToolbarValue: ActionContainer;
+        top: string;
+        left: string;
+        height: string;
+        width: string;
+        minWidth: string;
+        isVisible: boolean;
+        locale: string;
+        get container(): HTMLElement;
+        private containerElement;
+        private createdContainer;
+        getLocale(): string;
+        protected hidePopup(): void;
+        protected getStyleClass(): CssClassBuilder;
+        protected getShowFooter(): boolean;
+        protected getShowHeader(): boolean;
+        protected getPopupHeaderTemplate(): string;
+        protected createFooterActionBar(): void;
+        protected resetDimensionsAndPositionStyleProperties(): void;
+        protected onModelChanging(newModel: PopupModel): void;
+        private setupModel;
+        private _model;
+        get model(): PopupModel;
+        set model(model: PopupModel);
+        constructor(model: PopupModel);
+        get title(): string;
+        get contentComponentName(): string;
+        get contentComponentData(): any;
+        get isModal(): boolean;
+        get isFocusedContent(): boolean;
+        get isFocusedContainer(): boolean;
+        get showFooter(): boolean;
+        get showHeader(): boolean;
+        get popupHeaderTemplate(): string;
+        get isOverlay(): boolean;
+        get styleClass(): string;
+        get cancelButtonText(): string;
+        get footerToolbar(): ActionContainer;
+        onKeyDown(event: any): void;
+        private trapFocus;
+        switchFocus(): void;
+        updateOnShowing(): void;
+        updateOnHiding(): void;
+        private focusContainer;
+        private focusFirstInput;
+        clickOutside(event?: Event): void;
+        cancel(): void;
+        dispose(): void;
+        initializePopupContainer(): void;
+        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null): void;
+        resetComponentElement(): void;
+        protected preventScrollOuside(event: any, deltaY: number): void;
+    }
+}
 declare module "utils/utils" {
     function compareVersions(a: any, b: any): number;
     function confirmAction(message: string): boolean;
@@ -1054,6 +1133,7 @@ declare module "utils/utils" {
         log(action: string): void;
         get result(): string;
     }
+    export function showConfirmDialog(message: string, callback: (res: boolean) => void): boolean;
     export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, };
 }
 declare module "actions/container" {
@@ -1596,6 +1676,8 @@ declare module "defaultCss/defaultV2Css" {
         rootReadOnly: string;
         rootCompact: string;
         rootFitToContainer: string;
+        rootWrapper: string;
+        rootWrapperFixed: string;
         rootBackgroundImage: string;
         container: string;
         header: string;
@@ -2333,6 +2415,7 @@ declare module "trigger" {
         protected canBeExecutedOnComplete(): boolean;
         protected isExecutingOnNextPage: boolean;
         checkExpression(isOnNextPage: boolean, isOnComplete: boolean, keys: any, values: HashTable<any>, properties?: HashTable<any>): void;
+        protected canSuccessOnEmptyExpression(): boolean;
         check(value: any): void;
         get requireValidQuestion(): boolean;
         private perform;
@@ -2345,6 +2428,7 @@ declare module "trigger" {
         private onExpressionChanged;
         buildExpression(): string;
         private isCheckRequired;
+        protected getUsedVariables(): string[];
         private createConditionRunner;
         private get isRequireValue();
     }
@@ -2450,6 +2534,8 @@ declare module "trigger" {
         set copyDisplayValue(val: boolean);
         getType(): string;
         protected onSuccess(values: HashTable<any>, properties: HashTable<any>): void;
+        protected canSuccessOnEmptyExpression(): boolean;
+        protected getUsedVariables(): string[];
     }
 }
 declare module "calculatedValue" {
@@ -2864,8 +2950,8 @@ declare module "panel" {
         hasErrors(fireCallback?: boolean, focusOnFirstError?: boolean, rec?: any): boolean;
         /**
          * Validates questions within this panel or page and returns `false` if the validation fails.
-         * @param fireCallback *Optional.* Pass `false` if you do not want to show validation errors in the UI.
-         * @param focusOnFirstError *Optional.* Pass `true` if you want to focus the first question with a validation error.
+         * @param fireCallback *(Optional)* Pass `false` if you do not want to show validation errors in the UI.
+         * @param focusOnFirstError *(Optional)* Pass `true` if you want to focus the first question with a validation error.
          * @see [Data Validation](https://surveyjs.io/form-library/documentation/data-validation)
          */
         validate(fireCallback?: boolean, focusOnFirstError?: boolean, rec?: any): boolean;
@@ -3223,7 +3309,7 @@ declare module "question_file" {
          *
          * - `sender`: `SurveyModel`\
          * A survey instance that raised the event.
-         * - `options.state`: `String`\
+         * - `options.state`: `string`\
          * The current upload state: `"empty"`, `"loading"`, `"loaded"`, or `"error"`.
          */
         onUploadStateChanged: EventBase<QuestionFileModel>;
@@ -3374,6 +3460,7 @@ declare module "question_file" {
         get showFileDecorator(): boolean;
         get showLoadingIndicator(): boolean;
         get allowShowPreview(): boolean;
+        get showPreviewContainer(): boolean;
         get showRemoveButtonCore(): boolean;
         get showRemoveButton(): boolean;
         get showRemoveButtonBottom(): boolean;
@@ -4962,7 +5049,7 @@ declare module "question_matrixdynamic" {
         private getQuestionToFocusOnAddingRow;
         /**
          * Creates and adds a new row to the matrix.
-         * @param setFocus *Optional.* Pass `true` to focus the cell in the first column.
+         * @param setFocus *(Optional)* Pass `true` to focus the cell in the first column.
          */
         addRow(setFocus?: boolean): void;
         /**
@@ -4981,7 +5068,7 @@ declare module "question_matrixdynamic" {
         /**
          * Removes a matrix row with a specified index.
          * @param index A zero-based row index.
-         * @param confirmDelete *Optional.* A Boolean value that specifies whether to display a confirmation dialog. If you do not specify this parameter, the [`confirmDelete`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#confirmDelete) property value is used.
+         * @param confirmDelete *(Optional)* A Boolean value that specifies whether to display a confirmation dialog. If you do not specify this parameter, the [`confirmDelete`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#confirmDelete) property value is used.
          */
         removeRow(index: number, confirmDelete?: boolean): void;
         private removeRowAsync;
@@ -5208,8 +5295,8 @@ declare module "question_paneldynamic" {
          *
          * The template can contain the following placeholders:
          *
-         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
-         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
+         * - `{panelIndex}` - A panel index within the collection of all panels. Starts with 1.
+         * - `{visiblePanelIndex}` - A panel index within the collection of visible panels. Starts with 1.
          * @see template
          * @see templateDescription
          * @see templateElements
@@ -5224,8 +5311,12 @@ declare module "question_paneldynamic" {
          *
          * The template can contain the following placeholders:
          *
-         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
-         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
+         * - `{panelIndex}` - A panel index within the collection of all panels. Starts with 1.
+         * - `{visiblePanelIndex}` - A panel index within the collection of visible panels. Starts with 1.
+         *
+         * If you want to customize individual tab titles, handle `SurveyModel`'s [`onGetDynamicPanelTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetDynamicPanelTabTitle) event.
+         *
+         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
          * @see renderMode
          */
@@ -5509,11 +5600,11 @@ declare module "question_paneldynamic" {
          *
          * Possible values:
          *
-         * - `"list"` - Renders panels one under the other. [View Demo](https://surveyjs.io/form-library/examples/how-to-use-expressions-in-dynamic-panel/)
+         * - `"list"` (default) - Renders panels one under the other. [View Demo](https://surveyjs.io/form-library/examples/how-to-use-expressions-in-dynamic-panel/)
          * - `"progressTop"` - Renders each panel as a card and displays a progress bar at the top. [View Demo](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/)
          * - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
          * - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
-         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles.
+         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/)
          */
         get renderMode(): string;
         set renderMode(val: string);
@@ -7522,6 +7613,7 @@ declare module "cover" {
     import { Base } from "base";
     import { HorizontalAlignment, VerticalAlignment } from "base-interfaces";
     import { SurveyModel } from "survey";
+    import { ITheme } from "themes";
     export class CoverCell {
         private cover;
         private positionX;
@@ -7544,6 +7636,7 @@ declare module "cover" {
     }
     export class Cover extends Base {
         private calcBackgroundSize;
+        fromTheme(theme: ITheme): void;
         constructor();
         getType(): string;
         survey: SurveyModel;
@@ -8217,6 +8310,10 @@ declare module "survey" {
         onDynamicPanelItemValueChanged: EventBase<SurveyModel, DynamicPanelItemValueChangedEvent>;
         /**
          * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
+         *
+         * For information on event handler parameters, refer to descriptions within the interface.
+         *
+         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          */
         onGetDynamicPanelTabTitle: EventBase<SurveyModel, DynamicPanelGetTabTitleEvent>;
         /**
@@ -8813,12 +8910,10 @@ declare module "survey" {
          */
         get backgroundOpacity(): number;
         set backgroundOpacity(val: number);
-        get backgroundImageStyle(): {
-            opacity: number;
-            backgroundImage: string;
-            backgroundSize: ImageFit;
-            backgroundAttachment: ImageAttachment;
-        };
+        backgroundImageStyle: any;
+        updateBackgroundImageStyle(): void;
+        wrapperFormCss: string;
+        updateWrapperFormCss(): void;
         /**
          * HTML content displayed on the [complete page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#complete-page).
          *
@@ -9257,8 +9352,8 @@ declare module "survey" {
         notify(message: string, type: string): void;
         /**
          * Resets the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) and, optionally, [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data). If `state` is `"completed"`, it becomes `"running"`.
-         * @param clearData *Optional.* Specifies whether to clear survey data. Default value: `true`.
-         * @param goToFirstPage *Optional.* Specifies whether to switch the survey to the first page. Default value: `true`.
+         * @param clearData *(Optional)* Specifies whether to clear survey data. Default value: `true`.
+         * @param goToFirstPage *(Optional)* Specifies whether to switch the survey to the first page. Default value: `true`.
          */
         clear(clearData?: boolean, goToFirstPage?: boolean): void;
         mergeValues(src: any, dest: any): void;
@@ -9354,7 +9449,7 @@ declare module "survey" {
          * Validates all questions on the current page and returns `false` if the validation fails.
          *
          * If you use validation expressions and at least one of them calls an async function, the `validateCurrentPage` method returns `undefined`. In this case, you should pass a callback function as the `onAsyncValidation` parameter. The function's `hasErrors` Boolean parameter will contain the validation result.
-         * @param onAsyncValidation *Optional.* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
+         * @param onAsyncValidation *(Optional)* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
          * @see currentPage
          * @see validate
          * @see validateCurrentPage
@@ -9366,7 +9461,7 @@ declare module "survey" {
          *
          * If you use validation expressions and at least one of them calls an async function, the `validatePage` method returns `undefined`. In this case, you should pass a callback function as the `onAsyncValidation` parameter. The function's `hasErrors` Boolean parameter will contain the validation result.
          * @param page Pass the `PageModel` that you want to validate. You can pass `undefined` to validate the [`activePage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#activePage).
-         * @param onAsyncValidation *Optional.* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
+         * @param onAsyncValidation *(Optional)* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
          * @see validate
          * @see validateCurrentPage
          */
@@ -9376,9 +9471,9 @@ declare module "survey" {
          * Validates all questions and returns `false` if the validation fails.
          *
          * If you use validation expressions and at least one of them calls an async function, the `validate` method returns `undefined`. In this case, you should pass a callback function as the `onAsyncValidation` parameter. The function's `hasErrors` Boolean parameter will contain the validation result.
-         * @param fireCallback *Optional.* Pass `false` if you do not want to show validation errors in the UI.
-         * @param focusOnFirstError *Optional.* Pass `true` if you want to focus the first question with a validation error. The survey will be switched to the page that contains this question if required.
-         * @param onAsyncValidation *Optional.* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
+         * @param fireCallback *(Optional)* Pass `false` if you do not want to show validation errors in the UI.
+         * @param focusOnFirstError *(Optional)* Pass `true` if you want to focus the first question with a validation error. The survey will be switched to the page that contains this question if required.
+         * @param onAsyncValidation *(Optional)* Pass a callback function. It accepts a Boolean `hasErrors` parameter that equals `true` if the validation fails or `false` otherwise.
          * @see validateCurrentPage
          * @see validatePage
          */
@@ -10248,13 +10343,13 @@ declare module "survey" {
          *
          * This method accepts an object with the following layout element properties:
          *
-         * - `id`: `String` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
+         * - `id`: `string` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
          * A layout element identifier. You can use possible values to access and relocate or customize predefined layout elements.
          *
          * - `container`: `"header"` | `"footer"` | `"left"` | `"right"` | `"contentTop"` | `"contentBottom"`\
          * A layout container that holds the element. If you want to display the element within multiple containers, set this property to an array of possible values.
          *
-         * - `component`: `String`\
+         * - `component`: `string`\
          * The name of the component that renders the layout element.
          *
          * - `data`: `any`\
@@ -10730,13 +10825,6 @@ declare module "questionCustomWidgets" {
         getCustomWidget(question: IQuestion): QuestionCustomWidget;
     }
 }
-declare module "console-warnings" {
-    export class ConsoleWarnings {
-        static disposedObjectChangedProperty(propName: string, objType: string): void;
-        static inCorrectQuestionValue(questionName: string, val: any): void;
-        static warn(text: string): void;
-    }
-}
 declare module "question" {
     import { HashTable } from "helpers";
     import { EventBase } from "base";
@@ -10807,9 +10895,9 @@ declare module "question" {
          *
          * - `sender`: `SurveyModel`\
          * A survey instance that contains the question whose ready state has changed.
-         * - `options.isReady`: `Boolean`\
+         * - `options.isReady`: `boolean`\
          * Indicates whether the question is ready.
-         * - `options.oldIsReady`: `Boolean`\
+         * - `options.oldIsReady`: `boolean`\
          * Indicates the previous ready state.
          */
         onReadyChanged: EventBase<Question>;
@@ -11096,6 +11184,7 @@ declare module "question" {
         onCommentChange(event: any): void;
         afterRenderQuestionElement(el: HTMLElement): void;
         afterRender(el: HTMLElement): void;
+        afterRenderCore(el: HTMLElement): void;
         protected getCommentElementsId(): Array<string>;
         beforeDestroyQuestionElement(el: HTMLElement): void;
         get processedTitle(): string;
@@ -11261,27 +11350,27 @@ declare module "question" {
          *
          * | Question type | Value type(s) |
          * | ------------- | ------------- |
-         * | Checkboxes | `Array<String \| Number>` |
-         * | Dropdown | `String` \| `Number` |
-         * | Dynamic Matrix | `Array<Object>` |
-         * | Dynamic Panel | `Array<Object>` |
-         * | Expression | `String` \| `Number` \| `Boolean` |
+         * | Checkboxes | `Array<string \| number>` |
+         * | Dropdown | `string` \| `number` |
+         * | Dynamic Matrix | `Array<object>` |
+         * | Dynamic Panel | `Array<object>` |
+         * | Expression | `string` \| `number` \| `boolean` |
          * | File Upload | `File` \| `Array<File>` |
          * | HTML | (no value) |
          * | Image | (no value) |
-         * | Image Picker | `Array<String \| Number>` |
-         * | Long Text | `String` |
-         * | Multi-Select Dropdown | `Object` |
-         * | Multi-Select Matrix | `Object` |
-         * | Multiple Textboxes | `Array<String>` |
+         * | Image Picker | `Array<string \| number>` |
+         * | Long Text | `string` |
+         * | Multi-Select Dropdown | `object` |
+         * | Multi-Select Matrix | `object` |
+         * | Multiple Textboxes | `Array<string>` |
          * | Panel | (no value) |
-         * | Radio Button Group | `String` \| `Number` |
-         * | Ranking | `Array<String \| Number>` |
-         * | Rating Scale | `Number` \| `String` |
-         * | Signature | `String` (base64-encoded image) |
-         * | Single-Line Input | `String` \| `Number` \| `Date` |
-         * | Single-Select Matrix | `Object` |
-         * | Yes/No (Boolean) | `Boolean` \| `String` |
+         * | Radio Button Group | `string` \| `number` |
+         * | Ranking | `Array<string \| number>` |
+         * | Rating Scale | `number` \| `string` |
+         * | Signature | `string` (base64-encoded image) |
+         * | Single-Line Input | `string` \| `number` \| `Date` |
+         * | Single-Select Matrix | `object` |
+         * | Yes/No (Boolean) | `boolean` \| `string` |
          */
         get value(): any;
         set value(newValue: any);
@@ -11459,7 +11548,7 @@ declare module "question" {
         hasErrors(fireCallback?: boolean, rec?: any): boolean;
         /**
          * Validates this question and returns `false` if the validation fails.
-         * @param fireCallback *Optional.* Pass `false` if you do not want to show validation errors in the UI.
+         * @param fireCallback *(Optional)* Pass `false` if you do not want to show validation errors in the UI.
          * @see [Data Validation](https://surveyjs.io/form-library/documentation/data-validation)
          */
         validate(fireCallback?: boolean, rec?: any): boolean;
@@ -11490,6 +11579,7 @@ declare module "question" {
         allowSpaceAsAnswer: boolean;
         private isValueChangedInSurvey;
         private isOldAnswered;
+        private isSettingQuestionValue;
         protected allowNotifyValueChanged: boolean;
         protected setNewValue(newValue: any): void;
         private checkIsValueCorrect;
@@ -12708,7 +12798,7 @@ declare module "base" {
          *
          * - `sender`: `this`\
          * A SurveyJS object whose property has changed.
-         * - `options.name`: `String`\
+         * - `options.name`: `string`\
          * The name of the changed property.
          * - `options.newValue`: `any`\
          * A new value for the property.
@@ -12725,7 +12815,7 @@ declare module "base" {
          * A SurveyJS object whose property contains an array of `ItemValue` objects.
          * - `options.obj`: [`ItemValue`](https://surveyjs.io/form-library/documentation/itemvalue)\
          * An `ItemValue` object.
-         * - `options.propertyName`: `String`\
+         * - `options.propertyName`: `string`\
          * The name of the property to which an array of `ItemValue` objects is assigned (for example, `"choices"` or `"rows"`).
          * - `options.name`: `"text"` | `"value"`\
          * The name of the changed property.
@@ -12981,6 +13071,7 @@ declare module "popup" {
         componentName: string;
         data: any;
         onApply: () => boolean;
+        isFocusedContent?: boolean;
     }
     export interface IPopupModel<T = any> extends IDialogOptions {
         contentComponentName: string;
@@ -13044,10 +13135,10 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `showEmptyDescriptions`: `Boolean`\
+         * - `showEmptyDescriptions`: `boolean`\
          * Specifies whether to display an empty description for pages and panels. Default value: `true`.
          *
-         * - `showEmptyTitles`: `Boolean`\
+         * - `showEmptyTitles`: `boolean`\
          * Specifies whether to display an empty title for pages and panels. Default value: `true`.
          */
         designMode: {
@@ -13067,13 +13158,13 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `useLocalTimeZone`: `Boolean`\
+         * - `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`.
          *
-         * - `defaultLocaleName`: `String`\
+         * - `defaultLocaleName`: `string`\
          * A property key that stores a translation for the default locale. Default value: `"default"`.
          *
-         * - `storeDuplicatedTranslations`: `Boolean`\
+         * - `storeDuplicatedTranslations`: `boolean`\
          * Specifies whether surveys should store translation strings that equal the translation strings in the default locale. Default value: `false`.
          */
         localization: {
@@ -13098,16 +13189,16 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `encodeUrlParams`: `Boolean`\
+         * - `encodeUrlParams`: `boolean`\
          * Specifies whether to encode URL parameters when you access a web service. Default value: `true`.
          *
-         * - `cacheLoadedChoices`: `Boolean`\
+         * - `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`\
+         * - `disableQuestionWhileLoadingChoices`: `boolean`\
          * Disables a question while its choices are being loaded from a web service. Default value: `false`.
          *
-         * - `surveyServiceUrl`: `String`\
+         * - `surveyServiceUrl`: `string`\
          * The URL of the SurveyJS Service API endpoint.
          */
         web: {
@@ -13138,14 +13229,14 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `changeNavigationButtonsOnComplete`: `Boolean`\
+         * - `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`\
+         * - `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`.
          *
-         * - `executeSkipOnValueChanged`: `Boolean`\
+         * - `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.
          */
@@ -13171,13 +13262,13 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `itemValueSerializeAsObject`: `Boolean`\
+         * - `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`\
+         * - `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`\
+         * - `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
@@ -13216,7 +13307,7 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `enabled`: `Boolean`\
+         * - `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.
@@ -13235,28 +13326,28 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `defaultRowName`: `String`\
+         * - `defaultRowName`: `string`\
          * A property key that stores an object with default cell values. Default value: "default".
          *
-         * - `defaultCellType`: `String`\
+         * - `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`\
+         * - `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`\
+         * - `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`\
+         * - `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`\
+         * - `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`\
+         * - `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" } }`
          *
@@ -13307,11 +13398,11 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `maxPanelCount`: `Number`\
+         * - `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`\
+         * - `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.
          */
@@ -13356,10 +13447,10 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `includeQuestionsWithHiddenNumber`: `Boolean`\
+         * - `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`\
+         * - `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`.
          */
         numbering: {
@@ -13389,10 +13480,10 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `trimStrings`: `Boolean`\
+         * - `trimStrings`: `boolean`\
          * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
          *
-         * - `caseSensitive`: `Boolean`\
+         * - `caseSensitive`: `boolean`\
          * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
          */
         comparator: {
@@ -13429,16 +13520,27 @@ declare module "settings" {
          */
         tagboxCloseOnSelect: boolean;
         /**
-         * A property that allows you to display a custom confirm dialog instead of the standard browser dialog.
+         * A property that allows you to display a custom confirm dialog.
          *
          * Set this property to a function that renders your custom dialog window. This function should return `true` if a user confirms an action or `false` otherwise.
          * @param message A message to be displayed in the confirm dialog window.
          */
         confirmActionFunc: (message: string) => boolean;
         /**
-         * A property that allows you to display a custom confirm dialog instead of the standard browser dialog in async mode.
+         * A property that allows you to display a custom confirm dialog in async mode or activate the standard browser dialog.
          *
-         * Set this property to a function that renders your custom dialog window. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
+         * To display a custom confirm dialog, set this property to a function that renders it. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
+         *
+         * To activate the standard browser dialog, set the `confirmActionAsync` property to a function that returns `false`. With this configuration, a survey falls back to the [`confirmActionFunc`](#confirmActionFunc) function, which renders the standard browser dialog by default.
+         *
+         * ```js
+         * import { settings } from "survey-core";
+         *
+         * // Display the standard browser dialog
+         * settings.confirmActionAsync = () => {
+         *    return false;
+         * }
+         * ```
          * @param message A message to be displayed in the confirm dialog window.
          * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
          */
@@ -13470,7 +13572,7 @@ declare module "settings" {
          *
          * Nested properties:
          *
-         * - `lifetime`: `Number`\
+         * - `lifetime`: `number`\
          * Specifies a time period during which a notification is displayed; measured in milliseconds.
          */
         notifications: {
@@ -13683,6 +13785,7 @@ declare module "dropdownListModel" {
         setSearchEnabled(newValue: boolean): void;
         updateItems(): void;
         onClick(event: any): void;
+        chevronPointerDown(event: any): void;
         protected onPropertyChangedHandler(sender: any, options: any): void;
         protected focusItemOnClickAndPopup(): void;
         onClear(event: any): void;
@@ -14702,6 +14805,7 @@ declare module "question_html" {
         get locHtml(): LocalizableString;
         get processedHtml(): string;
         private processHtml;
+        get isNewA11yStructure(): boolean;
     }
 }
 declare module "question_radiogroup" {
@@ -15290,12 +15394,13 @@ declare module "surveyToc" {
     export class TOCModel {
         survey: SurveyModel;
         constructor(survey: SurveyModel);
-        isMobile: boolean;
+        get isMobile(): boolean;
         get containerCss(): string;
         listModel: ListModel<Action>;
         popupModel: PopupModel;
         icon: string;
         togglePopup: () => void;
+        dispose(): void;
     }
 }
 declare module "surveyProgress" {
@@ -15539,7 +15644,7 @@ declare module "question_custom" {
          *
          * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question)\
          * A custom question.
-         * - `propertyName`: `String`\
+         * - `propertyName`: `string`\
          * The name of the changed property.
          * - `newValue`: `any`\
          * A new value for the property.
@@ -15552,7 +15657,7 @@ declare module "question_custom" {
          *
          * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question)\
          * A custom question.
-         * - `name`: `String`\
+         * - `name`: `string`\
          * The question's [name](https://surveyjs.io/Documentation/Library?id=Question#name).
          * - `newValue`: `any`\
          * A new value for the question.
@@ -15567,7 +15672,7 @@ declare module "question_custom" {
          *
          * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question)\
          * A custom question.
-         * - `name`: `String`\
+         * - `name`: `string`\
          * The question's [name](https://surveyjs.io/Documentation/Library?id=Question#name).
          * - `newValue`: `any`\
          * A new value for the question.
@@ -15582,9 +15687,9 @@ declare module "question_custom" {
          * A custom question.
          * - `options.obj`: [ItemValue](https://surveyjs.io/Documentation/Library?id=itemvalue)\
          * An `ItemValue` object.
-         * - `options.propertyName`: `String`\
+         * - `options.propertyName`: `string`\
          * The name of the property to which an array of `ItemValue` objects is assigned (for example, `"choices"` or `"rows"`).
-         * - `options.name`: `String`\
+         * - `options.name`: `string`\
          * The name of the changed property: `"text"` or `"value"`.
          * - `options.newValue`: `any`\
          * A new value for the property.
@@ -15676,7 +15781,7 @@ declare module "question_custom" {
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         onSurveyLoad(): void;
         afterRenderQuestionElement(el: HTMLElement): void;
-        afterRender(el: any): void;
+        afterRenderCore(el: any): void;
         protected onUpdateQuestionCssClasses(element: Question, css: any): void;
         protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
         protected setNewValue(newValue: any): void;
@@ -15720,7 +15825,7 @@ declare module "question_custom" {
         protected onSetData(): void;
         hasErrors(fireCallback?: boolean, rec?: any): boolean;
         focus(onError?: boolean): void;
-        afterRender(el: any): void;
+        afterRenderCore(el: any): void;
         get contentQuestion(): Question;
         protected createQuestion(): Question;
         onSurveyLoad(): void;
@@ -15780,74 +15885,6 @@ declare module "question_custom" {
         private setAfterRenderCallbacks;
     }
 }
-declare module "popup-view-model" {
-    import { Base } from "base";
-    import { PopupModel } from "popup";
-    import { CssClassBuilder } from "utils/cssClassBuilder";
-    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 {
-        private static SubscriptionId;
-        private subscriptionId;
-        protected popupSelector: string;
-        protected fixedPopupContainer: string;
-        protected containerSelector: string;
-        protected scrollingContentSelector: string;
-        protected prevActiveElement: HTMLElement;
-        protected footerToolbarValue: ActionContainer;
-        top: string;
-        left: string;
-        height: string;
-        width: string;
-        minWidth: string;
-        isVisible: boolean;
-        locale: string;
-        get container(): HTMLElement;
-        private containerElement;
-        private createdContainer;
-        getLocale(): string;
-        protected hidePopup(): void;
-        protected getStyleClass(): CssClassBuilder;
-        protected getShowFooter(): boolean;
-        protected getShowHeader(): boolean;
-        protected getPopupHeaderTemplate(): string;
-        protected createFooterActionBar(): void;
-        protected resetDimensionsAndPositionStyleProperties(): void;
-        protected onModelChanging(newModel: PopupModel): void;
-        private setupModel;
-        private _model;
-        get model(): PopupModel;
-        set model(model: PopupModel);
-        constructor(model: PopupModel);
-        get title(): string;
-        get contentComponentName(): string;
-        get contentComponentData(): any;
-        get isModal(): boolean;
-        get isFocusedContent(): boolean;
-        get isFocusedContainer(): boolean;
-        get showFooter(): boolean;
-        get showHeader(): boolean;
-        get popupHeaderTemplate(): string;
-        get isOverlay(): boolean;
-        get styleClass(): string;
-        get cancelButtonText(): string;
-        get footerToolbar(): ActionContainer;
-        onKeyDown(event: any): void;
-        private trapFocus;
-        switchFocus(): void;
-        updateOnShowing(): void;
-        updateOnHiding(): void;
-        private focusContainer;
-        private focusFirstInput;
-        clickOutside(event?: Event): void;
-        cancel(): void;
-        dispose(): void;
-        initializePopupContainer(): void;
-        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null): void;
-        resetComponentElement(): void;
-        protected preventScrollOuside(event: any, deltaY: number): void;
-    }
-}
 declare module "popup-dropdown-view-model" {
     import { IPosition } from "utils/popup";
     import { CssClassBuilder } from "utils/cssClassBuilder";
@@ -23865,6 +23902,7 @@ declare module "react/dropdown-base" {
     export class SurveyQuestionDropdownBase<T extends Question> extends SurveyQuestionUncontrolledElement<T> {
         inputElement: HTMLInputElement | null;
         click: (event: any) => void;
+        chevronPointerDown: (event: any) => void;
         clear: (event: any) => void;
         keyhandler: (event: any) => void;
         blur: (event: any) => void;
@@ -23972,13 +24010,12 @@ declare module "react/reactquestion_file" {
         protected renderFileDecorator(): JSX.Element;
         protected renderChooseButton(): JSX.Element;
         protected renderClearButton(className: string): JSX.Element | null;
-        protected renderFileSign(className: string, val: any): JSX.Element | null;
+        protected renderPreview(): JSX.Element;
         protected renderLoadingIndicator(): JSX.Element;
         protected renderVideo(): JSX.Element;
-        protected renderPreview(): JSX.Element;
     }
 }
-declare module "react/components/file-actions/file-choose-button" {
+declare module "react/components/file/file-choose-button" {
     import { ReactSurveyElement } from "react/reactquestion_element";
     import { QuestionFileModel } from "entries/core";
     export class SurveyFileChooseButton extends ReactSurveyElement {
@@ -23987,6 +24024,18 @@ declare module "react/components/file-actions/file-choose-button" {
         render(): JSX.Element;
     }
 }
+declare module "react/components/file/file-preview" {
+    import { SurveyElementBase } from "react/reactquestion_element";
+    import { QuestionFileModel } from "entries/core";
+    export class SurveyFilePreview extends SurveyElementBase<{
+        question: QuestionFileModel;
+    }, {}> {
+        protected get question(): QuestionFileModel;
+        protected renderFileSign(className: string, val: any): JSX.Element | null;
+        protected renderElement(): JSX.Element | null;
+        protected canRender(): boolean;
+    }
+}
 declare module "react/reactquestion_multipletext" {
     import { SurveyQuestionElementBase } from "react/reactquestion_element";
     import { SurveyQuestionAndErrorsWrapped } from "react/reactquestion";
@@ -24568,7 +24617,8 @@ declare module "entries/react-ui-model" {
     export { SurveyQuestionMatrix, SurveyQuestionMatrixRow, } from "react/reactquestion_matrix";
     export { SurveyQuestionHtml } from "react/reactquestion_html";
     export { SurveyQuestionFile } from "react/reactquestion_file";
-    export { SurveyFileChooseButton } from "react/components/file-actions/file-choose-button";
+    export { SurveyFileChooseButton } from "react/components/file/file-choose-button";
+    export { SurveyFilePreview } from "react/components/file/file-preview";
     export { SurveyQuestionMultipleText } from "react/reactquestion_multipletext";
     export { SurveyQuestionRadiogroup, SurveyQuestionRadioItem } from "react/reactquestion_radiogroup";
     export { SurveyQuestionText } from "react/reactquestion_text";