survey-react 1.9.109 → 1.9.111

package/survey.react.d.ts

@@ -115,6 +115,9 @@ declare module "localization/english" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
         replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
@@ -132,6 +135,8 @@ declare module "localization/english" {
         tagboxDoneButtonCaption: string;
         selectToRankEmptyRankedAreaText: string;
         selectToRankEmptyUnrankedAreaText: string;
+        ok: string;
+        cancel: string;
     };
 }
 declare module "surveyStrings" {
@@ -227,6 +232,9 @@ declare module "surveyStrings" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
         replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
@@ -244,6 +252,8 @@ declare module "surveyStrings" {
         tagboxDoneButtonCaption: string;
         selectToRankEmptyRankedAreaText: string;
         selectToRankEmptyUnrankedAreaText: string;
+        ok: string;
+        cancel: string;
     };
 }
 declare module "localizablestring" {
@@ -664,6 +674,7 @@ declare module "conditionProcessValue" {
         getValue(text: string, values?: HashTable<any>): any;
         setValue(obj: any, text: string, value: any): void;
         getValueInfo(valueInfo: any): void;
+        isAnyKeyChanged(keys: any, usedNames: string[]): boolean;
         private getValueFromPath;
         private getValueCore;
         private getQuestionDirectly;
@@ -676,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 {
@@ -956,7 +974,14 @@ declare module "conditions" {
     }
     export class ExpressionRunnerBase {
         private expressionExecutor;
+        private variables;
+        private containsFunc;
+        private static IdCounter;
+        private _id;
+        onBeforeAsyncRun: (id: number) => void;
+        onAfterAsyncRun: (id: number) => void;
         constructor(expression: string);
+        get id(): number;
         get expression(): string;
         set expression(value: string);
         getVariables(): Array<string>;
@@ -997,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;
@@ -1011,6 +1104,7 @@ declare module "utils/utils" {
     function findScrollableParent(element: HTMLElement): HTMLElement;
     function scrollElementByChildId(id: string): void;
     function navigateToUrl(url: string): void;
+    function wrapUrlForBackgroundImage(url: string): string;
     function getIconNameFromProxy(iconName: string): string;
     function createSvg(size: number | string, width: number, height: number, iconName: string, svgElem: any, title: string): void;
     export function unwrap<T>(value: T | (() => T)): T;
@@ -1039,7 +1133,8 @@ declare module "utils/utils" {
         log(action: string): void;
         get result(): string;
     }
-    export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, };
+    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" {
     import { Base } from "base";
@@ -1050,6 +1145,7 @@ declare module "actions/container" {
         defaultSizeMode: string;
         smallSizeMode: string;
         item: string;
+        itemWithTitle: string;
         itemAsIcon: string;
         itemActive: string;
         itemPressed: string;
@@ -1580,6 +1676,8 @@ declare module "defaultCss/defaultV2Css" {
         rootReadOnly: string;
         rootCompact: string;
         rootFitToContainer: string;
+        rootWrapper: string;
+        rootWrapperFixed: string;
         rootBackgroundImage: string;
         container: string;
         header: string;
@@ -1648,6 +1746,7 @@ declare module "defaultCss/defaultV2Css" {
             mainRoot: string;
             empty: string;
             root: string;
+            iconRemove: string;
             navigation: string;
             title: string;
             header: string;
@@ -1729,6 +1828,7 @@ declare module "defaultCss/defaultV2Css" {
             titleNumInline: string;
             titleLeftRoot: string;
             titleOnAnswer: string;
+            titleEmpty: string;
             titleOnError: string;
             title: string;
             titleExpandable: string;
@@ -2104,6 +2204,7 @@ declare module "defaultCss/defaultV2Css" {
         file: {
             root: string;
             rootDragging: string;
+            rootAnswered: string;
             other: string;
             placeholderInput: string;
             preview: string;
@@ -2140,6 +2241,14 @@ declare module "defaultCss/defaultV2Css" {
             single: string;
             singleImage: string;
             mobile: string;
+            videoContainer: string;
+            contextButton: string;
+            video: string;
+            actionsContainer: string;
+            closeCameraButton: string;
+            changeCameraButton: string;
+            takePictureButton: string;
+            loadingIndicator: string;
         };
         signaturepad: {
             mainRoot: string;
@@ -2289,8 +2398,6 @@ declare module "trigger" {
         static operatorsValue: HashTable<Function>;
         static get operators(): HashTable<Function>;
         private conditionRunner;
-        private usedNames;
-        private hasFunction;
         private idValue;
         constructor();
         get id(): number;
@@ -2308,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;
@@ -2320,7 +2428,8 @@ declare module "trigger" {
         private onExpressionChanged;
         buildExpression(): string;
         private isCheckRequired;
-        private buildUsedNames;
+        protected getUsedVariables(): string[];
+        private createConditionRunner;
         private get isRequireValue();
     }
     export interface ISurveyTriggerOwner {
@@ -2425,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" {
@@ -2839,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;
@@ -2926,7 +3037,9 @@ declare module "panel" {
          */
         get visible(): boolean;
         set visible(value: boolean);
+        onHidingContent(): void;
         protected onVisibleChanged(): void;
+        protected notifyStateChanged(): void;
         /**
          * Returns `true` if the panel/page is visible or the survey is currently in design mode.
          *
@@ -3151,6 +3264,28 @@ declare module "panel" {
         getContainerCss(): string;
     }
 }
+declare module "utils/camera" {
+    export class Camera {
+        static mediaDevicesCallback: ((callback: (devices: Array<MediaDeviceInfo>) => void) => void) | undefined;
+        static clear(): void;
+        static setCameraList(list: Array<MediaDeviceInfo>): void;
+        private static cameraList;
+        private static cameraIndex;
+        private static cameraFacingMode;
+        private static canSwitchFacingMode;
+        hasCamera(callback: (res: boolean) => void): void;
+        getMediaConstraints(videoEl?: any): MediaStreamConstraints;
+        startVideo(videoElementId: string, callback: (stream: MediaStream) => void, imageWidth?: string, imageHeight?: string): void;
+        snap(videoElementId: string, callback: BlobCallback): boolean;
+        private canFlipValue;
+        private updateCanFlipValue;
+        private onCanFlipChangedCallback?;
+        canFlip(onCanFlipChangedCallback?: (res: boolean) => void): boolean;
+        flip(): void;
+        private hasCameraCallback;
+        private setVideoInputs;
+    }
+}
 declare module "question_file" {
     import { IPlainDataOptions } from "base-interfaces";
     import { IQuestionPlainData, Question } from "question";
@@ -3158,6 +3293,7 @@ declare module "question_file" {
     import { SurveyError } from "survey-error";
     import { ActionContainer } from "actions/container";
     import { Action } from "actions/action";
+    import { Camera } from "utils/camera";
     /**
      * A class that describes the File Upload question type.
      *
@@ -3173,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>;
@@ -3183,19 +3319,45 @@ declare module "question_file" {
         indexToShow: number;
         pageSize: number;
         containsMultiplyFiles: boolean;
+        allowCameraAccess: boolean;
         /**
-         * Specifies whether users can capture and upload a photo. Applies only to mobile devices.
+         * Specifies the source of uploaded files.
          *
-         * Default value: `false`
+         * Possible values:
+         *
+         * - `"file"` (default) - Allows respondents to select a local file.
+         * - `"camera"` - Allows respondents to capture and upload a photo.
+         * - `"file-camera"` - Allows respondents to select a local file or capture a photo.
          */
-        allowCameraAccess: boolean;
+        sourceType: string;
         fileNavigator: ActionContainer;
         protected prevFileAction: Action;
         protected nextFileAction: Action;
         protected fileIndexAction: Action;
+        closeCameraAction: Action;
+        takePictureAction: Action;
+        changeCameraAction: Action;
+        chooseFileAction: Action;
+        startCameraAction: Action;
+        cleanAction: Action;
+        actionsContainer: ActionContainer;
         get fileNavigatorVisible(): boolean;
         private get pagesCount();
+        get actionsContainerVisible(): boolean;
         constructor(name: string);
+        get videoId(): string;
+        get hasVideoUI(): boolean;
+        get hasFileUI(): boolean;
+        private videoStream;
+        startVideo(): void;
+        private startVideoInCamera;
+        stopVideo(): void;
+        snapPicture(): void;
+        private canFlipCameraValue;
+        canFlipCamera(): boolean;
+        flipCamera(): void;
+        private closeVideoStream;
+        onHidingContent(): void;
         protected updateElementCssCore(cssClasses: any): void;
         private getFileIndexCaption;
         private updateFileNavigator;
@@ -3273,22 +3435,32 @@ declare module "question_file" {
         confirmRemoveAllMessage: string;
         noFileChosenCaption: string;
         chooseButtonCaption: string;
+        takePhotoCaption: string;
         replaceButtonCaption: string;
         clearButtonCaption: string;
         removeFileCaption: string;
         loadingFileTitle: string;
         chooseFileTitle: string;
+        fileCameraDragAreaPlaceholder: string;
+        cameraPlaceholder: string;
         dragAreaPlaceholder: string;
         renderedPlaceholderValue: string;
         get renderedPlaceholder(): string;
+        get currentMode(): string;
+        get isPlayingVideo(): boolean;
+        private setIsPlayingVideo;
+        private updateCurrentMode;
+        private updateActions;
         get inputTitle(): string;
         get chooseButtonText(): string;
         clear(doneCallback?: () => void): void;
         get renderCapture(): string;
         get multipleRendered(): string;
         get showChooseButton(): boolean;
+        get showFileDecorator(): boolean;
         get showLoadingIndicator(): boolean;
         get allowShowPreview(): boolean;
+        get showPreviewContainer(): boolean;
         get showRemoveButtonCore(): boolean;
         get showRemoveButton(): boolean;
         get showRemoveButtonBottom(): boolean;
@@ -3303,19 +3475,29 @@ declare module "question_file" {
          * @param files An array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects.
          */
         loadFiles(files: File[]): void;
+        private cameraValue;
+        protected get camera(): Camera;
         canPreviewImage(fileItem: any): boolean;
         protected loadPreview(newValue: any): void;
+        private isFileLoadingValue;
+        protected get isFileLoading(): boolean;
+        protected set isFileLoading(val: boolean);
+        protected getIsQuestionReady(): boolean;
         protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
         protected stateChanged(state: string): void;
         private allFilesOk;
         private isFileImage;
         getPlainData(options?: IPlainDataOptions): IQuestionPlainData;
+        protected getActionsContainerCss(css: any): string;
+        getRemoveButtonCss(): string;
         getChooseFileCss(): string;
         getReadOnlyFileCss(): string;
         get fileRootCss(): string;
         getFileDecoratorCss(): string;
         private onChange;
         protected onChangeQuestionValue(newValue: any): void;
+        protected calcCssClasses(css: any): any;
+        updateElementCss(reNew?: boolean): void;
         endLoadingFromJson(): void;
         protected needResponsiveness(): boolean;
         protected supportResponsiveness(): boolean;
@@ -3328,6 +3510,7 @@ declare module "question_file" {
         triggerResponsiveness(hard?: boolean): void;
         protected processResponsiveness(_: number, availableWidth: number): boolean;
         private rootElement;
+        private canDragDrop;
         afterRender(el: HTMLElement): void;
         private dragCounter;
         onDragEnter: (event: any) => void;
@@ -3335,11 +3518,12 @@ declare module "question_file" {
         onDrop: (event: any) => void;
         onDragLeave: (event: any) => void;
         doChange: (event: any) => void;
-        doClean: (event: any) => void;
+        doClean: () => void;
         private clearFilesCore;
         doRemoveFile(data: any): void;
         private removeFileCore;
         doDownloadFile: (event: any, data: any) => void;
+        dispose(): void;
     }
     export class FileLoader {
         private fileQuestion;
@@ -3548,7 +3732,6 @@ declare module "question_baseselect" {
         private canShowOptionItemCallback;
         private waitingGetChoiceDisplayValueResponse;
         private get waitingChoicesByURL();
-        private get waitingAcyncOperations();
         protected selectedItemValues: any;
         constructor(name: string);
         getType(): string;
@@ -3676,6 +3859,7 @@ declare module "question_baseselect" {
         protected renderedValueFromDataCore(val: any): any;
         protected rendredValueToDataCore(val: any): any;
         protected needConvertRenderedOtherToDataValue(): boolean;
+        protected getIsQuestionReady(): boolean;
         protected updateSelectedItemValues(): void;
         private setCustomValuesIntoItems;
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
@@ -3849,7 +4033,9 @@ declare module "question_baseselect" {
         private getFilteredChoices;
         protected get activeChoices(): Array<ItemValue>;
         getCarryForwardQuestion(data?: ISurveyData): Question;
+        protected getIsReadyDependsOn(): Array<Question>;
         private getQuestionWithChoices;
+        private carryForwardQuestion;
         private findCarryForwardQuestion;
         private getQuestionWithChoicesCore;
         private getQuestionWithArrayValue;
@@ -4167,6 +4353,7 @@ declare module "question_expression" {
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
         protected canCollectErrors(): boolean;
         protected hasRequiredError(): boolean;
+        private createRunner;
         /**
          * The maximum number of fraction digits. Applies only if the `displayStyle` property is not `"none"`. Accepts values in the range from -1 to 20, where -1 disables the property.
          *
@@ -4325,6 +4512,10 @@ declare module "question_matrixdropdowncolumn" {
         set enableIf(val: string);
         get requiredIf(): string;
         set requiredIf(val: string);
+        get resetValueIf(): string;
+        set resetValueIf(val: string);
+        get defaultValueExpression(): string;
+        set defaultValueExpression(val: string);
         get isUnique(): boolean;
         set isUnique(val: boolean);
         get showInMultipleColumns(): boolean;
@@ -4608,6 +4799,7 @@ declare module "question_matrixdropdownrendered" {
         constructor(matrix: QuestionMatrixDropdownModelBase);
         get showTable(): boolean;
         get showHeader(): boolean;
+        get showAddRow(): boolean;
         get showAddRowOnTop(): boolean;
         get showAddRowOnBottom(): boolean;
         get showFooter(): boolean;
@@ -4857,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;
         /**
@@ -4876,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;
@@ -5103,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
@@ -5119,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
          */
@@ -5189,6 +5385,7 @@ declare module "question_paneldynamic" {
          */
         get currentPanel(): PanelModel;
         set currentPanel(val: PanelModel);
+        onHidingContent(): void;
         /**
          * Specifies whether to display a confirmation dialog when a respondent wants to delete a panel.
          * @see confirmDeleteText
@@ -5403,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);
@@ -5533,8 +5730,9 @@ declare module "question_paneldynamic" {
         onFirstRendering(): void;
         localeChanged(): void;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        runTriggers(name: string, value: any): void;
         private reRunCondition;
-        protected runPanelsCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        protected runPanelsCondition(panels: PanelModel[], values: HashTable<any>, properties: HashTable<any>): void;
         onAnyValueChanged(name: string, questionName: string): void;
         private hasKeysDuplicated;
         private updatePanelsContainsErrors;
@@ -5564,8 +5762,6 @@ declare module "question_paneldynamic" {
         private isAllPanelsEmpty;
         private panelUpdateValueFromSurvey;
         private panelSurveyValueChanged;
-        private onReadyChangedCallback;
-        recalculateIsReadyValue(): void;
         protected onSetData(): void;
         protected isNewValueCorrect(val: any): boolean;
         getItemIndex(item: ISurveyData): number;
@@ -7405,11 +7601,87 @@ declare module "themes" {
         backgroundImageFit?: ImageFit;
         backgroundImageAttachment?: ImageAttachment;
         backgroundOpacity?: number;
+        cover?: {
+            [index: string]: any;
+        };
         cssVariables?: {
             [index: string]: string;
         };
     }
 }
+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;
+        private positionY;
+        static CLASSNAME: string;
+        private calcRow;
+        private calcColumn;
+        private calcAlignItems;
+        private calcAlignText;
+        private calcJustifyContent;
+        constructor(cover: Cover, positionX: HorizontalAlignment, positionY: VerticalAlignment);
+        get survey(): SurveyModel;
+        get css(): string;
+        get style(): any;
+        get contentStyle(): any;
+        get showLogo(): boolean;
+        get showTitle(): boolean;
+        get showDescription(): boolean;
+        get textWidth(): string;
+    }
+    export class Cover extends Base {
+        private calcBackgroundSize;
+        fromTheme(theme: ITheme): void;
+        constructor();
+        getType(): string;
+        survey: SurveyModel;
+        cells: CoverCell[];
+        height: number;
+        areaWidth: "survey" | "container";
+        textWidth: number;
+        invertText: boolean;
+        glowText: boolean;
+        overlap: boolean;
+        backgroundColor: string;
+        backgroundImage: string;
+        renderBackgroundImage: string;
+        backgroundImageFit: "cover" | "fill" | "contain" | "tile";
+        backgroundImageOpacity: number;
+        logoPositionX: HorizontalAlignment;
+        logoPositionY: VerticalAlignment;
+        titlePositionX: HorizontalAlignment;
+        titlePositionY: VerticalAlignment;
+        descriptionPositionX: HorizontalAlignment;
+        descriptionPositionY: VerticalAlignment;
+        logoStyle: {
+            gridColumn: number;
+            gridRow: number;
+        };
+        titleStyle: {
+            gridColumn: number;
+            gridRow: number;
+        };
+        descriptionStyle: {
+            gridColumn: number;
+            gridRow: number;
+        };
+        get renderedHeight(): string;
+        get renderedTextWidth(): string;
+        get coverClasses(): string;
+        get contentClasses(): string;
+        get backgroundImageClasses(): string;
+        get backgroundImageStyle(): {
+            opacity: number;
+            backgroundImage: string;
+            backgroundSize: string;
+        };
+    }
+}
 declare module "survey" {
     import { JsonError } from "jsonobject";
     import { Base, EventBase } from "base";
@@ -8038,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>;
         /**
@@ -8147,6 +8423,7 @@ declare module "survey" {
         loadingBodyCss: string;
         containerCss: string;
         fitToContainer: boolean;
+        titleView: "cover" | "title";
         private getNavigationCss;
         private lazyRenderingValue;
         showBrandInfo: boolean;
@@ -8633,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).
          *
@@ -9077,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;
@@ -9086,6 +9361,7 @@ declare module "survey" {
         protected updateCustomWidgets(page: PageModel): void;
         protected currentPageChanging(newValue: PageModel, oldValue: PageModel): boolean;
         protected currentPageChanged(newValue: PageModel, oldValue: PageModel): void;
+        private notifyQuestionsOnHidingContent;
         private createPageChangeEventOptions;
         getProgress(): number;
         /**
@@ -9173,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
@@ -9185,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
          */
@@ -9195,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
          */
@@ -9698,6 +9974,7 @@ declare module "survey" {
         private runConditions;
         private runConditionOnValueChanged;
         private runConditionsCore;
+        private runQuestionsTriggers;
         private checkIfNewPagesBecomeVisible;
         /**
          * Posts a survey result to [SurveyJS Service](https://api.surveyjs.io/).
@@ -9743,7 +10020,7 @@ declare module "survey" {
         private reduceFirstName;
         private clearUnusedValues;
         hasVisibleQuestionByValueName(valueName: string): boolean;
-        questionCountByValueName(valueName: string): number;
+        questionsByValueName(valueName: string): Array<IQuestion>;
         private clearInvisibleQuestionValues;
         /**
          * Returns a variable value.
@@ -10066,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`\
@@ -10221,7 +10498,7 @@ declare module "survey-element" {
          */
         get state(): string;
         set state(val: string);
-        private notifyStateChanged;
+        protected notifyStateChanged(): void;
         /**
          * Returns `true` if the survey element is collapsed.
          * @see state
@@ -10490,6 +10767,7 @@ declare module "survey-element" {
         get rootStyle(): {
             [index: string]: any;
         };
+        private isContainsSelection;
         get clickTitleFunction(): any;
         protected needClickTitleFunction(): boolean;
         protected processTitleClick(): void;
@@ -10547,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";
@@ -10614,7 +10885,7 @@ declare module "question" {
         onUpdateCssClassesCallback: (css: any) => void;
         onGetSurvey: () => ISurvey;
         private locProcessedTitle;
-        protected isReadyValue: boolean;
+        private isReadyValue;
         private commentElements;
         private dependedQuestions;
         /**
@@ -10624,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>;
@@ -10649,8 +10920,16 @@ declare module "question" {
         set valueName(val: string);
         protected onValueNameChanged(oldValue: string): void;
         protected onNameChanged(oldValue: string): void;
-        set isReady(val: boolean);
         get isReady(): boolean;
+        protected onAsyncRunningChanged(): void;
+        protected updateIsReady(): void;
+        protected getIsQuestionReady(): boolean;
+        private getAreNestedQuestionsReady;
+        protected getIsReadyNestedQuestions(): Array<Question>;
+        private setIsReady;
+        protected getIsReadyDependsOn(): Array<Question>;
+        private getIsReadyDependends;
+        private getIsReadyDependendCore;
         choicesLoaded(): void;
         /**
          * Returns a page to which the question belongs and allows you to move this question to a different page.
@@ -10678,6 +10957,7 @@ declare module "question" {
         get visible(): boolean;
         set visible(val: boolean);
         protected onVisibleChanged(): void;
+        protected notifyStateChanged(): void;
         private updateIsVisibleProp;
         /**
          * Specifies whether to use display names for question values in placeholders.
@@ -10716,6 +10996,7 @@ declare module "question" {
          * @see isParentVisible
          */
         get isVisible(): boolean;
+        get isVisibleInSurvey(): boolean;
         protected isVisibleCore(): boolean;
         /**
          * Returns the visible index of the question in the survey. It can be from 0 to all visible questions count - 1
@@ -10724,6 +11005,7 @@ declare module "question" {
          * @see hideNumber
          */
         get visibleIndex(): number;
+        onHidingContent(): void;
         /**
          * Hides the question number from the title and excludes the question from numbering.
          *
@@ -10768,6 +11050,9 @@ declare module "question" {
         get isQuestion(): boolean;
         moveTo(container: IPanel, insertBefore?: any): boolean;
         getProgressInfo(): IProgressInfo;
+        private resetValueIfExpression;
+        private isRunningResetValueIf;
+        runTriggers(name: string, value: any): void;
         private runConditions;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         /**
@@ -10899,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;
@@ -11064,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);
@@ -11164,6 +11450,15 @@ declare module "question" {
          */
         get defaultValueExpression(): any;
         set defaultValueExpression(val: any);
+        /**
+         * A Boolean expression. If it evaluates to `true`, the question value is reset to [default](#defaultValue).
+         *
+         * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
+         *
+         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         */
+        get resetValueIf(): string;
+        set resetValueIf(val: string);
         get resizeStyle(): "none" | "both";
         /**
          * Returns the question value as an object in which the question name, title, value, and other parameters are stored as individual properties.
@@ -11253,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;
@@ -11284,6 +11579,7 @@ declare module "question" {
         allowSpaceAsAnswer: boolean;
         private isValueChangedInSurvey;
         private isOldAnswered;
+        private isSettingQuestionValue;
         protected allowNotifyValueChanged: boolean;
         protected setNewValue(newValue: any): void;
         private checkIsValueCorrect;
@@ -11531,6 +11827,7 @@ declare module "question_matrixdropdownbase" {
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
         getSurvey(): ISurvey;
+        getDataFilteredValues(): any;
     }
     export class MatrixDropdownCell {
         column: MatrixDropdownColumn;
@@ -11603,6 +11900,7 @@ declare module "question_matrixdropdownbase" {
         findQuestionByName(name: string): IQuestion;
         private setValueCore;
         private updateQuestionsValue;
+        runTriggers(name: string, value: any): void;
         private hasQuestonError;
         get isEmpty(): boolean;
         getQuestionByColumn(column: MatrixDropdownColumn): Question;
@@ -11845,6 +12143,7 @@ declare module "question_matrixdropdownbase" {
         localeChanged(): void;
         private runFuncForCellQuestions;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        runTriggers(name: string, value: any): void;
         protected shouldRunColumnExpression(): boolean;
         protected runCellsCondition(values: HashTable<any>, properties: HashTable<any>): void;
         private checkColumnsVisibility;
@@ -11932,7 +12231,10 @@ declare module "question_matrixdropdownbase" {
         protected getRowDisplayValue(keysAsText: boolean, row: MatrixDropdownRowModelBase, rowValue: any): any;
         getPlainData(options?: IPlainDataOptions): IQuestionPlainData;
         addConditionObjectsByContext(objects: Array<IConditionObject>, context: any): void;
+        onHidingContent(): void;
+        protected getIsReadyNestedQuestions(): Array<Question>;
         protected collectNestedQuestionsCore(questions: Question[], visibleOnly: boolean): void;
+        protected collectNestedQuestonsInRows(rows: Array<MatrixDropdownRowModelBase>, questions: Question[], visibleOnly: boolean): void;
         protected getConditionObjectRowName(index: number): string;
         protected getConditionObjectRowText(index: number): string;
         protected getConditionObjectsRowIndeces(): Array<number>;
@@ -11986,6 +12288,7 @@ declare module "question_matrixdropdownbase" {
         createRowDetailPanel(row: MatrixDropdownRowModelBase): PanelModel;
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
+        getDataFilteredValues(): any;
         getParentTextProcessor(): ITextProcessor;
         getQuestionFromArray(name: string, index: number): IQuestion;
         private isMatrixValueEmpty;
@@ -12062,7 +12365,7 @@ declare module "base-interfaces" {
         validateQuestion(question: IQuestion): SurveyError;
         validatePanel(panel: IPanel): SurveyError;
         hasVisibleQuestionByValueName(valueName: string): boolean;
-        questionCountByValueName(valueName: string): number;
+        questionsByValueName(valueName: string): Array<IQuestion>;
         processHtml(html: string, reason: string): string;
         getSurveyMarkdownHtml(element: Base, text: string, name: string): string;
         getRendererForString(element: Base, name: string): string;
@@ -12288,6 +12591,8 @@ declare module "base-interfaces" {
         stylesSheetsMountContainer: HTMLElement;
     };
     export type LayoutElementContainer = "header" | "footer" | "left" | "right" | "contentTop" | "contentBottom";
+    export type HorizontalAlignment = "left" | "center" | "right";
+    export type VerticalAlignment = "top" | "middle" | "bottom";
     export interface ISurveyLayoutElement {
         id: string;
         container?: LayoutElementContainer | Array<LayoutElementContainer>;
@@ -12401,6 +12706,7 @@ declare module "base" {
     import { JsonObjectProperty } from "jsonobject";
     import { ItemValue } from "itemvalue";
     import { IElement, IFindElement, IProgressInfo, ISurvey } from "base-interfaces";
+    import { ExpressionRunner } from "conditions";
     export class Bindings {
         private obj;
         private properties;
@@ -12492,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.
@@ -12509,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.
@@ -12634,6 +12940,12 @@ declare module "base" {
         protected canRunConditions(): boolean;
         private checkConditionPropertyChanged;
         private runConditionItemCore;
+        private asynExpressionHash;
+        private doBeforeAsynRun;
+        private doAfterAsynRun;
+        protected onAsyncRunningChanged(): void;
+        get isAsyncExpressionRunning(): boolean;
+        protected createExpressionRunner(expression: string): ExpressionRunner;
         /**
          * Registers a function to call when a property value changes.
          * @param propertyNames An array of one or multiple property names.
@@ -12759,6 +13071,7 @@ declare module "popup" {
         componentName: string;
         data: any;
         onApply: () => boolean;
+        isFocusedContent?: boolean;
     }
     export interface IPopupModel<T = any> extends IDialogOptions {
         contentComponentName: string;
@@ -12822,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: {
@@ -12845,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: {
@@ -12876,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: {
@@ -12916,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.
          */
@@ -12949,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
@@ -12994,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.
@@ -13013,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" } }`
          *
@@ -13085,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.
          */
@@ -13117,6 +13430,7 @@ declare module "settings" {
          * Specifies how to render the input field of [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#readOnly) mode: as a disabled `<input>` element or as a `<div>` element with a non-editable question value within it.
          */
         readOnly: {
+            enableValidation: boolean;
             commentRenderMode: string;
             textRenderMode: string;
         };
@@ -13133,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: {
@@ -13166,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: {
@@ -13206,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.
          */
@@ -13247,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: {
@@ -13460,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;
@@ -14479,6 +14805,7 @@ declare module "question_html" {
         get locHtml(): LocalizableString;
         get processedHtml(): string;
         private processHtml;
+        get isNewA11yStructure(): boolean;
     }
 }
 declare module "question_radiogroup" {
@@ -15067,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" {
@@ -15316,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.
@@ -15329,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.
@@ -15344,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.
@@ -15359,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.
@@ -15445,6 +15773,7 @@ declare module "question_custom" {
         protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
         itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
         onFirstRendering(): void;
+        onHidingContent(): void;
         getProgressInfo(): IProgressInfo;
         protected abstract getElement(): SurveyElement;
         protected initElement(el: SurveyElement): void;
@@ -15452,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;
@@ -15496,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;
@@ -15556,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";
@@ -15808,6 +16069,7 @@ declare module "entries/chunks/model" {
     export { PopupSurveyModel, SurveyWindowModel } from "popup-survey";
     export { TextPreProcessor } from "textPreProcessor";
     export { Notifier } from "notifier";
+    export { Cover, CoverCell } from "cover";
     export { dxSurveyService } from "dxSurveyService";
     export { englishStrings } from "localization/english";
     export { surveyLocalization, surveyStrings } from "surveyStrings";
@@ -18335,6 +18597,10 @@ declare module "localization/arabic" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18429,6 +18695,10 @@ declare module "localization/basque" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18523,6 +18793,10 @@ declare module "localization/bulgarian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18617,6 +18891,10 @@ declare module "localization/catalan" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18711,6 +18989,10 @@ declare module "localization/croatian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18805,6 +19087,10 @@ declare module "localization/czech" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18899,6 +19185,10 @@ declare module "localization/danish" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -18993,6 +19283,10 @@ declare module "localization/dutch" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19088,6 +19382,10 @@ declare module "localization/estonian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19182,6 +19480,10 @@ declare module "localization/finnish" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19276,6 +19578,10 @@ declare module "localization/french" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19370,6 +19676,10 @@ declare module "localization/georgian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19464,6 +19774,10 @@ declare module "localization/german" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19558,6 +19872,10 @@ declare module "localization/greek" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19652,6 +19970,10 @@ declare module "localization/hebrew" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19746,6 +20068,10 @@ declare module "localization/hindi" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19840,6 +20166,10 @@ declare module "localization/hungarian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -19934,6 +20264,10 @@ declare module "localization/icelandic" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20028,6 +20362,10 @@ declare module "localization/indonesian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20122,6 +20460,10 @@ declare module "localization/italian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20216,6 +20558,10 @@ declare module "localization/japanese" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20310,6 +20656,10 @@ declare module "localization/kazakh" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20404,6 +20754,10 @@ declare module "localization/korean" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20498,6 +20852,10 @@ declare module "localization/latvian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20592,6 +20950,10 @@ declare module "localization/lithuanian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20686,6 +21048,10 @@ declare module "localization/macedonian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20780,6 +21146,10 @@ declare module "localization/malay" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20874,6 +21244,10 @@ declare module "localization/norwegian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -20968,6 +21342,10 @@ declare module "localization/persian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21062,6 +21440,10 @@ declare module "localization/polish" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21156,6 +21538,10 @@ declare module "localization/portuguese" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21253,6 +21639,10 @@ declare module "localization/portuguese-br" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21350,6 +21740,10 @@ declare module "localization/russian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21444,6 +21838,10 @@ declare module "localization/serbian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21538,6 +21936,10 @@ declare module "localization/simplified-chinese" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21632,6 +22034,10 @@ declare module "localization/slovak" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21726,6 +22132,10 @@ declare module "localization/spanish" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21820,6 +22230,10 @@ declare module "localization/swahili" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -21914,6 +22328,10 @@ declare module "localization/swedish" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22072,6 +22490,10 @@ declare module "localization/thai" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22166,6 +22588,10 @@ declare module "localization/traditional-chinese" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22260,6 +22686,10 @@ declare module "localization/turkish" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22354,6 +22784,10 @@ declare module "localization/ukrainian" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22448,6 +22882,10 @@ declare module "localization/vietnamese" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22542,6 +22980,10 @@ declare module "localization/welsh" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -22636,6 +23078,10 @@ declare module "localization/telugu" {
         clearCaption: string;
         signaturePlaceHolder: string;
         chooseFileCaption: string;
+        takePhotoCaption: string;
+        cameraPlaceHolder: string;
+        fileCameraDragAreaPlaceHolder: string;
+        replaceFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
         booleanUncheckedLabel: string;
@@ -23456,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;
@@ -23559,13 +24006,34 @@ declare module "react/reactquestion_file" {
     export class SurveyQuestionFile extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionFileModel;
-        protected renderLoadingIndicator(): JSX.Element;
         protected renderElement(): JSX.Element;
         protected renderFileDecorator(): JSX.Element;
         protected renderChooseButton(): JSX.Element;
         protected renderClearButton(className: string): JSX.Element | null;
+        protected renderPreview(): JSX.Element;
+        protected renderLoadingIndicator(): JSX.Element;
+        protected renderVideo(): JSX.Element;
+    }
+}
+declare module "react/components/file/file-choose-button" {
+    import { ReactSurveyElement } from "react/reactquestion_element";
+    import { QuestionFileModel } from "entries/core";
+    export class SurveyFileChooseButton extends ReactSurveyElement {
+        constructor(props: any);
+        protected get question(): QuestionFileModel;
+        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 renderPreview(): JSX.Element | null;
+        protected renderElement(): JSX.Element | null;
+        protected canRender(): boolean;
     }
 }
 declare module "react/reactquestion_multipletext" {
@@ -24090,6 +24558,25 @@ declare module "react/components/skeleton" {
         render(): JSX.Element;
     }
 }
+declare module "react/components/cover" {
+    import React from "react";
+    import { Base, SurveyModel, Cover, CoverCell } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    export interface ILayoutElementProps<T = Base> {
+        survey: SurveyModel;
+        model: T;
+    }
+    export class CoverCellComponent extends React.Component<any, any> {
+        get model(): CoverCell;
+        private renderLogoImage;
+        render(): JSX.Element | null;
+    }
+    export class CoverComponent extends SurveyElementBase<ILayoutElementProps<Cover>, any> {
+        get model(): Cover;
+        protected getStateElement(): Base;
+        renderElement(): JSX.Element | null;
+    }
+}
 declare module "react/string-editor" {
     import React from "react";
     export class SurveyLocStringEditor extends React.Component<any, any> {
@@ -24130,6 +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/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";
@@ -24177,6 +24666,7 @@ declare module "entries/react-ui-model" {
     export { NotifierComponent } from "react/components/notifier";
     export { ComponentsContainer } from "react/components/components-container";
     export { CharacterCounterComponent } from "react/components/character-counter";
+    export * from "react/components/cover";
     export { SurveyLocStringViewer } from "react/string-viewer";
     export { SurveyLocStringEditor } from "react/string-editor";
     export { LoadingIndicatorComponent } from "react/components/loading-indicator";