survey-react 1.9.136 → 1.9.137

package/survey.react.d.ts

@@ -650,15 +650,95 @@ declare module "utils/cssClassBuilder" {
         toString(): string;
     }
 }
+declare module "utils/taskmanager" {
+    export interface IExecutable {
+        id?: string;
+        execute: () => void;
+        isCompleted: boolean;
+        dispose?: () => void;
+    }
+    export class Task implements IExecutable {
+        private func;
+        private isMultiple;
+        private _isCompleted;
+        constructor(func: () => void, isMultiple?: boolean);
+        execute: () => void;
+        discard(): void;
+        get isCompleted(): boolean;
+    }
+    export class TaskManger {
+        private interval;
+        private static instance;
+        private static tasks;
+        private constructor();
+        static Instance(): TaskManger;
+        private tick;
+        static schedule(task: IExecutable): void;
+    }
+    export function debounce<T extends (...args: any) => void>(func: T): {
+        run: T;
+        cancel: () => void;
+    };
+}
+declare module "utils/animation" {
+    export interface AnimationOptions {
+        cssClass: string;
+        onBeforeRunAnimation?: (element: HTMLElement) => void;
+        onAfterRunAnimation?: (element: HTMLElement) => void;
+    }
+    export interface IAnimationConsumer<T extends Array<any> = []> {
+        getLeaveOptions(...args: T): AnimationOptions;
+        getEnterOptions(...args: T): AnimationOptions;
+        getAnimatedElement(...args: T): HTMLElement;
+        isAnimationEnabled(): boolean;
+    }
+    export class AnimationUtils {
+        private getMsFromRule;
+        private getAnimationsCount;
+        private getAnimationDuration;
+        private cancelQueue;
+        protected onAnimationEnd(element: HTMLElement, callback: (isCancel?: boolean) => void, options: AnimationOptions): void;
+        protected beforeAnimationRun(element: HTMLElement, options: AnimationOptions | AnimationOptions): void;
+        protected runLeaveAnimation(element: HTMLElement, options: AnimationOptions, callback: () => void): void;
+        protected runEnterAnimation(element: HTMLElement, options: AnimationOptions): void;
+        cancel(): void;
+    }
+    export class AnimationPropertyUtils extends AnimationUtils {
+        onEnter(getElement: () => HTMLElement, options: AnimationOptions): void;
+        onLeave(getElement: () => HTMLElement, callback: () => void, options: AnimationOptions): void;
+    }
+    export class AnimationGroupUtils<T> extends AnimationUtils {
+        onEnter(getElement: (el: T) => HTMLElement, getOptions: (el: T) => AnimationOptions, elements: Array<T>): void;
+        onLeave(getElement: (el: T) => HTMLElement, callback: () => void, getOptions: (el: T) => AnimationOptions, elements: Array<T>): void;
+    }
+    abstract class AnimationProperty<T, S extends Array<any> = []> {
+        protected animationOptions: IAnimationConsumer<S>;
+        protected update: (val: T) => void;
+        protected getCurrentValue: () => T;
+        constructor(animationOptions: IAnimationConsumer<S>, update: (val: T) => void, getCurrentValue: () => T);
+        protected animation: AnimationUtils;
+        protected abstract _sync(newValue: T): void;
+        private _debouncedSync;
+        sync(newValue: T): void;
+        cancel(): void;
+    }
+    export class AnimationBoolean extends AnimationProperty<boolean> {
+        protected animation: AnimationPropertyUtils;
+        protected _sync(newValue: boolean): void;
+    }
+    export class AnimationGroup<T> extends AnimationProperty<Array<T>, [T]> {
+        protected animation: AnimationGroupUtils<T>;
+        protected _sync(newValue: Array<T>): void;
+    }
+}
 declare module "popup-view-model" {
-    import { Base } from "base";
+    import { Base, EventBase } from "base";
     import { PopupModel } from "popup";
     import { CssClassBuilder } from "utils/cssClassBuilder";
     import { ActionContainer } from "actions/container";
+    import { AnimationOptions, IAnimationConsumer } from "utils/animation";
     export const FOCUS_INPUT_SELECTOR = "input:not(:disabled):not([readonly]):not([type=hidden]),select:not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly]), button:not(:disabled):not([readonly]), [tabindex]:not([tabindex^=\"-\"])";
-    export class PopupBaseViewModel extends Base {
-        private static SubscriptionId;
-        private subscriptionId;
+    export class PopupBaseViewModel extends Base implements IAnimationConsumer {
         protected popupSelector: string;
         protected fixedPopupContainer: string;
         protected containerSelector: string;
@@ -670,8 +750,18 @@ declare module "popup-view-model" {
         height: string;
         width: string;
         minWidth: string;
-        isVisible: boolean;
+        _isVisible: boolean;
         locale: string;
+        private updateIsVisible;
+        private visibilityAnimation;
+        getLeaveOptions(): AnimationOptions;
+        getEnterOptions(): AnimationOptions;
+        getAnimatedElement(): HTMLElement;
+        isAnimationEnabled(): boolean;
+        private getAnimationContainer;
+        set isVisible(val: boolean);
+        get isVisible(): boolean;
+        onVisibilityChanged: EventBase<PopupBaseViewModel, any>;
         get container(): HTMLElement;
         private containerElement;
         private createdContainer;
@@ -684,6 +774,7 @@ declare module "popup-view-model" {
         protected createFooterActionBar(): void;
         protected resetDimensionsAndPositionStyleProperties(): void;
         protected onModelChanging(newModel: PopupModel): void;
+        private onModelIsVisibleChangedCallback;
         private setupModel;
         private _model;
         get model(): PopupModel;
@@ -1357,6 +1448,10 @@ declare module "defaultCss/defaultV2Css" {
             edit: string;
         };
         panel: {
+            contentFadeIn: string;
+            contentFadeOut: string;
+            fadeIn: string;
+            fadeOut: string;
             asPage: string;
             number: string;
             title: string;
@@ -1379,6 +1474,8 @@ declare module "defaultCss/defaultV2Css" {
             header: string;
             collapsed: string;
             expanded: string;
+            expandable: string;
+            expandableAnimating: string;
             nested: string;
             invisible: string;
             navigationButton: string;
@@ -1466,8 +1563,14 @@ declare module "defaultCss/defaultV2Css" {
         row: string;
         rowMultiple: string;
         rowCompact: string;
+        rowFadeIn: string;
+        rowFadeOut: string;
         pageRow: string;
         question: {
+            contentFadeIn: string;
+            contentFadeOut: string;
+            fadeIn: string;
+            fadeOut: string;
             mainRoot: string;
             flowRoot: string;
             withFrame: string;
@@ -1510,6 +1613,8 @@ declare module "defaultCss/defaultV2Css" {
             hasErrorTop: string;
             hasErrorBottom: string;
             collapsed: string;
+            expandable: string;
+            expandableAnimating: string;
             expanded: string;
             nested: string;
             invisible: string;
@@ -2334,6 +2439,89 @@ declare module "textPreProcessor" {
         private processTextCore;
     }
 }
+declare module "error" {
+    import { SurveyError } from "survey-error";
+    import { ISurveyErrorOwner } from "base-interfaces";
+    export class AnswerRequiredError extends SurveyError {
+        text: string;
+        constructor(text?: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class OneAnswerRequiredError extends SurveyError {
+        text: string;
+        constructor(text?: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class RequreNumericError extends SurveyError {
+        text: string;
+        constructor(text?: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class ExceedSizeError extends SurveyError {
+        private maxSize;
+        constructor(maxSize: number, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        getDefaultText(): string;
+        private getTextSize;
+    }
+    export class WebRequestError extends SurveyError {
+        status: string;
+        response: string;
+        constructor(status: string, response: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class WebRequestEmptyError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class OtherEmptyError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class UploadingFileError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class RequiredInAllRowsError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class EachRowUniqueError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class MinRowCountError extends SurveyError {
+        minRowCount: number;
+        constructor(minRowCount: number, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class KeyDuplicationError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+        protected getDefaultText(): string;
+    }
+    export class CustomError extends SurveyError {
+        text: string;
+        constructor(text: string, errorOwner?: ISurveyErrorOwner);
+        getErrorType(): string;
+    }
+}
 declare module "question_custom" {
     import { Question, IConditionObject } from "question";
     import { JsonObjectProperty } from "jsonobject";
@@ -2343,6 +2531,7 @@ declare module "question_custom" {
     import { PanelModel } from "panel";
     import { HashTable } from "helpers";
     import { ItemValue } from "itemvalue";
+    import { SurveyError } from "survey-error";
     /**
      * An interface used to create custom question types.
      *
@@ -2561,6 +2750,12 @@ declare module "question_custom" {
          * @see questionJSON
          */
         createQuestion?: any;
+        /**
+         * A function that allows you to display different error texts based on conditions.
+         * @param question A custom question. Use the `question.value` property to access the question's value.
+         * @returns An error text.
+         */
+        getErrorText?: (question: Question) => string;
         valueToQuestion?: (val: any) => any;
         valueFromQuestion?: (val: any) => any;
         getValue?: (val: any) => any;
@@ -2580,6 +2775,7 @@ declare module "question_custom" {
         onPropertyChanged(question: Question, propertyName: string, newValue: any): void;
         onValueChanged(question: Question, name: string, newValue: any): void;
         onValueChanging(question: Question, name: string, newValue: any): any;
+        onGetErrorText(question: Question): string;
         onItemValuePropertyChanged(question: Question, item: ItemValue, propertyName: string, name: string, newValue: any): void;
         getDisplayValue(keyAsText: boolean, value: any, question: Question): any;
         get defaultQuestionTitle(): any;
@@ -2632,6 +2828,7 @@ declare module "question_custom" {
         protected onUpdateQuestionCssClasses(element: Question, css: any): void;
         protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
         protected setNewValue(newValue: any): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
         getSurveyData(): ISurveyData;
         getTextProcessor(): ITextProcessor;
         getValue(name: string): any;
@@ -2771,89 +2968,6 @@ declare module "questionfactory" {
         createElement(elementType: string, name: string): IElement;
     }
 }
-declare module "error" {
-    import { SurveyError } from "survey-error";
-    import { ISurveyErrorOwner } from "base-interfaces";
-    export class AnswerRequiredError extends SurveyError {
-        text: string;
-        constructor(text?: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class OneAnswerRequiredError extends SurveyError {
-        text: string;
-        constructor(text?: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class RequreNumericError extends SurveyError {
-        text: string;
-        constructor(text?: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class ExceedSizeError extends SurveyError {
-        private maxSize;
-        constructor(maxSize: number, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        getDefaultText(): string;
-        private getTextSize;
-    }
-    export class WebRequestError extends SurveyError {
-        status: string;
-        response: string;
-        constructor(status: string, response: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class WebRequestEmptyError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class OtherEmptyError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class UploadingFileError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class RequiredInAllRowsError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class EachRowUniqueError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class MinRowCountError extends SurveyError {
-        minRowCount: number;
-        constructor(minRowCount: number, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class KeyDuplicationError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-        protected getDefaultText(): string;
-    }
-    export class CustomError extends SurveyError {
-        text: string;
-        constructor(text: string, errorOwner?: ISurveyErrorOwner);
-        getErrorType(): string;
-    }
-}
 declare module "drag-drop-helper-v1" {
     import { IElement, ISurveyElement } from "base-interfaces";
     export class DragDropInfo {
@@ -2896,6 +3010,7 @@ declare module "panel" {
     import { IAction } from "actions/action";
     import { ActionContainer } from "actions/container";
     import { DragDropInfo } from "drag-drop-helper-v1";
+    import { AnimationGroup } from "utils/animation";
     export class QuestionRowModel extends Base {
         panel: PanelModelBase;
         private static rowCounter;
@@ -2911,8 +3026,13 @@ declare module "panel" {
         setIsLazyRendering(val: boolean): void;
         isLazyRendering(): boolean;
         get id(): string;
+        protected equalsCore(obj: Base): boolean;
         get elements(): Array<IElement>;
+        private getVisibleElementsAnimationOptions;
+        visibleElementsAnimation: AnimationGroup<IElement>;
+        set visibleElements(val: Array<IElement>);
         get visibleElements(): Array<IElement>;
+        onVisibleChangedCallback: () => void;
         get visible(): boolean;
         set visible(val: boolean);
         get isNeedRender(): boolean;
@@ -2924,11 +3044,12 @@ declare module "panel" {
         private getRenderedCalcWidth;
         private getElementWidth;
         private getRenderedWidthFromWidth;
-        private calcVisible;
-        private needToUpdateVisibleElements;
         dragTypeOverMe: DragTypeOverMeEnum;
         dispose(): void;
         getRowCss(): string;
+        private rootElement?;
+        setRootElement(element?: HTMLElement): void;
+        getRootElement(): HTMLElement;
     }
     /**
      * A base class for the [PanelModel](https://surveyjs.io/form-library/documentation/panelmodel) and [PageModel](https://surveyjs.io/form-library/documentation/pagemodel) classes.
@@ -2943,6 +3064,13 @@ declare module "panel" {
         removeElementCallback: (element: IElement) => void;
         onGetQuestionTitleLocation: () => string;
         private dragDropPanelHelper;
+        onAddRow(row: QuestionRowModel): void;
+        private getRowsAnimationOptions;
+        private rowsAnimation;
+        get visibleRows(): Array<QuestionRowModel>;
+        set visibleRows(val: Array<QuestionRowModel>);
+        onRemoveRow(row: QuestionRowModel): void;
+        onRowVisibleChanged(): void;
         constructor(name?: string);
         getType(): string;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -3214,7 +3342,8 @@ declare module "panel" {
          * @see visible
          */
         get isVisible(): boolean;
-        getIsPageVisible(exceptionQuestion: IQuestion): boolean;
+        getIsContentVisible(exceptionQuestion?: IQuestion): boolean;
+        getIsPageVisible(exceptionQuestion?: IQuestion): boolean;
         private lastVisibleIndex;
         setVisibleIndex(index: number): number;
         private updateVisibleIndexes;
@@ -4833,10 +4962,9 @@ declare module "question_matrixdropdowncolumn" {
         get locTitle(): LocalizableString;
         get fullTitle(): string;
         /**
-         * Marks the column as required. If a respondent skips any cell in a required column, the matrix displays a validation error.
+         * Marks the column as required. If a respondent skips any cell in a required column, the matrix displays a [validation error](#requiredErrorText).
          *
          * If you want to mark the column as required based on a condition, specify the [`requiredIf`](#requiredIf) property.
-         * @see requiredErrorText
          * @see visible
          * @see readOnly
          */
@@ -8260,6 +8388,8 @@ declare module "question_text" {
         onSurveyLoad(): void;
         /**
          * A value passed on to the [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) attribute of the underlying `<input>` element.
+         *
+         * Default value: `"text"`
          */
         get inputType(): string;
         set inputType(val: string);
@@ -8390,6 +8520,7 @@ declare module "question_multipletext" {
     import { SurveyError } from "survey-error";
     import { ILocalizableOwner, LocalizableString } from "localizablestring";
     import { HashTable } from "helpers";
+    import { InputMaskBase } from "mask/mask_base";
     export interface IMultipleTextData extends ILocalizableOwner, IPanel {
         getSurvey(): ISurvey;
         getTextProcessor(): ITextProcessor;
@@ -8405,9 +8536,9 @@ declare module "question_multipletext" {
         get a11y_input_ariaDescribedBy(): string;
     }
     /**
-     * A class that describes an item in a [Multiple Textboxes](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
+     * A class that describes an [item](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model#items) in a Multiple Textboxes question.
      *
-     * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/)
+     * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/ (linkStyle))
      */
     export class MultipleTextItemModel extends Base implements IValidatorOwner, ISurveyData, ISurveyImpl {
         private editorValue;
@@ -8418,7 +8549,10 @@ declare module "question_multipletext" {
         get id(): string;
         getOriginalObj(): Base;
         /**
-         * The item name.
+         * An item ID that is not visible to respondents.
+         *
+         * > Item IDs must be unique.
+         * @see title
          */
         get name(): string;
         set name(val: string);
@@ -8431,33 +8565,34 @@ declare module "question_multipletext" {
         setData(data: IMultipleTextData): void;
         focusIn: () => void;
         /**
-         * Set this property to true, to make the item a required. If a user doesn't fill the item then a validation error will be generated.
+         * Marks the item as required. If a respondent leaves this item empty, the question displays a [validation error](#requiredErrorText).
          */
         get isRequired(): boolean;
         set isRequired(val: boolean);
         /**
-         * Use this property to change the default input type.
+         * A value passed on to the [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) attribute of the underlying `<input>` element.
+         *
+         * Default value: `"text"`
          */
         get inputType(): string;
         set inputType(val: string);
         /**
-         * Item title. If it is empty, the item name is rendered as title. This property supports markdown.
-         * @see name
+         * A user-friendly item label to display. If `title` is undefined, [`name`](https://surveyjs.io/form-library/documentation/api-reference/multipletextitemmodel#name) is displayed instead.
          */
         get title(): string;
         set title(val: string);
         get locTitle(): LocalizableString;
         get fullTitle(): string;
         /**
-         * The maximum text length. If it is -1, defaul value, then the survey maxTextLength property will be used.
-         * If it is 0, then the value is unlimited
-         * @see SurveyModel.maxTextLength
+         * The maximum text length measured in characters. Assign 0 if the length should be unlimited.
+         *
+         * Default value: -1 (inherits the actual value from the `SurveyModel`'s [`maxTextLength`](https://surveyjs.io/form-library/documentation/surveymodel#maxTextLength) property).
          */
         get maxLength(): number;
         set maxLength(val: number);
         getMaxLength(): any;
         /**
-         * The input place holder.
+         * A placeholder for the input field.
          */
         get placeholder(): string;
         set placeholder(val: string);
@@ -8466,39 +8601,83 @@ declare module "question_multipletext" {
         set placeHolder(val: string);
         get locPlaceHolder(): LocalizableString;
         /**
-         * The custom text that will be shown on required error. Use this property, if you do not want to show the default text.
+         * Specifies a custom error message for a [required item](#isRequired).
          */
         get requiredErrorText(): string;
         set requiredErrorText(val: string);
         get locRequiredErrorText(): LocalizableString;
         /**
-         * The input size.
+         * A value passed on to the [`size`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size) attribute of the underlying `<input>` element.
+         *
+         * If you want to set a uniform `size` for all text box items, use the [`itemSize`](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model#itemSize) within the Multiple Textboxes configuration.
          */
         get size(): number;
         set size(val: number);
         /**
-         * An expression used to calculate the [defaultValue](https://surveyjs.io/form-library/documentation/question#defaultValue).
+         * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the default item value.
+         * @see minValueExpression
+         * @see maxValueExpression
          */
         get defaultValueExpression(): string;
         set defaultValueExpression(val: string);
         /**
-         * The minimum value specified as an expression. For example, `"minValueExpression": "today(-1)"` sets the minimum value to yesterday.
+         * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the minimum item value.
+         * @see maxValueExpression
+         * @see defaultValueExpression
          */
         get minValueExpression(): string;
         set minValueExpression(val: string);
         /**
-         * The maximum value specified as an expression. For example, `"maxValueExpression": "today(1)"` sets the maximum value to tomorrow.
+         * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the maximum item value.
+         * @see minValueExpression
+         * @see defaultValueExpression
          */
         get maxValueExpression(): string;
         set maxValueExpression(val: string);
         /**
-         * The list of question validators.
+         * Item validators.
+         *
+         * [Data Validation](https://surveyjs.io/form-library/documentation/data-validation (linkStyle))
          */
         get validators(): Array<SurveyValidator>;
         set validators(val: Array<SurveyValidator>);
         getValidators(): Array<SurveyValidator>;
         /**
-         * The item value.
+         * Specifies the type of a mask applied to the input.
+         *
+         * Possible values:
+         *
+         * - `"none"` (default)
+         * - `"numeric"`
+         * - `"currency"`
+         * - `"datetime"`
+         * - `"pattern"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         * @see maskSettings
+         */
+        get maskType(): string;
+        set maskType(val: string);
+        /**
+         * An object with properties that configure the mask applied to the input.
+         *
+         * Available properties depend on the specified [`maskType`](#maskType) and belong to corresponding classes. Refer to the class APIs for a full list of properties:
+         *
+         * | `maskType` | Class |
+         * | ---------- | ----- |
+         * | `"numeric"` | [`InputMaskNumeric`](https://surveyjs.io/form-library/documentation/api-reference/inputmasknumeric) |
+         * | `"currency"` | [`InputMaskCurrency`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskcurrency) |
+         * | `"datetime"` | [`InputMaskDateTime`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskdatetime) |
+         * | `"pattern"` | [`InputMaskPattern`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern) |
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+         */
+        get maskSettings(): InputMaskBase;
+        set maskSettings(val: InputMaskBase);
+        get inputTextAlignment(): "left" | "right" | "auto";
+        set inputTextAlignment(val: "left" | "right" | "auto");
+        /**
+         * An item value.
          */
         get value(): any;
         set value(value: any);
@@ -8545,9 +8724,9 @@ declare module "question_multipletext" {
         private editorsOnSurveyLoad;
         private performForEveryEditor;
         /**
-         * Gets or sets an array of `MultipleTextItemModel` objects that represent input items.
+         * Gets or sets an array of [`MultipleTextItemModel`](https://surveyjs.io/form-library/documentation/api-reference/multipletextitemmodel) objects that represent input items.
          *
-         * This property accepts an array of objects with the following structure:
+         * Each object in this array should have at least the following properties:
          *
          * ```js
          * {
@@ -8570,6 +8749,7 @@ declare module "question_multipletext" {
          */
         addItem(name: string, title?: string): MultipleTextItemModel;
         getItemByName(name: string): MultipleTextItemModel;
+        getElementsInDesign(includeHidden?: boolean): Array<IElement>;
         addConditionObjectsByContext(objects: Array<IConditionObject>, context: any): void;
         protected collectNestedQuestionsCore(questions: Question[], visibleOnly: boolean): void;
         getConditionJson(operator?: string, path?: string): any;
@@ -12007,7 +12187,7 @@ declare module "survey-element" {
         protected setPage(parent: IPanel, newPage: IPage): void;
         protected getSearchableLocKeys(keys: Array<string>): void;
         get isDefaultV2Theme(): boolean;
-        get hasParent(): any;
+        get hasParent(): boolean;
         isSingleInRow: boolean;
         private shouldAddRunnerStyles;
         protected get isCompact(): boolean;
@@ -12082,6 +12262,20 @@ declare module "survey-element" {
         protected getAdditionalTitleToolbar(): ActionContainer | null;
         protected getCssTitle(cssClasses: any): string;
         localeChanged(): void;
+        private wrapperElement?;
+        setWrapperElement(element?: HTMLElement): void;
+        getWrapperElement(): HTMLElement;
+        private _renderedIsExpanded;
+        private _isAnimatingCollapseExpand;
+        private set isAnimatingCollapseExpand(value);
+        private get isAnimatingCollapseExpand();
+        private getExpandCollapseAnimationOptions;
+        private animationCollapsed;
+        set renderedIsExpanded(val: boolean);
+        get renderedIsExpanded(): boolean;
+        private animationAllowedValue;
+        get animationAllowed(): boolean;
+        set animationAllowed(val: boolean);
         dispose(): void;
     }
 }
@@ -14895,12 +15089,12 @@ declare module "base" {
         private getValueInLowCase;
         getElementsInDesign(includeHidden?: boolean): Array<IElement>;
     }
-    export class ArrayChanges {
+    export class ArrayChanges<T = any> {
         index: number;
         deleteCount: number;
-        itemsToAdd: any[];
-        deletedItems: any[];
-        constructor(index: number, deleteCount: number, itemsToAdd: any[], deletedItems: any[]);
+        itemsToAdd: T[];
+        deletedItems: T[];
+        constructor(index: number, deleteCount: number, itemsToAdd: T[], deletedItems: T[]);
     }
     export class Event<CallbackFunction extends Function, Sender, Options> {
         onCallbacksChanged: () => void;
@@ -16617,7 +16811,7 @@ declare module "dragdrop/ranking-choices" {
         protected updateDraggedElementShortcut(newIndex: number): void;
         protected ghostPositionChanged(): void;
         protected doBanDropHere: () => any;
-        protected doDrop: () => any;
+        protected doDrop(): any;
         clear(): void;
     }
 }
@@ -16636,21 +16830,26 @@ declare module "dragdrop/ranking-select-to-rank" {
             fromIndex: number;
             toIndex: number;
         };
+        protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
         private doUIEffects;
         private get isDraggedElementRanked();
         private get isDropTargetRanked();
         private get isDraggedElementUnranked();
         private get isDropTargetUnranked();
-        selectToRank(questionModel: QuestionRankingModel, fromIndex: number, toIndex: number): void;
-        unselectFromRank(questionModel: QuestionRankingModel, fromIndex: number, toIndex?: number): void;
-        reorderRankedItem(questionModel: QuestionRankingModel, fromIndex: number, toIndex: number): void;
+        private updateChoices;
+        selectToRank: (questionModel: QuestionRankingModel, fromIndex: number, toIndex: number) => void;
+        unselectFromRank: (questionModel: QuestionRankingModel, fromIndex: number, toIndex?: number) => void;
+        reorderRankedItem: (questionModel: QuestionRankingModel, fromIndex: number, toIndex: number, dropTargetNode?: HTMLElement) => void;
+        clear(): void;
     }
 }
 declare module "question_ranking" {
     import { ISurveyImpl } from "base-interfaces";
     import { DragDropRankingChoices } from "dragdrop/ranking-choices";
+    import { DragDropRankingSelectToRank } from "dragdrop/ranking-select-to-rank";
     import { ItemValue } from "itemvalue";
     import { QuestionCheckboxModel } from "question_checkbox";
+    import { AnimationGroup } from "utils/animation";
     /**
      * A class that describes the Ranking question type.
      *
@@ -16670,6 +16869,7 @@ declare module "question_ranking" {
         get ghostPositionCssClass(): string;
         getItemIndexClasses(item: ItemValue): string;
         getNumberByIndex(index: number): string;
+        private updateRankingChoicesSync;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         isAnswerCorrect(): boolean;
         get requireStrictCompare(): boolean;
@@ -16678,16 +16878,24 @@ declare module "question_ranking" {
         localeChanged: () => void;
         private addToValueByVisibleChoices;
         private removeFromValueByVisibleChoices;
+        private getChoicesAnimation;
+        private _rankingChoicesAnimation;
+        get rankingChoicesAnimation(): AnimationGroup<ItemValue>;
+        private _unRankingChoicesAnimation;
+        get unRankingChoicesAnimation(): AnimationGroup<ItemValue>;
         get rankingChoices(): Array<ItemValue>;
+        set rankingChoices(val: Array<ItemValue>);
         get unRankingChoices(): Array<ItemValue>;
+        set unRankingChoices(val: Array<ItemValue>);
         private updateRankingChoices;
+        updateUnRankingChoices(newRankingChoices: Array<ItemValue>): void;
         private updateRankingChoicesSelectToRankMode;
         dragDropRankingChoices: DragDropRankingChoices;
         currentDropTarget: ItemValue;
         dropTargetNodeMove: string;
         endLoadingFromJson(): void;
         private setDragDropRankingChoices;
-        protected createDragDropRankingChoices(): DragDropRankingChoices;
+        protected createDragDropRankingChoices(): DragDropRankingChoices | DragDropRankingSelectToRank;
         handlePointerDown: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
         private isDragStartNodeValid;
         private get allowStartDrag();
@@ -18863,6 +19071,7 @@ declare module "entries/core-wo-model" {
     export * from "utils/responsivity-manager";
     export { unwrap, getOriginalEvent, getElement } from "utils/utils";
     export * from "actions/action";
+    export * from "utils/animation";
     export * from "actions/adaptive-container";
     export * from "actions/container";
     export * from "utils/dragOrClickHelper";
@@ -25574,7 +25783,7 @@ declare module "react/components/popup/popup" {
         protected getStateElement(): Base;
         clickInside: (ev: any) => void;
         componentDidUpdate(prevProps: any, prevState: any): void;
-        renderContainer(PopupBaseViewModel: PopupBaseViewModel): JSX.Element;
+        renderContainer(popupBaseViewModel: PopupBaseViewModel): JSX.Element;
         renderHeaderContent(): JSX.Element;
         renderContent(): JSX.Element;
         protected renderHeaderPopup(popupModel: PopupBaseViewModel): JSX.Element | null;
@@ -25814,6 +26023,8 @@ declare module "react/element" {
         private get survey();
         private get creator();
         protected get css(): any;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         protected renderElement(): JSX.Element;
         protected createElement(element: IElement, elementIndex?: number): JSX.Element;
@@ -25862,6 +26073,7 @@ declare module "react/panel-base" {
         componentWillUnmount(): void;
         componentDidUpdate(prevProps: any, prevState: any): void;
         private doAfterRender;
+        protected getIsVisible(): boolean;
         protected canRender(): boolean;
         protected renderRows(css: any): Array<JSX.Element>;
         protected createRow(row: QuestionRowModel, css: any): JSX.Element;
@@ -26027,6 +26239,7 @@ declare module "react/panel" {
         protected renderTitle(): JSX.Element | null;
         protected renderDescription(): JSX.Element | null;
         protected renderBottom(): JSX.Element | null;
+        protected getIsVisible(): boolean;
     }
 }
 declare module "react/flow-panel" {