survey-react 1.8.76 → 1.9.0

package/survey.react.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for Survey JavaScript library v1.8.76
+/*Type definitions for Survey JavaScript library v1.9.0
 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;
     };
@@ -239,7 +237,9 @@ export declare var defaultStandardCss: {
     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;
@@ -553,6 +551,9 @@ export declare var defaultBootstrapCss: {
     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;
@@ -871,6 +871,8 @@ export declare var defaultBootstrapMaterialCss: {
     multipletext: {
         root: string;
         itemTitle: string;
+        item: string;
+        itemLabel: string;
         row: string;
         itemValue: string;
     };
@@ -1071,12 +1073,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 +1092,7 @@ export declare var defaultV2Css: {
         labelChecked: string;
         itemControl: string;
         itemDecorator: string;
+        itemSvgIconId: string;
         controlLabel: string;
         materialDecorator: string;
         other: string;
@@ -1095,6 +1101,7 @@ export declare var defaultV2Css: {
     radiogroup: {
         root: string;
         item: string;
+        itemOnError: string;
         itemInline: string;
         label: string;
         labelChecked: string;
@@ -1113,6 +1120,7 @@ export declare var defaultV2Css: {
         mainRoot: string;
         root: string;
         item: string;
+        itemOnError: string;
         control: string;
         itemChecked: string;
         itemIndeterminate: string;
@@ -1133,6 +1141,8 @@ export declare var defaultV2Css: {
     };
     multipletext: {
         root: string;
+        itemLabel: string;
+        itemLabelOnError: string;
         item: string;
         itemTitle: string;
         row: string;
@@ -1160,6 +1170,7 @@ export declare var defaultV2Css: {
         mainRoot: string;
         root: string;
         item: string;
+        itemOnError: string;
         itemInline: string;
         itemChecked: string;
         itemDisabled: string;
@@ -1179,6 +1190,7 @@ export declare var defaultV2Css: {
         cell: string;
         headerCell: string;
         label: string;
+        itemOnError: string;
         itemValue: string;
         itemChecked: string;
         itemDisabled: string;
@@ -1194,12 +1206,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;
@@ -1216,6 +1230,7 @@ export declare var defaultV2Css: {
     rating: {
         root: string;
         item: string;
+        itemOnError: string;
         itemHover: string;
         selected: string;
         minText: string;
@@ -1227,6 +1242,7 @@ export declare var defaultV2Css: {
         root: string;
         small: string;
         controlDisabled: string;
+        onError: string;
     };
     expression: string;
     file: {
@@ -1238,6 +1254,7 @@ export declare var defaultV2Css: {
         fileList: string;
         fileSignBottom: string;
         fileDecorator: string;
+        onError: string;
         fileDecoratorDrag: string;
         fileInput: string;
         noFileChosen: string;
@@ -1277,12 +1294,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;
@@ -1415,6 +1449,7 @@ export declare var modernCss: {
         labelChecked: string;
         itemControl: string;
         itemDecorator: string;
+        itemSvgIconId: string;
         controlLabel: string;
         materialDecorator: string;
         other: string;
@@ -1447,6 +1482,7 @@ export declare var modernCss: {
         itemHover: string;
         itemControl: string;
         itemDecorator: string;
+        itemSvgIconId: string;
         controlLabel: string;
         materialDecorator: string;
         other: string;
@@ -1474,7 +1510,6 @@ export declare var modernCss: {
         itemDisabled: string;
         switch: string;
         slider: string;
-        sliderText: string;
         label: string;
         disabledLabel: string;
         materialDecorator: string;
@@ -1491,6 +1526,7 @@ export declare var modernCss: {
     multipletext: {
         root: string;
         item: string;
+        itemLabel: string;
         itemTitle: string;
         row: string;
         cell: string;
@@ -1639,6 +1675,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 +1693,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;
@@ -1777,6 +1816,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
             */
@@ -1809,6 +1852,7 @@ export declare class Action extends Base implements IAction {
         visibleIndex: number;
         mode: "large" | "small" | "popup";
         disableTabStop: boolean;
+        disableShrink: boolean;
         get disabled(): boolean;
         get hasTitle(): boolean;
         get isVisible(): boolean;
@@ -1824,6 +1868,7 @@ export declare class AdaptiveActionContainer<T extends Action = Action> extends
     protected dotsItem: Action;
     protected dotsItemPopupModel: PopupModel;
     minVisibleItemsCount: number;
+    protected invisibleItemsListModel: ListModel;
     constructor();
     protected onSet(): void;
     protected onPush(item: T): void;
@@ -1852,6 +1897,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);
@@ -2018,26 +2069,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;
 }
@@ -2195,8 +2255,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);
@@ -2223,6 +2287,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;
 }
 
@@ -2465,10 +2530,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 {
@@ -2755,7 +2822,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.
@@ -2861,7 +2928,7 @@ export declare class NumericValidator extends SurveyValidator {
     * Validate text values.
     */
 export declare class TextValidator extends SurveyValidator {
-        constructor(minLength?: number, maxLength?: number, allowDigits?: boolean);
+        constructor();
         getType(): string;
         validate(value: any, name?: string, values?: any, properties?: any): ValidatorResult;
         protected getDefaultErrorText(name: string): any;
@@ -2944,7 +3011,7 @@ export declare class ExpressionValidator extends SurveyValidator {
   * It has two main properties: value and text. If text is empty, value is used for displaying.
   * The text property is localizable and support markdown.
   */
-export declare class ItemValue extends Base {
+export declare class ItemValue extends Base implements IShortcutText {
     protected typeName: string;
     [index: string]: any;
     static get Separator(): string;
@@ -2976,6 +3043,7 @@ export declare class ItemValue extends Base {
     get text(): string;
     set text(newText: string);
     get calculatedText(): string;
+    get shortcutText(): string;
     getData(): any;
     toJSON(): any;
     setData(value: any): void;
@@ -3146,6 +3214,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;
@@ -3180,7 +3249,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;
@@ -3280,6 +3349,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;
@@ -3339,7 +3409,10 @@ export interface ISurveyImpl {
 export interface IConditionRunner {
     runCondition(values: HashTable<any>, properties: HashTable<any>): any;
 }
-export interface ISurveyElement {
+export interface IShortcutText {
+    shortcutText: string;
+}
+export interface ISurveyElement extends IShortcutText {
     name: string;
     isVisible: boolean;
     isReadOnly: boolean;
@@ -3508,6 +3581,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;
@@ -3553,6 +3627,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
             */
         toggleState(): boolean;
         get hasStateButton(): boolean;
+        get shortcutText(): string;
         getTitleToolbar(): AdaptiveActionContainer;
         get titleActions(): Array<any>;
         getTitleActions(): Array<any>;
@@ -4978,10 +5053,11 @@ export declare class QuestionMatrixDropdownModel extends QuestionMatrixDropdownM
         protected getSearchableItemValueKeys(keys: Array<string>): void;
 }
 
-export declare class MatrixDynamicRowModel extends MatrixDropdownRowModelBase {
+export declare class MatrixDynamicRowModel extends MatrixDropdownRowModelBase implements IShortcutText {
         index: number;
         constructor(index: number, data: IMatrixDropdownData, value: any);
         get rowName(): string;
+        get shortcutText(): string;
 }
 /**
     * A Model for a matrix dymanic question. You may use a dropdown, checkbox, radiogroup, text and comment questions as a cell editors.
@@ -5456,6 +5532,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;
 }
@@ -5676,6 +5753,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;
@@ -5788,8 +5866,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;
@@ -5861,6 +5937,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.
             */
@@ -6069,6 +6155,8 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         onReadyChanged: EventBase<Question>;
         isReadOnlyRenderDiv(): boolean;
+        get isErrorsModeTooltip(): boolean;
+        get hasParent(): boolean;
         constructor(name: string);
         protected createLocTitleProperty(): LocalizableString;
         getSurvey(live?: boolean): ISurvey;
@@ -6089,9 +6177,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
@@ -6318,6 +6406,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.
             */
@@ -6384,6 +6473,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.
@@ -6430,6 +6521,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;
         /**
@@ -6448,6 +6543,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)
@@ -6760,9 +6856,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.
             */
@@ -6851,6 +6945,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.
@@ -6866,8 +6967,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;
 }
 
 /**
@@ -6928,6 +7027,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;
@@ -6951,7 +7051,6 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         protected renderedValueFromDataCore(val: any): any;
         protected rendredValueToDataCore(val: any): any;
         get checkBoxSvgPath(): string;
-        getItemId(item: ItemValue): string;
 }
 
 /**
@@ -7021,6 +7120,7 @@ export declare class QuestionCommentModel extends QuestionTextBase {
         onKeyDown(event: any): void;
         onValueChanged(): void;
         protected setNewValue(newValue: string): any;
+        get className(): string;
 }
 
 /**
@@ -7071,6 +7171,7 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
         get autoComplete(): string;
         set autoComplete(val: string);
         getControlClass(): string;
+        get readOnlyText(): any;
 }
 
 export declare class QuestionFactory {
@@ -7278,7 +7379,6 @@ export declare class QuestionRadiogroupModel extends QuestionCheckboxBase {
         get canShowClearButton(): boolean;
         get clearButtonCaption(): any;
         supportGoNextPageAutomatic(): boolean;
-        get ariaRole(): string;
 }
 
 /**
@@ -7383,6 +7483,10 @@ export declare class QuestionExpressionModel extends Question {
         set minimumFractionDigits(val: number);
         get runIfReadOnly(): boolean;
         set runIfReadOnly(val: boolean);
+        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.
@@ -7428,6 +7532,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;
         /**
@@ -7545,6 +7650,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.
             */
@@ -7568,6 +7674,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;
 }
@@ -7625,11 +7732,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.
             */
@@ -7642,6 +7751,7 @@ export declare class QuestionImagePickerModel extends QuestionCheckboxBase {
         set contentMode(val: string);
         protected convertDefaultValue(val: any): any;
         get hasColumns(): boolean;
+        get inputType(): "checkbox" | "radio";
 }
 
 /**
@@ -8419,6 +8529,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
@@ -9227,6 +9338,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.
             */
@@ -10294,6 +10406,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;
@@ -10511,7 +10628,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;
@@ -10940,6 +11056,7 @@ export declare class ListModel extends ActionContainer {
     getItemIndent: (itemValue: any) => string;
     get filteredTextPlaceholder(): any;
     onKeyDown(event: KeyboardEvent): void;
+    onPointerDown(event: PointerEvent, item: any): void;
     refresh(): void;
 }
 
@@ -10956,13 +11073,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;
@@ -10980,6 +11098,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;
@@ -11062,9 +11182,13 @@ 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 getShortcutText(draggedElement: any): string;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
     protected isDropTargetValid(dropTarget: SurveyElement): boolean;
     protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
@@ -11081,8 +11205,7 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
 
 export declare class DragDropChoices extends DragDropCore<QuestionSelectBase> {
     protected get draggedElementType(): string;
-    protected getShortcutText(draggedElement: ItemValue): string;
-    protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement): HTMLElement;
+    protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement, event: PointerEvent): HTMLElement;
     protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
     protected isDropTargetValid(dropTarget: ItemValue): boolean;
@@ -11185,7 +11308,6 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
 export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynamicModel> {
     protected get draggedElementType(): string;
     protected ghostPositionChanged(): void;
-    protected getShortcutText(draggedElement: any): string;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: any): MatrixDropdownRowModelBase;
     protected isDropTargetValid(dropTarget: any): boolean;
     protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
@@ -11197,12 +11319,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;
 }
 
@@ -11272,6 +11396,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;
@@ -11290,13 +11418,15 @@ export declare abstract class DragDropCore<T> extends Base {
     protected get dropTargetDataAttributeName(): string;
     protected get survey(): SurveyModel;
     prevDropTarget: any;
-    protected draggedElementShortcut: HTMLElement;
+    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 abstract getShortcutText(draggedElement: any): string;
-    protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement): HTMLElement;
+    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;