survey-core 1.9.136 → 1.9.138

package/ts3.4/typings/question_multipletext.d.ts

@@ -6,6 +6,7 @@ import { QuestionTextModel } from "./question_text";
 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;
@@ -21,9 +22,9 @@ export declare class MultipleTextEditorModel extends QuestionTextModel {
     readonly 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 declare class MultipleTextItemModel extends Base implements IValidatorOwner, ISurveyData, ISurveyImpl {
     private editorValue;
@@ -34,7 +35,10 @@ export declare class MultipleTextItemModel extends Base implements IValidatorOwn
     readonly id: string;
     getOriginalObj(): Base;
     /*
-    * The item name.
+    * An item ID that is not visible to respondents.
+    *
+    * > Item IDs must be unique.
+    * @see title
     */
     name: string;
     readonly question: Question;
@@ -46,62 +50,104 @@ export declare class MultipleTextItemModel extends Base implements IValidatorOwn
     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).
     */
     isRequired: 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"`
     */
     inputType: 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.
     */
     title: string;
     readonly locTitle: LocalizableString;
     readonly 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).
     */
     maxLength: number;
     getMaxLength(): any;
     /*
-    * The input place holder.
+    * A placeholder for the input field.
     */
     placeholder: string;
     readonly locPlaceholder: LocalizableString;
     placeHolder: string;
     readonly 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).
     */
     requiredErrorText: string;
     readonly 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.
     */
     size: 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
     */
     defaultValueExpression: 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
     */
     minValueExpression: 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
     */
     maxValueExpression: string;
     /*
-    * The list of question validators.
+    * Item validators.
+    *
+    * [Data Validation](https://surveyjs.io/form-library/documentation/data-validation (linkStyle))
     */
     validators: 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
+    */
+    maskType: 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))
+    */
+    maskSettings: InputMaskBase;
+    inputTextAlignment: "left" | "right" | "auto";
+    /*
+    * An item value.
     */
     value: any;
     isEmpty(): boolean;
@@ -145,9 +191,9 @@ export declare class QuestionMultipleTextModel extends Question implements IMult
     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
     * {
@@ -169,6 +215,7 @@ export declare class QuestionMultipleTextModel extends Question implements IMult
      */
     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;

package/ts3.4/typings/question_ranking.d.ts

@@ -1,7 +1,9 @@
 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.
  *
@@ -21,6 +23,7 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     readonly ghostPositionCssClass: string;
     getItemIndexClasses(item: ItemValue): string;
     getNumberByIndex(index: number): string;
+    private updateRankingChoicesSync;
     setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
     isAnswerCorrect(): boolean;
     readonly requireStrictCompare: boolean;
@@ -29,16 +32,22 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     localeChanged: () => void;
     private addToValueByVisibleChoices;
     private removeFromValueByVisibleChoices;
-    readonly rankingChoices: Array<ItemValue>;
-    readonly unRankingChoices: Array<ItemValue>;
+    private getChoicesAnimation;
+    private _rankingChoicesAnimation;
+    readonly rankingChoicesAnimation: AnimationGroup<ItemValue>;
+    private _unRankingChoicesAnimation;
+    readonly unRankingChoicesAnimation: AnimationGroup<ItemValue>;
+    rankingChoices: Array<ItemValue>;
+    unRankingChoices: 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 readonly allowStartDrag: any;

package/ts3.4/typings/question_text.d.ts

@@ -59,6 +59,8 @@ export declare class QuestionTextModel extends QuestionTextBase {
     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"`
     */
     inputType: string;
     getMaxLength(): any;

package/ts3.4/typings/survey-element.d.ts

@@ -316,7 +316,7 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     protected setPage(parent: IPanel, newPage: IPage): void;
     protected getSearchableLocKeys(keys: Array<string>): void;
     readonly isDefaultV2Theme: boolean;
-    readonly hasParent: any;
+    readonly hasParent: boolean;
     isSingleInRow: boolean;
     private shouldAddRunnerStyles;
     protected readonly isCompact: boolean;
@@ -383,5 +383,16 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     protected getAdditionalTitleToolbar(): ActionContainer | null;
     protected getCssTitle(cssClasses: any): string;
     localeChanged(): void;
+    private wrapperElement?;
+    setWrapperElement(element?: HTMLElement): void;
+    getWrapperElement(): HTMLElement;
+    private _renderedIsExpanded;
+    private _isAnimatingCollapseExpand;
+    private isAnimatingCollapseExpand: any;
+    private getExpandCollapseAnimationOptions;
+    private animationCollapsed;
+    renderedIsExpanded: boolean;
+    private animationAllowedValue;
+    animationAllowed: boolean;
     dispose(): void;
 }

package/ts3.4/typings/utils/animation.d.ts

@@ -0,0 +1,54 @@
+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 declare 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 declare class AnimationPropertyUtils extends AnimationUtils {
+    onEnter(getElement: () => HTMLElement, options: AnimationOptions): void;
+    onLeave(getElement: () => HTMLElement, callback: () => void, options: AnimationOptions): void;
+}
+export declare 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;
+}
+declare 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 declare class AnimationBoolean extends AnimationProperty<boolean> {
+    protected animation: AnimationPropertyUtils;
+    protected _sync(newValue: boolean): void;
+}
+export declare class AnimationGroup<T> extends AnimationProperty<Array<T>, [
+    T
+]> {
+    protected animation: AnimationGroupUtils<T>;
+    protected _sync(newValue: Array<T>): void;
+}
+export {};

package/ts3.4/typings/utils/taskmanager.d.ts

@@ -0,0 +1,28 @@
+export interface IExecutable {
+    id?: string;
+    execute: () => void;
+    isCompleted: boolean;
+    dispose?: () => void;
+}
+export declare class Task implements IExecutable {
+    private func;
+    private isMultiple;
+    private _isCompleted;
+    constructor(func: () => void, isMultiple?: boolean);
+    execute: () => void;
+    discard(): void;
+    readonly isCompleted: boolean;
+}
+export declare class TaskManger {
+    private interval;
+    private static instance;
+    private static tasks;
+    private constructor();
+    static Instance(): TaskManger;
+    private tick;
+    static schedule(task: IExecutable): void;
+}
+export declare function debounce<T extends (...args: any) => void>(func: T): {
+    run: T;
+    cancel: () => void;
+};

package/typings/base.d.ts

@@ -294,12 +294,12 @@ export declare class Base {
     private getValueInLowCase;
     getElementsInDesign(includeHidden?: boolean): Array<IElement>;
 }
-export declare class ArrayChanges {
+export declare 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 declare class Event<CallbackFunction extends Function, Sender, Options> {
     onCallbacksChanged: () => void;

package/typings/defaultCss/defaultV2Css.d.ts

@@ -45,6 +45,10 @@ export declare var defaultV2Css: {
         edit: string;
     };
     panel: {
+        contentFadeIn: string;
+        contentFadeOut: string;
+        fadeIn: string;
+        fadeOut: string;
         asPage: string;
         number: string;
         title: string;
@@ -67,6 +71,8 @@ export declare var defaultV2Css: {
         header: string;
         collapsed: string;
         expanded: string;
+        expandable: string;
+        expandableAnimating: string;
         nested: string;
         invisible: string;
         navigationButton: string;
@@ -154,8 +160,14 @@ export declare var 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;
@@ -198,6 +210,8 @@ export declare var defaultV2Css: {
         hasErrorTop: string;
         hasErrorBottom: string;
         collapsed: string;
+        expandable: string;
+        expandableAnimating: string;
         expanded: string;
         nested: string;
         invisible: string;

package/typings/dragdrop/matrix-rows.d.ts

@@ -1,5 +1,5 @@
 import { MatrixDropdownRowModelBase } from "../question_matrixdropdownbase";
-import { QuestionMatrixDynamicModel } from "../question_matrixdynamic";
+import { QuestionMatrixDynamicModel, MatrixDynamicRowModel } from "../question_matrixdynamic";
 import { DragDropCore } from "./core";
 export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynamicModel> {
     protected get draggedElementType(): string;
@@ -9,6 +9,7 @@ export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynam
     private fromIndex;
     private toIndex;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: any): MatrixDropdownRowModelBase;
+    canInsertIntoThisRow(row: MatrixDynamicRowModel): boolean;
     protected isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement): boolean;
     protected calculateIsBottom(clientY: number): boolean;
     protected afterDragOver(dropTargetNode: HTMLElement): void;

package/typings/dragdrop/ranking-choices.d.ts

@@ -15,6 +15,6 @@ export declare class DragDropRankingChoices extends DragDropChoices {
     protected updateDraggedElementShortcut(newIndex: number): void;
     protected ghostPositionChanged(): void;
     protected doBanDropHere: () => any;
-    protected doDrop: () => any;
+    protected doDrop(): any;
     clear(): void;
 }

package/typings/dragdrop/ranking-select-to-rank.d.ts

@@ -12,12 +12,15 @@ export declare class DragDropRankingSelectToRank extends DragDropRankingChoices
         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;
 }

package/typings/entries/core-wo-model.d.ts

@@ -6,6 +6,7 @@ export * from "../rendererFactory";
 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";

package/typings/mask/input_element_adapter.d.ts

@@ -6,6 +6,7 @@ export declare class InputElementAdapter {
     private prevUnmaskedValue;
     constructor(inputMaskInstance: InputMaskBase, inputElement: HTMLInputElement, value?: string);
     inputMaskInstancePropertyChangedHandler: (sender: any, options: any) => void;
+    clickHandler: (event: any) => void;
     beforeInputHandler: (event: any) => void;
     createArgs(event: any): ITextInputParams;
     addInputEventListener(): void;

package/typings/mask/mask_datetime.d.ts

@@ -6,6 +6,16 @@ export interface IDateTimeMaskLexem {
     count: number;
     maxCount: number;
 }
+interface IDateTimeComposition {
+    day: number;
+    month: number;
+    year: number;
+    hour?: number;
+    minute?: number;
+    second?: number;
+    min?: Date;
+    max?: Date;
+}
 export declare function getDateTimeLexems(pattern: string): Array<IDateTimeMaskLexem>;
 /**
  * A class that describes an input mask of the `"datetime"` [`maskType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maskType).
@@ -46,7 +56,7 @@ export declare class InputMaskDateTime extends InputMaskPattern {
     private leaveOnlyNumbers;
     private getMaskedStrFromISO;
     private initInputDateTimeData;
-    private getISO_8601Format;
+    getISO_8601Format(dateTime: IDateTimeComposition): string;
     private isYearValid;
     private isDateValid;
     private getPlaceholder;
@@ -57,9 +67,9 @@ export declare class InputMaskDateTime extends InputMaskPattern {
     private getFormatedString;
     private setInputDateTimeData;
     _getMaskedValue(src: string, matchWholeMask?: boolean): string;
-    private getPartsOld;
     private getParts;
     getUnmaskedValue(src: string): any;
     getMaskedValue(src: string): string;
     processInput(args: ITextInputParams): IMaskedInputResult;
 }
+export {};

package/typings/mask/mask_numeric.d.ts

@@ -75,7 +75,7 @@ export declare class InputMaskNumeric extends InputMaskBase {
     private calccaretPosition;
     displayNumber(parsedNumber: INumericalComposition, insertThousandsSeparator?: boolean, matchWholeMask?: boolean): string;
     convertNumber(parsedNumber: INumericalComposition): number;
-    validateNumber(number: INumericalComposition): boolean;
+    validateNumber(number: INumericalComposition, matchWholeMask: boolean): boolean;
     parseNumber(src: string | number): INumericalComposition;
     getNumberMaskedValue(src: string | number, matchWholeMask?: boolean): string;
     private getNumberUnmaskedValue;

package/typings/panel.d.ts

@@ -9,6 +9,7 @@ import { SurveyError } from "./survey-error";
 import { IAction } from "./actions/action";
 import { ActionContainer } from "./actions/container";
 import { DragDropInfo } from "./drag-drop-helper-v1";
+import { AnimationGroup } from "./utils/animation";
 export declare class QuestionRowModel extends Base {
     panel: PanelModelBase;
     private static rowCounter;
@@ -24,8 +25,13 @@ export declare class QuestionRowModel extends Base {
     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;
@@ -37,11 +43,12 @@ export declare class QuestionRowModel extends Base {
     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.
@@ -56,6 +63,13 @@ export declare class PanelModelBase extends SurveyElement<Question> implements I
     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;
@@ -327,7 +341,8 @@ export declare class PanelModelBase extends SurveyElement<Question> implements I
      * @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;

package/typings/popup-view-model.d.ts

@@ -1,11 +1,10 @@
-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 declare 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 declare class PopupBaseViewModel extends Base {
-    private static SubscriptionId;
-    private subscriptionId;
+export declare class PopupBaseViewModel extends Base implements IAnimationConsumer {
     protected popupSelector: string;
     protected fixedPopupContainer: string;
     protected containerSelector: string;
@@ -17,8 +16,18 @@ export declare class PopupBaseViewModel extends Base {
     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;
@@ -31,6 +40,7 @@ export declare class PopupBaseViewModel extends Base {
     protected createFooterActionBar(): void;
     protected resetDimensionsAndPositionStyleProperties(): void;
     protected onModelChanging(newModel: PopupModel): void;
+    private onModelIsVisibleChangedCallback;
     private setupModel;
     private _model;
     get model(): PopupModel;

package/typings/question_custom.d.ts

@@ -6,6 +6,7 @@ import { SurveyElement } from "./survey-element";
 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.
  *
@@ -224,6 +225,13 @@ export interface ICustomQuestionTypeConfiguration {
      * @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;
+    onSetQuestionValue?: (question: Question, newValue: any) => void;
     valueToQuestion?: (val: any) => any;
     valueFromQuestion?: (val: any) => any;
     getValue?: (val: any) => any;
@@ -240,9 +248,11 @@ export declare class ComponentQuestionJSON {
     onAfterRender(question: Question, htmlElement: any): void;
     onAfterRenderContentElement(question: Question, element: Question, htmlElement: any): void;
     onUpdateQuestionCssClasses(question: Question, element: Question, css: any): void;
+    onSetQuestionValue(question: Question, newValue: any): void;
     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;
@@ -295,6 +305,7 @@ export declare abstract class QuestionCustomModelBase extends Question implement
     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;