survey-react 1.11.12 → 1.11.13

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.12
+ * surveyjs - Survey JavaScript library v1.11.13
  * 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.11.12
+ * surveyjs - Survey JavaScript library v1.11.13
  * 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.11.12",
+  "version": "1.11.13",
   "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.11.12
+ * surveyjs - Survey JavaScript library v1.11.13
  * 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.11.12
+ * surveyjs - Survey JavaScript library v1.11.13
  * 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

@@ -193,14 +193,21 @@ declare module "packages/survey-core/src/surveyStrings" {
         localeNames: {
             [index: string]: any;
         };
+        localeNamesInEnglish: {
+            [index: string]: any;
+        };
         localeDirections: {
             [index: string]: any;
         };
         supportedLocales: any[];
+        useEnglishNames: boolean;
+        showNamesInEnglish: boolean;
+        setupLocale(loc: string, strings: any, name: string, nameInEngish: string, direction?: string): void;
         currentLocale: string;
         defaultLocale: string;
         getLocaleStrings(loc: string): any;
         getString: (strName: string, locale?: string) => any;
+        getLocaleName(loc: string, inEnglish?: boolean): string;
         getLocales: (removeDefaultLoc?: boolean) => Array<string>;
         onGetExternalString: (name: string, locale: string) => string;
     };
@@ -364,6 +371,11 @@ declare module "packages/survey-core/src/functionsfactory" {
 declare module "packages/survey-core/src/expressions/expressions" {
     import { HashTable } from "packages/survey-core/src/helpers";
     import { ProcessValue } from "packages/survey-core/src/conditionProcessValue";
+    export interface AsyncFunctionItem {
+        operand?: FunctionOperand;
+        parent?: AsyncFunctionItem;
+        children?: Array<AsyncFunctionItem>;
+    }
     export abstract class Operand {
         toString(func?: (op: Operand) => string): string;
         abstract getType(): string;
@@ -371,7 +383,7 @@ declare module "packages/survey-core/src/expressions/expressions" {
         abstract setVariables(variables: Array<string>): any;
         hasFunction(): boolean;
         hasAsyncFunction(): boolean;
-        addToAsyncList(list: Array<FunctionOperand>): void;
+        addToAsyncList(list: Array<AsyncFunctionItem>): void;
         isEqual(op: Operand): boolean;
         protected abstract isContentEqual(op: Operand): boolean;
         protected areOperatorsEquals(op1: Operand, op2: Operand): boolean;
@@ -399,7 +411,7 @@ declare module "packages/survey-core/src/expressions/expressions" {
         setVariables(variables: Array<string>): void;
         hasFunction(): boolean;
         hasAsyncFunction(): boolean;
-        addToAsyncList(list: Array<FunctionOperand>): void;
+        addToAsyncList(list: Array<AsyncFunctionItem>): void;
     }
     export class UnaryOperand extends Operand {
         private expressionValue;
@@ -413,7 +425,7 @@ declare module "packages/survey-core/src/expressions/expressions" {
         protected isContentEqual(op: Operand): boolean;
         hasFunction(): boolean;
         hasAsyncFunction(): boolean;
-        addToAsyncList(list: Array<FunctionOperand>): void;
+        addToAsyncList(list: Array<AsyncFunctionItem>): void;
         evaluate(processValue?: ProcessValue): boolean;
         setVariables(variables: Array<string>): void;
     }
@@ -426,7 +438,7 @@ declare module "packages/survey-core/src/expressions/expressions" {
         setVariables(variables: Array<string>): void;
         hasFunction(): boolean;
         hasAsyncFunction(): boolean;
-        addToAsyncList(list: Array<FunctionOperand>): void;
+        addToAsyncList(list: Array<AsyncFunctionItem>): void;
         protected isContentEqual(op: Operand): boolean;
     }
     export class Const extends Operand {
@@ -474,7 +486,8 @@ declare module "packages/survey-core/src/expressions/expressions" {
         get isReady(): boolean;
         hasFunction(): boolean;
         hasAsyncFunction(): boolean;
-        addToAsyncList(list: Array<FunctionOperand>): void;
+        private isAsyncFunction;
+        addToAsyncList(list: Array<AsyncFunctionItem>): void;
         protected isContentEqual(op: Operand): boolean;
     }
     export class OperandMaker {
@@ -620,7 +633,11 @@ declare module "packages/survey-core/src/conditions" {
         get isAsync(): boolean;
         canRun(): boolean;
         run(values: HashTable<any>, properties?: HashTable<any>): any;
+        private runAsyncItem;
+        private runAsyncItemCore;
         private doAsyncFunctionReady;
+        private isAsyncFuncReady;
+        private isAsyncChildrenReady;
         private runValues;
     }
     export class ExpressionRunnerBase {
@@ -3832,12 +3849,12 @@ declare module "packages/survey-core/src/utils/camera" {
             width?: number;
             height?: number;
         }): MediaStreamConstraints;
-        startVideo(videoElementId: string, callback: (stream: MediaStream) => void, imageWidth?: number, imageHeight?: number): void;
+        startVideo(videoElement: HTMLVideoElement, callback: (stream: MediaStream) => void, imageWidth?: number, imageHeight?: number): void;
         getImageSize(videoEl: HTMLVideoElement): {
             width: number;
             height: number;
         };
-        snap(videoElementId: string, callback: BlobCallback): boolean;
+        snap(videoElement: HTMLVideoElement, callback: BlobCallback): boolean;
         private canFlipValue;
         private updateCanFlipValue;
         private onCanFlipChangedCallback?;
@@ -3946,6 +3963,7 @@ declare module "packages/survey-core/src/question_file" {
         get hasFileUI(): boolean;
         private videoStream;
         startVideo(): void;
+        private get videoHtmlElement();
         private startVideoInCamera;
         stopVideo(): void;
         snapPicture(): void;
@@ -4526,9 +4544,6 @@ declare module "packages/survey-core/src/question_baseselect" {
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
         protected hasUnknownValueItem(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
         protected isValueDisabled(val: any): boolean;
-        /**
-         * If the clearIncorrectValuesCallback is set, it is used to clear incorrect values instead of default behaviour.
-         */
         clearIncorrectValuesCallback: () => void;
         /**
          * Configures access to a RESTful service that returns choice items. Refer to the [`ChoicesRestful`](https://surveyjs.io/form-library/documentation/choicesrestful) class description for more information. You can also specify additional application-wide settings using the [`settings.web`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) object.
@@ -5670,6 +5685,7 @@ declare module "packages/survey-core/src/question_matrixdropdownrendered" {
         set className(val: string);
         get className(): string;
         get cellQuestionWrapperClassName(): string;
+        get isVisible(): boolean;
         get showResponsiveTitle(): boolean;
         get responsiveTitleCss(): string;
         get responsiveLocTitle(): LocalizableString;
@@ -6415,7 +6431,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         set templateTitle(newValue: string);
         get locTemplateTitle(): LocalizableString;
         /**
-         * A template for tab titles. Applies when [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`.
+         * A template for tab titles. Applies when [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#displayMode) is `"tab"`.
          *
          * The template can contain the following placeholders:
          *
@@ -6427,7 +6443,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
          * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
          * @see tabTitlePlaceholder
-         * @see renderMode
+         * @see displayMode
          */
         get templateTabTitle(): string;
         set templateTabTitle(newValue: string);
@@ -6485,22 +6501,22 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         /**
          * A zero-based index of the currently displayed panel.
          *
-         * When `renderMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains -1.
+         * When `displayMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains -1.
          * @see currentPanel
          * @see panels
          * @see panelCount
-         * @see renderMode
+         * @see displayMode
          */
         get currentIndex(): number;
         set currentIndex(val: number);
         /**
          * A `PanelModel` object that is the currently displayed panel.
          *
-         * When `renderMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains `null`.
+         * When `displayMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains `null`.
          * @see currentIndex
          * @see panels
          * @see panelCount
-         * @see renderMode
+         * @see displayMode
          */
         get currentPanel(): PanelModel;
         set currentPanel(val: PanelModel);
@@ -6545,16 +6561,16 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         set keyDuplicationError(val: string);
         get locKeyDuplicationError(): LocalizableString;
         /**
-         * A caption for the Previous button. Applies only if `renderMode` is different from `"list"`.
-         * @see renderMode
+         * A caption for the Previous button. Applies only if `displayMode` is different from `"list"`.
+         * @see displayMode
          * @see isPrevButtonVisible
          */
         get panelPrevText(): string;
         set panelPrevText(val: string);
         get locPanelPrevText(): LocalizableString;
         /**
-         * A caption for the Next button. Applies only if `renderMode` is different from `"list"`.
-         * @see renderMode
+         * A caption for the Next button. Applies only if `displayMode` is different from `"list"`.
+         * @see displayMode
          * @see isNextButtonVisible
          */
         get panelNextText(): string;
@@ -6573,13 +6589,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         get panelRemoveText(): string;
         set panelRemoveText(val: string);
         get locPanelRemoveText(): LocalizableString;
-        /**
-         * Returns true when the renderMode equals to "progressTop" or "progressTopBottom"
-         */
         get isProgressTopShowing(): boolean;
-        /**
-         * Returns true when the renderMode equals to "progressBottom" or "progressTopBottom"
-         */
         get isProgressBottomShowing(): boolean;
         /**
          * Indicates whether the Previous button is visible.
@@ -6597,9 +6607,6 @@ declare module "packages/survey-core/src/question_paneldynamic" {
          */
         get isNextButtonVisible(): boolean;
         get isNextButtonShowing(): boolean;
-        /**
-         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and visiblePanelCount is >= 2.
-         */
         get isRangeShowing(): boolean;
         getElementsInDesign(includeHidden?: boolean): Array<IElement>;
         private isAddingNewPanels;
@@ -6624,7 +6631,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
          */
         get visiblePanelCount(): number;
         /**
-         * Specifies whether users can expand and collapse panels. Applies if `renderMode` is `"list"` and the `templateTitle` property is specified.
+         * Specifies whether users can expand and collapse panels. Applies if `displayMode` is `"list"` and the `templateTitle` property is specified.
          *
          * Possible values:
          *
@@ -6632,7 +6639,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
          * - `"expanded"` - All panels are displayed in full and can be collapsed in the UI.
          * - `"collapsed"` - All panels display only their titles and descriptions and can be expanded in the UI.
          * - `"firstExpanded"` - Only the first panel is displayed in full; other panels are collapsed and can be expanded in the UI.
-         * @see renderMode
+         * @see displayMode
          * @see templateTitle
          */
         get panelsState(): string;
@@ -6735,25 +6742,47 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         get panelRemoveButtonLocation(): string;
         set panelRemoveButtonLocation(val: string);
         /**
-         * Shows the range from 1 to panelCount when renderMode doesn't equal to "list". Set to false to hide this element.
-         * @see panelCount
-         * @see renderMode
+         * Obsolete. Use the [`showProgressBar`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#showProgressBar) property instead.
+         * @deprecated
          */
         get showRangeInProgress(): boolean;
         set showRangeInProgress(val: boolean);
         /**
-         * Specifies how to render panels.
+         * Obsolete. Use the [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#displayMode) property instead.
+         * @deprecated
+         */
+        get renderMode(): string;
+        set renderMode(val: string);
+        private updatePanelView;
+        /**
+         * Specifies how to display panels.
          *
          * Possible values:
          *
-         * - `"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. [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/)
+         * - `"list"` (default) - Displays panels one under the other. [View Demo](https://surveyjs.io/form-library/examples/duplicate-group-of-fields-in-form/)
+         * - `"carousel"` - Displays panels in a carousel. Users can switch between panels using navigation buttons.
+         * - `"tab"` - Displays 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](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/)
+         * @see showProgressBar
+         * @see progressBarLocation
          */
-        get renderMode(): string;
-        set renderMode(val: string);
+        displayMode: "list" | "carousel" | "tab";
+        /**
+         * Specifies whether to display the progress bar. Applies only if [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#displayMode) is `"carousel"`.
+         *
+         * Default value: `true`
+         * @see progressBarLocation
+         */
+        showProgressBar: true | false;
+        /**
+         * Specifies the alignment of the [progress bar](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#showProgressBar) relative to the currently displayed panel. Applies only if [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#displayMode) is `"carousel"`.
+         *
+         * Possible values:
+         *
+         * - `"top"` (default) - Displays the progress bar at the top of the current panel.
+         * - `"bottom"` - Displays the progress bar at the bottom of the current panel.
+         * - `"topBottom"` - Displays the progress bar at the top and bottom of the current panel.
+         */
+        progressBarLocation: "top" | "bottom" | "topBottom";
         get tabAlign(): "center" | "left" | "right";
         set tabAlign(val: "center" | "left" | "right");
         get isRenderModeList(): boolean;
@@ -6815,7 +6844,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         private isRowEmpty;
         /**
          * Add a new dynamic panel based on the template Panel. It checks if canAddPanel returns true and then calls addPanel method.
-         * If a renderMode is different from "list" and the current panel has erros, then
+         * If a displayMode is different from "list" and the current panel has erros, then
          * @see template
          * @see panelCount
          * @see panels
@@ -6826,7 +6855,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         private focusNewPanel;
         /**
          * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
-         * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
+         * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `displayMode` value.
          * @see panelCount
          * @see panels
          * @see allowAddPanel
@@ -6848,8 +6877,8 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         removePanelUI(value: any): void;
         isRequireConfirmOnDelete(val: any): boolean;
         /**
-         * Switches Dynamic Panel to the next panel. Returns `true` in case of success, or `false` if `renderMode` is `"list"` or the current panel contains validation errors.
-         * @see renderMode
+         * Switches Dynamic Panel to the next panel. Returns `true` in case of success, or `false` if `displayMode` is `"list"` or the current panel contains validation errors.
+         * @see displayMode
          */
         goToNextPanel(): boolean;
         /**
@@ -8682,6 +8711,15 @@ declare module "packages/survey-core/src/question_text" {
          * @see maskSettings
          */
         maskType: string;
+        /**
+         * Specifies text alignment within the input field.
+         *
+         * Possible values:
+         *
+         * - `"left"` - Aligns input text to the left side.
+         * - `"right"` - Aligns input text to the right side.
+         * - `"auto"` (default) - Applies right alignment if a [numeric or currency input mask](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType) is specified. Otherwise, applies left alignment.
+         */
         inputTextAlignment: "left" | "right" | "auto";
         get maskTypeIsEmpty(): boolean;
         /**
@@ -9002,6 +9040,15 @@ declare module "packages/survey-core/src/question_multipletext" {
          */
         get maskSettings(): InputMaskBase;
         set maskSettings(val: InputMaskBase);
+        /**
+         * Specifies text alignment within the input field.
+         *
+         * Possible values:
+         *
+         * - `"left"` - Aligns input text to the left side.
+         * - `"right"` - Aligns input text to the right side.
+         * - `"auto"` (default) - Applies right alignment if a [numeric or currency input mask](https://surveyjs.io/form-library/documentation/api-reference/multipletextitemmodel#maskType) is specified. Otherwise, applies left alignment.
+         */
         get inputTextAlignment(): "left" | "right" | "auto";
         set inputTextAlignment(val: "left" | "right" | "auto");
         /**
@@ -26974,6 +27021,7 @@ declare module "packages/survey-react-ui/src/reactquestion" {
         constructor(props: any);
         private get question();
         private update;
+        protected getQuestionPropertiesToTrack(): string[];
         private registerCallback;
         private unRegisterCallback;
         componentDidUpdate(prevProps: Readonly<any>): void;
@@ -27767,6 +27815,7 @@ declare module "packages/survey-react-ui/src/reactquestion_matrixdropdownbase" {
         protected getShowErrors(): boolean;
         protected getCellStyle(): any;
         protected getHeaderText(): string;
+        protected renderElement(): JSX.Element | null;
         protected renderCellContent(): JSX.Element;
         protected renderQuestion(): JSX.Element;
         private renderOtherComment;