survey-react 1.12.4 → 1.12.5

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.4
+ * surveyjs - Survey JavaScript library v1.12.5
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.4
+ * surveyjs - Survey JavaScript library v1.12.5
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.12.4",
+  "version": "1.12.5",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.4
+ * surveyjs - Survey JavaScript library v1.12.5
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.4
+ * surveyjs - Survey JavaScript library v1.12.5
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -2255,6 +2255,7 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             changeCameraButton: string;
             takePictureButton: string;
             loadingIndicator: string;
+            page: string;
         };
         signaturepad: {
             mainRoot: string;
@@ -3747,6 +3748,7 @@ declare module "packages/survey-core/src/panel" {
         get cssError(): string;
         protected getCssError(cssClasses: any): string;
         getSerializableColumnsValue(): Array<PanelLayoutColumnModel>;
+        afterRender(el: HTMLElement): void;
         dispose(): void;
     }
     /**
@@ -3874,6 +3876,7 @@ declare module "packages/survey-core/src/panel" {
             [index: string]: string;
         }): string;
         getContainerCss(): string;
+        afterRenderCore(element: HTMLElement): void;
     }
 }
 declare module "packages/survey-core/src/utils/camera" {
@@ -3908,7 +3911,7 @@ declare module "packages/survey-core/src/utils/camera" {
 declare module "packages/survey-core/src/question_file" {
     import { IPlainDataOptions } from "packages/survey-core/src/base-interfaces";
     import { IQuestionPlainData, Question } from "packages/survey-core/src/question";
-    import { EventBase } from "packages/survey-core/src/base";
+    import { EventBase, Base } from "packages/survey-core/src/base";
     import { SurveyError } from "packages/survey-core/src/survey-error";
     import { ActionContainer } from "packages/survey-core/src/actions/container";
     import { Action } from "packages/survey-core/src/actions/action";
@@ -3961,9 +3964,21 @@ declare module "packages/survey-core/src/question_file" {
      *
      * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
      */
+    export class QuestionFilePage extends Base {
+        private question;
+        private index;
+        private static pageCounter;
+        private static getId;
+        items: Array<any>;
+        id: string;
+        constructor(question: QuestionFileModel, index: number);
+        get css(): string;
+    }
     export class QuestionFileModel extends QuestionFileModelBase {
         isDragging: boolean;
         previewValue: any[];
+        pages: QuestionFilePage[];
+        navigationDirection: "left" | "right" | "left-delete";
         indexToShow: number;
         pageSize: number;
         containsMultiplyFiles: boolean;
@@ -3992,6 +4007,7 @@ declare module "packages/survey-core/src/question_file" {
         startCameraAction: Action;
         cleanAction: Action;
         actionsContainer: ActionContainer;
+        get supportFileNavigator(): boolean;
         private isFileLoadingValue;
         protected get isFileLoading(): boolean;
         protected set isFileLoading(val: boolean);
@@ -4016,9 +4032,10 @@ declare module "packages/survey-core/src/question_file" {
         protected updateElementCssCore(cssClasses: any): void;
         private getFileIndexCaption;
         private updateFileNavigator;
+        private updateRenderedPages;
+        private updatePages;
         private prevPreviewLength;
         private previewValueChanged;
-        isPreviewVisible(index: number): boolean;
         getType(): string;
         /**
          * Disable this property only to implement a custom preview.
@@ -4156,6 +4173,11 @@ declare module "packages/survey-core/src/question_file" {
         protected supportResponsiveness(): boolean;
         protected getObservedElementSelector(): string;
         private getFileListSelector;
+        private _renderedPages;
+        get renderedPages(): Array<QuestionFilePage>;
+        set renderedPages(val: Array<QuestionFilePage>);
+        private getPagesAnimationOptions;
+        private pagesAnimation;
         private calcAvailableItemsCount;
         private calculatedGapBetweenItems;
         private calculatedItemWidth;
@@ -4398,6 +4420,7 @@ declare module "packages/survey-core/src/utils/text-area" {
     export class TextAreaModel {
         private options;
         private element;
+        private updateElement;
         private onPropertyChangedCallback;
         constructor(options: ITextArea);
         setElement(element: HTMLTextAreaElement | null): void;
@@ -4940,9 +4963,6 @@ declare module "packages/survey-core/src/question_baseselect" {
         getItemId(item: ItemValue): string;
         get questionName(): string;
         getItemEnabled(item: ItemValue): boolean;
-        protected rootElement: HTMLElement;
-        afterRender(el: HTMLElement): void;
-        beforeDestroyQuestionElement(el: HTMLElement): void;
         private focusOtherComment;
         private prevIsOtherSelected;
         protected onValueChanged(): void;
@@ -6089,6 +6109,7 @@ declare module "packages/survey-core/src/question_matrixdynamic" {
          */
         get minRowCount(): number;
         set minRowCount(val: number);
+        private onMinRowCountChanged;
         /**
          * A maximum number of rows in the matrix. Users cannot add new rows if `rowCount` equals `maxRowCount`.
          *
@@ -6099,6 +6120,7 @@ declare module "packages/survey-core/src/question_matrixdynamic" {
          */
         get maxRowCount(): number;
         set maxRowCount(val: number);
+        private onMaxRowCountChanged;
         /**
          * Specifies whether users are allowed to add new rows.
          *
@@ -6348,7 +6370,13 @@ declare module "packages/survey-core/src/themes" {
          *
          * Default value: 256
          */
-        height: number;
+        height?: number;
+        /**
+         * The height of the survey header on smartphones, measured in pixels.
+         *
+         * Default value: 0 (the height is calculated automatically to accommodate the header's content).
+         */
+        mobileHeight?: number;
         /**
          * A string value that specifies whether the header spans the width of the survey or that of the survey container.
          *
@@ -6362,27 +6390,27 @@ declare module "packages/survey-core/src/themes" {
          * @see [SurveyModel.width](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#width)
          * @see [SurveyModel.widthMode](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#widthMode)
          */
-        inheritWidthFrom: "survey" | "container";
+        inheritWidthFrom?: "survey" | "container";
         /**
          * The width of the header area that contains the survey [title](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title) and [description](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description), measured in pixels.
          *
          * Default value: 512
          */
-        textAreaWidth: number;
+        textAreaWidth?: number;
         /**
          * A Boolean value that specifies whether the header overlaps the survey content.
          *
          * Default value: `false`
          */
-        overlapEnabled: boolean;
+        overlapEnabled?: boolean;
         /**
          * An image to display in the background of the header. Accepts a base64 or URL string value.
          */
-        backgroundImage: string;
+        backgroundImage?: string;
         /**
          * A value from 0 to 1 that specifies how transparent the [background image](#backgroundImage) should be: 0 makes the image completely transparent, and 1 makes it opaque.
          */
-        backgroundImageOpacity: number;
+        backgroundImageOpacity?: number;
         /**
          * A string value that specifies how to resize a [background image](#backgroundImage) to fit it into the header.
          *
@@ -6397,7 +6425,7 @@ declare module "packages/survey-core/src/themes" {
          * - `"tile"`\
          * Tiles as many copies of the image as needed to fill the entire header.
          */
-        backgroundImageFit: "cover" | "fill" | "contain" | "tile";
+        backgroundImageFit?: "cover" | "fill" | "contain" | "tile";
         /**
          * A string value that specifies the logo position within the header in the horizontal direction.
          *
@@ -6409,7 +6437,7 @@ declare module "packages/survey-core/src/themes" {
          *
          * To specify a logo, set `SurveyModel`'s [`logo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#logo) property.
          */
-        logoPositionX: HorizontalAlignment;
+        logoPositionX?: HorizontalAlignment;
         /**
          * A string value that specifies the logo position within the header in the vertical direction.
          *
@@ -6421,7 +6449,7 @@ declare module "packages/survey-core/src/themes" {
          *
          * To specify a logo, set `SurveyModel`'s [`logo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#logo) property.
          */
-        logoPositionY: VerticalAlignment;
+        logoPositionY?: VerticalAlignment;
         /**
          * A string value that specifies the survey title position within the header in the horizontal direction.
          *
@@ -6433,7 +6461,7 @@ declare module "packages/survey-core/src/themes" {
          *
          * To specify a survey title, set `SurveyModel`'s [`title`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title) property.
          */
-        titlePositionX: HorizontalAlignment;
+        titlePositionX?: HorizontalAlignment;
         /**
          * A string value that specifies the survey title position within the header in the vertical direction.
          *
@@ -6445,7 +6473,7 @@ declare module "packages/survey-core/src/themes" {
          *
          * To specify a survey title, set `SurveyModel`'s [`title`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title) property.
          */
-        titlePositionY: VerticalAlignment;
+        titlePositionY?: VerticalAlignment;
         /**
          * A string value that specifies the survey description position within the header in the horizontal direction.
          *
@@ -6457,7 +6485,7 @@ declare module "packages/survey-core/src/themes" {
          *
          * To specify a survey description, set `SurveyModel`'s [`description`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description) property.
          */
-        descriptionPositionX: HorizontalAlignment;
+        descriptionPositionX?: HorizontalAlignment;
         /**
          * A string value that specifies the survey description position within the header in the vertical direction.
          *
@@ -6469,7 +6497,7 @@ declare module "packages/survey-core/src/themes" {
          *
          * To specify a survey description, set `SurveyModel`'s [`description`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description) property.
          */
-        descriptionPositionY: VerticalAlignment;
+        descriptionPositionY?: VerticalAlignment;
     }
 }
 declare module "packages/survey-core/src/question_paneldynamic" {
@@ -8499,7 +8527,7 @@ declare module "packages/survey-core/src/page" {
         scrollToTop(): void;
         /**
          * A time period that a respondent has spent on this page so far; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
-         * @see maxTimeToFinish
+         * @see timeLimit
          */
         timeSpent: number;
         /**
@@ -8512,11 +8540,17 @@ declare module "packages/survey-core/src/page" {
         /**
          * A time period that a respondent has to complete this page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * A negative value or 0 sets an unlimited time period.
+         * Default value: 0 (time is unlimited)
          *
-         * Alternatively, you can use the `SurveyModel`'s [`maxTimeToFinishPage`](https://surveyjs.io/form-library/documentation/surveymodel#maxTimeToFinishPage) property to specify identical time periods for all survey pages.
+         * Alternatively, you can use the `SurveyModel`'s [`timeLimitPerPage`](https://surveyjs.io/form-library/documentation/surveymodel#timeLimitPerPage) property to specify identical time periods for all survey pages.
          * @see timeSpent
          */
+        get timeLimit(): number;
+        set timeLimit(val: number);
+        /**
+         * Obsolete. Use the [`timeLimit`](https://surveyjs.io/form-library/documentation/api-reference/page-model#timeLimit) property instead.
+         * @deprecated
+         */
         get maxTimeToFinish(): number;
         set maxTimeToFinish(val: number);
         getMaxTimeToFinish(): number;
@@ -8566,6 +8600,7 @@ declare module "packages/survey-core/src/surveytimer" {
         private listenerCounter;
         private timerId;
         private prevTimeInMs;
+        onTimerTick: EventBase<SurveyTimer, SurveyTimerEvent>;
         onTimer: EventBase<SurveyTimer, SurveyTimerEvent>;
         start(func?: (timer: SurveyTimer, options: SurveyTimerEvent) => void): void;
         stop(func?: (timer: SurveyTimer, options: SurveyTimerEvent) => any): void;
@@ -8593,7 +8628,7 @@ declare module "packages/survey-core/src/surveyTimerModel" {
         onCurrentPageChanged: EventBase<SurveyModel>;
     }
     export class SurveyTimerModel extends Base {
-        onTimer: (page: PageModel) => void;
+        onTimerTick: (page: PageModel) => void;
         private surveyValue;
         constructor(survey: ISurvey);
         text: string;
@@ -10212,11 +10247,17 @@ declare module "packages/survey-core/src/survey" {
         * An event that is raised every second while the timer is running.
         *
         * Use the [`timeSpent`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeSpent) property to find out how many seconds have elapsed.
-        * @see maxTimeToFinish
-        * @see maxTimeToFinishPage
-        * @see showTimerPanel
+        * @see timeLimit
+        * @see timeLimitPerPage
+        * @see showTimer
+        * @see timerLocation
         * @see startTimer
         */
+        onTimerTick: EventBase<SurveyModel, {}>;
+        /**
+         * Obsolete. Use the [`onTimerTick`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTimerTick) event instead.
+         * @deprecated
+         */
         onTimer: EventBase<SurveyModel, {}>;
         onTimerPanelInfoText: EventBase<SurveyModel, any>;
         /**
@@ -10361,6 +10402,18 @@ declare module "packages/survey-core/src/survey" {
          */
         headerView: "advanced" | "basic";
         protected insertAdvancedHeader(advHeader: Cover): void;
+        /**
+         * Specifies whether the [Complete page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#complete-page) should display the [survey header](https://surveyjs.io/form-library/examples/brand-your-survey-header/).
+         *
+         * Possible values:
+         *
+         * - `true` - Displays the survey header on the Complete page.
+         * - `false` - Hides the header when users reach the Complete page.
+         * - `"auto"` (default) - Displays a header with the basic view, but hides a header with the advanced view (see the [`headerView`](https://surveyjs.io/form-library/documentation/api-reference/itheme#headerView) property description).
+         *
+         * > This property cannot be specified in the survey JSON schema. Use dot notation to specify it.
+         */
+        showHeaderOnCompletePage: true | false | "auto";
         private getNavigationCss;
         private lazyRenderingValue;
         showBrandInfo: boolean;
@@ -12245,39 +12298,60 @@ declare module "packages/survey-core/src/survey" {
         getCorrectedAnswers(): number;
         getInCorrectedAnswers(): number;
         /**
-         * Displays the timer panel and specifies its position. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+         * Obsolete. Use the [`showTimer`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimer) and [`timerLocation`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timerLocation) properties instead.
+         * @deprecated
+         */
+        get showTimerPanel(): string;
+        set showTimerPanel(val: string);
+        /**
+         * Specifies the timer's visibility. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * Possible values:
+         * Default value: `false`
          *
-         * - `"top"` - Displays the timer panel at the top of the survey.
-         * - `"bottom"` - Displays the timer panel at the bottom of the survey.
-         * - `"none"` (default) - Hides the timer panel.
+         * If you set this property to `true`, the timer starts automatically when the survey begins. To specify time limits, use the [`timeLimit`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeLimit) and [`timeLimitPerPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeLimitPerPage) properties.
          *
-         * If the timer panel is displayed, the timer starts automatically when the survey begins. To specify time limits, use the [`maxTimeToFinish`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTimeToFinish) and [`maxTimeToFinishPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTimeToFinishPage) properties.
+         * The timer displays information about time spent on an individual page and the entire survey. If you want to display only the page timer or the survey timer, set the [`timerInfoMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timerInfoMode) property to `"page"` or `"survey"`.
          *
-         * The timer panel displays information about time spent on an individual page and the entire survey. If you want to display only the page timer or the survey timer, set the [`showTimerPanelMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimerPanelMode) property to `"page"` or `"survey"`.
-         * @see startTimer
-         * @see stopTimer
+         * You can enable the timer without displaying it. In this case, you need to specify the required time limits and use the [`startTimer()`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#startTimer) and [`stopTimer()`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#stopTimer) methods to control the timer.
+         * @see timerLocation
          * @see timeSpent
-         * @see onTimer
+         * @see onTimerTick
          */
-        get showTimerPanel(): string;
-        set showTimerPanel(val: string);
+        get showTimer(): boolean;
+        set showTimer(val: boolean);
+        /**
+         * Specifies the timer's position relative to the survey. Applies only if the [`showTimer`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimer) property is set to `true`.
+         *
+         * Possible values:
+         *
+         * - `"top"` (default) - Displays the timer at the top of the survey.
+         * - `"bottom"` - Displays the timer at the bottom of the survey.
+         * @see onTimerTick
+         */
+        get timerLocation(): string;
+        set timerLocation(val: string);
         get isTimerPanelShowingOnTop(): boolean;
         get isTimerPanelShowingOnBottom(): boolean;
         /**
-         * Specifies whether the timer panel displays timers for the current page, the entire survey, or both. Applies only if the timer panel is [visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimerPanel).
+         * Specifies whether the timer panel displays timers for the current page, the entire survey, or both. Applies only if the timer panel is [visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTimer).
          *
          * Possible values:
          *
          * - `"survey"` - Displays only the survey timer.
          * - `"page"` - Displays only the page timer.
-         * - `"all"` (default) - Displays both the survey and page timers.
+         * - `"combined"` (default) - Displays both the survey and page timers.
          * @see timeSpent
-         * @see onTimer
+         * @see onTimerTick
          * @see startTimer
          * @see stopTimer
          */
+        get timerInfoMode(): string;
+        set timerInfoMode(val: string);
+        private getTimerInfoVal;
+        /**
+         * Obsolete. Use the [`timerInfoMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timerInfoMode) property instead.
+         * @deprecated
+         */
         get showTimerPanelMode(): string;
         set showTimerPanelMode(val: string);
         gridLayoutEnabled: boolean;
@@ -12324,20 +12398,20 @@ declare module "packages/survey-core/src/survey" {
         /**
          * Starts a timer that calculates how many seconds a respondent has spent on the survey. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see stopTimer
-         * @see maxTimeToFinish
-         * @see maxTimeToFinishPage
+         * @see timeLimit
+         * @see timeLimitPerPage
          * @see timeSpent
-         * @see onTimer
+         * @see onTimerTick
          */
         startTimer(): void;
         startTimerFromUI(): void;
         /**
          * Stops the timer. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see startTimer
-         * @see maxTimeToFinish
-         * @see maxTimeToFinishPage
+         * @see timeLimit
+         * @see timeLimitPerPage
          * @see timeSpent
-         * @see onTimer
+         * @see onTimerTick
          */
         stopTimer(): void;
         /**
@@ -12346,8 +12420,8 @@ declare module "packages/survey-core/src/survey" {
          * Assign a number to this property if you need to start the quiz timer from a specific time (for instance, if you want to continue an interrupted quiz).
          *
          * You can also find out how many seconds a respondent has spent on an individual survey page. To do this, use the [`timeSpent`](https://surveyjs.io/form-library/documentation/api-reference/page-model#timeSpent) property of a [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model) object.
-         * @see maxTimeToFinish
-         * @see maxTimeToFinishPage
+         * @see timeLimit
+         * @see timeLimitPerPage
          * @see startTimer
          */
         get timeSpent(): number;
@@ -12355,27 +12429,39 @@ declare module "packages/survey-core/src/survey" {
         /**
          * A time period that a respondent has to complete the survey; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * A negative value or 0 sets an unlimited time period.
+         * Default value: 0 (time is unlimited)
          *
          * [View Demo](https://surveyjs.io/form-library/examples/make-quiz-javascript/ (linkStyle))
-         * @see maxTimeToFinishPage
+         * @see timeLimitPerPage
          * @see startTimer
          * @see timeSpent
          */
+        get timeLimit(): number;
+        set timeLimit(val: number);
+        /**
+         * Obsolete. Use the [`timeLimit`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeLimit) property instead.
+         * @deprecated
+         */
         get maxTimeToFinish(): number;
         set maxTimeToFinish(val: number);
         /**
          * A time period that a respondent has to complete each survey page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          *
-         * A negative value or 0 sets an unlimited time period.
+         * Default value: 0 (time is unlimited)
          *
-         * You can also use `PageModel`'s [`maxTimeToFinish`](https://surveyjs.io/form-library/documentation/api-reference/page-model#maxTimeToFinish) property to specify a time period for an individual survey page.
+         * You can also use `PageModel`'s [`timeLimit`](https://surveyjs.io/form-library/documentation/api-reference/page-model#timeLimit) property to specify a time period for an individual survey page.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/make-quiz-javascript/ (linkStyle))
-         * @see maxTimeToFinish
+         * @see timeLimit
          * @see startTimer
          * @see timeSpent
          */
+        get timeLimitPerPage(): number;
+        set timeLimitPerPage(val: number);
+        /**
+         * Obsolete. Use the [`timeLimitPerPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#timeLimitPerPage) property instead.
+         * @deprecated
+         */
         get maxTimeToFinishPage(): number;
         set maxTimeToFinishPage(val: number);
         private doTimer;
@@ -12471,7 +12557,7 @@ declare module "packages/survey-core/src/survey" {
     }
 }
 declare module "packages/survey-core/src/survey-element" {
-    import { Base } from "packages/survey-core/src/base";
+    import { Base, EventBase } from "packages/survey-core/src/base";
     import { IAction } from "packages/survey-core/src/actions/action";
     import { AdaptiveActionContainer } from "packages/survey-core/src/actions/adaptive-container";
     import { ISurveyElement, IPage, IPanel, IProgressInfo, ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, ITitleOwner } from "packages/survey-core/src/base-interfaces";
@@ -12577,6 +12663,8 @@ declare module "packages/survey-core/src/survey-element" {
         dragTypeOverMe: DragTypeOverMeEnum;
         isDragMe: boolean;
         readOnlyChangedCallback: () => void;
+        private static IsNeedScrollIntoView;
+        static ScrollIntoView(el: HTMLElement, scrollIntoViewOptions?: ScrollIntoViewOptions, doneCallback?: () => void): void;
         static ScrollElementToTop(elementId: string, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions, doneCallback?: () => void): boolean;
         static ScrollElementToViewCore(el: HTMLElement, checkLeft: boolean, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions, doneCallback?: () => void): boolean;
         static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
@@ -12902,6 +12990,19 @@ declare module "packages/survey-core/src/survey-element" {
         set renderedIsExpanded(val: boolean);
         get renderedIsExpanded(): boolean;
         protected getIsAnimationAllowed(): boolean;
+        onAfterRenderElement: EventBase<SurveyElement<E>, any>;
+        afterRenderCore(element: HTMLElement): void;
+        dispose(): void;
+    }
+    export class RenderingCompletedAwaiter {
+        private _elements;
+        private _renderedHandler;
+        constructor(_elements: Array<SurveyElement>, _renderedHandler: () => void, waitingTimeout?: number);
+        private _elementsToRenderCount;
+        private _elementsToRenderTimer;
+        private _elementRenderedHandler;
+        private stopWaitingForElementsRendering;
+        private visibleElementsRendered;
         dispose(): void;
     }
 }
@@ -13345,7 +13446,7 @@ declare module "packages/survey-core/src/question" {
         onCommentChange(event: any): void;
         afterRenderQuestionElement(el: HTMLElement): void;
         afterRender(el: HTMLElement): void;
-        afterRenderCore(el: HTMLElement): void;
+        afterRenderCore(element: HTMLElement): void;
         protected getCommentElementsId(): Array<string>;
         beforeDestroyQuestionElement(el: HTMLElement): void;
         get processedTitle(): string;
@@ -14806,7 +14907,7 @@ declare module "packages/survey-core/src/base-interfaces" {
         maxTextLength: number;
         maxOthersLength: number;
         clearValueOnDisableItems: boolean;
-        maxTimeToFinishPage: number;
+        timeLimitPerPage: number;
         uploadFiles(question: IQuestion, name: string, files: File[], uploadingCallback: (data: any | Array<any>, errors?: any | Array<any>) => any): any;
         downloadFile(question: IQuestion, name: string, content: string, callback: (status: string, data: any) => any): any;
         clearFiles(question: IQuestion, name: string, value: any, fileName: string, clearCallback: (status: string, data: any) => any): any;
@@ -15849,25 +15950,14 @@ declare module "packages/survey-core/src/base" {
         private animationAllowedLock;
         blockAnimations(): void;
         releaseAnimations(): void;
-        supportOnElementRenderedEvent: boolean;
-        onElementRenderedEventEnabled: boolean;
-        enableOnElementRenderedEvent(): void;
-        disableOnElementRenderedEvent(): void;
+        supportOnElementRerenderedEvent: boolean;
+        onElementRerenderedEventEnabled: boolean;
+        enableOnElementRerenderedEvent(): void;
+        disableOnElementRerenderedEvent(): void;
         protected _onElementRerendered: EventBase<Base>;
         get onElementRerendered(): EventBase<Base>;
         afterRerender(): void;
     }
-    export class RenderingCompletedAwaiter {
-        private _elements;
-        private _renderedHandler;
-        constructor(_elements: Array<Base>, _renderedHandler: () => void, waitingTimeout?: number);
-        private _elementsToRenderCount;
-        private _elementsToRenderTimer;
-        private _elementRenderedHandler;
-        private stopWaitingForElementsRendering;
-        private visibleElementsRendered;
-        dispose(): void;
-    }
     export class ArrayChanges<T = any> {
         index: number;
         deleteCount: number;
@@ -18013,13 +18103,10 @@ declare module "packages/survey-core/src/question_comment" {
         get resizeStyle(): "none" | "both";
         getType(): string;
         afterRenderQuestionElement(el: HTMLElement): void;
-        updateElement(): void;
         beforeDestroyQuestionElement(el: HTMLElement): void;
         onInput(event: any): void;
         protected onBlurCore(event: any): void;
         onKeyDown(event: any): void;
-        protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
-        onValueChanged(): void;
         protected setNewValue(newValue: string): any;
         protected getValueSeparator(): string;
         get className(): string;
@@ -19159,7 +19246,7 @@ declare module "packages/survey-core/entries/chunks/model" {
     export { QuestionCommentModel } from "packages/survey-core/src/question_comment";
     export { QuestionDropdownModel } from "packages/survey-core/src/question_dropdown";
     export { QuestionFactory, ElementFactory } from "packages/survey-core/src/questionfactory";
-    export { QuestionFileModel } from "packages/survey-core/src/question_file";
+    export { QuestionFileModel, QuestionFilePage } from "packages/survey-core/src/question_file";
     export { QuestionHtmlModel } from "packages/survey-core/src/question_html";
     export { QuestionRadiogroupModel } from "packages/survey-core/src/question_radiogroup";
     export { QuestionRatingModel, RenderedRatingItem } from "packages/survey-core/src/question_rating";
@@ -27925,6 +28012,32 @@ declare module "packages/survey-react-ui/src/reactquestion_file" {
         protected renderVideo(): JSX.Element;
     }
 }
+declare module "packages/survey-react-ui/src/components/file/file-item" {
+    import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
+    import { QuestionFileModel } from "src/entries/core";
+    export class SurveyFileItem extends SurveyElementBase<{
+        question: QuestionFileModel;
+        item: any;
+    }, {}> {
+        protected get question(): QuestionFileModel;
+        protected get item(): any;
+        protected renderFileSign(className: string, val: any): JSX.Element | null;
+        protected renderElement(): JSX.Element | null;
+        protected canRender(): boolean;
+    }
+}
+declare module "packages/survey-react-ui/src/components/file/file-page" {
+    import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
+    import { QuestionFileModel, QuestionFilePage } from "src/entries/core";
+    export class SurveyFilePage extends SurveyElementBase<{
+        question: QuestionFileModel;
+        page: QuestionFilePage;
+    }, {}> {
+        protected get question(): QuestionFileModel;
+        protected get page(): any;
+        protected renderElement(): JSX.Element | null;
+    }
+}
 declare module "packages/survey-react-ui/src/components/file/file-preview" {
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionFileModel } from "src/entries/core";