survey-react 1.9.119 → 1.9.120

package/survey.min.css

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

package/survey.react.d.ts

@@ -2307,6 +2307,7 @@ declare module "defaultCss/defaultV2Css" {
             backgroundImage: string;
             clearButton: string;
             clearButtonIconId: string;
+            loadingIndicator: string;
         };
         saveData: {
             root: string;
@@ -3755,14 +3756,10 @@ declare module "question_file" {
     import { Action } from "actions/action";
     import { Camera } from "utils/camera";
     import { LocalizableString } from "localizablestring";
-    /**
-     * A class that describes the File Upload question type.
-     *
-     * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
-     */
-    export class QuestionFileModel extends Question {
+    export function dataUrl2File(dataUrl: string, fileName: string, type: string): File;
+    export class QuestionFileModelBase extends Question {
         isUploading: boolean;
-        isDragging: boolean;
+        currentState: string;
         /**
          * An event that is raised after the upload state has changed.
          *
@@ -3773,10 +3770,37 @@ declare module "question_file" {
          * - `options.state`: `string`\
          * The current upload state: `"empty"`, `"loading"`, `"loaded"`, or `"error"`.
          */
-        onUploadStateChanged: EventBase<QuestionFileModel>;
-        onStateChanged: EventBase<QuestionFileModel>;
+        onUploadStateChanged: EventBase<QuestionFileModelBase>;
+        onStateChanged: EventBase<QuestionFileModelBase>;
+        protected stateChanged(state: string): void;
+        get showLoadingIndicator(): boolean;
+        /**
+         * Specifies whether to store file or signature content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
+         *
+         * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
+         */
+        get storeDataAsText(): boolean;
+        set storeDataAsText(val: boolean);
+        /**
+           * Enable this property if you want to wait until files are uploaded to complete the survey.
+           *
+           * Default value: `false`
+           */
+        get waitForUpload(): boolean;
+        set waitForUpload(val: boolean);
+        clearValue(): void;
+        clearOnDeletingContainer(): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected uploadFiles(files: File[]): void;
+    }
+    /**
+     * A class that describes the File Upload question type.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
+     */
+    export class QuestionFileModel extends QuestionFileModelBase {
+        isDragging: boolean;
         previewValue: any[];
-        currentState: string;
         indexToShow: number;
         pageSize: number;
         containsMultiplyFiles: boolean;
@@ -3829,8 +3853,6 @@ declare module "question_file" {
         private previewValueChanged;
         isPreviewVisible(index: number): boolean;
         getType(): string;
-        clearValue(): void;
-        clearOnDeletingContainer(): void;
         /**
          * Disable this property only to implement a custom preview.
          *
@@ -3861,20 +3883,6 @@ declare module "question_file" {
          */
         get acceptedTypes(): string;
         set acceptedTypes(val: string);
-        /**
-         * Specifies whether to store file content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
-         *
-         * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
-         */
-        get storeDataAsText(): boolean;
-        set storeDataAsText(val: boolean);
-        /**
-         * Enable this property if you want to wait until files are uploaded to complete the survey.
-         *
-         * Default value: `false`
-         */
-        get waitForUpload(): boolean;
-        set waitForUpload(val: boolean);
         /**
          * Specifies whether to show a preview of image files.
          */
@@ -3939,7 +3947,6 @@ declare module "question_file" {
         get multipleRendered(): string;
         get showChooseButton(): boolean;
         get showFileDecorator(): boolean;
-        get showLoadingIndicator(): boolean;
         get allowShowPreview(): boolean;
         get showPreviewContainer(): boolean;
         get showRemoveButtonCore(): boolean;
@@ -3951,6 +3958,7 @@ declare module "question_file" {
          */
         removeFile(name: string): void;
         protected removeFileByContent(content: any): void;
+        protected setValueFromResult(arg: any): void;
         /**
          * Loads multiple files into the question.
          * @param files An array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects.
@@ -3964,8 +3972,6 @@ declare module "question_file" {
         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;
@@ -4551,7 +4557,7 @@ declare module "question_baseselect" {
         getStoreOthersAsComment(): boolean;
         onSurveyLoad(): void;
         onAnyValueChanged(name: string, questionName: string): void;
-        updateValueFromSurvey(newValue: any): void;
+        updateValueFromSurvey(newValue: any, clearData: boolean): void;
         protected getCommentFromValue(newValue: any): string;
         protected setOtherValueIntoValue(newValue: any): any;
         onOtherValueInput(event: any): void;
@@ -4875,7 +4881,7 @@ declare module "question_expression" {
         get formatedValue(): string;
         protected updateFormatedValue(): void;
         protected onValueChanged(): void;
-        updateValueFromSurvey(newValue: any): void;
+        updateValueFromSurvey(newValue: any, clearData: boolean): void;
         protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         /**
          * Specifies a display style for the question value.
@@ -6479,6 +6485,146 @@ declare module "question_paneldynamic" {
         protected calcCssClasses(css: any): any;
     }
 }
+declare module "question_signaturepad" {
+    import { ITheme } from "themes";
+    import { QuestionFileModelBase } from "question_file";
+    /**
+     * A class that describes the Signature question type.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/signature-pad-widget-javascript/ (linkStyle))
+     */
+    export class QuestionSignaturePadModel extends QuestionFileModelBase {
+        isDrawingValue: boolean;
+        isReadyForUpload: boolean;
+        private getPenColorFromTheme;
+        private updateColors;
+        protected getCssRoot(cssClasses: any): string;
+        protected getFormat(): "" | "image/svg+xml" | "image/jpeg";
+        protected updateValue(): void;
+        constructor(name: string);
+        getType(): string;
+        afterRenderQuestionElement(el: HTMLElement): void;
+        beforeDestroyQuestionElement(el: HTMLElement): void;
+        themeChanged(theme: ITheme): void;
+        private canvas;
+        private element;
+        private scale;
+        private valueIsUpdatingInternally;
+        valueWasChangedFromLastUpload: boolean;
+        private resizeCanvas;
+        private scaleCanvas;
+        private fromDataUrl;
+        private fromUrl;
+        private refreshCanvas;
+        private updateValueHandler;
+        initSignaturePad(el: HTMLElement): void;
+        destroySignaturePad(el: HTMLElement): void;
+        /**
+         * Specifies the format in which to store the signature image.
+         *
+         * Possible values:
+         *
+         * - `"png"` (default)
+         * - `"jpeg"`
+         * - `"svg"`
+         */
+        get dataFormat(): string;
+        set dataFormat(val: string);
+        /**
+         * Specifies the width of the signature area. Accepts positive integer numbers.
+         */
+        get signatureWidth(): number;
+        set signatureWidth(val: number);
+        /**
+         * Specifies the height of the signature area. Accepts positive integer numbers.
+         */
+        get signatureHeight(): number;
+        set signatureHeight(val: number);
+        /**
+         * Specifies whether the signature area should be scaled to fit into the question width.
+         *
+         * Default value: `false`
+         *
+         * This property auto-scales the signature area to fill all available width within the question box while maintaining the default 3:2 aspect ratio. If you set [custom width](#signatureWidth) and [height](#signatureHeight) values, the setting will keep the aspect ratio of these dimensions.
+         *
+         * > The signature area is scaled only for display. The image saved in survey results will have dimensions specified by the [`signatureHeight`](#signatureHeight) and [`signatureWidth`](#signatureWidth) properties.
+         */
+        signatureAutoScaleEnabled: boolean;
+        /**
+         * Speicifies the minimum width of pen strokes, measured in pixels.
+         *
+         * Default value: 0.5
+         */
+        penMinWidth: number;
+        /**
+         * Speicifies the maximum width of pen strokes, measured in pixels.
+         *
+         * Default value: 2.5
+         */
+        penMaxWidth: number;
+        private get containerHeight();
+        private get containerWidth();
+        get renderedCanvasWidth(): string;
+        get height(): number;
+        set height(val: number);
+        /**
+         * Specifies whether to display a button that clears the signature area.
+         *
+         * Default value: `true`
+         */
+        get allowClear(): boolean;
+        set allowClear(val: boolean);
+        get canShowClearButton(): boolean;
+        /**
+         * Specifies a color for the pen.
+         *
+         * This property accepts color values in the following formats:
+         *
+         * - Hexadecimal colors (`"#FF0000"`)
+         * - RGB colors (`"rgb(255,0,0)"`)
+         * - Color names (`"red"`)
+         * @see backgroundColor
+         */
+        get penColor(): string;
+        set penColor(val: string);
+        /**
+         * Specifies a color for the signature area background. Ignored if [`backgroundImage`](#backgroundImage) is set.
+         *
+         * This property accepts color values in the following formats:
+         *
+         * - Hexadecimal colors (`"#FF0000"`)
+         * - RGB colors (`"rgb(255,0,0)"`)
+         * - Color names (`"red"`)
+         * @see penColor
+         */
+        get backgroundColor(): string;
+        set backgroundColor(val: string);
+        /**
+         * An image to display in the background of the signature area. Accepts a base64 or URL string value.
+         * @see backgroundColor
+         */
+        get backgroundImage(): string;
+        set backgroundImage(val: string);
+        get clearButtonCaption(): string;
+        /**
+         * A Boolean value that specifies whether to show the [placeholder](#placeholder).
+         *
+         * Default value: `true`
+         */
+        showPlaceholder: boolean;
+        nothingIsDrawn(): boolean;
+        needShowPlaceholder(): boolean;
+        /**
+         * A placeholder for the signature area. Applies when the [`showPlaceholder`](#showPlaceholder) property is `true`.
+         */
+        placeholder: string;
+        onBlur: (event: any) => void;
+        protected uploadResultItemToValue(r: any): any;
+        protected setValueFromResult(arg: any): void;
+        clearValue(): void;
+        endLoadingFromJson(): void;
+    }
+}
 declare module "survey-events-api" {
     import { IAction } from "actions/action";
     import { Base } from "base";
@@ -6493,6 +6639,7 @@ declare module "survey-events-api" {
     import { MatrixDropdownColumn } from "question_matrixdropdowncolumn";
     import { QuestionMatrixDynamicModel } from "question_matrixdynamic";
     import { QuestionPanelDynamicModel } from "question_paneldynamic";
+    import { QuestionSignaturePadModel } from "question_signaturepad";
     import { SurveyModel } from "survey";
     import { SurveyError } from "survey-error";
     import { Trigger } from "trigger";
@@ -6504,9 +6651,9 @@ declare module "survey-events-api" {
     }
     export interface FileQuestionEventMixin {
         /**
-         * A File Upload question instance for which the event is raised.
+         * A File Upload or Signature Pad question instance for which the event is raised.
          */
-        question: QuestionFileModel;
+        question: QuestionFileModel | QuestionSignaturePadModel;
     }
     export interface PanelDynamicQuestionEventMixin {
         /**
@@ -8382,6 +8529,23 @@ declare module "header" {
         processResponsiveness(width: number): void;
     }
 }
+declare module "surveyTaskManager" {
+    import { Base } from "base";
+    class SurveyTaskModel {
+        type: string;
+        private timestamp;
+        constructor(type: string);
+    }
+    export class SurveyTaskManagerModel extends Base {
+        private taskList;
+        constructor();
+        private onAllTasksCompleted;
+        hasActiveTasks: boolean;
+        runTask(type: string, func: (done: any) => void): SurveyTaskModel;
+        waitAndExecute(action: any): void;
+        private taskFinished;
+    }
+}
 declare module "survey" {
     import { JsonError } from "jsonobject";
     import { Base, EventBase } from "base";
@@ -8411,6 +8575,7 @@ declare module "survey" {
     import { ITheme, ImageFit, ImageAttachment } from "themes";
     import { PopupModel } from "popup";
     import { Cover } from "header";
+    import { QuestionSignaturePadModel } from "question_signaturepad";
     /**
      * The `SurveyModel` object contains properties and methods that allow you to control the survey and access its elements.
      *
@@ -8705,6 +8870,8 @@ declare module "survey" {
          * For information on event handler parameters, refer to descriptions within the interface.
          *
          * If you want to specify heading levels for all titles, use the [`titleTags`](https://surveyjs.io/form-library/documentation/api-reference/settings#titleTags) object in [global settings](https://surveyjs.io/form-library/documentation/api-reference/settings).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/survey-titletagnames/ (linkStyle))
          * @see onGetQuestionTitle
          * @see onGetQuestionNo
          */
@@ -8744,7 +8911,7 @@ declare module "survey" {
          */
         onGetResult: EventBase<SurveyModel, GetResultEvent>;
         /**
-         * An event that is raised when a File Upload question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
+         * An event that is raised when a File Upload or Signature Pad question starts to upload a file. Applies only if [`storeDataAsText`](https://surveyjs.io/form-library/documentation/api-reference/file-model#storeDataAsText) is `false`. Use this event to upload files to your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -8766,7 +8933,7 @@ declare module "survey" {
          */
         onDownloadFile: EventBase<SurveyModel, DownloadFileEvent>;
         /**
-         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question. Use this event to delete files from your server.
+         * An event that is raised when users clear files in a [File Upload](https://surveyjs.io/form-library/documentation/api-reference/file-model) question or clear signature in a [Signature Pad](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model) question. Use this event to delete files from your server.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -9521,10 +9688,11 @@ declare module "survey" {
         getSurveyErrorCustomText(obj: PanelModel | Question | SurveyModel, text: string, error: SurveyError): string;
         getQuestionDisplayValue(question: Question, displayValue: any): any;
         /**
-         * Returns a message that is displayed when a survey does not contain visible pages or questions.
+         * A message that is displayed when a survey does not contain visible pages or questions.
          * @see [Localization & Globalization](https://surveyjs.io/form-library/documentation/survey-localization)
          */
         get emptySurveyText(): string;
+        set emptySurveyText(val: string);
         /**
          * An image URL or a Base64-encoded image to use as a survey logo.
          *
@@ -9899,7 +10067,7 @@ declare module "survey" {
          * @see setValue
          */
         mergeData(data: any): void;
-        setDataCore(data: any): void;
+        setDataCore(data: any, clearData?: boolean): void;
         getStructuredData(includePages?: boolean, level?: number): any;
         setStructuredData(data: any, doMerge?: boolean): void;
         private collectDataFromPanel;
@@ -10518,14 +10686,14 @@ declare module "survey" {
          *   }
          * );
          * ```
-         * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
-         * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
+         * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model) or [Signature Pad question instance](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model).
+         * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name) or Signature Pad question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/signature-pad-model#name).
          * @param files An array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects that represent files to upload.
          * @param callback A callback function that allows you to access successfully uploaded files as the first argument. If any files fail to upload, the second argument contains an array of error messages.
          * @see onUploadFiles
          * @see downloadFile
          */
-        uploadFiles(question: QuestionFileModel, name: string, files: File[], callback: (data: any | Array<any>, errors?: any | Array<any>) => any): void;
+        uploadFiles(question: QuestionFileModel | QuestionSignaturePadModel, name: string, files: File[], callback: (data: any | Array<any>, errors?: any | Array<any>) => any): void;
         /**
          * Downloads a file from a server.
          *
@@ -10557,7 +10725,7 @@ declare module "survey" {
          * @see uploadFiles
          */
         downloadFile(question: QuestionFileModel, questionName: string, fileValue: any, callback: (status: string, data: any) => any): void;
-        clearFiles(question: QuestionFileModel, name: string, value: any, fileName: string, callback: (status: string, data: any) => any): void;
+        clearFiles(question: QuestionFileModel | QuestionSignaturePadModel, name: string, value: any, fileName: string, callback: (status: string, data: any) => any): void;
         updateChoicesFromServer(question: QuestionSelectBase, choices: Array<ItemValue>, serverResult: any): Array<ItemValue>;
         loadedChoicesFromServer(question: IQuestion): void;
         protected createSurveyService(): dxSurveyService;
@@ -11123,6 +11291,7 @@ declare module "survey" {
          */
         applyTheme(theme: ITheme): void;
         themeChanged(theme: ITheme): void;
+        private taskManager;
         /**
          * Disposes of the survey model.
          *
@@ -12398,7 +12567,7 @@ declare module "question" {
         onMouseDown(): void;
         protected setNewComment(newValue: string): void;
         protected getValidName(name: string): string;
-        updateValueFromSurvey(newValue: any): void;
+        updateValueFromSurvey(newValue: any, clearData?: boolean): void;
         private updateValueFromSurveyCore;
         updateCommentFromSurvey(newValue: any): any;
         protected onChangeQuestionValue(newValue: any): void;
@@ -13329,7 +13498,7 @@ declare module "base-interfaces" {
         hasTitle: boolean;
         isEmpty(): boolean;
         onSurveyValueChanged(newValue: any): any;
-        updateValueFromSurvey(newValue: any): any;
+        updateValueFromSurvey(newValue: any, clearData: boolean): void;
         updateCommentFromSurvey(newValue: any): any;
         supportGoNextPageAutomatic(): boolean;
         clearUnusedValues(): any;
@@ -13393,7 +13562,7 @@ declare module "base-interfaces" {
         svgMountContainer: HTMLElement | string;
         stylesSheetsMountContainer: HTMLElement;
     };
-    export type LayoutElementContainer = "header" | "footer" | "left" | "right" | "contentTop" | "contentBottom";
+    export type LayoutElementContainer = "header" | "footer" | "left" | "right" | "contentTop" | "contentBottom" | "center";
     export type HorizontalAlignment = "left" | "center" | "right";
     export type VerticalAlignment = "top" | "middle" | "bottom";
     export interface ISurveyLayoutElement {
@@ -15100,7 +15269,7 @@ declare module "question_checkbox" {
         private shouldCheckMaxSelectedChoices;
         private checkMinSelectedChoicesUnreached;
         protected getItemClassCore(item: any, options: any): string;
-        updateValueFromSurvey(newValue: any): void;
+        updateValueFromSurvey(newValue: any, clearData: boolean): void;
         protected setDefaultValue(): void;
         private addIntoInvisibleOldValues;
         protected hasValueToClearIncorrectValues(): boolean;
@@ -16163,135 +16332,6 @@ declare module "question_image" {
         private isVideo;
     }
 }
-declare module "question_signaturepad" {
-    import { Question } from "question";
-    import { ITheme } from "themes";
-    /**
-     * A class that describes the Signature question type.
-     *
-     * [View Demo](https://surveyjs.io/form-library/examples/signature-pad-widget-javascript/ (linkStyle))
-     */
-    export class QuestionSignaturePadModel extends Question {
-        isDrawingValue: boolean;
-        private getPenColorFromTheme;
-        private updateColors;
-        protected getCssRoot(cssClasses: any): string;
-        protected updateValue(): void;
-        constructor(name: string);
-        getType(): string;
-        afterRenderQuestionElement(el: HTMLElement): void;
-        beforeDestroyQuestionElement(el: HTMLElement): void;
-        themeChanged(theme: ITheme): void;
-        private canvas;
-        private scale;
-        private valueIsUpdatingInternally;
-        private resizeCanvas;
-        private scaleCanvas;
-        private refreshCanvas;
-        private updateValueHandler;
-        initSignaturePad(el: HTMLElement): void;
-        destroySignaturePad(el: HTMLElement): void;
-        /**
-         * Specifies the format in which to store the signature image.
-         *
-         * Possible values:
-         *
-         * - `"png"` (default)
-         * - `"jpeg"`
-         * - `"svg"`
-         */
-        get dataFormat(): string;
-        set dataFormat(val: string);
-        /**
-         * Specifies the width of the signature area. Accepts positive integer numbers.
-         */
-        get signatureWidth(): number;
-        set signatureWidth(val: number);
-        /**
-         * Specifies the height of the signature area. Accepts positive integer numbers.
-         */
-        get signatureHeight(): number;
-        set signatureHeight(val: number);
-        /**
-         * Specifies whether the signature area should be scaled to fit into the question width.
-         *
-         * Default value: `false`
-         *
-         * This property auto-scales the signature area to fill all available width within the question box while maintaining the default 3:2 aspect ratio. If you set [custom width](#signatureWidth) and [height](#signatureHeight) values, the setting will keep the aspect ratio of these dimensions.
-         *
-         * > The signature area is scaled only for display. The image saved in survey results will have dimensions specified by the [`signatureHeight`](#signatureHeight) and [`signatureWidth`](#signatureWidth) properties.
-         */
-        signatureAutoScaleEnabled: boolean;
-        /**
-         * Speicifies the minimum width of pen strokes, measured in pixels.
-         *
-         * Default value: 0.5
-         */
-        penMinWidth: number;
-        /**
-         * Speicifies the maximum width of pen strokes, measured in pixels.
-         *
-         * Default value: 2.5
-         */
-        penMaxWidth: number;
-        private get containerHeight();
-        private get containerWidth();
-        get renderedCanvasWidth(): string;
-        get height(): number;
-        set height(val: number);
-        /**
-         * Specifies whether to display a button that clears the signature area.
-         *
-         * Default value: `true`
-         */
-        get allowClear(): boolean;
-        set allowClear(val: boolean);
-        get canShowClearButton(): boolean;
-        /**
-         * Specifies a color for the pen.
-         *
-         * This property accepts color values in the following formats:
-         *
-         * - Hexadecimal colors (`"#FF0000"`)
-         * - RGB colors (`"rgb(255,0,0)"`)
-         * - Color names (`"red"`)
-         * @see backgroundColor
-         */
-        get penColor(): string;
-        set penColor(val: string);
-        /**
-         * Specifies a color for the signature area background. Ignored if [`backgroundImage`](#backgroundImage) is set.
-         *
-         * This property accepts color values in the following formats:
-         *
-         * - Hexadecimal colors (`"#FF0000"`)
-         * - RGB colors (`"rgb(255,0,0)"`)
-         * - Color names (`"red"`)
-         * @see penColor
-         */
-        get backgroundColor(): string;
-        set backgroundColor(val: string);
-        /**
-         * An image to display in the background of the signature area. Accepts a base64 or URL string value.
-         * @see backgroundColor
-         */
-        get backgroundImage(): string;
-        set backgroundImage(val: string);
-        get clearButtonCaption(): string;
-        /**
-         * A Boolean value that specifies whether to show the [placeholder](#placeholder).
-         *
-         * Default value: `true`
-         */
-        showPlaceholder: boolean;
-        needShowPlaceholder(): boolean;
-        /**
-         * A placeholder for the signature area. Applies when the [`showPlaceholder`](#showPlaceholder) property is `true`.
-         */
-        placeholder: string;
-        endLoadingFromJson(): void;
-    }
-}
 declare module "surveyToc" {
     import { Action } from "actions/action";
     import { ListModel } from "list";
@@ -25051,6 +25091,7 @@ declare module "react/signaturepad" {
         protected get question(): QuestionSignaturePadModel;
         protected renderElement(): JSX.Element;
         renderBackgroundImage(): JSX.Element | null;
+        protected renderLoadingIndicator(): JSX.Element;
         renderCleanButton(): JSX.Element | null;
     }
 }