survey-react 1.10.6 → 1.11.1

package/survey.react.d.ts

@@ -341,15 +341,15 @@ declare module "functionsfactory" {
         static Instance: FunctionFactory;
         private functionHash;
         private isAsyncHash;
-        register(name: string, func: (params: any[]) => any, isAsync?: boolean): void;
+        register(name: string, func: (params: any[], originalParams?: any[]) => any, isAsync?: boolean): void;
         unregister(name: string): void;
         hasFunction(name: string): boolean;
         isAsyncFunction(name: string): boolean;
         clear(): void;
         getAll(): Array<string>;
-        run(name: string, params: any[], properties?: HashTable<any>): any;
+        run(name: string, params: any[], properties: HashTable<any>, originalParams: any[]): any;
     }
-    export var registerFunction: (name: string, func: (params: any[]) => any, isAsync?: boolean) => void;
+    export var registerFunction: (name: string, func: (params: any[], originalParams?: any[]) => any, isAsync?: boolean) => void;
 }
 declare module "expressions/expressions" {
     import { HashTable } from "helpers";
@@ -685,16 +685,30 @@ declare module "utils/taskmanager" {
     };
 }
 declare module "utils/animation" {
+    import { EventBase, Base } from "base";
     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;
+        getLeaveOptions?(...args: T): AnimationOptions;
+        getEnterOptions?(...args: T): AnimationOptions;
         getAnimatedElement(...args: T): HTMLElement;
         isAnimationEnabled(): boolean;
+        getRerenderEvent(): EventBase<Base>;
+    }
+    interface IGroupAnimationInfo {
+        isReorderingRunning: boolean;
+        isDeletingRunning: boolean;
+        isAddingRunning: boolean;
+    }
+    export interface IAnimationGroupConsumer<T> extends IAnimationConsumer<[T]> {
+        getLeaveOptions?(item: T, info?: IGroupAnimationInfo): AnimationOptions;
+        getEnterOptions?(item: T, info?: IGroupAnimationInfo): AnimationOptions;
+        getReorderOptions?(item: T, movedForward: boolean, info?: IGroupAnimationInfo): AnimationOptions;
+        getKey?: (item: T) => any;
+        allowSyncRemovalAddition?: boolean;
     }
     export class AnimationUtils {
         private getMsFromRule;
@@ -705,11 +719,12 @@ declare module "utils/animation" {
         private addCancelCallback;
         private removeCancelCallback;
         protected onAnimationEnd(element: HTMLElement, callback: (isCancel?: boolean) => void, options: AnimationOptions): void;
+        protected afterAnimationRun(element: HTMLElement, options: AnimationOptions | AnimationOptions): void;
         protected beforeAnimationRun(element: HTMLElement, options: AnimationOptions | AnimationOptions): void;
         private getCssClasses;
         protected runAnimation(element: HTMLElement, options: AnimationOptions, callback: (isCancel?: boolean) => void): void;
         protected clearHtmlElement(element: HTMLElement, options: AnimationOptions): void;
-        protected onNextRender(callback: () => void, runEarly?: () => boolean, isCancel?: boolean): void;
+        protected onNextRender(callback: (isCancel?: boolean) => void, isCancel?: boolean): void;
         cancel(): void;
     }
     export class AnimationPropertyUtils extends AnimationUtils {
@@ -717,31 +732,36 @@ declare module "utils/animation" {
         onLeave(options: IAnimationConsumer, callback: () => void): void;
     }
     export class AnimationGroupUtils<T> extends AnimationUtils {
-        runGroupAnimation(options: IAnimationConsumer<[T]>, addedElements: Array<T>, removedElements: Array<T>, callback?: () => void): void;
+        runGroupAnimation(options: IAnimationGroupConsumer<T>, addedItems: Array<T>, removedItems: Array<T>, reorderedItems: Array<{
+            item: T;
+            movedForward: boolean;
+        }>, callback?: () => void): void;
     }
-    export abstract class AnimationProperty<T, S extends Array<any> = []> {
-        protected animationOptions: IAnimationConsumer<S>;
+    export abstract class AnimationProperty<T, S extends IAnimationConsumer<any> = IAnimationConsumer> {
+        protected animationOptions: S;
         protected update: (val: T, isTempUpdate?: boolean) => void;
         protected getCurrentValue: () => T;
-        constructor(animationOptions: IAnimationConsumer<S>, update: (val: T, isTempUpdate?: boolean) => void, getCurrentValue: () => T);
+        constructor(animationOptions: S, update: (val: T, isTempUpdate?: boolean) => void, getCurrentValue: () => T);
         protected animation: AnimationUtils;
+        protected onNextRender(callback: () => void, onCancel?: () => void): void;
         protected abstract _sync(newValue: T): void;
         private _debouncedSync;
         sync(newValue: T): void;
+        private cancelCallback;
         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]> {
+    export class AnimationGroup<T> extends AnimationProperty<Array<T>, IAnimationGroupConsumer<T>> {
         protected animation: AnimationGroupUtils<T>;
         protected _sync(newValue: Array<T>): void;
     }
-    export class AnimationTab<T> extends AnimationProperty<Array<T>, [T]> {
+    export class AnimationTab<T> extends AnimationProperty<Array<T>, IAnimationGroupConsumer<T>> {
         protected mergeValues?: (newValue: Array<T>, oldValue: Array<T>) => Array<T>;
         protected animation: AnimationGroupUtils<T>;
-        constructor(animationOptions: IAnimationConsumer<[T]>, update: (val: Array<T>, isTempUpdate?: boolean) => void, getCurrentValue: () => Array<T>, mergeValues?: (newValue: Array<T>, oldValue: Array<T>) => Array<T>);
+        constructor(animationOptions: IAnimationGroupConsumer<T>, update: (val: Array<T>, isTempUpdate?: boolean) => void, getCurrentValue: () => Array<T>, mergeValues?: (newValue: Array<T>, oldValue: Array<T>) => Array<T>);
         protected _sync(newValue: [T]): void;
     }
 }
@@ -774,6 +794,7 @@ declare module "popup-view-model" {
         getEnterOptions(): AnimationOptions;
         getAnimatedElement(): HTMLElement;
         isAnimationEnabled(): boolean;
+        getRerenderEvent(): EventBase<Base>;
         private getAnimationContainer;
         get isVisible(): boolean;
         set isVisible(val: boolean);
@@ -822,7 +843,7 @@ declare module "popup-view-model" {
         cancel(): void;
         dispose(): void;
         initializePopupContainer(): void;
-        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null): void;
+        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null, areaElement?: HTMLElement | null): void;
         resetComponentElement(): void;
         protected preventScrollOuside(event: any, deltaY: number): void;
     }
@@ -874,6 +895,15 @@ declare module "utils/utils" {
     export function showConfirmDialog(message: string, callback: (res: boolean) => void, applyTitle?: string, locale?: string, rootElement?: HTMLElement): boolean;
     export function configConfirmDialog(popupViewModel: PopupBaseViewModel): void;
     function chooseFiles(input: HTMLInputElement, callback: (files: File[]) => void): void;
+    export function compareArrays<T>(oldValue: Array<T>, newValue: Array<T>, getKey: (item: T) => any): {
+        addedItems: Array<T>;
+        deletedItems: Array<T>;
+        reorderedItems: Array<{
+            item: T;
+            movedForward: boolean;
+        }>;
+        mergedItems: Array<T>;
+    };
     export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles };
 }
 declare module "actions/container" {
@@ -924,6 +954,10 @@ declare module "actions/container" {
         addAction(val: IAction, sortByVisibleIndex?: boolean): T;
         private sortItems;
         setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
+        subItemsShowDelay: number;
+        subItemsHideDelay: number;
+        protected popupAfterShowCallback(itemValue: T): void;
+        mouseOverHandler(itemValue: T): void;
         initResponsivityManager(container: HTMLDivElement, delayedUpdateFunction?: (callback: () => void) => void): void;
         resetResponsivityManager(): void;
         getActionById(id: string): T;
@@ -953,8 +987,10 @@ declare module "list" {
         itemWithIcon: string;
         itemDisabled: string;
         itemFocused: string;
+        itemHovered: string;
         itemTextWrap: string;
         itemIcon: string;
+        itemMarkerIcon: string;
         itemSeparator: string;
         itemBody: string;
         itemsContainer: string;
@@ -967,7 +1003,7 @@ declare module "list" {
     };
     export interface IListModel {
         items: Array<IAction>;
-        onSelectionChanged: (item: IAction, ...params: any[]) => void;
+        onSelectionChanged?: (item: IAction, ...params: any[]) => void;
         allowSelection?: boolean;
         searchEnabled?: boolean;
         selectedItem?: IAction;
@@ -1002,6 +1038,7 @@ declare module "list" {
         areSameItemsCallback: (item1: IAction, item2: IAction) => boolean;
         private hasText;
         isItemVisible(item: T): boolean;
+        protected getRenderedActions(): Array<T>;
         get visibleItems(): Array<T>;
         private get shouldProcessFilter();
         private onFilterStringChanged;
@@ -1020,8 +1057,10 @@ declare module "list" {
             itemWithIcon: string;
             itemDisabled: string;
             itemFocused: string;
+            itemHovered: string;
             itemTextWrap: string;
             itemIcon: string;
+            itemMarkerIcon: string;
             itemSeparator: string;
             itemBody: string;
             itemsContainer: string;
@@ -1033,6 +1072,9 @@ declare module "list" {
             emptyText: string;
         };
         onItemClick: (itemValue: T) => void;
+        protected popupAfterShowCallback(itemValue: T): void;
+        onItemHover: (itemValue: T) => void;
+        onItemLeave(itemValue: T): void;
         isItemDisabled: (itemValue: T) => boolean;
         isItemSelected: (itemValue: T) => boolean;
         isItemFocused: (itemValue: T) => boolean;
@@ -1216,6 +1258,11 @@ declare module "actions/action" {
         ariaExpanded?: boolean;
         ariaRole?: string;
         elementId?: string;
+        items?: Array<IAction>;
+        markerIconName?: string;
+        markerIconSize?: number;
+        showPopup?: () => void;
+        hidePopup?: () => void;
     }
     export interface IActionDropdownPopupOptions extends IListModel, IPopupOptionsBase {
     }
@@ -1224,6 +1271,7 @@ declare module "actions/action" {
     export function createPopupModelWithListModel(listOptions: IListModel, popupOptions: IPopupOptionsBase): PopupModel;
     export function getActionDropdownButtonTarget(container: HTMLElement): HTMLElement;
     export abstract class BaseAction extends Base implements IAction {
+        items?: IAction[];
         private static renderedId;
         private static getNextRendredId;
         private cssClassesValue;
@@ -1251,6 +1299,8 @@ declare module "actions/action" {
         removePriority: number;
         iconName: string;
         iconSize: number;
+        markerIconName: string;
+        markerIconSize: number;
         css?: string;
         minDimension: number;
         maxDimension: number;
@@ -1278,6 +1328,15 @@ declare module "actions/action" {
         getActionRootCss(): string;
         getTooltip(): string;
         getIsTrusted(args: any): boolean;
+        showPopup(): void;
+        hidePopup(): void;
+        isPressed: boolean;
+        isHovered: boolean;
+        private showPopupTimeout;
+        private hidePopupTimeout;
+        private clearPopupTimeouts;
+        showPopupDelayed(delay: number): void;
+        hidePopupDelayed(delay: number): void;
         protected abstract getEnabled(): boolean;
         protected abstract setEnabled(val: boolean): void;
         protected abstract getVisible(): boolean;
@@ -1296,6 +1355,7 @@ declare module "actions/action" {
         private raiseUpdate;
         constructor(innerItem: IAction);
         private createLocTitle;
+        setItems(items: Array<IAction>, onSelectionChanged?: (item: Action, ...params: any[]) => void): void;
         location?: string;
         id: string;
         private _visible;
@@ -1397,7 +1457,6 @@ declare module "actions/adaptive-container" {
         private static ContainerID;
         constructor();
         get hiddenItemsListModel(): ListModel;
-        protected hiddenItemSelected(item: T): void;
         protected onSet(): void;
         protected onPush(item: T): void;
         protected getRenderedActions(): Array<T>;
@@ -1598,6 +1657,7 @@ declare module "defaultCss/defaultV2Css" {
         rowMultiple: string;
         rowCompact: string;
         rowFadeIn: string;
+        rowDelayedFadeIn: string;
         rowFadeOut: string;
         pageRow: string;
         question: {
@@ -1657,6 +1717,7 @@ declare module "defaultCss/defaultV2Css" {
             disabled: string;
             readOnly: string;
             preview: string;
+            noPointerEventsMode: string;
             errorsContainer: string;
             errorsContainerTop: string;
             errorsContainerBottom: string;
@@ -3621,7 +3682,6 @@ declare module "panel" {
         protected getPanelStartIndex(index: number): number;
         protected isContinueNumbering(): boolean;
         private notifySurveyOnVisibilityChanged;
-        protected hasErrorsCore(rec: any): void;
         protected getRenderedTitle(str: string): string;
         /**
          * Increases or decreases an indent of panel content from the left edge. Accepts positive integer values and 0.
@@ -3656,6 +3716,7 @@ declare module "panel" {
         protected getHasFrameV2(): boolean;
         protected getIsNested(): boolean;
         get showPanelAsPage(): boolean;
+        protected onElementExpanded(elementIsRendered: boolean): void;
         protected getCssRoot(cssClasses: {
             [index: string]: string;
         }): string;
@@ -3957,8 +4018,9 @@ declare module "question_file" {
         doChange: (event: any) => void;
         doClean: () => void;
         private clearFilesCore;
-        doRemoveFile(data: any): void;
+        doRemoveFile(data: any, event: any): void;
         private removeFileCore;
+        doDownloadFileFromContainer: (event: MouseEvent) => void;
         doDownloadFile: (event: any, data: any) => void;
         dispose(): void;
     }
@@ -4197,6 +4259,8 @@ declare module "question_baseselect" {
         isLayoutTypeSupported(layoutType: string): boolean;
         localeChanged(): void;
         locStrsChanged(): void;
+        private prevOtherErrorValue;
+        private updatePrevOtherErrorValue;
         get otherValue(): string;
         set otherValue(val: string);
         protected get otherValueCore(): string;
@@ -5542,7 +5606,6 @@ declare module "question_matrixdropdownrendered" {
         private hasRemoveRowsValue;
         private rowsActions;
         private cssClasses;
-        renderedRowsChangedCallback: () => void;
         rows: Array<QuestionMatrixDropdownRenderedRow>;
         protected getIsAnimationAllowed(): boolean;
         private getRenderedRowsAnimationOptions;
@@ -5636,7 +5699,6 @@ declare module "utils/dragOrClickHelper" {
 }
 declare module "question_matrixdynamic" {
     import { QuestionMatrixDropdownModelBase, MatrixDropdownRowModelBase, IMatrixDropdownData } from "question_matrixdropdownbase";
-    import { LocalizableString } from "localizablestring";
     import { SurveyError } from "survey-error";
     import { DragDropMatrixRows } from "dragdrop/matrix-rows";
     import { IShortcutText, ISurveyImpl, IProgressInfo } from "base-interfaces";
@@ -5837,14 +5899,14 @@ declare module "question_matrixdynamic" {
          */
         get confirmDeleteText(): string;
         set confirmDeleteText(val: string);
-        get locConfirmDeleteText(): LocalizableString;
+        get locConfirmDeleteText(): import("localizablestring").LocalizableString;
         /**
          * A caption for the Add Row button.
          * @see addRowLocation
          */
         get addRowText(): string;
         set addRowText(val: string);
-        get locAddRowText(): LocalizableString;
+        get locAddRowText(): import("localizablestring").LocalizableString;
         private get defaultAddRowText();
         /**
          * Specifies the location of the Add Row button.
@@ -5875,14 +5937,14 @@ declare module "question_matrixdynamic" {
          */
         get removeRowText(): string;
         set removeRowText(val: string);
-        get locRemoveRowText(): LocalizableString;
+        get locRemoveRowText(): import("localizablestring").LocalizableString;
         /**
          * A message displayed when the matrix does not contain any rows. Applies only if `hideColumnsIfEmpty` is enabled.
          * @see hideColumnsIfEmpty
          */
         get emptyRowsText(): string;
         set emptyRowsText(val: string);
-        get locEmptyRowsText(): LocalizableString;
+        get locEmptyRowsText(): import("localizablestring").LocalizableString;
         protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         protected getConditionObjectRowName(index: number): string;
         protected getConditionObjectsRowIndeces(): Array<number>;
@@ -6136,7 +6198,7 @@ declare module "question_paneldynamic" {
     import { IAction } from "actions/action";
     import { AdaptiveActionContainer } from "actions/adaptive-container";
     import { ITheme } from "themes";
-    import { AnimationProperty } from "utils/animation";
+    import { AnimationProperty, IAnimationGroupConsumer } from "utils/animation";
     export interface IQuestionPanelDynamicData {
         getItemIndex(item: ISurveyData): number;
         getVisibleItemIndex(item: ISurveyData): number;
@@ -6330,7 +6392,7 @@ declare module "question_paneldynamic" {
         private disablePanelsAnimations;
         private enablePanelsAnimations;
         private updatePanelsAnimation;
-        get panelsAnimation(): AnimationProperty<Array<PanelModel>, [PanelModel]>;
+        get panelsAnimation(): AnimationProperty<Array<PanelModel>, IAnimationGroupConsumer<PanelModel>>;
         onHidingContent(): void;
         /**
          * Specifies whether to display a confirmation dialog when a respondent wants to delete a panel.
@@ -8386,7 +8448,7 @@ declare module "question_textbase" {
          */
         get textUpdateMode(): string;
         set textUpdateMode(val: string);
-        get isSurveyInputTextUpdate(): boolean;
+        protected getIsInputTextUpdate(): boolean;
         get renderedPlaceholder(): string;
         protected setRenderedPlaceholder(val: string): void;
         protected onReadOnlyChanged(): void;
@@ -8626,6 +8688,7 @@ declare module "question_text" {
         get step(): string;
         set step(val: string);
         get renderedStep(): string;
+        protected getIsInputTextUpdate(): boolean;
         supportGoNextPageAutomatic(): boolean;
         supportGoNextPageError(): boolean;
         /**
@@ -9156,7 +9219,11 @@ declare module "surveyToc" {
     export function getTocRootCss(survey: SurveyModel, isMobile?: boolean): string;
     export class TOCModel {
         survey: SurveyModel;
+        static RootStyle: string;
+        static StickyPosition: boolean;
         constructor(survey: SurveyModel);
+        private initStickyTOCSubscriptions;
+        updateStickyTOCSize(rootElement: HTMLElement): void;
         get isMobile(): boolean;
         get containerCss(): string;
         listModel: ListModel<Action>;
@@ -11348,7 +11415,7 @@ declare module "survey" {
         private getUpdatedPanelTitleActions;
         private getUpdatedPageTitleActions;
         getUpdatedMatrixRowActions(question: QuestionMatrixDropdownModelBase, row: any, actions: Array<IAction>): IAction[];
-        scrollElementToTop(element: ISurveyElement, question: Question, page: PageModel, id: string, scrollIfVisible?: boolean): any;
+        scrollElementToTop(element: ISurveyElement, question: Question, page: PageModel, id: string, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions): any;
         /**
          * Opens a dialog window for users to select files.
          * @param input A [file input HTML element](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
@@ -12142,7 +12209,7 @@ declare module "survey-element" {
         dragTypeOverMe: DragTypeOverMeEnum;
         isDragMe: boolean;
         readOnlyChangedCallback: () => void;
-        static ScrollElementToTop(elementId: string, scrollIfVisible?: boolean): boolean;
+        static ScrollElementToTop(elementId: string, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions): boolean;
         static ScrollElementToViewCore(el: HTMLElement, checkLeft: boolean, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions): boolean;
         static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
         static FocusElement(elementId: string): boolean;
@@ -12471,7 +12538,9 @@ declare module "survey-element" {
         private _isAnimatingCollapseExpand;
         private set isAnimatingCollapseExpand(value);
         private get isAnimatingCollapseExpand();
+        protected onElementExpanded(elementIsRendered: boolean): void;
         private getExpandCollapseAnimationOptions;
+        private get isExpandCollapseAnimationEnabled();
         private animationCollapsed;
         set renderedIsExpanded(val: boolean);
         get renderedIsExpanded(): boolean;
@@ -12970,7 +13039,8 @@ declare module "question" {
          */
         focus(onError?: boolean, scrollIfVisible?: boolean): void;
         private focuscore;
-        private expandAllParents;
+        expandAllParents(): void;
+        private expandAllParentsCore;
         focusIn(): void;
         protected fireCallback(callback: () => void): void;
         getOthersMaxLength(): any;
@@ -13035,6 +13105,8 @@ declare module "question" {
         get isInputReadOnly(): boolean;
         get renderedInputReadOnly(): string;
         get renderedInputDisabled(): string;
+        get isReadOnlyAttr(): boolean;
+        get isDisabledAttr(): boolean;
         protected onReadOnlyChanged(): void;
         /**
          * A Boolean expression. If it evaluates to `false`, this question becomes read-only.
@@ -13255,6 +13327,7 @@ declare module "question" {
         */
         isAnswerCorrect(): boolean;
         updateValueWithDefaults(): void;
+        get isValueDefault(): boolean;
         protected get isClearValueOnHidden(): boolean;
         getQuestionFromArray(name: string, index: number): IQuestion;
         getDefaultValue(): any;
@@ -13345,7 +13418,7 @@ declare module "question" {
         protected isNewValueCorrect(val: any): boolean;
         protected isNewValueEqualsToValue(newValue: any): boolean;
         protected isTextValue(): boolean;
-        get isSurveyInputTextUpdate(): boolean;
+        protected getIsInputTextUpdate(): boolean;
         get requireStrictCompare(): boolean;
         private getDataLocNotification;
         get isInputTextUpdate(): boolean;
@@ -13756,7 +13829,9 @@ declare module "question_matrixdropdownbase" {
         getAllValues(): any;
         getFilteredValues(): any;
         getFilteredProperties(): any;
+        private applyRowVariablesToValues;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        getNamesWithDefaultValues(): Array<string>;
         clearValue(keepComment?: boolean): void;
         onAnyValueChanged(name: string, questionName: string): void;
         getDataValueCore(valuesHash: any, key: string): any;
@@ -14338,7 +14413,7 @@ declare module "base-interfaces" {
         dynamicPanelGetTabTitle(question: IQuestion, options: any): any;
         dynamicPanelCurrentIndexChanged(question: IQuestion, options: any): void;
         dragAndDropAllow(options: DragDropAllowEvent): boolean;
-        scrollElementToTop(element: ISurveyElement, question: IQuestion, page: IPage, id: string, scrollIfVisible?: boolean): any;
+        scrollElementToTop(element: ISurveyElement, question: IQuestion, page: IPage, id: string, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions): any;
         runExpression(expression: string): any;
         elementContentVisibilityChanged(element: ISurveyElement): void;
         onCorrectQuestionAnswer(question: IQuestion, options: any): void;
@@ -15307,6 +15382,13 @@ declare module "base" {
         private animationAllowedLock;
         blockAnimations(): void;
         releaseAnimations(): void;
+        supportOnElementRenderedEvent: boolean;
+        onElementRenderedEventEnabled: boolean;
+        enableOnElementRenderedEvent(): void;
+        disableOnElementRenderedEvent(): void;
+        protected _onElementRerendered: EventBase<Base>;
+        get onElementRerendered(): EventBase<Base>;
+        afterRerender(): void;
     }
     export class ArrayChanges<T = any> {
         index: number;
@@ -15347,10 +15429,21 @@ declare module "utils/popup" {
         width: number;
         height: number;
     }
+    export class Rect implements ISize, INumberPosition {
+        private x;
+        private y;
+        width: number;
+        height: number;
+        constructor(x: number, y: number, width: number, height: number);
+        get left(): number;
+        get top(): number;
+        get right(): number;
+        get bottom(): number;
+    }
     export class PopupUtils {
         static bottomIndent: number;
-        static calculatePosition(targetRect: ClientRect, height: number, width: number, verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition, showPointer: boolean, positionMode?: PositionMode): INumberPosition;
-        static getCorrectedVerticalDimensions(top: number, height: number, windowHeight: number, verticalPosition: VerticalPosition): any;
+        static calculatePosition(targetRect: Rect, height: number, width: number, verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition, positionMode?: PositionMode): INumberPosition;
+        static getCorrectedVerticalDimensions(top: number, height: number, windowHeight: number, verticalPosition: VerticalPosition, canShrink?: boolean): any;
         static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: HorizontalPosition, positionMode?: PositionMode, margins?: {
             left: number;
             right: number;
@@ -15358,9 +15451,10 @@ declare module "utils/popup" {
             width: number;
             left: number;
         };
-        static updateVerticalPosition(targetRect: ClientRect, height: number, verticalPosition: VerticalPosition, showPointer: boolean, windowHeight: number): VerticalPosition;
+        static updateVerticalPosition(targetRect: Rect, height: number, horizontalPosition: HorizontalPosition, verticalPosition: VerticalPosition, windowHeight: number): VerticalPosition;
+        static updateHorizontalPosition(targetRect: Rect, width: number, horizontalPosition: HorizontalPosition, windowWidth: number): HorizontalPosition;
         static calculatePopupDirection(verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition): string;
-        static calculatePointerTarget(targetRect: ClientRect, top: number, left: number, verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition, marginLeft?: number, marginRight?: number): INumberPosition;
+        static calculatePointerTarget(targetRect: Rect, top: number, left: number, verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition, marginLeft?: number, marginRight?: number): INumberPosition;
     }
 }
 declare module "popup" {
@@ -15378,6 +15472,7 @@ declare module "popup" {
         horizontalPosition?: HorizontalPosition;
         showPointer?: boolean;
         isModal?: boolean;
+        canShrink?: boolean;
         displayMode?: "popup" | "overlay";
     }
     export interface IDialogOptions extends IPopupOptionsBase {
@@ -15401,6 +15496,7 @@ declare module "popup" {
         horizontalPosition: HorizontalPosition;
         showPointer: boolean;
         isModal: boolean;
+        canShrink: boolean;
         isFocusedContent: boolean;
         isFocusedContainer: boolean;
         cssClass: string;
@@ -16054,6 +16150,9 @@ declare module "question_matrixdropdown" {
         protected isNewValueCorrect(val: any): boolean;
         clearIncorrectValues(): void;
         protected clearValueIfInvisibleCore(reason: string): void;
+        private defaultValuesInRows;
+        protected clearGeneratedRows(): void;
+        private getRowValueForCreation;
         protected generateRows(): Array<MatrixDropdownRowModel>;
         protected createMatrixRow(item: ItemValue, value: any): MatrixDropdownRowModel;
         protected getSearchableItemValueKeys(keys: Array<string>): void;
@@ -16323,6 +16422,8 @@ declare module "question_matrix" {
         cssClasses: any;
         isDisabledStyle: boolean;
         isInputReadOnly: boolean;
+        isDisabledAttr: boolean;
+        isReadOnlyAttr: boolean;
         hasErrorInRow(row: MatrixRowModel): boolean;
     }
     export class MatrixRowModel extends Base {
@@ -16338,6 +16439,8 @@ declare module "question_matrix" {
         set value(val: any);
         setValueDirectly(val: any): void;
         get isReadOnly(): boolean;
+        get isReadOnlyAttr(): boolean;
+        get isDisabledAttr(): boolean;
         get rowTextClasses(): string;
         get hasError(): boolean;
         set hasError(val: boolean);
@@ -17063,6 +17166,7 @@ declare module "dragdrop/choices" {
 declare module "dragdrop/ranking-choices" {
     import { ItemValue } from "itemvalue";
     import { DragDropChoices } from "dragdrop/choices";
+    import { QuestionRankingModel } from "question_ranking";
     export class DragDropRankingChoices extends DragDropChoices {
         protected get draggedElementType(): string;
         protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement, event: PointerEvent): HTMLElement;
@@ -17072,9 +17176,14 @@ declare module "dragdrop/ranking-choices" {
         protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
         private getIsDragOverRootNode;
         protected isDropTargetValid(dropTarget: ItemValue, dropTargetNode?: HTMLElement): boolean;
-        protected calculateIsBottom(clientY: number): boolean;
+        protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
         protected doDragOver: () => any;
+        getIndixies(model: any, fromChoicesArray: Array<ItemValue>, toChoicesArray: Array<ItemValue>): {
+            fromIndex: number;
+            toIndex: number;
+        };
         protected afterDragOver(dropTargetNode: HTMLElement): void;
+        reorderRankedItem: (questionModel: QuestionRankingModel, fromIndex: number, toIndex: number) => void;
         protected updateDraggedElementShortcut(newIndex: number): void;
         protected ghostPositionChanged(): void;
         protected doBanDropHere: () => any;
@@ -17093,27 +17202,17 @@ declare module "dragdrop/ranking-select-to-rank" {
         protected isDropTargetValid(dropTarget: ItemValue | string, dropTargetNode?: HTMLElement): boolean;
         protected afterDragOver(dropTargetNode: HTMLElement): void;
         doRankBetween(dropTargetNode: HTMLElement, fromChoicesArray: Array<ItemValue>, toChoicesArray: Array<ItemValue>, rankFunction: Function): void;
-        getIndixies(model: any, fromChoicesArray: Array<ItemValue>, toChoicesArray: Array<ItemValue>): {
-            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();
         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";
@@ -17143,28 +17242,34 @@ declare module "question_ranking" {
         isAnswerCorrect(): boolean;
         get requireStrictCompare(): boolean;
         onSurveyValueChanged(newValue: any): void;
+        onSurveyLoad(): void;
         protected onVisibleChoicesChanged: () => void;
         localeChanged: () => void;
         private addToValueByVisibleChoices;
         private removeFromValueByVisibleChoices;
-        private getChoicesAnimation;
+        private getChoicesAnimationOptions;
         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>);
+        rankingChoices: Array<ItemValue>;
+        unRankingChoices: Array<ItemValue>;
+        private _renderedRankingChoices;
+        private _renderedUnRankingChoices;
+        get renderedRankingChoices(): Array<ItemValue>;
+        set renderedRankingChoices(val: Array<ItemValue>);
+        get renderedUnRankingChoices(): Array<ItemValue>;
+        set renderedUnRankingChoices(val: Array<ItemValue>);
+        private updateRenderedRankingChoices;
+        private updateRenderedUnRankingChoices;
         private updateRankingChoices;
         updateUnRankingChoices(newRankingChoices: Array<ItemValue>): void;
         private updateRankingChoicesSelectToRankMode;
         dragDropRankingChoices: DragDropRankingChoices;
         currentDropTarget: ItemValue;
-        dropTargetNodeMove: string;
         endLoadingFromJson(): void;
         private setDragDropRankingChoices;
-        protected createDragDropRankingChoices(): DragDropRankingChoices | DragDropRankingSelectToRank;
+        protected createDragDropRankingChoices(): DragDropRankingChoices;
         private draggedChoise;
         private draggedTargetNode;
         handlePointerDown: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
@@ -17183,7 +17288,6 @@ declare module "question_ranking" {
         supportNone(): boolean;
         supportRefuse(): boolean;
         supportDontKnow(): boolean;
-        private handleArrowKeys;
         handleKeydownSelectToRank(event: KeyboardEvent, movedElement: ItemValue, hardKey?: string, isNeedFocus?: boolean): void;
         private setValueAfterKeydown;
         private focusItem;
@@ -17200,6 +17304,11 @@ declare module "question_ranking" {
         */
         get longTap(): boolean;
         set longTap(val: boolean);
+        /**
+         * The name of a component used to render items.
+         */
+        get itemContentComponent(): string;
+        set itemContentComponent(value: string);
         /**
          * Specifies whether users can select choices they want to rank.
          *
@@ -17747,6 +17856,8 @@ declare module "question_boolean" {
         getItemCss(): string;
         getCheckboxItemCss(): string;
         getLabelCss(checked: boolean): string;
+        updateValueFromSurvey(newValue: any, clearData?: boolean): void;
+        protected onValueChanged(): void;
         get svgIcon(): string;
         get itemSvgIcon(): string;
         get allowClick(): boolean;
@@ -17993,12 +18104,13 @@ declare module "popup-survey" {
     }
 }
 declare module "popup-dropdown-view-model" {
-    import { IPosition } from "utils/popup";
+    import { IPosition, Rect } from "utils/popup";
     import { CssClassBuilder } from "utils/cssClassBuilder";
     import { PopupModel } from "popup";
     import { PopupBaseViewModel } from "popup-view-model";
     export class PopupDropdownViewModel extends PopupBaseViewModel {
         targetElement?: HTMLElement;
+        areaElement?: HTMLElement;
         private scrollEventCallBack;
         private static readonly tabletSizeBreakpoint;
         private calculateIsTablet;
@@ -18008,6 +18120,8 @@ declare module "popup-dropdown-view-model" {
         private isTablet;
         private touchStartEventCallback;
         private touchMoveEventCallback;
+        protected getAvailableAreaRect(): Rect;
+        protected getTargetElementRect(): Rect;
         private _updatePosition;
         protected getActualHorizontalPosition(): "left" | "center" | "right";
         protected getStyleClass(): CssClassBuilder;
@@ -18016,8 +18130,8 @@ declare module "popup-dropdown-view-model" {
         popupDirection: string;
         pointerTarget: IPosition;
         private recalculatePositionHandler;
-        constructor(model: PopupModel, targetElement?: HTMLElement);
-        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null): void;
+        constructor(model: PopupModel, targetElement?: HTMLElement, areaElement?: HTMLElement);
+        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null, areaElement?: HTMLElement | null): void;
         resetComponentElement(): void;
         updateOnShowing(): void;
         private get shouldCreateResizeCallback();
@@ -26286,6 +26400,7 @@ declare module "react/components/popup/popup" {
     interface IPopupProps {
         model: PopupModel;
         getTarget?: (container: HTMLElement) => HTMLElement;
+        getArea?: (container: HTMLElement) => HTMLElement;
     }
     export class Popup extends SurveyElementBase<IPopupProps, any> {
         private popup;
@@ -26849,6 +26964,11 @@ declare module "react/reactquestion_ranking" {
         protected renderEmptyIcon(): JSX.Element;
         protected renderElement(): JSX.Element;
     }
+    export class SurveyQuestionRankingItemContent extends ReactSurveyElement {
+        protected get item(): ItemValue;
+        protected get cssClasses(): any;
+        protected renderElement(): JSX.Element;
+    }
 }
 declare module "react/components/rating/rating-item" {
     import { Base, QuestionRatingModel, RenderedRatingItem } from "entries/core";
@@ -27229,7 +27349,7 @@ declare module "react/components/matrix-actions/drag-drop-icon/drag-drop-icon" {
 declare module "react/reactquestion_matrixdropdownbase" {
     import { SurveyQuestionElementBase } from "react/reactquestion_element";
     import { SurveyQuestionAndErrorsCell } from "react/reactquestion";
-    import { QuestionMatrixDropdownModelBase, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedCell, Question } from "entries/core";
+    import { QuestionMatrixDropdownModelBase, Question } from "entries/core";
     export class SurveyQuestionMatrixDropdownBase extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionMatrixDropdownModelBase;
@@ -27239,12 +27359,6 @@ declare module "react/reactquestion_matrixdropdownbase" {
         componentWillUnmount(): void;
         protected renderElement(): JSX.Element;
         renderTableDiv(): JSX.Element;
-        renderHeader(): JSX.Element | null;
-        renderFooter(): JSX.Element | null;
-        renderRows(): JSX.Element;
-        renderRow(keyValue: any, row: QuestionMatrixDropdownRenderedRow, cssClasses: any, reason?: string): JSX.Element;
-        renderCell(cell: QuestionMatrixDropdownRenderedCell, index: number, cssClasses: any, reason?: string): JSX.Element;
-        private renderCellContent;
     }
     export class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCell {
         constructor(props: any);
@@ -27565,6 +27679,34 @@ declare module "react/reactquestion_custom" {
         protected renderElement(): JSX.Element;
     }
 }
+declare module "react/components/list/list-item-content" {
+    import { ListModel } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    interface IListItemProps {
+        model: ListModel;
+        item: any;
+    }
+    export class ListItemContent extends SurveyElementBase<IListItemProps, any> {
+        get model(): ListModel;
+        get item(): any;
+        getStateElement(): any;
+        render(): JSX.Element | null;
+    }
+}
+declare module "react/components/list/list-item-group" {
+    import { ListModel } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    interface IListItemProps {
+        model: ListModel;
+        item: any;
+    }
+    export class ListItemGroup extends SurveyElementBase<IListItemProps, any> {
+        get model(): ListModel;
+        get item(): any;
+        getStateElement(): any;
+        render(): JSX.Element | null;
+    }
+}
 declare module "react/components/survey-header/logo-image" {
     import React from "react";
     import { SurveyModel } from "entries/core";
@@ -27684,7 +27826,7 @@ declare module "entries/react-ui-model" {
     export { ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, } from "react/reactquestion_element";
     export { SurveyQuestionCommentItem, SurveyQuestionComment, } from "react/reactquestion_comment";
     export { SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, } from "react/reactquestion_checkbox";
-    export { SurveyQuestionRanking, SurveyQuestionRankingItem, } from "react/reactquestion_ranking";
+    export { SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent } from "react/reactquestion_ranking";
     export { RatingItem } from "react/components/rating/rating-item";
     export { RatingItemStar } from "react/components/rating/rating-item-star";
     export { RatingItemSmiley } from "react/components/rating/rating-item-smiley";
@@ -27727,6 +27869,8 @@ declare module "entries/react-ui-model" {
     export { SurveyQuestionButtonGroup } from "react/reactquestion_buttongroup";
     export { SurveyQuestionCustom, SurveyQuestionComposite } from "react/reactquestion_custom";
     export { Popup } from "react/components/popup/popup";
+    export { ListItemContent } from "react/components/list/list-item-content";
+    export { ListItemGroup } from "react/components/list/list-item-group";
     export { List } from "react/components/list/list";
     export { TitleActions } from "react/components/title/title-actions";
     export { TitleElement } from "react/components/title/title-element";