survey-react 1.8.77 → 1.9.1

package/survey.react.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for Survey JavaScript library v1.8.77
+/*Type definitions for Survey JavaScript library v1.9.1
 Copyright (c) 2015-2021 Devsoft Baltic OÜ  - http://surveyjs.io/
 Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
 */
@@ -110,7 +110,6 @@ export declare var defaultStandardCss: {
         itemDisabled: string;
         switch: string;
         slider: string;
-        sliderText: string;
         label: string;
         disabledLabel: string;
         materialDecorator: string;
@@ -131,7 +130,6 @@ export declare var defaultStandardCss: {
         itemControl: string;
         itemDecorator: string;
         controlLabel: string;
-        materialDecorator: string;
         other: string;
         column: string;
     };
@@ -233,13 +231,15 @@ export declare var defaultStandardCss: {
         progressText: string;
         panelWrapper: string;
         panelWrapperInRow: string;
-        separatorV2: string;
         footer: string;
+        progressBtnIcon: string;
     };
     multipletext: {
         root: string;
         itemTitle: string;
+        item: string;
         row: string;
+        itemLabel: string;
         itemValue: string;
     };
     radiogroup: {
@@ -252,7 +252,6 @@ export declare var defaultStandardCss: {
         labelChecked: string;
         itemControl: string;
         controlLabel: string;
-        materialDecorator: string;
         other: string;
         clearButton: string;
         column: string;
@@ -426,7 +425,6 @@ export declare var defaultBootstrapCss: {
         itemDisabled: string;
         switch: string;
         slider: string;
-        sliderText: string;
         label: string;
         disabledLabel: string;
         materialDecorator: string;
@@ -547,12 +545,15 @@ export declare var defaultBootstrapCss: {
         progressText: string;
         panelWrapper: string;
         panelWrapperInRow: string;
-        separatorV2: string;
         footer: string;
+        progressBtnIcon: string;
     };
     multipletext: {
         root: string;
         itemTitle: string;
+        item: string;
+        itemLabel: string;
+        row: string;
         itemValue: string;
     };
     radiogroup: {
@@ -738,7 +739,6 @@ export declare var defaultBootstrapMaterialCss: {
         itemDisabled: string;
         switch: string;
         slider: string;
-        sliderText: string;
         label: string;
         disabledLabel: string;
         materialDecorator: string;
@@ -865,12 +865,14 @@ export declare var defaultBootstrapMaterialCss: {
         progressText: string;
         panelWrapper: string;
         panelWrapperInRow: string;
-        separatorV2: string;
+        progressBtnIcon: string;
         footer: string;
     };
     multipletext: {
         root: string;
         itemTitle: string;
+        item: string;
+        itemLabel: string;
         row: string;
         itemValue: string;
     };
@@ -992,6 +994,7 @@ export declare var defaultV2Css: {
         titleOnError: string;
         description: string;
         container: string;
+        withFrame: string;
         content: string;
         icon: string;
         iconExpanded: string;
@@ -1015,11 +1018,11 @@ export declare var defaultV2Css: {
         progressBar: string;
         progressText: string;
         separator: string;
-        separatorV2: string;
         panelWrapper: string;
         footer: string;
         footerButtonsContainer: string;
         panelWrapperInRow: string;
+        progressBtnIcon: string;
     };
     progress: string;
     progressBar: string;
@@ -1037,6 +1040,7 @@ export declare var defaultV2Css: {
     question: {
         mainRoot: string;
         flowRoot: string;
+        withFrame: string;
         asCell: string;
         answered: string;
         header: string;
@@ -1071,12 +1075,15 @@ export declare var defaultV2Css: {
         root: string;
         icon: string;
         item: string;
+        tooltip: string;
+        aboveQuestion: string;
         locationTop: string;
         locationBottom: string;
     };
     checkbox: {
         root: string;
         item: string;
+        itemOnError: string;
         itemSelectAll: string;
         itemNone: string;
         itemDisabled: string;
@@ -1087,6 +1094,7 @@ export declare var defaultV2Css: {
         labelChecked: string;
         itemControl: string;
         itemDecorator: string;
+        itemSvgIconId: string;
         controlLabel: string;
         materialDecorator: string;
         other: string;
@@ -1095,6 +1103,7 @@ export declare var defaultV2Css: {
     radiogroup: {
         root: string;
         item: string;
+        itemOnError: string;
         itemInline: string;
         label: string;
         labelChecked: string;
@@ -1113,6 +1122,7 @@ export declare var defaultV2Css: {
         mainRoot: string;
         root: string;
         item: string;
+        itemOnError: string;
         control: string;
         itemChecked: string;
         itemIndeterminate: string;
@@ -1133,6 +1143,8 @@ export declare var defaultV2Css: {
     };
     multipletext: {
         root: string;
+        itemLabel: string;
+        itemLabelOnError: string;
         item: string;
         itemTitle: string;
         row: string;
@@ -1160,11 +1172,14 @@ export declare var defaultV2Css: {
         mainRoot: string;
         root: string;
         item: string;
+        itemOnError: string;
         itemInline: string;
         itemChecked: string;
         itemDisabled: string;
         itemHover: string;
         label: string;
+        itemDecorator: string;
+        imageContainer: string;
         itemControl: string;
         image: string;
         itemText: string;
@@ -1179,6 +1194,7 @@ export declare var defaultV2Css: {
         cell: string;
         headerCell: string;
         label: string;
+        itemOnError: string;
         itemValue: string;
         itemChecked: string;
         itemDisabled: string;
@@ -1194,12 +1210,14 @@ export declare var defaultV2Css: {
         root: string;
         cell: string;
         headerCell: string;
+        rowTextCell: string;
     };
     matrixdynamic: {
         mainRoot: string;
         root: string;
         cell: string;
         headerCell: string;
+        rowTextCell: string;
         button: string;
         detailRow: string;
         detailButton: string;
@@ -1212,10 +1230,12 @@ export declare var defaultV2Css: {
         buttonRemove: string;
         iconAdd: string;
         iconRemove: string;
+        footer: string;
     };
     rating: {
         root: string;
         item: string;
+        itemOnError: string;
         itemHover: string;
         selected: string;
         minText: string;
@@ -1227,6 +1247,7 @@ export declare var defaultV2Css: {
         root: string;
         small: string;
         controlDisabled: string;
+        onError: string;
     };
     expression: string;
     file: {
@@ -1238,6 +1259,7 @@ export declare var defaultV2Css: {
         fileList: string;
         fileSignBottom: string;
         fileDecorator: string;
+        onError: string;
         fileDecoratorDrag: string;
         fileInput: string;
         noFileChosen: string;
@@ -1277,12 +1299,29 @@ export declare var defaultV2Css: {
             buttonCollapsed: string;
         };
     };
+    ranking: {
+        root: string;
+        rootMobileMod: string;
+        rootDragMod: string;
+        item: string;
+        itemContent: string;
+        itemIndex: string;
+        controlLabel: string;
+        itemGhostNode: string;
+        itemIconContainer: string;
+        itemIcon: string;
+        itemIconHoverMod: string;
+        itemIconFocusMod: string;
+        itemGhostMod: string;
+        itemDragMod: string;
+    };
 };
 
 export declare var modernCss: {
     root: string;
     container: string;
     header: string;
+    headerClose: string;
     body: string;
     bodyEmpty: string;
     footer: string;
@@ -1333,7 +1372,7 @@ export declare var modernCss: {
         separator: string;
         panelWrapper: string;
         panelWrapperInRow: string;
-        separatorV2: string;
+        progressBtnIcon: string;
         footer: string;
     };
     progress: string;
@@ -1415,6 +1454,7 @@ export declare var modernCss: {
         labelChecked: string;
         itemControl: string;
         itemDecorator: string;
+        itemSvgIconId: string;
         controlLabel: string;
         materialDecorator: string;
         other: string;
@@ -1447,6 +1487,7 @@ export declare var modernCss: {
         itemHover: string;
         itemControl: string;
         itemDecorator: string;
+        itemSvgIconId: string;
         controlLabel: string;
         materialDecorator: string;
         other: string;
@@ -1474,7 +1515,6 @@ export declare var modernCss: {
         itemDisabled: string;
         switch: string;
         slider: string;
-        sliderText: string;
         label: string;
         disabledLabel: string;
         materialDecorator: string;
@@ -1491,6 +1531,7 @@ export declare var modernCss: {
     multipletext: {
         root: string;
         item: string;
+        itemLabel: string;
         itemTitle: string;
         row: string;
         cell: string;
@@ -1639,6 +1680,8 @@ export declare var modernCss: {
     };
 };
 
+export declare var SvgBundleViewModel: any;
+
 export declare class RendererFactory {
     static Instance: RendererFactory;
     unregisterRenderer(questionType: string, rendererAs: string): void;
@@ -1655,6 +1698,7 @@ interface IDimensions {
 export declare class ResponsivityManager {
     protected container: HTMLDivElement;
     protected minDimensionConst: number;
+    protected recalcMinDimensionConst: boolean;
     getComputedStyle: (elt: Element) => CSSStyleDeclaration;
     constructor(container: HTMLDivElement, model: AdaptiveActionContainer, itemsSelector: string, dotsItemSize?: number);
     protected getDimensions(element: HTMLElement): IDimensions;
@@ -1680,7 +1724,7 @@ declare function isElementVisible(element: HTMLElement, threshold?: number): boo
 declare function findScrollableParent(element: HTMLElement): HTMLElement;
 declare function scrollElementByChildId(id: string): void;
 declare function getIconNameFromProxy(iconName: string): string;
-declare function createSvg(size: number, width: number, height: number, iconName: string, svgElem: any): void;
+declare function createSvg(size: number | string, width: number, height: number, iconName: string, svgElem: any): void;
 export declare function unwrap<T>(value: T | (() => T)): T;
 export declare function getSize(value: any): any;
 declare function doKey2ClickUp(evt: KeyboardEvent, options?: {
@@ -1744,6 +1788,7 @@ export interface IAction {
             * Set this property to true to activate the toolbar item (page)
             */
         active?: boolean;
+        pressed?: boolean;
         /**
             * Toolbar item template name
             */
@@ -1777,6 +1822,10 @@ export interface IAction {
             * Set it to true to make the tabIndex -1 to disable keyboard navigation to this item
             */
         disableTabStop?: boolean;
+        /**
+            * Set it to false to force action "large" mode even if has icon and does not fit to action bar space
+            */
+        disableShrink?: boolean;
         /**
             * Action button display mode
             */
@@ -1803,12 +1852,14 @@ export declare class Action extends Base implements IAction {
         popupModel: any;
         needSeparator: boolean;
         active: boolean;
+        pressed: boolean;
         template: string;
         component: string;
         items: any;
         visibleIndex: number;
         mode: "large" | "small" | "popup";
         disableTabStop: boolean;
+        disableShrink: boolean;
         get disabled(): boolean;
         get hasTitle(): boolean;
         get isVisible(): boolean;
@@ -1853,6 +1904,12 @@ export declare class ActionContainer<T extends Action = Action> extends Base {
     resetResponsivityManager(): void;
 }
 
+export declare class TooltipManager {
+    tooltipElement: HTMLElement;
+    constructor(tooltipElement: HTMLElement);
+    dispose(): void;
+}
+
 export declare class Survey extends SurveyElementBase<any, any> implements ISurveyCreator {
     static get cssType(): string;
     static set cssType(value: string);
@@ -2019,26 +2076,35 @@ export declare class SurveyElementErrors extends ReactSurveyElement {
     protected get element(): SurveyElement;
     protected get location(): string;
     protected canRender(): boolean;
+    componentDidUpdate(prevProps: any, prevState: any): void;
+    componentWillUnmount(): void;
     protected renderElement(): JSX.Element;
 }
-export declare class SurveyQuestionAndErrorsCell extends ReactSurveyElement {
+export declare abstract class SurveyQuestionAndErrorsWrapped extends ReactSurveyElement {
     [index: string]: any;
-    protected cellRef: React.RefObject<HTMLTableCellElement>;
     constructor(props: any);
     protected getStateElement(): Base;
-    protected get itemCss(): string;
     protected get question(): Question;
     protected get creator(): ISurveyCreator;
     protected getQuestion(): Question;
+    protected get itemCss(): string;
     componentDidMount(): void;
-    componentWillUnmount(): void;
     componentDidUpdate(prevProps: any, prevState: any): void;
     protected doAfterRender(): void;
     protected canRender(): boolean;
-    protected renderElement(): JSX.Element;
+    protected renderErrors(errorsLocation: string): JSX.Element;
+    protected renderContent(): JSX.Element;
+    protected abstract renderElement(): JSX.Element;
     protected getShowErrors(): boolean;
-    protected getCellStyle(): any;
     protected renderQuestion(): JSX.Element;
+}
+export declare class SurveyQuestionAndErrorsCell extends SurveyQuestionAndErrorsWrapped {
+    [index: string]: any;
+    protected cellRef: React.RefObject<HTMLTableCellElement>;
+    constructor(props: any);
+    componentWillUnmount(): void;
+    protected renderElement(): JSX.Element;
+    protected getCellStyle(): any;
     protected getHeaderText(): string;
     protected wrapCell(cell: QuestionMatrixDropdownRenderedCell, element: JSX.Element): JSX.Element;
 }
@@ -2196,8 +2262,12 @@ export declare class SurveyQuestionMultipleText extends SurveyQuestionElementBas
     constructor(props: any);
     protected get question(): QuestionMultipleTextModel;
     protected renderElement(): JSX.Element;
+    protected renderItemTooltipError(item: MultipleTextItemModel, cssClasses: any): JSX.Element;
     protected renderRow(rowIndex: number, items: Array<MultipleTextItemModel>, cssClasses: any): JSX.Element;
 }
+export declare class SurveyMultipleTextItemEditor extends SurveyQuestionAndErrorsWrapped {
+    protected renderElement(): JSX.Element;
+}
 
 export declare class SurveyQuestionRadiogroup extends SurveyQuestionElementBase {
     constructor(props: any);
@@ -2224,6 +2294,7 @@ export declare class SurveyQuestionRadioItem extends ReactSurveyElement {
 
 export declare class SurveyQuestionText extends SurveyQuestionUncontrolledElement<QuestionTextModel> {
     constructor(props: any);
+    protected renderInput(): JSX.Element;
     protected renderElement(): JSX.Element;
 }
 
@@ -2300,8 +2371,8 @@ export declare class SurveyQuestionPanelDynamic extends SurveyQuestionElementBas
     handleOnRangeChange(event: any): void;
     protected renderElement(): JSX.Element;
     protected renderNavigator(): JSX.Element;
-    protected rendrerPrevButton(viewBox?: string, icon?: JSX.Element): JSX.Element;
-    protected rendrerNextButton(viewBox?: string, icon?: JSX.Element): JSX.Element;
+    protected rendrerPrevButton(): JSX.Element;
+    protected rendrerNextButton(): JSX.Element;
     protected renderRange(): JSX.Element;
     protected renderAddRowButton(): JSX.Element;
     protected renderNavigatorV2(): JSX.Element;
@@ -2466,10 +2537,12 @@ export declare class PopupContainer extends SurveyElementBase<any, any> {
     renderPointer(): JSX.Element;
     renderHeader(): JSX.Element;
     renderContent(): JSX.Element;
+    renderCancelButton(): JSX.Element;
+    renderApplyButton(): JSX.Element;
     renderFooter(): JSX.Element;
     render(): JSX.Element;
 }
-export declare function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string): void;
+export declare function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): void;
 export {};
 
 interface IListProps {
@@ -2756,7 +2829,7 @@ export declare var settings: {
             * Set the value as string "yyyy-mm-dd". text questions with inputType "date" will not allow to set to survey date that greater than this value
             */
         maxDate: string;
-        showModal: (componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string) => void;
+        showModal: (componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay") => void;
         supportCreatorV2: boolean;
         /**
             * Specifies a list of custom icons.
@@ -3148,6 +3221,7 @@ export declare class Base {
             * @param val new property value
             */
         setPropertyValue(name: string, val: any): void;
+        protected setArrayPropertyDirectly(name: string, val: any, sendNotification?: boolean): void;
         protected setPropertyValueDirectly(name: string, val: any): void;
         protected clearPropertyValue(name: string): void;
         onPropertyValueChangedCallback(name: string, oldValue: any, newValue: any, sender: Base, arrayChanges: ArrayChanges): void;
@@ -3182,7 +3256,7 @@ export declare class Base {
             */
         unRegisterFunctionOnPropertiesValueChanged(names: Array<string>, key?: string): void;
         createCustomLocalizableObj(name: string): void;
-        protected createLocalizableString(name: string, owner: ILocalizableOwner, useMarkDown?: boolean, hasDefaultValue?: boolean): LocalizableString;
+        protected createLocalizableString(name: string, owner: ILocalizableOwner, useMarkDown?: boolean, defaultStr?: boolean | string): LocalizableString;
         getLocalizableString(name: string): LocalizableString;
         getLocalizableStringText(name: string, defaultStr?: string): string;
         setLocalizableStringText(name: string, value: string): void;
@@ -3282,6 +3356,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     requiredText: string;
     beforeSettingQuestionErrors(question: IQuestion, errors: Array<SurveyError>): void;
     beforeSettingPanelErrors(question: IPanel, errors: Array<SurveyError>): void;
+    getSurveyErrorCustomText(obj: Base, text: string, error: SurveyError): string;
     getElementTitleTagName(element: Base, tagName: string): string;
     questionTitlePattern: string;
     getUpdatedQuestionTitle(question: IQuestion, title: string): string;
@@ -3513,6 +3588,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         stateChangedCallback: () => void;
         static getProgressInfoByElements(children: Array<SurveyElement>, isRequired: boolean): IProgressInfo;
         dragTypeOverMe: DragTypeOverMeEnum;
+        isDragMe: boolean;
         readOnlyChangedCallback: () => void;
         static ScrollElementToTop(elementId: string): boolean;
         static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
@@ -3675,6 +3751,10 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         protected moveToBase(parent: IPanel, container: IPanel, insertBefore?: any): boolean;
         protected setPage(parent: IPanel, newPage: IPage): void;
         protected getSearchableLocKeys(keys: Array<string>): void;
+        protected get isDefaultV2Theme(): boolean;
+        get isErrorsModeTooltip(): boolean;
+        get hasParent(): boolean;
+        protected get hasFrameV2(): boolean;
 }
 
 /**
@@ -4409,6 +4489,7 @@ export interface IMatrixDropdownData {
         getRenderer(name: string): string;
         getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
+        getParentTextProcessor(): ITextProcessor;
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
         getSurvey(): ISurvey;
@@ -4725,6 +4806,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
         createRowDetailPanel(row: MatrixDropdownRowModelBase): PanelModel;
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
+        getParentTextProcessor(): ITextProcessor;
         getQuestionFromArray(name: string, index: number): IQuestion;
         getCellTemplateData(cell: QuestionMatrixDropdownRenderedCell): any;
         getCellWrapperComponentName(cell: MatrixDropdownCell): string;
@@ -5463,6 +5545,7 @@ export declare class QuestionMultipleTextModel extends Question implements IMult
         get elements(): Array<IElement>;
         indexOf(el: IElement): number;
         ensureRowsVisibility(): void;
+        getItemLabelCss(item: MultipleTextItemModel): string;
         getItemCss(): string;
         getItemTitleCss(): string;
 }
@@ -5512,6 +5595,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         endLoadingFromJson(): void;
         get hasTitle(): boolean;
+        get hasDescription(): boolean;
         protected canShowTitle(): boolean;
         get _showDescription(): boolean;
         localeChanged(): void;
@@ -5683,6 +5767,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         protected createRow(): QuestionRowModel;
         onSurveyLoad(): void;
         onFirstRendering(): void;
+        updateRows(): void;
         get rows(): Array<QuestionRowModel>;
         ensureRowsVisibility(): void;
         protected onRowsChanged(): void;
@@ -5795,8 +5880,6 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
     * It may contain questions and other panels.
     */
 export declare class PanelModel extends PanelModelBase implements IElement {
-        minWidth?: string;
-        maxWidth?: string;
         constructor(name?: string);
         getType(): string;
         get contentId(): string;
@@ -5868,6 +5951,16 @@ export declare class PanelModel extends PanelModelBase implements IElement {
             */
         get width(): string;
         set width(val: string);
+        /**
+            * Use it to set the specific minWidth constraint to the panel like css style (%, px, em etc).
+            */
+        get minWidth(): string;
+        set minWidth(val: string);
+        /**
+            * Use it to set the specific maxWidth constraint to the panel like css style (%, px, em etc).
+            */
+        get maxWidth(): string;
+        set maxWidth(val: string);
         /**
             * The left indent. Set this property to increase the panel left indent.
             */
@@ -5912,6 +6005,7 @@ export declare class PanelModel extends PanelModelBase implements IElement {
         protected onVisibleChanged(): void;
         needResponsiveWidth(): boolean;
         focusIn: () => void;
+        getContainerCss(): string;
 }
 
 /**
@@ -6096,9 +6190,9 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         /**
             * A11Y properties
             */
-        get ariaRequired(): boolean;
+        get ariaRequired(): "true" | "false";
         get ariaLabel(): string;
-        get ariaInvalid(): boolean;
+        get ariaInvalid(): "true" | "false";
         get ariaDescribedBy(): string;
         /**
             * Get is question ready to use
@@ -6325,6 +6419,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get renderWidth(): string;
         set renderWidth(val: string);
+        get renderCssRoot(): string;
         /**
             * Set it different from 0 to increase the left padding.
             */
@@ -6391,6 +6486,8 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get isReadOnly(): boolean;
         get isInputReadOnly(): boolean;
+        get renderedInputReadOnly(): string;
+        get renderedInputDisabled(): string;
         protected onReadOnlyChanged(): void;
         /**
             * An expression that returns true or false. If it returns false the Question becomes read only and an end-user will not able to answer on the qustion. The library runs the expression on survey start and on changing a question value. If the property is empty then readOnly property is used.
@@ -6437,6 +6534,10 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         createValueCopy(): any;
         protected getUnbindValue(value: any): any;
         protected isValueSurveyElement(val: any): boolean;
+        /**
+            * Return true if there is a parent (page or panel) and it is visible
+            */
+        get isParentVisible(): boolean;
         clearValueIfInvisible(): void;
         get displayValue(): any;
         /**
@@ -6455,6 +6556,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         set defaultValue(val: any);
         get defaultValueExpression(): any;
         set defaultValueExpression(val: any);
+        get resizeStyle(): "none" | "both";
         /**
             * Returns question answer data as a plain object: with question title, name, value and displayValue.
             * For complex questions (like matrix, etc.) isNode flag is set to true and data contains array of nested objects (rows)
@@ -6767,9 +6869,7 @@ export declare class QuestionSelectBase extends Question {
         /**
             *  Use this property to set the place holder text for other or comment field  .
             */
-        get otherPlaceHolder(): string;
-        set otherPlaceHolder(val: string);
-        get locOtherPlaceHolder(): LocalizableString;
+        otherPlaceHolder: string;
         /**
             * The text that shows when the other item is choosed by the other input is empty.
             */
@@ -6858,6 +6958,13 @@ export declare class QuestionSelectBase extends Question {
         choicesLoaded(): void;
         getItemValueWrapperComponentName(item: ItemValue): string;
         getItemValueWrapperComponentData(item: ItemValue): any;
+        ariaItemChecked(item: ItemValue): "true" | "false";
+        isOtherItem(item: ItemValue): boolean;
+        get itemSvgIcon(): string;
+        ariaItemLabel(item: ItemValue): string;
+        getItemId(item: ItemValue): string;
+        get questionName(): string;
+        getItemEnabled(item: ItemValue): any;
 }
 /**
     * A base class for checkbox and radiogroup questions. It introduced a colCount property.
@@ -6873,8 +6980,6 @@ export declare class QuestionCheckboxBase extends QuestionSelectBase {
         protected onParentChanged(): void;
         protected onParentQuestionChanged(): void;
         protected getSearchableItemValueKeys(keys: Array<string>): void;
-        getItemEnabled(item: ItemValue): any;
-        isOtherItem(item: ItemValue): boolean;
 }
 
 /**
@@ -6935,6 +7040,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         protected onEnableItemCallBack(item: ItemValue): boolean;
         protected onAfterRunItemsEnableCondition(): void;
         protected getItemClassCore(item: any, options: any): string;
+        updateValueFromSurvey(newValue: any): void;
         protected setNewValue(newValue: any): void;
         protected getIsMultipleValue(): boolean;
         protected getCommentFromValue(newValue: any): string;
@@ -6958,7 +7064,6 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         protected renderedValueFromDataCore(val: any): any;
         protected rendredValueToDataCore(val: any): any;
         get checkBoxSvgPath(): string;
-        getItemId(item: ItemValue): string;
 }
 
 /**
@@ -7028,6 +7133,7 @@ export declare class QuestionCommentModel extends QuestionTextBase {
         onKeyDown(event: any): void;
         onValueChanged(): void;
         protected setNewValue(newValue: string): any;
+        get className(): string;
 }
 
 /**
@@ -7078,6 +7184,7 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
         get autoComplete(): string;
         set autoComplete(val: string);
         getControlClass(): string;
+        get readOnlyText(): any;
 }
 
 export declare class QuestionFactory {
@@ -7272,6 +7379,7 @@ export declare class QuestionHtmlModel extends QuestionNonValue {
 export declare class QuestionRadiogroupModel extends QuestionCheckboxBase {
         constructor(name: string);
         getType(): string;
+        get ariaRole(): string;
         protected getFirstInputElementId(): string;
         /**
             * Return the selected item in the radio group. Returns null if the value is empty
@@ -7285,7 +7393,6 @@ export declare class QuestionRadiogroupModel extends QuestionCheckboxBase {
         get canShowClearButton(): boolean;
         get clearButtonCaption(): any;
         supportGoNextPageAutomatic(): boolean;
-        get ariaRole(): string;
 }
 
 /**
@@ -7393,6 +7500,7 @@ export declare class QuestionExpressionModel extends Question {
         get formatedValue(): string;
         protected updateFormatedValue(): void;
         protected onValueChanged(): void;
+        updateValueFromSurvey(newValue: any): void;
         protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         /**
             * You may set this property to "decimal", "currency", "percent" or "date". If you set it to "currency", you may use the currency property to display the value in currency different from USD.
@@ -7438,6 +7546,7 @@ export declare class QuestionTextModel extends QuestionTextBase {
         set size(val: number);
         get isTextInput(): boolean;
         get inputSize(): number;
+        get renderedInputSize(): number;
         get inputWidth(): string;
         updateInputSize(): void;
         /**
@@ -7555,6 +7664,7 @@ export declare class QuestionBooleanModel extends Question {
         get labelTrue(): any;
         set labelTrue(val: any);
         get locLabelTrue(): LocalizableString;
+        get isDeterminated(): boolean;
         /**
             * Set this property, if you want to have a different label for state when check is unset.
             */
@@ -7578,6 +7688,7 @@ export declare class QuestionBooleanModel extends Question {
         getItemCss(): string;
         getLabelCss(checked: boolean): string;
         get allowClick(): boolean;
+        getCheckedLabel(): LocalizableString;
         onLabelClick(event: any, value: boolean): boolean;
         onSwitchClickModel(event: any): boolean;
 }
@@ -7635,11 +7746,13 @@ export declare class QuestionImagePickerModel extends QuestionCheckboxBase {
             */
         get imageHeight(): string;
         set imageHeight(val: string);
+        get renderedImageHeight(): string;
         /**
             * The image width.
             */
         get imageWidth(): string;
         set imageWidth(val: string);
+        get renderedImageWidth(): string;
         /**
             * The image fit mode.
             */
@@ -7652,6 +7765,7 @@ export declare class QuestionImagePickerModel extends QuestionCheckboxBase {
         set contentMode(val: string);
         protected convertDefaultValue(val: any): any;
         get hasColumns(): boolean;
+        get inputType(): "checkbox" | "radio";
 }
 
 /**
@@ -8429,6 +8543,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
             * <br/> `sender` - the survey object that fires the event.
             * <br/> `options.text` - an error text.
             * <br/> `options.error` - an instance of the `SurveyError` object.
+            * <br/> `options.obj` - an instance of Question, Panel or Survey object to where error is located.
             * <br/> `options.name` - the error name. The following error names are available:
             * required, requireoneanswer, requirenumeric, exceedsize, webrequest, webrequestempty, otherempty,
             * uploadingfile, requiredinallrowserror, minrowcounterror, keyduplicationerror, custom
@@ -9237,6 +9352,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         getProcessedText(text: string): string;
         getLocString(str: string): any;
         getErrorCustomText(text: string, error: SurveyError): string;
+        getSurveyErrorCustomText(obj: Base, text: string, error: SurveyError): string;
         /**
             * Returns the text that is displayed when there are no any visible pages and questiona.
             */
@@ -9603,7 +9719,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
             * Sets the input focus to the first question with the input field.
             */
         focusFirstQuestion(): void;
-        scrollToTopOnPageChange(): void;
+        scrollToTopOnPageChange(doScroll?: boolean): void;
         /**
             * Returns the current survey state:
             *
@@ -10304,6 +10420,11 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         getObjects(pages: string[], questions: string[]): any[];
         setTriggerValue(name: string, value: any, isVariable: boolean): void;
         copyTriggerValue(name: string, fromName: string): void;
+        /**
+            * Focus question by its name. If needed change the current page on the page where question is located.
+            * Function returns false if there is no question with this name or question is invisible, otherwise it returns true.
+            * @param name question name
+            */
         focusQuestion(name: string): boolean;
         getElementWrapperComponentName(element: any, reason?: string): string;
         getRowWrapperComponentName(row: QuestionRowModel): string;
@@ -10521,7 +10642,6 @@ export declare class TextPreProcessorValue {
 }
 export declare class TextPreProcessor {
     onProcess: (textValue: TextPreProcessorValue) => void;
-    constructor();
     process(text: string, returnDisplayValue?: boolean, doEncoding?: boolean): string;
     processValue(name: string, returnDisplayValue: boolean): TextPreProcessorValue;
     get hasAllValuesOnLastRun(): boolean;
@@ -10534,6 +10654,7 @@ export declare class QuestionTextProcessor implements ITextProcessor {
     protected get panel(): PanelModel;
     protected getValues(): any;
     protected getQuestionByName(name: string): Question;
+    protected getParentTextProcessor(): ITextProcessor;
     protected onCustomProcessText(textValue: TextPreProcessorValue): boolean;
     processText(text: string, returnDisplayValue: boolean): string;
     processTextEx(text: string, returnDisplayValue: boolean): any;
@@ -10967,13 +11088,14 @@ export declare class PopupModel<T = any> extends Base {
     onShow: () => void;
     cssClass: string;
     title: string;
+    displayMode: "popup" | "overlay";
     constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: VerticalPosition, horizontalPosition?: HorizontalPosition, showPointer?: boolean, isModal?: boolean, onCancel?: () => void, onApply?: () => boolean, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string);
     get isVisible(): boolean;
     set isVisible(value: boolean);
     toggleVisibility(): void;
     onVisibilityChanged: (isVisible: boolean) => void;
 }
-export declare function createPopupModalViewModel(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string): PopupBaseViewModel;
+export declare function createPopupModalViewModel(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): PopupBaseViewModel;
 export declare class PopupBaseViewModel extends Base {
     targetElement?: HTMLElement;
     top: string;
@@ -10991,6 +11113,8 @@ export declare class PopupBaseViewModel extends Base {
     get contentComponentData(): any;
     get showPointer(): boolean;
     get isModal(): boolean;
+    get showFooter(): boolean;
+    get isOverlay(): boolean;
     get styleClass(): string;
     onKeyDown(event: any): void;
     updateOnShowing(): void;
@@ -11073,7 +11197,12 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
     protected prevIsEdge: any;
     protected ghostSurveyElement: IElement;
     protected get draggedElementType(): string;
+    protected isDraggedElementSelected: boolean;
     startDragToolboxItem(event: PointerEvent, draggedElementJson: JsonObject): void;
+    startDragSurveyElement(event: PointerEvent, draggedElement: any, isElementSelected?: boolean): void;
+    protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
+    protected createDraggedElementIcon(): HTMLElement;
+    protected getDraggedElementClass(): string;
     protected createElementFromJson(json: object): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
     protected isDropTargetValid(dropTarget: SurveyElement): boolean;
@@ -11205,12 +11334,14 @@ export declare class DragDropRankingChoices extends DragDropChoices {
     protected get draggedElementType(): string;
     protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
+    protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
     protected isDropTargetValid(dropTarget: ItemValue, dropTargetNode?: HTMLElement): boolean;
     protected calculateIsBottom(clientY: number): boolean;
+    protected doDragOver: () => any;
     protected afterDragOver(dropTargetNode: HTMLElement): void;
     protected ghostPositionChanged(): void;
+    protected doBanDropHere: () => any;
     protected doDrop: () => any;
-    protected handleEscapeButton: (event: KeyboardEvent) => void;
     protected doClear: () => void;
 }
 
@@ -11280,6 +11411,10 @@ export declare class PopupUtils {
         height: number;
         top: number;
     };
+    static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: HorizontalPosition): {
+        width: number;
+        left: number;
+    };
     static updateVerticalPosition(targetRect: ClientRect, height: number, verticalPosition: VerticalPosition, showPointer: boolean, windowHeight: number): VerticalPosition;
     static calculatePopupDirection(verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition): string;
     static calculatePointerTarget(targetRect: ClientRect, top: number, left: number, verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition): INumberPosition;
@@ -11299,12 +11434,14 @@ export declare abstract class DragDropCore<T> extends Base {
     protected get survey(): SurveyModel;
     prevDropTarget: any;
     protected draggedElementShortcut: any;
+    protected allowDropHere: boolean;
     constructor(surveyValue?: ISurvey, creator?: any);
     startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement): void;
     protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
     protected doStartDrag(): void;
     protected getShortcutText(draggedElement: IShortcutText): string;
     protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
+    protected getDraggedElementClass(): string;
     protected doDragOver(dropTargetNode?: HTMLElement): void;
     protected afterDragOver(dropTargetNode?: HTMLElement): void;
     getGhostPosition(item: any): string;