survey-react 1.9.36 → 1.9.39

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.36
+* Type definition for Survey JavaScript library for React v1.9.39
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -184,6 +184,7 @@ export interface IAction {
   * If you set it to `false`, the `title` hides when the screen space is limited, and the item displays only the icon.
   */
   disableShrink?: boolean;
+  disableHide?: boolean;
   mode?: any;
   visibleIndex?: number;
   needSpace?: boolean;
@@ -223,6 +224,7 @@ export interface IConditionObject {
 }
 export interface IMatrixColumnOwner extends ILocalizableOwner {
   getRequiredText(): string;
+  hasChoices(): boolean;
   onColumnPropertyChanged(column: MatrixDropdownColumn, name: string, newValue: any): void;
   onColumnItemValuePropertyChanged(column: MatrixDropdownColumn, propertyName: string, obj: ItemValue, name: string, newValue: any, oldValue: any): void;
   onShowInMultipleColumnsChanged(column: MatrixDropdownColumn): void;
@@ -361,7 +363,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
   isValidateOnValueChanging: boolean;
   isValidateOnValueChanged: boolean;
   matrixCellValidate(question: IQuestion, options: any): SurveyError;
-  dynamicPanelAdded(question: IQuestion): any;
+  dynamicPanelAdded(question: IQuestion, panelIndex?: number, panel?: IPanel): any;
   dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): any;
   dynamicPanelItemValueChanged(question: IQuestion, options: any): any;
   dragAndDropAllow(options: any): boolean;
@@ -529,6 +531,26 @@ export interface IQuestionPanelDynamicData {
   getSurvey(): ISurvey;
   getRootData(): ISurveyData;
 }
+export interface ICustomComponentDescription {
+  name: string;
+  onInit(): void;
+  /*
+  * Set this property to false if you don't want to show the component in toolbox in Creator
+  */
+  showInToolbox?: boolean;
+  onCreated(question: Question): void;
+  onLoaded(question: Question): void;
+  onAfterRender(question: Question, htmlElement: any): void;
+  onAfterRenderContentElement(question: Question, element: Question, htmlElement: any): void;
+  onPropertyChanged(question: Question, propertyName: string, newValue: any): void;
+  onValueChanged(question: Question, name: string, newValue: any): void;
+  onItemValuePropertyChanged(question: Question, options: any): void;
+  getDisplayValue?: any;
+  elementsJSON?: any;
+  createElements?: any;
+  questionJSON?: any;
+  createQuestion?: any;
+}
 export interface IActionBarItemProps {
   item: any;
 }
@@ -715,6 +737,11 @@ export declare class Base {
   get isEditingSurveyElement(): boolean;
   iteratePropertiesHash(func: (hash: any, key: any) => void): void;
   /*
+  * set property value and before check if new property value is correct by calling JsonProperty onSettingValue function
+  * If onSettingValue is not set in declaration, then this function works as `setPropertyValue`.
+  */
+  checkAndSetPropertyValue(name: string, val: any): void;
+  /*
   * set property value
   */
   setPropertyValue(name: string, val: any): void;
@@ -811,7 +838,7 @@ export declare class ComponentCollection {
   onCreateComposite: (name: string, questionJSON: ComponentQuestionJSON) => QuestionCompositeModel;
   onCreateCustom: (name: string, questionJSON: ComponentQuestionJSON) => QuestionCustomModel;
   onAddingJson: (name: string, isComposite: boolean) => void;
-  add(json: any): void;
+  add(json: ICustomComponentDescription): void;
   get items(): any;
   getCustomQuestionByName(name: string): ComponentQuestionJSON;
   clear(): void;
@@ -820,9 +847,9 @@ export declare class ComponentCollection {
   protected createCustomModel(name: string, questionJSON: ComponentQuestionJSON): QuestionCustomModel;
 }
 export declare class ComponentQuestionJSON {
-  constructor(name: string, json: any);
+  constructor(name: string, json: ICustomComponentDescription);
   name: string;
-  json: any;
+  json: ICustomComponentDescription;
   onInit(): void;
   onCreated(question: Question): void;
   onLoaded(question: Question): void;
@@ -942,6 +969,8 @@ export declare class Event<T, Options> {
   onCallbacksChanged: any;
   protected callbacks: any;
   get isEmpty(): boolean;
+  get length(): number;
+  fireByCreatingOptions(sender: any, createOptions: any): void;
   fire(sender: any, options: any): void;
   clear(): void;
   add(func: T): void;
@@ -1501,6 +1530,7 @@ export declare class Action extends Base implements IAction {
   mode: any;
   disableTabStop: boolean;
   disableShrink: boolean;
+  disableHide: boolean;
   needSpace: boolean;
   locTitle: any;
   titleValue: string;
@@ -1954,6 +1984,7 @@ export declare class JsonObjectProperty implements IObject {
   dataListValue: any;
   layout: string;
   onGetValue: (obj: any) => any;
+  onSettingValue: (obj: any, value: any) => any;
   onSetValue: (obj: any, value: any, jsonConv: JsonObject) => any;
   visibleIf: (obj: any) => boolean;
   onExecuteExpression: (obj: any, res: any) => any;
@@ -1974,6 +2005,7 @@ export declare class JsonObjectProperty implements IObject {
   getValue(obj: any): any;
   getPropertyValue(obj: any): any;
   get hasToUseSetValue(): any;
+  settingValue(obj: any, value: any): any;
   setValue(obj: any, value: any, jsonConv: JsonObject): void;
   getObjType(objType: string): any;
   getClassName(className: string): string;
@@ -2449,7 +2481,7 @@ export declare class PopupBaseViewModel extends Base {
   top: string;
   left: string;
   height: string;
-  width: string;
+  minWidth: string;
   isVisible: boolean;
   popupDirection: string;
   pointerTarget: IPosition;
@@ -2510,7 +2542,6 @@ export declare class PopupModel<T = any> extends Base {
   cssClass: string;
   title: string;
   displayMode: "popup" | "overlay";
-  widthMode: "contentWidth" | "fixedWidth";
   onVisibilityChanged: EventBase<PopupModel<any>>;
   get isVisible(): boolean;
   set isVisible(val: boolean);
@@ -3390,6 +3421,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   get titleActions(): any;
   isTitleActionRequested: boolean;
   getTitleActions(): Array<any>;
+  protected getDefaultTitleActions(): Array<IAction>;
   get hasTitleActions(): boolean;
   get hasTitleEvents(): boolean;
   get titleTabIndex(): number;
@@ -3577,39 +3609,39 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   navigationBarValue: any;
   /*
   * The event is fired after a trigger has been executed
-  * `sender` - the survey object that fires the event.
-  * `options.trigger` - An instance of a trigger that has been just perform it's action.
+  * - `sender` - the survey object that fires the event.
+  * - `options.trigger` - An instance of a trigger that has been just perform it's action.
   */
   onTriggerExecuted: EventBase<SurveyModel>;
   /*
   * The event is fired before the survey is completed and the `onComplete` event is fired. You can prevent the survey from completing by setting `options.allowComplete` to `false`
-  * `sender` - the survey object that fires the event.
-  * `options.allowComplete` - Specifies whether a user can complete a survey. Set this property to `false` to prevent the survey from completing. The default value is `true`.
-  * `options.isCompleteOnTrigger` - returns true if the survey is completing on "complete" trigger.
+  * - `sender` - the survey object that fires the event.
+  * - `options.allowComplete` - Specifies whether a user can complete a survey. Set this property to `false` to prevent the survey from completing. The default value is `true`.
+  * - `options.isCompleteOnTrigger` - returns true if the survey is completing on "complete" trigger.
   */
   onCompleting: EventBase<SurveyModel>;
   /*
   * The event is fired after a user clicks the 'Complete' button and finishes a survey. Use this event to send the survey data to your web server.
-  * `sender` - the survey object that fires the event.
-  * `options.showDataSaving(text)` - call this method to show that the survey is saving survey data on your server. The `text` is an optional parameter to show a custom message instead of default.
-  * `options.showDataSavingError(text)` - call this method to show that an error occurred while saving the data on your server. If you want to show a custom error, use an optional `text` parameter.
-  * `options.showDataSavingSuccess(text)` - call this method to show that the data was successfully saved on the server.
-  * `options.showDataSavingClear` - call this method to hide the text about the saving progress.
-  * `options.isCompleteOnTrigger` - returns true if the survey is completed on "complete" trigger.
+  * - `sender` - the survey object that fires the event.
+  * - `options.showDataSaving(text)` - call this method to show that the survey is saving survey data on your server. The `text` is an optional parameter to show a custom message instead of default.
+  * - `options.showDataSavingError(text)` - call this method to show that an error occurred while saving the data on your server. If you want to show a custom error, use an optional `text` parameter.
+  * - `options.showDataSavingSuccess(text)` - call this method to show that the data was successfully saved on the server.
+  * - `options.showDataSavingClear` - call this method to hide the text about the saving progress.
+  * - `options.isCompleteOnTrigger` - returns true if the survey is completed on "complete" trigger.
   */
   onComplete: EventBase<SurveyModel>;
   /*
   * The event is fired before the survey is going to preview mode, state equals to `preview`. It happens when a user click on "Preview" button. It shows when "showPreviewBeforeComplete" proeprty equals to "showAllQuestions" or "showAnsweredQuestions".
   * You can prevent showing it by setting allowShowPreview to `false`.
-  * `sender` - the survey object that fires the event.
-  * `options.allowShowPreview` - Specifies whether a user can see a preview. Set this property to `false` to prevent from showing the preview. The default value is `true`.
+  * - `sender` - the survey object that fires the event.
+  * - `options.allowShowPreview` - Specifies whether a user can see a preview. Set this property to `false` to prevent from showing the preview. The default value is `true`.
   */
   onShowingPreview: EventBase<SurveyModel>;
   /*
   * The event is fired after a user clicks the 'Complete' button. The event allows you to specify the URL opened after completing a survey.
   * Specify the `navigateToUrl` property to make survey navigate to another url.
-  * `sender` - the survey object that fires the event.
-  * `options.url` - Specifies a URL opened after completing a survey. Set this property to an empty string to cancel the navigation and show the completed survey page.
+  * - `sender` - the survey object that fires the event.
+  * - `options.url` - Specifies a URL opened after completing a survey. Set this property to an empty string to cancel the navigation and show the completed survey page.
   */
   onNavigateToUrl: EventBase<SurveyModel>;
   /*
@@ -3619,73 +3651,73 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   onStarted: EventBase<SurveyModel>;
   /*
   * The event is fired on clicking the 'Next' button if the `sendResultOnPageNext` is set to `true`. You can use it to save the intermediate results, for example, if your survey is large enough.
-  * `sender` - the survey object that fires the event.
+  * - `sender` - the survey object that fires the event.
   */
   onPartialSend: EventBase<SurveyModel>;
   /*
   * The event is fired before the current page changes to another page. Typically it happens when a user click the 'Next' or 'Prev' buttons.
-  * `sender` - the survey object that fires the event.
-  * `option.oldCurrentPage` - the previous current/active page.
-  * `option.newCurrentPage` - a new current/active page.
-  * `option.allowChanging` - set it to `false` to disable the current page changing. It is `true` by default.
-  * `option.isNextPage` - commonly means, that end-user press the next page button. In general, it means that options.newCurrentPage is the next page after options.oldCurrentPage
-  * `option.isPrevPage` - commonly means, that end-user press the previous page button. In general, it means that options.newCurrentPage is the previous page before options.oldCurrentPage
+  * - `sender` - the survey object that fires the event.
+  * - `option.oldCurrentPage` - the previous current/active page.
+  * - `option.newCurrentPage` - a new current/active page.
+  * - `option.allowChanging` - set it to `false` to disable the current page changing. It is `true` by default.
+  * - `option.isNextPage` - commonly means, that end-user press the next page button. In general, it means that options.newCurrentPage is the next page after options.oldCurrentPage
+  * - `option.isPrevPage` - commonly means, that end-user press the previous page button. In general, it means that options.newCurrentPage is the previous page before options.oldCurrentPage
   */
   onCurrentPageChanging: EventBase<SurveyModel>;
   /*
   * The event is fired when the current page has been changed to another page. Typically it happens when a user click on 'Next' or 'Prev' buttons.
-  * `sender` - the survey object that fires the event.
-  * `option.oldCurrentPage` - a previous current/active page.
-  * `option.newCurrentPage` - a new current/active page.
-  * `option.isNextPage` - commonly means, that end-user press the next page button. In general, it means that options.newCurrentPage is the next page after options.oldCurrentPage
-  * `option.isPrevPage` - commonly means, that end-user press the previous page button. In general, it means that options.newCurrentPage is the previous page before options.oldCurrentPage
+  * - `sender` - the survey object that fires the event.
+  * - `option.oldCurrentPage` - a previous current/active page.
+  * - `option.newCurrentPage` - a new current/active page.
+  * - `option.isNextPage` - commonly means, that end-user press the next page button. In general, it means that options.newCurrentPage is the next page after options.oldCurrentPage
+  * - `option.isPrevPage` - commonly means, that end-user press the previous page button. In general, it means that options.newCurrentPage is the previous page before options.oldCurrentPage
   */
   onCurrentPageChanged: EventBase<SurveyModel>;
   /*
   * The event is fired before the question value (answer) is changed. It can be done via UI by a user or programmatically on calling the `setValue` method.
-  * `sender` - the survey object that fires the event.
-  * `options.name` - the value name that has being changed.
-  * `options.question` - a question which `question.name` equals to the value name. If there are several questions with the same name, the first question is used. If there is no such questions, the `options.question` is null.
-  * `options.oldValue` - an old, previous value.
-  * `options.value` - a new value. You can change it.
+  * - `sender` - the survey object that fires the event.
+  * - `options.name` - the value name that has being changed.
+  * - `options.question` - a question which `question.name` equals to the value name. If there are several questions with the same name, the first question is used. If there is no such questions, the `options.question` is null.
+  * - `options.oldValue` - an old, previous value.
+  * - `options.value` - a new value. You can change it.
   */
   onValueChanging: EventBase<SurveyModel>;
   /*
   * The event is fired when the question value (i.e., answer) has been changed. The question value can be changed in UI (by a user) or programmatically (on calling `setValue` method).
   * Use the `onDynamicPanelItemValueChanged` and `onMatrixCellValueChanged` events to handle changes in a question in the Panel Dynamic and a cell question in matrices.
-  * `sender` - the survey object that fires the event.
-  * `options.name` - the value name that has been changed.
-  * `options.question` - a question which `question.name` equals to the value name. If there are several questions with the same name, the first question is used. If there is no such questions, the `options.question` is `null`.
-  * `options.value` - a new value.
+  * - `sender` - the survey object that fires the event.
+  * - `options.name` - the value name that has been changed.
+  * - `options.question` - a question which `question.name` equals to the value name. If there are several questions with the same name, the first question is used. If there is no such questions, the `options.question` is `null`.
+  * - `options.value` - a new value.
   */
   onValueChanged: EventBase<SurveyModel>;
   /*
   * The event is fired when setVariable function is called. It can be called on changing a calculated value.
-  * `sender` - the survey object that fires the event.
-  * `options.name` - the variable name that has been changed.
-  * `options.value` - a new value.
+  * - `sender` - the survey object that fires the event.
+  * - `options.name` - the variable name that has been changed.
+  * - `options.value` - a new value.
   */
   onVariableChanged: EventBase<SurveyModel>;
   /*
   * The event is fired when a question visibility has been changed.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a question which visibility has been changed.
-  * `options.name` - a question name.
-  * `options.visible` - a question `visible` boolean value.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a question which visibility has been changed.
+  * - `options.name` - a question name.
+  * - `options.visible` - a question `visible` boolean value.
   */
   onVisibleChanged: EventBase<SurveyModel>;
   /*
   * The event is fired on changing a page visibility.
-  * `sender` - the survey object that fires the event.
-  * `options.page` - a page which visibility has been changed.
-  * `options.visible` - a page `visible` boolean value.
+  * - `sender` - the survey object that fires the event.
+  * - `options.page` - a page which visibility has been changed.
+  * - `options.visible` - a page `visible` boolean value.
   */
   onPageVisibleChanged: EventBase<SurveyModel>;
   /*
   * The event is fired on changing a panel visibility.
-  * `sender` - the survey object that fires the event.
-  * `options.panel` - a panel which visibility has been changed.
-  * `options.visible` - a panel `visible` boolean value.
+  * - `sender` - the survey object that fires the event.
+  * - `options.panel` - a panel which visibility has been changed.
+  * - `options.visible` - a panel `visible` boolean value.
   */
   onPanelVisibleChanged: EventBase<SurveyModel>;
   /*
@@ -3694,88 +3726,88 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * or inside a matrix cell or it can be a text question in multiple text items or inside a panel of a panel dynamic.
   * You can use this event to set up properties to a question based on it's type for all questions, regardless where they are located, on the page or inside a matrix cell.
   * Please note: If you want to use this event for questions loaded from JSON then you have to create survey with empty/null JSON parameter, assign the event and call survey.fromJSON(yourJSON) function.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a newly created question object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a newly created question object.
   */
   onQuestionCreated: EventBase<SurveyModel>;
   /*
   * The event is fired on adding a new question into survey.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a newly added question object.
-  * `options.name` - a question name.
-  * `options.index` - an index of the question in the container (page or panel).
-  * `options.parentPanel` - a container where a new question is located. It can be a page or panel.
-  * `options.rootPanel` - typically, it is a page.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a newly added question object.
+  * - `options.name` - a question name.
+  * - `options.index` - an index of the question in the container (page or panel).
+  * - `options.parentPanel` - a container where a new question is located. It can be a page or panel.
+  * - `options.rootPanel` - typically, it is a page.
   */
   onQuestionAdded: EventBase<SurveyModel>;
   /*
   * The event is fired on removing a question from survey.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a removed question object.
-  * `options.name` - a question name.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a removed question object.
+  * - `options.name` - a question name.
   */
   onQuestionRemoved: EventBase<SurveyModel>;
   /*
   * The event is fired on adding a panel into survey.
-  * `sender` - the survey object that fires the event.
-  * `options.panel` - a newly added panel object.
-  * `options.name` - a panel name.
-  * `options.index` - an index of the panel in the container (a page or panel).
-  * `options.parentPanel` - a container (a page or panel) where a new panel is located.
-  * `options.rootPanel` - a root container, typically it is a page.
+  * - `sender` - the survey object that fires the event.
+  * - `options.panel` - a newly added panel object.
+  * - `options.name` - a panel name.
+  * - `options.index` - an index of the panel in the container (a page or panel).
+  * - `options.parentPanel` - a container (a page or panel) where a new panel is located.
+  * - `options.rootPanel` - a root container, typically it is a page.
   */
   onPanelAdded: EventBase<SurveyModel>;
   /*
   * The event is fired on removing a panel from survey.
-  * `sender` - the survey object that fires the event.
-  * `options.panel` - a removed panel object.
-  * `options.name` - a panel name.
+  * - `sender` - the survey object that fires the event.
+  * - `options.panel` - a removed panel object.
+  * - `options.name` - a panel name.
   */
   onPanelRemoved: EventBase<SurveyModel>;
   /*
   * The event is fired on adding a page into survey.
-  * `sender` - the survey object that fires the event.
-  * `options.page` - a newly added `panel` object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.page` - a newly added `panel` object.
   */
   onPageAdded: EventBase<SurveyModel>;
   /*
   * The event is fired on validating value in a question. You can specify a custom error message using `options.error`. The survey blocks completing the survey or going to the next page when the error messages are displayed.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a validated question.
-  * `options.name` - a question name.
-  * `options.value` - the current question value (answer).
-  * `options.error` - an error string. It is empty by default.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a validated question.
+  * - `options.name` - a question name.
+  * - `options.value` - the current question value (answer).
+  * - `options.error` - an error string. It is empty by default.
   */
   onValidateQuestion: EventBase<SurveyModel>;
   /*
   * The event is fired before errors are assigned to a question. You may add/remove/modify errors for a question.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a validated question.
-  * `options.errors` - the list of errors. The list is empty by default and remains empty if a validated question has no errors.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a validated question.
+  * - `options.errors` - the list of errors. The list is empty by default and remains empty if a validated question has no errors.
   */
   onSettingQuestionErrors: EventBase<SurveyModel>;
   /*
   * Use this event to validate data on your server.
-  * `sender` - the survey object that fires the event.
-  * `options.data` - the values of all non-empty questions on the current page. You can get a question value as `options.data["myQuestionName"]`.
-  * `options.errors` - set your errors to this object as: `options.errors["myQuestionName"] = "Error text";`. It will be shown as a question error.
-  * `options.complete()` - call this function to tell survey that your server callback has been processed.
+  * - `sender` - the survey object that fires the event.
+  * - `options.data` - the values of all non-empty questions on the current page. You can get a question value as `options.data["myQuestionName"]`.
+  * - `options.errors` - set your errors to this object as: `options.errors["myQuestionName"] = "Error text";`. It will be shown as a question error.
+  * - `options.complete()` - call this function to tell survey that your server callback has been processed.
   */
   onServerValidateQuestions: any;
   /*
   * The event is fired on validating a panel. Set your error to `options.error` and survey will show the error for the panel and block completing the survey or going to the next page.
-  * `sender` - the survey object that fires the event.
-  * `options.name` - a panel name.
-  * `options.error` - an error string. It is empty by default.
+  * - `sender` - the survey object that fires the event.
+  * - `options.name` - a panel name.
+  * - `options.error` - an error string. It is empty by default.
   */
   onValidatePanel: EventBase<SurveyModel>;
   /*
   * Use the event to change the default error text.
-  * `sender` - the survey object that fires the event.
-  * `options.text` - an error text.
-  * `options.error` - an instance of the `SurveyError` object.
-  * `options.obj` - an instance of Question, Panel or Survey object to where error is located.
-  * `options.name` - the error name. The following error names are available:
+  * - `sender` - the survey object that fires the event.
+  * - `options.text` - an error text.
+  * - `options.error` - an instance of the `SurveyError` object.
+  * - `options.obj` - an instance of Question, Panel or Survey object to where error is located.
+  * - `options.name` - the error name. The following error names are available:
   * required, requireoneanswer, requirenumeric, exceedsize, webrequest, webrequestempty, otherempty,
   * uploadingfile, requiredinallrowserror, minrowcounterror, keyduplicationerror, custom
   */
@@ -3789,206 +3821,206 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   onValidatedErrorsOnCurrentPage: EventBase<SurveyModel>;
   /*
   * Use this event to modify the HTML content before rendering, for example `completeHtml` or `loadingHtml`.
-  * `options.html` - specifies the modified HTML content.
+  * - `options.html` - specifies the modified HTML content.
   */
   onProcessHtml: EventBase<SurveyModel>;
   /*
   * Use this event to change the question title in code. If you want to remove question numbering then set showQuestionNumbers to "off".
-  * `sender` - the survey object that fires the event.
-  * `options.title` - a calculated question title, based on question `title`, `name`.
-  * `options.question` - a question object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.title` - a calculated question title, based on question `title`, `name`.
+  * - `options.question` - a question object.
   */
   onGetQuestionTitle: EventBase<SurveyModel>;
   /*
   * Use this event to change the element title tag name that renders by default.
-  * `sender` - the survey object that fires the event.
-  * `options.element` - an element (question, panel, page and survey) that SurveyJS is going to render.
-  * `options.tagName` - an element title tagName that are used to render a title. You can change it from the default value.
+  * - `sender` - the survey object that fires the event.
+  * - `options.element` - an element (question, panel, page and survey) that SurveyJS is going to render.
+  * - `options.tagName` - an element title tagName that are used to render a title. You can change it from the default value.
   */
   onGetTitleTagName: EventBase<SurveyModel>;
   /*
   * Use this event to change the question no in code. If you want to remove question numbering then set showQuestionNumbers to "off".
-  * `sender` - the survey object that fires the event.
-  * `options.no` - a calculated question no, based on question `visibleIndex`, survey `.questionStartIndex` properties. You can change it.
-  * `options.question` - a question object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.no` - a calculated question no, based on question `visibleIndex`, survey `.questionStartIndex` properties. You can change it.
+  * - `options.question` - a question object.
   */
   onGetQuestionNo: EventBase<SurveyModel>;
   /*
   * Use this event to change the progress text in code.
-  * `sender` - the survey object that fires the event.
-  * `options.text` - a progress text, that SurveyJS will render in progress bar.
-  * `options.questionCount` - a number of questions that have input(s). We do not count html or expression questions
-  * `options.answeredQuestionCount` - a number of questions that have input(s) and an user has answered.
-  * `options.requiredQuestionCount` - a number of required questions that have input(s). We do not count html or expression questions
-  * `options.requiredAnsweredQuestionCount` - a number of required questions that have input(s) and an user has answered.
+  * - `sender` - the survey object that fires the event.
+  * - `options.text` - a progress text, that SurveyJS will render in progress bar.
+  * - `options.questionCount` - a number of questions that have input(s). We do not count html or expression questions
+  * - `options.answeredQuestionCount` - a number of questions that have input(s) and an user has answered.
+  * - `options.requiredQuestionCount` - a number of required questions that have input(s). We do not count html or expression questions
+  * - `options.requiredAnsweredQuestionCount` - a number of required questions that have input(s) and an user has answered.
   */
   onProgressText: EventBase<SurveyModel>;
   /*
   * Use this event to process the markdown text.
-  * `sender` - the survey object that fires the event.
-  * `options.element` - SurveyJS element (a question, panel, page, or survey) where the string is going to be rendered.
-  * `options.name` - a property name is going to be rendered.
-  * `options.text` - a text that is going to be rendered.
-  * `options.html` - an HTML content. It is `null` by default. Use this property to specify the HTML content rendered instead of `options.text`.
+  * - `sender` - the survey object that fires the event.
+  * - `options.element` - SurveyJS element (a question, panel, page, or survey) where the string is going to be rendered.
+  * - `options.name` - a property name is going to be rendered.
+  * - `options.text` - a text that is going to be rendered.
+  * - `options.html` - an HTML content. It is `null` by default. Use this property to specify the HTML content rendered instead of `options.text`.
   */
   onTextMarkdown: EventBase<SurveyModel>;
   /*
   * Use this event to specity render component name used for text rendering.
-  * `sender` - the survey object that fires the event.
-  * `options.element` - SurveyJS element (a question, panel, page, or survey) where the string is going to be rendered.
-  * `options.name` - a property name is going to be rendered.
-  * `options.renderAs` - a component name used for text rendering.
+  * - `sender` - the survey object that fires the event.
+  * - `options.element` - SurveyJS element (a question, panel, page, or survey) where the string is going to be rendered.
+  * - `options.name` - a property name is going to be rendered.
+  * - `options.renderAs` - a component name used for text rendering.
   */
   onTextRenderAs: EventBase<SurveyModel>;
   /*
   * The event fires when it gets response from the [api.surveyjs.io](https://api.surveyjs.io) service on saving survey results. Use it to find out if the results have been saved successfully.
-  * `sender` - the survey object that fires the event.
-  * `options.success` - it is `true` if the results has been sent to the service successfully.
-  * `options.response` - a response from the service.
+  * - `sender` - the survey object that fires the event.
+  * - `options.success` - it is `true` if the results has been sent to the service successfully.
+  * - `options.response` - a response from the service.
   */
   onSendResult: EventBase<SurveyModel>;
   /*
   * Use it to get results after calling the `getResult` method. It returns a simple analytics from [api.surveyjs.io](https://api.surveyjs.io) service.
-  * `sender` - the survey object that fires the event.
-  * `options.success` - it is `true` if the results were got from the service successfully.
-  * `options.data` - the object `{AnswersCount, QuestionResult : {} }`. `AnswersCount` is the number of posted survey results. `QuestionResult` is an object with all possible unique answers to the question and number of these answers.
-  * `options.dataList` - an array of objects `{name, value}`, where `name` is a unique value/answer to the question and `value` is a number/count of such answers.
-  * `options.response` - the server response.
+  * - `sender` - the survey object that fires the event.
+  * - `options.success` - it is `true` if the results were got from the service successfully.
+  * - `options.data` - the object `{AnswersCount, QuestionResult : {} }`. `AnswersCount` is the number of posted survey results. `QuestionResult` is an object with all possible unique answers to the question and number of these answers.
+  * - `options.dataList` - an array of objects `{name, value}`, where `name` is a unique value/answer to the question and `value` is a number/count of such answers.
+  * - `options.response` - the server response.
   */
   onGetResult: EventBase<SurveyModel>;
   /*
   * The event is fired on uploading the file in QuestionFile when `storeDataAsText` is set to `false`. Use this event to change the uploaded file name or to prevent a particular file from being uploaded.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the file question instance.
-  * `options.name` - the question name.
-  * `options.files` - the Javascript File objects array to upload.
-  * `options.callback` - a callback function to get the file upload status and the updloaded file content.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the file question instance.
+  * - `options.name` - the question name.
+  * - `options.files` - the Javascript File objects array to upload.
+  * - `options.callback` - a callback function to get the file upload status and the updloaded file content.
   */
   onUploadFiles: EventBase<SurveyModel>;
   /*
   * The event is fired on downloading a file in QuestionFile. Use this event to pass the file to a preview.
-  * `sender` - the survey object that fires the event.
-  * `options.name` - the question name.
-  * `options.content` - the file content.
-  * `options.fileValue` - single file question value.
-  * `options.callback` - a callback function to get the file downloading status and the downloaded file content.
+  * - `sender` - the survey object that fires the event.
+  * - `options.name` - the question name.
+  * - `options.content` - the file content.
+  * - `options.fileValue` - single file question value.
+  * - `options.callback` - a callback function to get the file downloading status and the downloaded file content.
   */
   onDownloadFile: EventBase<SurveyModel>;
   /*
   * This event is fired on clearing the value in a QuestionFile. Use this event to remove files stored on your server.
-  * `sender` - the survey object that fires the event.
-  * `question` - the question instance.
-  * `options.name` - the question name.
-  * `options.value` - the question value.
-  * `options.fileName` - a removed file's name, set it to `null` to clear all files.
-  * `options.callback` - a callback function to get the operation status.
+  * - `sender` - the survey object that fires the event.
+  * - `question` - the question instance.
+  * - `options.name` - the question name.
+  * - `options.value` - the question value.
+  * - `options.fileName` - a removed file's name, set it to `null` to clear all files.
+  * - `options.callback` - a callback function to get the operation status.
   */
   onClearFiles: EventBase<SurveyModel>;
   /*
   * The event is fired after choices for radiogroup, checkbox, and dropdown has been loaded from a RESTful service and before they are assigned to a question.
   * You may change the choices, before they are assigned or disable/enabled make visible/invisible question, based on loaded results.
-  * `sender` - the survey object that fires the event.
-  * `question` - the question where loaded choices are going to be assigned.
-  * `choices` - the loaded choices. You can change the loaded choices to before they are assigned to question.
-  * `serverResult` - a result that comes from the server as it is.
+  * - `sender` - the survey object that fires the event.
+  * - `question` - the question where loaded choices are going to be assigned.
+  * - `choices` - the loaded choices. You can change the loaded choices to before they are assigned to question.
+  * - `serverResult` - a result that comes from the server as it is.
   */
   onLoadChoicesFromServer: EventBase<SurveyModel>;
   /*
   * The event is fired after survey is loaded from api.surveyjs.io service.
   * You can use this event to perform manipulation with the survey model after it was loaded from the web service.
-  * `sender` - the survey object that fires the event.
+  * - `sender` - the survey object that fires the event.
   */
   onLoadedSurveyFromService: EventBase<SurveyModel>;
   /*
   * The event is fired on processing the text when it finds a text in brackets: `{somevalue}`. By default, it uses the value of survey question values and variables.
   * For example, you may use the text processing in loading choices from the web. If your `choicesByUrl.url` equals to "UrlToServiceToGetAllCities/{country}/{state}",
   * you may set on this event `options.value` to "all" or empty string when the "state" value/question is non selected by a user.
-  * `sender` - the survey object that fires the event.
-  * `options.name` - the name of the processing value, for example, "state" in our example.
-  * `options.value` - the value of the processing text.
-  * `options.isExists` - a boolean value. Set it to `true` if you want to use the value and set it to `false` if you don't.
+  * - `sender` - the survey object that fires the event.
+  * - `options.name` - the name of the processing value, for example, "state" in our example.
+  * - `options.value` - the value of the processing text.
+  * - `options.isExists` - a boolean value. Set it to `true` if you want to use the value and set it to `false` if you don't.
   */
   onProcessTextValue: EventBase<SurveyModel>;
   /*
   * The event is fired before rendering a question. Use it to override the default question CSS classes.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a question for which you can change the CSS classes.
-  * `options.cssClasses` - an object with CSS classes. For example `{root: "table", button: "button"}`. You can change them to your own CSS classes.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a question for which you can change the CSS classes.
+  * - `options.cssClasses` - an object with CSS classes. For example `{root: "table", button: "button"}`. You can change them to your own CSS classes.
   */
   onUpdateQuestionCssClasses: EventBase<SurveyModel>;
   /*
   * The event is fired before rendering a panel. Use it to override the default panel CSS classes.
-  * `sender` - the survey object that fires the event.
-  * `options.panel` - a panel for which you can change the CSS classes.
-  * `options.cssClasses` - an object with CSS classes. For example `{title: "sv_p_title", description: "small"}`. You can change them to your own CSS classes.
+  * - `sender` - the survey object that fires the event.
+  * - `options.panel` - a panel for which you can change the CSS classes.
+  * - `options.cssClasses` - an object with CSS classes. For example `{title: "sv_p_title", description: "small"}`. You can change them to your own CSS classes.
   */
   onUpdatePanelCssClasses: EventBase<SurveyModel>;
   /*
   * The event is fired before rendering a page. Use it to override the default page CSS classes.
-  * `sender` - the survey object that fires the event.
-  * `options.page` - a page for which you can change the CSS classes.
-  * `options.cssClasses` - an object with CSS classes. For example `{title: "sv_p_title", description: "small"}`. You can change them to your own CSS classes.
+  * - `sender` - the survey object that fires the event.
+  * - `options.page` - a page for which you can change the CSS classes.
+  * - `options.cssClasses` - an object with CSS classes. For example `{title: "sv_p_title", description: "small"}`. You can change them to your own CSS classes.
   */
   onUpdatePageCssClasses: EventBase<SurveyModel>;
   /*
   * The event is fired before rendering a choice item in radiogroup, checkbox or dropdown questions. Use it to override the default choice item css.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a question where choice item is rendered.
-  * `options.item` - a choice item of ItemValue type. You can get value or text choice properties as options.item.value or options.choice.text
-  * `options.css` - a string with css classes divided by space. You can change it.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a question where choice item is rendered.
+  * - `options.item` - a choice item of ItemValue type. You can get value or text choice properties as options.item.value or options.choice.text
+  * - `options.css` - a string with css classes divided by space. You can change it.
   */
   onUpdateChoiceItemCss: EventBase<SurveyModel>;
   /*
   * The event is fired right after survey is rendered in DOM.
-  * `sender` - the survey object that fires the event.
-  * `options.htmlElement` - a root HTML element bound to the survey object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.htmlElement` - a root HTML element bound to the survey object.
   */
   onAfterRenderSurvey: EventBase<SurveyModel>;
   /*
   * The event is fired right after a page is rendered in DOM. Use it to modify HTML elements.
-  * `sender` - the survey object that fires the event.
-  * `options.htmlElement` - an HTML element bound to the survey header object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.htmlElement` - an HTML element bound to the survey header object.
   */
   onAfterRenderHeader: EventBase<SurveyModel>;
   /*
   * The event is fired right after a page is rendered in DOM. Use it to modify HTML elements.
-  * `sender` - the survey object that fires the event.
-  * `options.page` - a page object for which the event is fired. Typically the current/active page.
-  * `options.htmlElement` - an HTML element bound to the page object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.page` - a page object for which the event is fired. Typically the current/active page.
+  * - `options.htmlElement` - an HTML element bound to the page object.
   */
   onAfterRenderPage: EventBase<SurveyModel>;
   /*
   * The event is fired right after a question is rendered in DOM. Use it to modify HTML elements.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a question object for which the event is fired.
-  * `options.htmlElement` - an HTML element bound to the question object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a question object for which the event is fired.
+  * - `options.htmlElement` - an HTML element bound to the question object.
   */
   onAfterRenderQuestion: EventBase<SurveyModel>;
   /*
   * The event is fired right after a non-composite question (text, comment, dropdown, radiogroup, checkbox) is rendered in DOM. Use it to modify HTML elements.
   * This event is not fired for matrices, panels, multiple text and image picker.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a question object for which the event is fired.
-  * `options.htmlElement` - an HTML element bound to the question object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a question object for which the event is fired.
+  * - `options.htmlElement` - an HTML element bound to the question object.
   */
   onAfterRenderQuestionInput: EventBase<SurveyModel>;
   /*
   * The event is fired right after a panel is rendered in DOM. Use it to modify HTML elements.
-  * `sender` - the survey object that fires the event
-  * `options.panel` - a panel object for which the event is fired
-  * `options.htmlElement` - an HTML element bound to the panel object
+  * - `sender` - the survey object that fires the event
+  * - `options.panel` - a panel object for which the event is fired
+  * - `options.htmlElement` - an HTML element bound to the panel object
   */
   onAfterRenderPanel: EventBase<SurveyModel>;
   /*
   * The event occurs when an element within a question gets focus.
-  * `sender` - A [survey](https://surveyjs.io/Documentation/Library?id=surveymodel) object that fires the event.
-  * `options.question` - A [question](https://surveyjs.io/Documentation/Library?id=Question) whose child element gets focus.
+  * - `sender` - A [survey](https://surveyjs.io/Documentation/Library?id=surveymodel) object that fires the event.
+  * - `options.question` - A [question](https://surveyjs.io/Documentation/Library?id=Question) whose child element gets focus.
   */
   onFocusInQuestion: EventBase<SurveyModel>;
   /*
   * The event occurs when an element within a panel gets focus.
-  * `sender` - A [survey](https://surveyjs.io/Documentation/Library?id=surveymodel) object that fires the event.
-  * `options.panel` - A [panel](https://surveyjs.io/Documentation/Library?id=PanelModelBase) whose child element gets focus.
+  * - `sender` - A [survey](https://surveyjs.io/Documentation/Library?id=surveymodel) object that fires the event.
+  * - `options.panel` - A [panel](https://surveyjs.io/Documentation/Library?id=PanelModelBase) whose child element gets focus.
   */
   onFocusInPanel: EventBase<SurveyModel>;
   /*
@@ -4004,123 +4036,123 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   onShowingChoiceItem: EventBase<SurveyModel>;
   /*
   * The event is fired on adding a new row in Matrix Dynamic question.
-  * `sender` - the survey object that fires the event
-  * `options.question` - a matrix question.
-  * `options.row` - a new added row.
+  * - `sender` - the survey object that fires the event
+  * - `options.question` - a matrix question.
+  * - `options.row` - a new added row.
   */
   onMatrixRowAdded: EventBase<SurveyModel>;
   /*
   * The event is fired before adding a new row in Matrix Dynamic question.
-  * `sender` - the survey object that fires the event
-  * `options.question` - a matrix question.
-  * `options.canAddRow` - specifies whether a new row can be added
+  * - `sender` - the survey object that fires the event
+  * - `options.question` - a matrix question.
+  * - `options.canAddRow` - specifies whether a new row can be added
   */
   onMatrixBeforeRowAdded: EventBase<SurveyModel>;
   /*
   * The event is fired before removing a row from Matrix Dynamic question. You can disable removing and clear the data instead.
-  * `sender` - the survey object that fires the event
-  * `options.question` - a matrix question.
-  * `options.rowIndex` - a row index.
-  * `options.row` - a row object.
-  * `options.allow` - a boolean property. Set it to `false` to disable the row removing.
+  * - `sender` - the survey object that fires the event
+  * - `options.question` - a matrix question.
+  * - `options.rowIndex` - a row index.
+  * - `options.row` - a row object.
+  * - `options.allow` - a boolean property. Set it to `false` to disable the row removing.
   */
   onMatrixRowRemoving: EventBase<SurveyModel>;
   /*
   * The event is fired on removing a row from Matrix Dynamic question.
-  * `sender` - the survey object that fires the event
-  * `options.question` - a matrix question
-  * `options.rowIndex` - a removed row index
-  * `options.row` - a removed row object
+  * - `sender` - the survey object that fires the event
+  * - `options.question` - a matrix question
+  * - `options.rowIndex` - a removed row index
+  * - `options.row` - a removed row object
   */
   onMatrixRowRemoved: EventBase<SurveyModel>;
   /*
   * The event is fired before rendering "Remove" button for removing a row from Matrix Dynamic question.
-  * `sender` - the survey object that fires the event
-  * `options.question` - a matrix question.
-  * `options.rowIndex` - a row index.
-  * `options.row` - a row object.
-  * `options.allow` - a boolean property. Set it to `false` to disable the row removing.
+  * - `sender` - the survey object that fires the event
+  * - `options.question` - a matrix question.
+  * - `options.rowIndex` - a row index.
+  * - `options.row` - a row object.
+  * - `options.allow` - a boolean property. Set it to `false` to disable the row removing.
   */
   onMatrixAllowRemoveRow: EventBase<SurveyModel>;
   /*
   * The event is fired before creating cell question in the matrix. You can change the cell question type by setting different options.cellType.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the matrix question.
-  * `options.cellType` - the cell question type. You can change it.
-  * `options.rowValue` - the value of the current row. To access a particular column's value within the current row, use: `options.rowValue["columnValue"]`.
-  * `options.column` - the matrix column object.
-  * `options.columnName` - the matrix column name.
-  * `options.row` - the matrix row object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the matrix question.
+  * - `options.cellType` - the cell question type. You can change it.
+  * - `options.rowValue` - the value of the current row. To access a particular column's value within the current row, use: `options.rowValue["columnValue"]`.
+  * - `options.column` - the matrix column object.
+  * - `options.columnName` - the matrix column name.
+  * - `options.row` - the matrix row object.
   */
   onMatrixCellCreating: EventBase<SurveyModel>;
   /*
   * The event is fired for every cell created in Matrix Dynamic and Matrix Dropdown questions.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the matrix question.
-  * `options.cell` - the matrix cell.
-  * `options.cellQuestion` - the question/editor in the cell. You may customize it, change it's properties, like choices or visible.
-  * `options.rowValue` - the value of the current row. To access a particular column's value within the current row, use: `options.rowValue["columnValue"]`.
-  * `options.column` - the matrix column object.
-  * `options.columnName` - the matrix column name.
-  * `options.row` - the matrix row object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the matrix question.
+  * - `options.cell` - the matrix cell.
+  * - `options.cellQuestion` - the question/editor in the cell. You may customize it, change it's properties, like choices or visible.
+  * - `options.rowValue` - the value of the current row. To access a particular column's value within the current row, use: `options.rowValue["columnValue"]`.
+  * - `options.column` - the matrix column object.
+  * - `options.columnName` - the matrix column name.
+  * - `options.row` - the matrix row object.
   */
   onMatrixCellCreated: EventBase<SurveyModel>;
   /*
   * The event is fired for every cell after is has been rendered in DOM.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the matrix question.
-  * `options.cell` - the matrix cell.
-  * `options.cellQuestion` - the question/editor in the cell.
-  * `options.htmlElement` - an HTML element bound to the `cellQuestion` object.
-  * `options.column` - the matrix column object.
-  * `options.row` - the matrix row object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the matrix question.
+  * - `options.cell` - the matrix cell.
+  * - `options.cellQuestion` - the question/editor in the cell.
+  * - `options.htmlElement` - an HTML element bound to the `cellQuestion` object.
+  * - `options.column` - the matrix column object.
+  * - `options.row` - the matrix row object.
   */
   onMatrixAfterCellRender: EventBase<SurveyModel>;
   /*
   * The event is fired when cell value is changed in Matrix Dynamic and Matrix Dropdown questions.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the matrix question.
-  * `options.columnName` - the matrix column name.
-  * `options.value` - a new value.
-  * `options.row` - the matrix row object.
-  * `options.getCellQuestion(columnName)` - the function that returns the cell question by column name.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the matrix question.
+  * - `options.columnName` - the matrix column name.
+  * - `options.value` - a new value.
+  * - `options.row` - the matrix row object.
+  * - `options.getCellQuestion(columnName)` - the function that returns the cell question by column name.
   */
   onMatrixCellValueChanged: EventBase<SurveyModel>;
   /*
   * The event is fired on changing cell value in Matrix Dynamic and Matrix Dropdown questions. You may change the `options.value` property to change a cell value.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the matrix question.
-  * `options.columnName` - the matrix column name.
-  * `options.value` - a new value.
-  * `options.oldValue` - the old value.
-  * `options.row` - the matrix row object.
-  * `options.getCellQuestion(columnName)` - the function that returns a cell question by column name.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the matrix question.
+  * - `options.columnName` - the matrix column name.
+  * - `options.value` - a new value.
+  * - `options.oldValue` - the old value.
+  * - `options.row` - the matrix row object.
+  * - `options.getCellQuestion(columnName)` - the function that returns a cell question by column name.
   */
   onMatrixCellValueChanging: EventBase<SurveyModel>;
   /*
   * The event is fired when Matrix Dynamic and Matrix Dropdown questions validate the cell value.
-  * `sender` - the survey object that fires the event.
-  * `options.error` - an error string. It is empty by default.
-  * `options.question` - the matrix question.
-  * `options.columnName` - the matrix column name.
-  * `options.value` - a cell value.
-  * `options.row` - the matrix row object.
-  * `options.getCellQuestion(columnName)` - the function that returns the cell question by column name.
+  * - `sender` - the survey object that fires the event.
+  * - `options.error` - an error string. It is empty by default.
+  * - `options.question` - the matrix question.
+  * - `options.columnName` - the matrix column name.
+  * - `options.value` - a cell value.
+  * - `options.row` - the matrix row object.
+  * - `options.getCellQuestion(columnName)` - the function that returns the cell question by column name.
   */
   onMatrixCellValidate: EventBase<SurveyModel>;
   /*
   * The event is fired on adding a new panel in Panel Dynamic question.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a panel question.
-  * `options.panel` - an added panel.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a panel question.
+  * - `options.panel` - an added panel.
   */
   onDynamicPanelAdded: EventBase<SurveyModel>;
   /*
   * The event is fired on removing a panel from Panel Dynamic question.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a panel question.
-  * `options.panelIndex` - a removed panel index.
-  * `options.panel` - a removed panel.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a panel question.
+  * - `options.panelIndex` - a removed panel index.
+  * - `options.panel` - a removed panel.
   */
   onDynamicPanelRemoved: EventBase<SurveyModel>;
   /*
@@ -4129,92 +4161,92 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   onTimer: EventBase<SurveyModel>;
   /*
   * The event is fired before displaying a new information in the Timer Panel. Use it to change the default text.
-  * `sender` - the survey object that fires the event.
-  * `options.text` - the timer panel info text.
+  * - `sender` - the survey object that fires the event.
+  * - `options.text` - the timer panel info text.
   */
   onTimerPanelInfoText: EventBase<SurveyModel>;
   /*
   * The event is fired when item value is changed in Panel Dynamic question.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - the panel question.
-  * `options.panel` - the dynamic panel item.
-  * `options.name` - the item name.
-  * `options.value` - a new value.
-  * `options.itemIndex` - the panel item index.
-  * `options.itemValue` - the panel item object.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - the panel question.
+  * - `options.panel` - the dynamic panel item.
+  * - `options.name` - the item name.
+  * - `options.value` - a new value.
+  * - `options.itemIndex` - the panel item index.
+  * - `options.itemValue` - the panel item object.
   */
   onDynamicPanelItemValueChanged: EventBase<SurveyModel>;
   /*
   * Use this event to define, whether an answer to a question is correct or not.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - a question on which you have to decide if the answer is correct or not.
-  * `options.result` - returns `true`, if an answer is correct, or `false`, if the answer is not correct. Use questions' `value` and `correctAnswer` properties to return the correct value.
-  * `options.correctAnswers` - you may change the default number of correct or incorrect answers in the question, for example for matrix, where each row is a quiz question.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - a question on which you have to decide if the answer is correct or not.
+  * - `options.result` - returns `true`, if an answer is correct, or `false`, if the answer is not correct. Use questions' `value` and `correctAnswer` properties to return the correct value.
+  * - `options.correctAnswers` - you may change the default number of correct or incorrect answers in the question, for example for matrix, where each row is a quiz question.
   */
   onIsAnswerCorrect: EventBase<SurveyModel>;
   /*
   * Use this event to control drag&drop operations during design mode.
-  * `sender` - the survey object that fires the event.
-  * `options.allow` - set it to `false` to disable dragging.
-  * `options.target` - a target element that is dragged.
-  * `options.source` - a source element. It can be `null`, if it is a new element, dragging from toolbox.
-  * `options.parent` - a page or panel where target element is dragging.
-  * `options.insertBefore` - an element before the target element is dragging. It can be `null` if parent container (page or panel) is empty or dragging an element after the last element in a container.
-  * `options.insertAfter` - an element after the target element is dragging. It can be `null` if parent container (page or panel) is empty or dragging element to the first position within the parent container.
+  * - `sender` - the survey object that fires the event.
+  * - `options.allow` - set it to `false` to disable dragging.
+  * - `options.target` - a target element that is dragged.
+  * - `options.source` - a source element. It can be `null`, if it is a new element, dragging from toolbox.
+  * - `options.parent` - a page or panel where target element is dragging.
+  * - `options.insertBefore` - an element before the target element is dragging. It can be `null` if parent container (page or panel) is empty or dragging an element after the last element in a container.
+  * - `options.insertAfter` - an element after the target element is dragging. It can be `null` if parent container (page or panel) is empty or dragging element to the first position within the parent container.
   */
   onDragDropAllow: EventBase<SurveyModel>;
   /*
   * Use this event to control scrolling element to top. You can cancel the default behavior by setting options.cancel property to true.
-  * `sender` - the survey object that fires the event.
-  * `options.element` - an element that is going to be scrolled on top.
-  * `options.question` - a question that is going to be scrolled on top. It can be null if options.page is not null.
-  * `options.page` - a page that is going to be scrolled on top. It can be null if options.question is not null.
-  * `options.elementId` - the unique element DOM Id.
-  * `options.cancel` - set this property to true to cancel the default scrolling.
+  * - `sender` - the survey object that fires the event.
+  * - `options.element` - an element that is going to be scrolled on top.
+  * - `options.question` - a question that is going to be scrolled on top. It can be null if options.page is not null.
+  * - `options.page` - a page that is going to be scrolled on top. It can be null if options.question is not null.
+  * - `options.elementId` - the unique element DOM Id.
+  * - `options.cancel` - set this property to true to cancel the default scrolling.
   */
   onScrollingElementToTop: EventBase<SurveyModel>;
   onLocaleChangedEvent: EventBase<SurveyModel>;
   /*
   * Use this event to create/customize actions to be displayed in a question's title.
-  * `sender` - A [Survey](https://surveyjs.io/Documentation/Library?id=SurveyModel) object that fires the event.
-  * `options.question` - A [Question](https://surveyjs.io/Documentation/Library?id=Question) object for which the event is fired.
-  * `options.titleActions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed question.
+  * - `sender` - A [Survey](https://surveyjs.io/Documentation/Library?id=SurveyModel) object that fires the event.
+  * - `options.question` - A [Question](https://surveyjs.io/Documentation/Library?id=Question) object for which the event is fired.
+  * - `options.titleActions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed question.
   */
   onGetQuestionTitleActions: EventBase<SurveyModel>;
   /*
   * Use this event to create/customize actions to be displayed in a panel's title.
-  * `sender` - A survey object that fires the event.
-  * `options.panel` - A panel ([PanelModel](https://surveyjs.io/Documentation/Library?id=panelmodel) object) for which the event is fired.
-  * `options.titleActions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed panel.
+  * - `sender` - A survey object that fires the event.
+  * - `options.panel` - A panel ([PanelModel](https://surveyjs.io/Documentation/Library?id=panelmodel) object) for which the event is fired.
+  * - `options.titleActions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed panel.
   */
   onGetPanelTitleActions: EventBase<SurveyModel>;
   /*
   * Use this event to create/customize actions to be displayed in a page's title.
-  * `sender` - A survey object that fires the event.
-  * `options.page` - A page ([PageModel](https://surveyjs.io/Documentation/Library?id=pagemodel) object) for which the event is fired.
-  * `options.titleActions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed page.
+  * - `sender` - A survey object that fires the event.
+  * - `options.page` - A page ([PageModel](https://surveyjs.io/Documentation/Library?id=pagemodel) object) for which the event is fired.
+  * - `options.titleActions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed page.
   */
   onGetPageTitleActions: EventBase<SurveyModel>;
   /*
   * Use this event to create/customize actions to be displayed in a matrix question's row.
-  * `sender` - A survey object that fires the event.
-  * `options.question` - A matrix question ([QuestionMatrixBaseModel](https://surveyjs.io/Documentation/Library?id=questionmatrixbasemodel) object) for which the event is fired.
-  * `options.row` - A matrix row for which the event is fired.
-  * `options.actions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed matrix question and row.
+  * - `sender` - A survey object that fires the event.
+  * - `options.question` - A matrix question ([QuestionMatrixBaseModel](https://surveyjs.io/Documentation/Library?id=questionmatrixbasemodel) object) for which the event is fired.
+  * - `options.row` - A matrix row for which the event is fired.
+  * - `options.actions` - A list of actions ([IAction](https://surveyjs.io/Documentation/Library?id=IAction) objects) associated with the processed matrix question and row.
   */
   onGetMatrixRowActions: EventBase<SurveyModel>;
   /*
   * The event is fired after the survey element content was collapsed or expanded.
-  * `sender` - the survey object that fires the event.
-  * `options.element` - Specifies which survey element content was collapsed or expanded.
+  * - `sender` - the survey object that fires the event.
+  * - `options.element` - Specifies which survey element content was collapsed or expanded.
   */
   onElementContentVisibilityChanged: EventBase<SurveyModel>;
   /*
   * The event is fired before expression question convert it's value into display value for rendering.
-  * `sender` - the survey object that fires the event.
-  * `options.question` - The expression question.
-  * `options.value` - The question value.
-  * `options.displayValue` - the display value that you can change before rendering.
+  * - `sender` - the survey object that fires the event.
+  * - `options.question` - The expression question.
+  * - `options.value` - The question value.
+  * - `options.displayValue` - the display value that you can change before rendering.
   */
   onGetExpressionDisplayValue: EventBase<SurveyModel>;
   /*
@@ -5031,6 +5063,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * Gets whether the question values on the current page are validating on the server at the current moment.
   */
   get isValidatingOnServer(): boolean;
+  serverValidationEventCount: number;
   protected onIsValidatingOnServerChanged(): void;
   protected doServerValidation(doComplete: boolean, isPreview?: boolean): boolean;
   protected doNextPage(): void;
@@ -5088,7 +5121,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   get isValidateOnValueChanging(): boolean;
   get isValidateOnValueChanged(): boolean;
   matrixCellValidate(question: IQuestion, options: any): SurveyError;
-  dynamicPanelAdded(question: IQuestion): void;
+  dynamicPanelAdded(question: IQuestion, panelIndex?: number, panel?: IPanel): void;
   dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): void;
   dynamicPanelItemValueChanged(question: IQuestion, options: any): void;
   dragAndDropAllow(options: any): boolean;
@@ -5621,6 +5654,8 @@ export declare class SurveyQuestionMultipleText extends SurveyQuestionElementBas
 }
 export declare class SurveyQuestionOptionItem extends ReactSurveyElement {
   constructor(props: any);
+  componentDidUpdate(prevProps: any, prevState: any): void;
+  componentWillUnmount(): void;
   protected getStateElement(): Base;
   protected canRender(): boolean;
   protected renderElement(): JSX.Element;
@@ -6717,7 +6752,6 @@ export declare class SurveyQuestionPanelDynamicItem extends SurveyPanel {
   constructor(props: any);
   protected getSurvey(): SurveyModel;
   protected getCss(): any;
-  handleOnPanelRemoveClick(event: any): void;
   render(): JSX.Element;
   protected renderButton(): JSX.Element;
 }
@@ -6735,6 +6769,11 @@ export declare class SurveyQuestionPanelDynamicProgressText extends SurveyQuesti
   constructor(props: any);
   protected renderElement(): JSX.Element;
 }
+export declare class SurveyQuestionPanelDynamicRemoveButton extends SurveyQuestionPanelDynamicAction {
+  constructor(props: any);
+  protected handleClick: (event: any) => void;
+  protected renderElement(): JSX.Element;
+}
 export declare class SurveyQuestionText extends SurveyQuestionUncontrolledElement<QuestionTextModel> {
   constructor(props: any);
   _isWaitingForEnter: boolean;
@@ -7353,6 +7392,7 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
   visibleRowsChangedCallback: any;
   protected createColumnValues(): any;
   getType(): string;
+  endLoadingFromJson(): void;
   get isCompositeQuestion(): boolean;
   /*
   * Set this property to false, to hide table header. The default value is true.
@@ -7390,6 +7430,7 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
   protected filterItems(): boolean;
   protected onColumnsChanged(): void;
   protected onRowsChanged(): void;
+  protected updateVisibilityBasedOnRows(): void;
   protected shouldRunColumnExpression(): boolean;
   protected hasRowsAsItems(): boolean;
   protected runItemsCondition(values: any, properties: any): boolean;
@@ -7398,7 +7439,13 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
   protected clearInvisibleValuesInRows(): void;
   needResponsiveWidth(): boolean;
   getTableCss(): string;
+  /*
+  * Aligns matrix cell content in the vertical direction.
+  */
   verticalAlign: "top" | "middle";
+  /*
+  * Specifies whether to apply shading to alternate matrix rows.
+  */
   alternateRows: boolean;
 }
 /*
@@ -7858,10 +7905,10 @@ export declare class QuestionRatingModel extends Question {
   get ratingRootCss(): string;
   getItemClass(item: ItemValue): string;
   getControlClass(): string;
-  get optionsCaption(): string;
-  set optionsCaption(val: string);
-  get locOptionsCaption(): LocalizableString;
-  get showOptionsCaption(): boolean;
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
+  get allowClear(): boolean;
   get renderedValue(): boolean;
   set renderedValue(val: boolean);
   get visibleChoices(): any;
@@ -8379,17 +8426,16 @@ export declare class QuestionCustomModel extends QuestionCustomModelBase {
 */
 export declare class QuestionDropdownModel extends QuestionSelectBase {
   constructor(name: string);
-  /*
-  * This flag controls whether to show options caption item ('Choose...').
-  */
   get showOptionsCaption(): boolean;
   set showOptionsCaption(val: boolean);
-  /*
-  * Use this property to set the options caption different from the default value. The default value is taken from localization strings.
-  */
   get optionsCaption(): string;
   set optionsCaption(val: string);
-  get locOptionsCaption(): LocalizableString;
+  /*
+  * The input place holder.
+  */
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
   getType(): string;
   get selectedItem(): ItemValue;
   supportGoNextPageAutomatic(): boolean;
@@ -8416,10 +8462,12 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   */
   get autoComplete(): string;
   set autoComplete(val: string);
-  showClearButton: boolean;
+  /*
+  * Use it to clear the question value.
+  */
+  allowClear: boolean;
   itemComponent: string;
   denySearch: boolean;
-  dropdownWidthMode: "contentWidth" | "editorWidth";
   getControlClass(): string;
   get readOnlyText(): any;
   onClear(event: any): void;
@@ -8505,6 +8553,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   static set defaultCellType(val: string);
   static addDefaultColumns(matrix: QuestionMatrixDropdownModelBase): void;
   detailPanelValue: PanelModel;
+  isUniqueCaseSensitiveValue: boolean;
   protected isRowChanging: boolean;
   columnsChangedCallback: any;
   onRenderedTableResetCallback: any;
@@ -8540,6 +8589,12 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   */
   get isColumnLayoutHorizontal(): boolean;
   /*
+  * Set this property to true if you want to differ case sensitive values in unique columns, for example to allow enter "ABC" into the first row and "abc" into the second.
+  * It doesn't allow by default.
+  */
+  get isUniqueCaseSensitive(): boolean;
+  set isUniqueCaseSensitive(val: boolean);
+  /*
   * Set the value to "underRow" to show the detailPanel under the row.
   */
   get detailPanelMode(): string;
@@ -8597,6 +8652,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   get allowAdaptiveActions(): boolean;
   set allowAdaptiveActions(val: boolean);
   getRequiredText(): string;
+  hasChoices(): boolean;
   onColumnPropertyChanged(column: MatrixDropdownColumn, name: string, newValue: any): void;
   onColumnItemValuePropertyChanged(column: MatrixDropdownColumn, propertyName: string, obj: ItemValue, name: string, newValue: any, oldValue: any): void;
   onShowInMultipleColumnsChanged(column: MatrixDropdownColumn): void;
@@ -8634,11 +8690,13 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   get choices(): any;
   set choices(val: any);
   /*
-  * The default options caption for dropdown cell type.
+  * The default placeholder for dropdown cell type.
   */
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
   get optionsCaption(): string;
   set optionsCaption(val: string);
-  get locOptionsCaption(): LocalizableString;
   /*
   * The duplication value error text. Set it to show the text different from the default.
   */
@@ -8788,7 +8846,6 @@ export declare class QuestionMatrixModel extends QuestionMatrixBaseModel<MatrixR
   getConditionJson(operator?: string, path?: string): any;
   protected clearValueIfInvisibleCore(): void;
   protected getFirstInputElementId(): string;
-  protected onRowsChanged(): void;
   onMatrixRowChanged(row: MatrixRowModel): void;
   getCorrectedRowValue(value: any): any;
   protected getSearchableItemValueKeys(keys: any): void;
@@ -9095,6 +9152,11 @@ export declare class QuestionMatrixDropdownModel extends QuestionMatrixDropdownM
   get rowTitleWidth(): string;
   set rowTitleWidth(val: string);
   getRowTitleWidth(): string;
+  /*
+  * Set this property to true to hide the question if there is no visible rows in the matrix.
+  */
+  get hideIfRowsEmpty(): boolean;
+  set hideIfRowsEmpty(val: boolean);
   protected getDisplayValueCore(keysAsText: boolean, value: any): any;
   protected getConditionObjectRowName(index: number): string;
   protected getConditionObjectRowText(index: number): string;
@@ -9290,6 +9352,8 @@ export declare class QuestionRadiogroupModel extends QuestionCheckboxBase {
   get canShowClearButton(): boolean;
   get clearButtonCaption(): string;
   supportGoNextPageAutomatic(): boolean;
+  get showClearButtonInContent(): boolean;
+  protected getDefaultTitleActions(): Array<Action>;
 }
 /*
 * A Model for a ranking question
@@ -10628,6 +10692,7 @@ export declare var defaultV2Css: {
     titleCollapsed: string,
     titleOnExpand: string,
     titleOnError: string,
+    titleBar: string,
     description: string,
     container: string,
     withFrame: string,
@@ -10638,6 +10703,7 @@ export declare var defaultV2Css: {
     requiredText: string,
     header: string,
     collapsed: string,
+    expanded: string,
     nested: string,
     invisible: string,
     navigationButton: string,
@@ -10712,6 +10778,7 @@ export declare var defaultV2Css: {
     titleExpandable: string,
     titleExpanded: string,
     titleCollapsed: string,
+    titleBar: string,
     requiredText: string,
     number: string,
     description: string,
@@ -10725,6 +10792,7 @@ export declare var defaultV2Css: {
     formGroup: string,
     hasError: string,
     collapsed: string,
+    expanded: string,
     nested: string,
     invisible: string,
   },
@@ -10872,7 +10940,6 @@ export declare var defaultV2Css: {
     itemControl: string,
     image: string,
     itemText: string,
-    clearButton: string,
     other: string,
     itemNoImage: string,
     itemNoImageSvgIcon: string,
@@ -11054,6 +11121,7 @@ export declare var defaultV2Css: {
     rootMobileMod: string,
     rootDragMod: string,
     rootDisabled: string,
+    rootDesignMode: string,
     item: string,
     itemContent: string,
     itemIndex: string,