survey-react 1.8.70 → 1.8.74

package/survey.react.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for Survey JavaScript library v1.8.70
+/*Type definitions for Survey JavaScript library v1.8.74
 Copyright (c) 2015-2021 Devsoft Baltic OÜ  - http://surveyjs.io/
 Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
 */
@@ -180,6 +180,7 @@ export declare var defaultStandardCss: {
         cell: string;
         headerCell: string;
         row: string;
+        rowAdditional: string;
         detailRow: string;
         detailRowText: string;
         detailCell: string;
@@ -491,6 +492,7 @@ export declare var defaultBootstrapCss: {
         cell: string;
         headerCell: string;
         row: string;
+        rowAdditional: string;
         detailRow: string;
         detailRowText: string;
         detailCell: string;
@@ -803,6 +805,7 @@ export declare var defaultBootstrapMaterialCss: {
         itemValue: string;
         headerCell: string;
         row: string;
+        rowAdditional: string;
         detailRow: string;
         detailRowText: string;
         detailCell: string;
@@ -1212,6 +1215,7 @@ export declare var modernCss: {
         cell: string;
         headerCell: string;
         row: string;
+        rowAdditional: string;
         detailRow: string;
         detailRowText: string;
         detailCell: string;
@@ -1456,8 +1460,9 @@ export interface IAction {
         visibleIndex?: number;
 }
 export declare class Action extends Base implements IAction {
+        innerItem: IAction;
         updateCallback: () => void;
-        constructor(item: IAction);
+        constructor(innerItem: IAction);
         location?: string;
         id: string;
         iconName: string;
@@ -1494,6 +1499,7 @@ export declare class Action extends Base implements IAction {
 export declare class AdaptiveActionContainer<T extends Action = Action> extends ActionContainer<T> {
     protected dotsItem: Action;
     protected dotsItemPopupModel: PopupModel;
+    minVisibleItemsCount: number;
     constructor();
     protected onSet(): void;
     protected onPush(item: T): void;
@@ -1630,7 +1636,7 @@ export declare class SurveyRow extends SurveyElementBase<any, any> {
     componentDidMount(): void;
     shouldComponentUpdate(nextProps: any, nextState: any): boolean;
     componentWillUnmount(): void;
-    protected createElement(element: IElement): JSX.Element;
+    protected createElement(element: IElement, elementIndex?: number): JSX.Element;
 }
 
 export declare class SurveyPanel extends SurveyPanelBase {
@@ -2094,6 +2100,7 @@ export declare class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
 
 export declare class SurveyQuestionCustom extends SurveyQuestionUncontrolledElement<QuestionCustomModel> {
     constructor(props: any);
+    protected getStateElements(): Array<Base>;
     protected renderElement(): JSX.Element;
 }
 export declare class SurveyQuestionComposite extends SurveyQuestionUncontrolledElement<QuestionCompositeModel> {
@@ -2118,6 +2125,7 @@ export declare class Popup extends SurveyElementBase<IPopupProps, any> {
     protected getStateElement(): PopupModel<any>;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: IPopupProps): boolean;
     render(): JSX.Element;
 }
 export declare class PopupContainer extends SurveyElementBase<any, any> {
@@ -2147,6 +2155,7 @@ export declare class List extends SurveyElementBase<IListProps, any> {
     getStateElement(): ListModel;
     render(): JSX.Element;
     renderItems(): JSX.Element[];
+    searchElementContent(): JSX.Element;
 }
 export {};
 
@@ -2233,6 +2242,10 @@ export declare class MatrixRow extends SurveyElementBase<IMAtrixRowProps, any> {
 }
 export {};
 
+export declare class Skeleton extends React.Component<any, any> {
+    render(): JSX.Element;
+}
+
 export declare class SurveyLocStringViewer extends React.Component<any, any> {
     constructor(props: any);
     componentDidMount(): void;
@@ -2285,6 +2298,12 @@ export declare var settings: {
             * separator that can allow to set value and text of ItemValue object in one string as: "value|text"
             */
         itemValueSeparator: string;
+        /**
+            * Set it to true to serialize itemvalue instance always as object even if text property is empty
+            * const item = new Survey.ItemValue(5);
+            * item.toJSON(); //will return {value: 5}, instead of 5 by default.
+            */
+        itemValueAlwaysSerializeAsObject: boolean;
         /**
             * default locale name for localizable strings that uses during serialization, {"default": "My text", "de": "Mein Text"}
             */
@@ -2342,9 +2361,13 @@ export declare var settings: {
             */
         executeSkipTriggerOnValueChanged: boolean;
         /**
-            * Set this property to change readOnlyCommentRenderMode: "textarea" (default) or (div)
+            * Set this property to change readOnlyCommentRenderMode: "textarea" (default) or "div"
             */
         readOnlyCommentRenderMode: string;
+        /**
+            * Set this property to change readOnlyTextRenderMode: "input" (default) or "div"
+            */
+        readOnlyTextRenderMode: string;
         /**
             * Override this function, set your function, if you want to show your own dialog confirm window instead of standard browser window.
             * @param message
@@ -2439,6 +2462,8 @@ export declare class Helpers {
     static getNumberByIndex(index: number, startIndexStr: string): string;
     static isCharNotLetterAndDigit(ch: string): boolean;
     static isCharDigit(ch: string): boolean;
+    static correctAfterPlusMinis(a: number, b: number, res: number): number;
+    static correctAfterMultiple(a: number, b: number, res: number): number;
 }
 
 export declare class ValidatorResult {
@@ -2466,6 +2491,7 @@ export declare class SurveyValidator extends Base {
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
         protected createCustomError(name: string): SurveyError;
         toString(): string;
@@ -2650,10 +2676,35 @@ export declare class Bindings {
         getJson(): any;
         setJson(value: any): void;
 }
+export declare class Dependencies {
+        currentDependency: () => void;
+        target: Base;
+        property: string;
+        constructor(currentDependency: () => void, target: Base, property: string);
+        dependencies: Array<{
+                obj: Base;
+                prop: string;
+                id: string;
+        }>;
+        id: string;
+        addDependency(target: Base, property: string): void;
+        dispose(): void;
+}
+export declare class ComputedUpdater<T = any> {
+        static readonly ComputedUpdaterType = "__dependency_computed";
+        constructor(_updater: () => T);
+        readonly type = "__dependency_computed";
+        get updater(): () => T;
+        setDependencies(dependencies: Dependencies): void;
+        protected getDependencies(): Dependencies;
+        dispose(): any;
+}
 /**
     * The base class for SurveyJS objects.
     */
 export declare class Base {
+        static finishCollectDependencies(): Dependencies;
+        static startCollectDependencies(updater: () => void, target: Base, property: string): void;
         static get commentPrefix(): string;
         static set commentPrefix(val: string);
         static createItemValue: (item: any, type?: string) => any;
@@ -2764,6 +2815,7 @@ export declare class Base {
             * @param val new property value
             */
         setPropertyValue(name: string, val: any): 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;
         itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
@@ -2854,6 +2906,7 @@ export interface ISurveyErrorOwner extends ILocalizableOwner {
     getErrorCustomText(text: string, error: SurveyError): string;
 }
 export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
+    getSkeletonComponentName(element: ISurveyElement): string;
     currentPage: IPage;
     pages: Array<IPage>;
     getCss(): any;
@@ -2879,6 +2932,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     processHtml(html: string): string;
     getSurveyMarkdownHtml(element: Base, text: string, name: string): string;
     getRendererForString(element: Base, name: string): string;
+    getRendererContextForString(element: Base, locStr: LocalizableString): any;
     getExpressionDisplayValue(question: IQuestion, value: any, displayValue: string): string;
     isDisplayMode: boolean;
     isDesignMode: boolean;
@@ -2917,6 +2971,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     updateQuestionCssClasses(question: IQuestion, cssClasses: any): any;
     updatePanelCssClasses(panel: IPanel, cssClasses: any): any;
     updatePageCssClasses(panel: IPanel, cssClasses: any): any;
+    updateChoiceItemCss(question: IQuestion, options: any): any;
     afterRenderQuestion(question: IQuestion, htmlElement: HTMLElement): any;
     afterRenderQuestionInput(question: IQuestion, htmlElement: HTMLElement): any;
     afterRenderPanel(panel: IElement, htmlElement: HTMLElement): any;
@@ -2930,6 +2985,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     matrixRowRemoved(question: IQuestion, rowIndex: number, row: any): any;
     matrixRowRemoving(question: IQuestion, rowIndex: number, row: any): boolean;
     matrixAllowRemoveRow(question: IQuestion, rowIndex: number, row: any): boolean;
+    matrixCellCreating(question: IQuestion, options: any): any;
     matrixCellCreated(question: IQuestion, options: any): any;
     matrixAfterCellRender(question: IQuestion, options: any): any;
     matrixCellValueChanged(question: IQuestion, options: any): any;
@@ -2960,6 +3016,7 @@ export interface ISurveyElement {
     isPanel: boolean;
     containsErrors: boolean;
     parent: IPanel;
+    skeletonComponentName: string;
     setSurveyImpl(value: ISurveyImpl): any;
     onSurveyLoad(): any;
     onFirstRendering(): any;
@@ -2992,6 +3049,7 @@ export interface IElement extends IConditionRunner, ISurveyElement {
     clearIncorrectValues(): any;
     clearErrors(): any;
     dispose(): void;
+    needResponsiveWidth(): boolean;
 }
 export interface IQuestion extends IElement, ISurveyErrorOwner {
     hasTitle: boolean;
@@ -3104,6 +3162,7 @@ export declare abstract class SurveyElementCore extends Base implements ILocaliz
         abstract getLocale(): string;
         abstract getMarkdownHtml(text: string, name: string): string;
         abstract getRenderer(name: string): string;
+        abstract getRendererContext(locStr: LocalizableString): any;
         abstract getProcessedText(text: string): string;
 }
 /**
@@ -3121,6 +3180,8 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         disableDesignActions: boolean;
         constructor(name: string);
         protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
+        protected getSkeletonComponentNameCore(): string;
+        get skeletonComponentName(): string;
         /**
             * Set this property to "collapsed" to render only Panel title and expanded button and to "expanded" to render the collapsed button in the Panel caption
             */
@@ -3259,6 +3320,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
         protected getUseDisplayValuesInTitle(): boolean;
         protected removeSelfFromList(list: Array<any>): void;
@@ -3388,6 +3450,7 @@ export interface ILocalizableOwner {
         getMarkdownHtml(text: string, name: string): string;
         getProcessedText(text: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
 }
 export interface ILocalizableString {
         getLocaleText(loc: string): string;
@@ -3411,6 +3474,7 @@ export declare class LocalizableString implements ILocalizableString {
         static editableRenderer: string;
         localizationName: string;
         onGetTextCallback: (str: string) => string;
+        onGetDefaultTextCallback: () => string;
         onStrChanged: (oldValue: string, newValue: string) => void;
         onSearchChanged: () => void;
         sharedData: LocalizableString;
@@ -3436,6 +3500,7 @@ export declare class LocalizableString implements ILocalizableString {
         getJson(): any;
         setJson(value: any): void;
         get renderAs(): string;
+        get renderAsData(): any;
         equals(obj: any): boolean;
         setFindText(text: string): boolean;
         onChanged(): void;
@@ -3480,6 +3545,7 @@ export declare class ExpressionItem extends Base implements ILocalizableOwner {
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
 }
 /**
@@ -3554,7 +3620,7 @@ export declare class ChoicesRestful extends Base {
         getData(): any;
         /**
             * Gets or sets a link to a web service. You can use text preprocessing here.
-            * For example, the following url: _https://restcountries.eu/rest/v2/region/{region}_ is changed based on the _region_ question's value.
+            * For example, the following url: _https://surveyjs.io/api/CountriesExample?region={region}_ is changed based on the _region_ question's value.
             * SurveyJS automatically gets data from the web service when the value of the _region_ question changes.
             * @see path
             * @see valueName
@@ -3666,6 +3732,9 @@ export declare abstract class Operand {
     hasFunction(): boolean;
     hasAsyncFunction(): boolean;
     addToAsyncList(list: Array<FunctionOperand>): void;
+    isEqual(op: Operand): boolean;
+    protected abstract isContentEqual(op: Operand): boolean;
+    protected areOperatorsEquals(op1: Operand, op2: Operand): boolean;
 }
 export declare class BinaryOperand extends Operand {
     constructor(operatorName: string, left?: any, right?: any, isArithmeticOp?: boolean);
@@ -3676,6 +3745,7 @@ export declare class BinaryOperand extends Operand {
     get operator(): string;
     get leftOperand(): any;
     get rightOperand(): any;
+    protected isContentEqual(op: Operand): boolean;
     evaluate(processValue?: ProcessValue): any;
     toString(func?: (op: Operand) => string): string;
     setVariables(variables: Array<string>): void;
@@ -3689,6 +3759,7 @@ export declare class UnaryOperand extends Operand {
     get expression(): Operand;
     getType(): string;
     toString(func?: (op: Operand) => string): string;
+    protected isContentEqual(op: Operand): boolean;
     evaluate(processValue?: ProcessValue): boolean;
     setVariables(variables: Array<string>): void;
 }
@@ -3702,6 +3773,7 @@ export declare class ArrayOperand extends Operand {
     hasFunction(): boolean;
     hasAsyncFunction(): boolean;
     addToAsyncList(list: Array<FunctionOperand>): void;
+    protected isContentEqual(op: Operand): boolean;
 }
 export declare class Const extends Operand {
     constructor(value: any);
@@ -3711,6 +3783,7 @@ export declare class Const extends Operand {
     evaluate(): any;
     setVariables(variables: Array<string>): void;
     protected getCorrectValue(value: any): any;
+    protected isContentEqual(op: Operand): boolean;
 }
 export declare class Variable extends Const {
     static DisableConversionChar: string;
@@ -3721,6 +3794,7 @@ export declare class Variable extends Const {
     evaluate(processValue?: ProcessValue): any;
     setVariables(variables: Array<string>): void;
     protected getCorrectValue(value: any): any;
+    protected isContentEqual(op: Operand): boolean;
 }
 export declare class FunctionOperand extends Operand {
     onAsyncReady: () => void;
@@ -3734,6 +3808,7 @@ export declare class FunctionOperand extends Operand {
     hasFunction(): boolean;
     hasAsyncFunction(): boolean;
     addToAsyncList(list: Array<FunctionOperand>): void;
+    protected isContentEqual(op: Operand): boolean;
 }
 export declare class OperandMaker {
     static throwInvalidOperatorError(op: string): void;
@@ -3742,6 +3817,8 @@ export declare class OperandMaker {
     static isSpaceString(str: string): boolean;
     static isNumeric(value: string): boolean;
     static isBooleanValue(value: string): boolean;
+    static countDecimals(value: number): number;
+    static plusMinus(a: number, b: number, res: number): number;
     static unaryFunctions: HashTable<Function>;
     static binaryFunctions: HashTable<Function>;
     static isTwoValueEquals(x: any, y: any): boolean;
@@ -3775,8 +3852,9 @@ export interface IPropertyDecoratorOptions {
         defaultValue?: any;
         defaultSource?: string;
         localizable?: {
-                name: string;
+                name?: string;
                 onGetTextCallback?: (str: string) => string;
+                defaultStr?: string;
         } | boolean;
         onSet?: (val: any, target: any) => void;
 }
@@ -3902,6 +3980,7 @@ export declare class JsonMetadata {
         getDynamicPropertiesByObj(obj: any, dynamicType?: string): Array<JsonObjectProperty>;
         hasOriginalProperty(obj: Base, propName: string): boolean;
         getOriginalProperty(obj: Base, propName: string): JsonObjectProperty;
+        getProperty(className: string, propertyName: string): JsonObjectProperty;
         findProperty(className: string, propertyName: string): JsonObjectProperty;
         findProperties(className: string, propertyNames: Array<string>): Array<JsonObjectProperty>;
         getAllPropertiesByName(propertyName: string): Array<JsonObjectProperty>;
@@ -3986,143 +4065,12 @@ export interface IMatrixDropdownData {
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
         getSurvey(): ISurvey;
 }
-export interface IMatrixColumnOwner extends ILocalizableOwner {
-        getRequiredText(): string;
-        onColumnPropertyChanged(column: MatrixDropdownColumn, name: string, newValue: any): void;
-        onColumnItemValuePropertyChanged(column: MatrixDropdownColumn, propertyName: string, obj: ItemValue, name: string, newValue: any, oldValue: any): void;
-        onShowInMultipleColumnsChanged(column: MatrixDropdownColumn): void;
-        getCellType(): string;
-        onColumnCellTypeChanged(column: MatrixDropdownColumn): void;
-}
-export declare var matrixDropdownColumnTypes: {
-        dropdown: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        checkbox: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        radiogroup: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        text: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        comment: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        boolean: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        expression: {
-                properties: string[];
-                onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
-        };
-        rating: {
-                properties: string[];
-        };
-};
-export declare class MatrixDropdownColumn extends Base implements ILocalizableOwner, IWrapperObject {
-        static getColumnTypes(): Array<string>;
-        constructor(name: string, title?: string);
-        getOriginalObj(): Base;
-        getClassNameProperty(): string;
-        getSurvey(live?: boolean): ISurvey;
-        endLoadingFromJson(): void;
-        getDynamicPropertyName(): string;
-        getDynamicType(): string;
-        get colOwner(): IMatrixColumnOwner;
-        set colOwner(value: IMatrixColumnOwner);
-        locStrsChanged(): void;
-        addUsedLocales(locales: Array<string>): void;
-        get index(): number;
-        setIndex(val: number): void;
-        getType(): string;
-        get cellType(): string;
-        set cellType(val: string);
-        get templateQuestion(): Question;
-        get value(): string;
-        get isVisible(): boolean;
-        setIsVisible(newVal: boolean): void;
-        get hasVisibleCell(): boolean;
-        set hasVisibleCell(newVal: boolean);
-        get name(): string;
-        set name(val: string);
-        get title(): string;
-        set title(val: string);
-        get locTitle(): LocalizableString;
-        get fullTitle(): string;
-        get isRequired(): boolean;
-        set isRequired(val: boolean);
-        get requiredText(): string;
-        get requiredErrorText(): string;
-        set requiredErrorText(val: string);
-        get locRequiredErrorText(): LocalizableString;
-        get readOnly(): boolean;
-        set readOnly(val: boolean);
-        get hasOther(): boolean;
-        set hasOther(val: boolean);
-        get visibleIf(): string;
-        set visibleIf(val: string);
-        get enableIf(): string;
-        set enableIf(val: string);
-        get requiredIf(): string;
-        set requiredIf(val: string);
-        get isUnique(): boolean;
-        set isUnique(val: boolean);
-        get showInMultipleColumns(): boolean;
-        set showInMultipleColumns(val: boolean);
-        get isSupportMultipleColumns(): boolean;
-        get isShowInMultipleColumns(): boolean;
-        get validators(): Array<SurveyValidator>;
-        set validators(val: Array<SurveyValidator>);
-        get totalType(): string;
-        set totalType(val: string);
-        get totalExpression(): string;
-        set totalExpression(val: string);
-        get hasTotal(): boolean;
-        get totalFormat(): string;
-        set totalFormat(val: string);
-        get locTotalFormat(): LocalizableString;
-        get renderAs(): string;
-        set renderAs(val: string);
-        get totalMaximumFractionDigits(): number;
-        set totalMaximumFractionDigits(val: number);
-        get totalMinimumFractionDigits(): number;
-        set totalMinimumFractionDigits(val: number);
-        get totalDisplayStyle(): string;
-        set totalDisplayStyle(val: string);
-        get totalCurrency(): string;
-        set totalCurrency(val: string);
-        get minWidth(): string;
-        set minWidth(val: string);
-        get width(): string;
-        set width(val: string);
-        get colCount(): number;
-        set colCount(val: number);
-        getLocale(): string;
-        getMarkdownHtml(text: string, name: string): string;
-        getRenderer(name: string): string;
-        getProcessedText(text: string): string;
-        createCellQuestion(data: any): Question;
-        updateCellQuestion(cellQuestion: Question, data: any, onUpdateJson?: (json: any) => any): void;
-        defaultCellTypeChanged(): void;
-        protected calcCellQuestionType(): string;
-        protected updateTemplateQuestion(): void;
-        protected createNewQuestion(cellType: string): Question;
-        protected setQuestionProperties(question: Question, onUpdateJson?: (json: any) => any): void;
-        protected propertyValueChanged(name: string, oldValue: any, newValue: any): void;
-}
 export declare class MatrixDropdownCell {
         column: MatrixDropdownColumn;
         row: MatrixDropdownRowModelBase;
@@ -4193,6 +4141,7 @@ export declare class MatrixDropdownRowModelBase implements ISurveyData, ISurveyI
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
         locStrsChanged(): void;
         updateCellQuestionOnColumnChanged(column: MatrixDropdownColumn, name: string, newValue: any): void;
@@ -4218,84 +4167,6 @@ export declare class MatrixDropdownTotalRowModel extends MatrixDropdownRowModelB
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
         protected updateCellOnColumnChanged(cell: MatrixDropdownCell, name: string, newValue: any): void;
 }
-export declare class QuestionMatrixDropdownRenderedCell {
-        minWidth: string;
-        width: string;
-        locTitle: LocalizableString;
-        cell: MatrixDropdownCell;
-        column: MatrixDropdownColumn;
-        row: MatrixDropdownRowModelBase;
-        question: Question;
-        isRemoveRow: boolean;
-        choiceIndex: number;
-        matrix: QuestionMatrixDropdownModelBase;
-        requiredText: string;
-        isEmpty: boolean;
-        colSpans: number;
-        panel: PanelModel;
-        isShowHideDetail: boolean;
-        isActionsCell: boolean;
-        className: string;
-        isDragHandlerCell: boolean;
-        constructor();
-        get hasQuestion(): boolean;
-        get hasTitle(): boolean;
-        get hasPanel(): boolean;
-        get id(): number;
-        get showErrorOnTop(): boolean;
-        get showErrorOnBottom(): boolean;
-        get item(): ItemValue;
-        set item(val: ItemValue);
-        get isChoice(): boolean;
-        get choiceValue(): any;
-        get isCheckbox(): boolean;
-        get isFirstChoice(): boolean;
-        get css(): string;
-        get headers(): string;
-        calculateFinalClassName(matrixCssClasses: any): string;
-}
-export declare class QuestionMatrixDropdownRenderedRow extends Base {
-        cssClasses: any;
-        ghostPosition: string;
-        isDetailRow: boolean;
-        row: MatrixDropdownRowModelBase;
-        cells: Array<QuestionMatrixDropdownRenderedCell>;
-        className: string;
-        constructor(cssClasses: any);
-        onCreating(): void;
-        get id(): number;
-        get attributes(): {
-                "data-sv-drop-target-matrix-row"?: undefined;
-        } | {
-                "data-sv-drop-target-matrix-row": string;
-        };
-        get ghostPositionCssClass(): any;
-}
-export declare class QuestionMatrixDropdownRenderedTable extends Base {
-        matrix: QuestionMatrixDropdownModelBase;
-        constructor(matrix: QuestionMatrixDropdownModelBase);
-        get showTable(): boolean;
-        get showHeader(): boolean;
-        get showAddRowOnTop(): boolean;
-        get showAddRowOnBottom(): boolean;
-        get showFooter(): boolean;
-        get hasFooter(): boolean;
-        get hasRemoveRows(): boolean;
-        isRequireReset(): boolean;
-        get headerRow(): QuestionMatrixDropdownRenderedRow;
-        get footerRow(): QuestionMatrixDropdownRenderedRow;
-        get rows(): Array<QuestionMatrixDropdownRenderedRow>;
-        protected build(): void;
-        updateShowTableAndAddRow(): void;
-        onAddedRow(): void;
-        onRemovedRow(row: MatrixDropdownRowModelBase): void;
-        onDetailPanelChangeVisibility(row: MatrixDropdownRowModelBase, isShowing: boolean): void;
-        protected buildRowsActions(): void;
-        protected buildHeader(): void;
-        protected buildFooter(): void;
-        protected buildRows(): void;
-        protected setDefaultRowActions(row: MatrixDropdownRowModelBase, actions: Array<IAction>): void;
-}
 /**
     * A base class for matrix dropdown and matrix dynamic questions.
     */
@@ -4318,6 +4189,10 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
         dispose(): void;
         get hasSingleInput(): boolean;
         get isRowsDynamic(): boolean;
+        protected get isUpdateLocked(): boolean;
+        beginUpdate(): void;
+        endUpdate(): void;
+        protected updateColumnsAndRows(): void;
         itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
         /**
             * Set columnLayout to 'vertical' to place columns vertically and rows horizontally. It makes sense when we have many columns and few rows.
@@ -4387,6 +4262,11 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
             */
         get horizontalScroll(): boolean;
         set horizontalScroll(val: boolean);
+        /**
+            * The Matrix toolbar and inner panel toolbars get adaptive if the property is set to true.
+            */
+        get allowAdaptiveActions(): boolean;
+        set allowAdaptiveActions(val: boolean);
         getRequiredText(): string;
         onColumnPropertyChanged(column: MatrixDropdownColumn, name: string, newValue: any): void;
         onColumnItemValuePropertyChanged(column: MatrixDropdownColumn, propertyName: string, obj: ItemValue, name: string, newValue: any, oldValue: any): void;
@@ -4400,6 +4280,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
         protected updateHasFooter(): void;
         get hasTotal(): boolean;
         getCellType(): string;
+        getCustomCellType(column: MatrixDropdownColumn, row: MatrixDropdownRowModelBase, cellType: string): string;
         getConditionJson(operator?: string, path?: string): any;
         clearIncorrectValues(): void;
         clearErrors(): void;
@@ -4512,6 +4393,220 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
         getRowHeaderWrapperComponentData(cell: MatrixDropdownCell): any;
 }
 
+export interface IMatrixColumnOwner extends ILocalizableOwner {
+    getRequiredText(): string;
+    onColumnPropertyChanged(column: MatrixDropdownColumn, name: string, newValue: any): void;
+    onColumnItemValuePropertyChanged(column: MatrixDropdownColumn, propertyName: string, obj: ItemValue, name: string, newValue: any, oldValue: any): void;
+    onShowInMultipleColumnsChanged(column: MatrixDropdownColumn): void;
+    getCellType(): string;
+    getCustomCellType(column: MatrixDropdownColumn, row: MatrixDropdownRowModelBase, cellType: string): string;
+    onColumnCellTypeChanged(column: MatrixDropdownColumn): void;
+}
+export declare var matrixDropdownColumnTypes: {
+    dropdown: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    checkbox: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    radiogroup: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    text: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    comment: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    boolean: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    expression: {
+        properties: string[];
+        onCellQuestionUpdate: (cellQuestion: any, column: any, question: any, data: any) => void;
+    };
+    rating: {
+        properties: string[];
+    };
+};
+export declare class MatrixDropdownColumn extends Base implements ILocalizableOwner, IWrapperObject {
+    static getColumnTypes(): Array<string>;
+    constructor(name: string, title?: string);
+    getOriginalObj(): Base;
+    getClassNameProperty(): string;
+    getSurvey(live?: boolean): ISurvey;
+    endLoadingFromJson(): void;
+    getDynamicPropertyName(): string;
+    getDynamicType(): string;
+    get colOwner(): IMatrixColumnOwner;
+    set colOwner(value: IMatrixColumnOwner);
+    locStrsChanged(): void;
+    addUsedLocales(locales: Array<string>): void;
+    get index(): number;
+    setIndex(val: number): void;
+    getType(): string;
+    get cellType(): string;
+    set cellType(val: string);
+    get templateQuestion(): Question;
+    get value(): string;
+    get isVisible(): boolean;
+    setIsVisible(newVal: boolean): void;
+    get hasVisibleCell(): boolean;
+    set hasVisibleCell(newVal: boolean);
+    get name(): string;
+    set name(val: string);
+    get title(): string;
+    set title(val: string);
+    get locTitle(): LocalizableString;
+    get fullTitle(): string;
+    get isRequired(): boolean;
+    set isRequired(val: boolean);
+    get requiredText(): string;
+    get requiredErrorText(): string;
+    set requiredErrorText(val: string);
+    get locRequiredErrorText(): LocalizableString;
+    get readOnly(): boolean;
+    set readOnly(val: boolean);
+    get hasOther(): boolean;
+    set hasOther(val: boolean);
+    get visibleIf(): string;
+    set visibleIf(val: string);
+    get enableIf(): string;
+    set enableIf(val: string);
+    get requiredIf(): string;
+    set requiredIf(val: string);
+    get isUnique(): boolean;
+    set isUnique(val: boolean);
+    get showInMultipleColumns(): boolean;
+    set showInMultipleColumns(val: boolean);
+    get isSupportMultipleColumns(): boolean;
+    get isShowInMultipleColumns(): boolean;
+    get validators(): Array<SurveyValidator>;
+    set validators(val: Array<SurveyValidator>);
+    get totalType(): string;
+    set totalType(val: string);
+    get totalExpression(): string;
+    set totalExpression(val: string);
+    get hasTotal(): boolean;
+    get totalFormat(): string;
+    set totalFormat(val: string);
+    get locTotalFormat(): LocalizableString;
+    get renderAs(): string;
+    set renderAs(val: string);
+    get totalMaximumFractionDigits(): number;
+    set totalMaximumFractionDigits(val: number);
+    get totalMinimumFractionDigits(): number;
+    set totalMinimumFractionDigits(val: number);
+    get totalDisplayStyle(): string;
+    set totalDisplayStyle(val: string);
+    get totalCurrency(): string;
+    set totalCurrency(val: string);
+    get minWidth(): string;
+    set minWidth(val: string);
+    get width(): string;
+    set width(val: string);
+    get colCount(): number;
+    set colCount(val: number);
+    getLocale(): string;
+    getMarkdownHtml(text: string, name: string): string;
+    getRenderer(name: string): string;
+    getRendererContext(locStr: LocalizableString): any;
+    getProcessedText(text: string): string;
+    createCellQuestion(row: MatrixDropdownRowModelBase): Question;
+    updateCellQuestion(cellQuestion: Question, data: any, onUpdateJson?: (json: any) => any): void;
+    defaultCellTypeChanged(): void;
+    protected calcCellQuestionType(row: MatrixDropdownRowModelBase): string;
+    protected updateTemplateQuestion(): void;
+    protected createNewQuestion(cellType: string): Question;
+    protected setQuestionProperties(question: Question, onUpdateJson?: (json: any) => any): void;
+    protected propertyValueChanged(name: string, oldValue: any, newValue: any): void;
+}
+
+export declare class QuestionMatrixDropdownRenderedCell {
+    minWidth: string;
+    width: string;
+    locTitle: LocalizableString;
+    cell: MatrixDropdownCell;
+    column: MatrixDropdownColumn;
+    row: MatrixDropdownRowModelBase;
+    question: Question;
+    isRemoveRow: boolean;
+    choiceIndex: number;
+    matrix: QuestionMatrixDropdownModelBase;
+    requiredText: string;
+    isEmpty: boolean;
+    colSpans: number;
+    panel: PanelModel;
+    isShowHideDetail: boolean;
+    isActionsCell: boolean;
+    isDragHandlerCell: boolean;
+    constructor();
+    get hasQuestion(): boolean;
+    get hasTitle(): boolean;
+    get hasPanel(): boolean;
+    get id(): number;
+    get showErrorOnTop(): boolean;
+    get showErrorOnBottom(): boolean;
+    get item(): ItemValue;
+    set item(val: ItemValue);
+    get isChoice(): boolean;
+    get choiceValue(): any;
+    get isCheckbox(): boolean;
+    get isFirstChoice(): boolean;
+    set className(val: string);
+    get className(): string;
+    get headers(): string;
+    calculateFinalClassName(matrixCssClasses: any): string;
+}
+export declare class QuestionMatrixDropdownRenderedRow extends Base {
+    cssClasses: any;
+    isDetailRow: boolean;
+    ghostPosition: string;
+    isAdditionalClasses: boolean;
+    row: MatrixDropdownRowModelBase;
+    cells: Array<QuestionMatrixDropdownRenderedCell>;
+    constructor(cssClasses: any, isDetailRow?: boolean);
+    onCreating(): void;
+    get id(): number;
+    get attributes(): {
+        "data-sv-drop-target-matrix-row"?: undefined;
+    } | {
+        "data-sv-drop-target-matrix-row": string;
+    };
+    get className(): string;
+}
+export declare class QuestionMatrixDropdownRenderedTable extends Base {
+    matrix: QuestionMatrixDropdownModelBase;
+    constructor(matrix: QuestionMatrixDropdownModelBase);
+    get showTable(): boolean;
+    get showHeader(): boolean;
+    get showAddRowOnTop(): boolean;
+    get showAddRowOnBottom(): boolean;
+    get showFooter(): boolean;
+    get hasFooter(): boolean;
+    get hasRemoveRows(): boolean;
+    isRequireReset(): boolean;
+    get headerRow(): QuestionMatrixDropdownRenderedRow;
+    get footerRow(): QuestionMatrixDropdownRenderedRow;
+    get rows(): Array<QuestionMatrixDropdownRenderedRow>;
+    protected build(): void;
+    updateShowTableAndAddRow(): void;
+    onAddedRow(): void;
+    onRemovedRow(row: MatrixDropdownRowModelBase): void;
+    onDetailPanelChangeVisibility(row: MatrixDropdownRowModelBase, isShowing: boolean): void;
+    protected buildRowsActions(): void;
+    protected buildHeader(): void;
+    protected buildFooter(): void;
+    protected buildRows(): void;
+    protected setDefaultRowActions(row: MatrixDropdownRowModelBase, actions: Array<IAction>): void;
+}
+
 export declare class MatrixDropdownRowModel extends MatrixDropdownRowModelBase {
         name: string;
         constructor(name: string, item: ItemValue, data: IMatrixDropdownData, value: any);
@@ -5060,6 +5155,7 @@ export declare class QuestionRowModel extends Base {
         get index(): number;
         setElementMaxMinWidth(el: IElement): void;
         dispose(): void;
+        getRowCss(): string;
 }
 /**
     * A base class for a Panel and Page objects.
@@ -5345,8 +5441,9 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         onAnyValueChanged(name: string): void;
         checkBindings(valueName: string, value: any): void;
         protected dragDropAddTarget(dragDropInfo: DragDropInfo): void;
-        protected dragDropFindRow(findElement: ISurveyElement): QuestionRowModel;
+        dragDropFindRow(findElement: ISurveyElement): QuestionRowModel;
         dragDropMoveElement(src: IElement, target: IElement, targetIndex: number): void;
+        needResponsiveWidth(): boolean;
         get no(): string;
         dispose(): void;
 }
@@ -5450,6 +5547,11 @@ export declare class PanelModel extends PanelModelBase implements IElement {
             */
         get rightIndent(): number;
         set rightIndent(val: number);
+        /**
+            * The Panel toolbar gets adaptive if the property is set to true.
+            */
+        get allowAdaptiveActions(): boolean;
+        set allowAdaptiveActions(val: boolean);
         get paddingLeft(): string;
         set paddingLeft(val: string);
         get innerPaddingLeft(): string;
@@ -5458,13 +5560,14 @@ export declare class PanelModel extends PanelModelBase implements IElement {
         set paddingRight(val: string);
         clearOnDeletingContainer(): void;
         get footerActions(): Array<IAction>;
-        getFooterToolbar(): AdaptiveActionContainer;
+        getFooterToolbar(): ActionContainer;
         get hasEditButton(): boolean;
         cancelPreview(): void;
         get cssTitle(): string;
         get cssError(): string;
         protected getCssError(cssClasses: any): string;
         protected onVisibleChanged(): void;
+        needResponsiveWidth(): boolean;
 }
 
 /**
@@ -6145,6 +6248,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         get validatedValue(): any;
         set validatedValue(val: any);
         getAllValues(): any;
+        needResponsiveWidth(): boolean;
 }
 
 /**
@@ -6401,6 +6505,7 @@ export declare class QuestionSelectBase extends Question {
         getColumnClass(): string;
         getItemIndex(item: any): number;
         getItemClass(item: any): string;
+        protected getItemClassCore(item: any, options: any): string;
         getLabelClass(item: ItemValue): string;
         getControlLabelClass(item: ItemValue): string;
         get columns(): ItemValue[][];
@@ -6484,7 +6589,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         get selectedItems(): Array<ItemValue>;
         protected onEnableItemCallBack(item: ItemValue): boolean;
         protected onAfterRunItemsEnableCondition(): void;
-        getItemClass(item: any): string;
+        protected getItemClassCore(item: any, options: any): string;
         protected setNewValue(newValue: any): void;
         protected getIsMultipleValue(): boolean;
         protected getCommentFromValue(newValue: any): string;
@@ -6518,7 +6623,7 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     constructor(name: string);
     getType(): string;
     get rootClass(): string;
-    getItemClass(item: ItemValue): string;
+    protected getItemClassCore(item: ItemValue, options: any): string;
     protected isItemCurrentDropTarget(item: ItemValue): boolean;
     get ghostPositionCssClass(): string;
     getNumberByIndex(index: number): string;
@@ -6560,10 +6665,10 @@ export declare class QuestionCommentModel extends QuestionTextBase {
         get cols(): number;
         set cols(val: number);
         /**
-            * Returns or sets a boolean that specifies whether a question can accept and display multiple lines of text.
+            * Accepts pressing the Enter key by end-users and accepts carriage return symbols - \n - in the question value assigned.
             */
-        get multiLine(): boolean;
-        set multiLine(val: boolean);
+        get acceptCarriageReturn(): boolean;
+        set acceptCarriageReturn(val: boolean);
         /**
             * Specifies whether the question's text area automatically expands its height to avoid the vertical scrollbar and to display the entire multi-line contents entered by respondents.
             * Default value is false.
@@ -7058,6 +7163,7 @@ export declare class QuestionTextModel extends QuestionTextBase {
         protected setNewValue(newValue: any): void;
         protected correctValueType(newValue: any): any;
         protected hasPlaceHolder(): boolean;
+        isReadOnlyRenderDiv(): boolean;
         get inputStyle(): any;
 }
 
@@ -7141,6 +7247,7 @@ export declare class ImageItemValue extends ItemValue implements ILocalizableOwn
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
 }
 /**
@@ -7836,6 +7943,16 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
             * @see onMatrixCellValueChanged
             */
         onValueChanged: EventBase<SurveyModel>;
+        /**
+            * The event is fired when setVariable function is called. It can be called on changing a calculated value.
+            * <br/> `sender` - the survey object that fires the event.
+            * <br/> `options.name` - the variable name that has been changed.
+            * <br/> `options.value` - a new value.
+            * @see setVariable
+            * @see onValueChanged
+            * @see calculatedValues
+            */
+        onVariableChanged: EventBase<SurveyModel>;
         /**
             * The event is fired when a question visibility has been changed.
             * <br/> `sender` - the survey object that fires the event.
@@ -8144,6 +8261,14 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
             * <br/> `options.cssClasses` - an object with CSS classes. For example `{title: "sv_p_title", description: "small"}`. You can change them to your own CSS classes.
             */
         onUpdatePageCssClasses: EventBase<SurveyModel>;
+        /**
+            * The event is fired before rendering a choice item in radiogroup, checkbox or dropdown questions. Use it to override the default choice item css.
+            * <br/> `sender` - the survey object that fires the event.
+            * <br/> `options.question` - a question where choice item is rendered.
+            * <br/> `options.item` - a choice item of ItemValue type. You can get value or text choice properties as options.item.value or options.choice.text
+            * <br/> `options.css` - a string with css classes divided by space. You can change it.
+            */
+        onUpdateChoiceItemCss: EventBase<SurveyModel>;
         /**
             * The event is fired right after survey is rendered in DOM.
             * <br/> `sender` - the survey object that fires the event.
@@ -8240,20 +8365,36 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
             */
         onMatrixAllowRemoveRow: EventBase<SurveyModel>;
         /**
-            * The event is fired for every cell created in Matrix Dynamic and Matrix Dropdown questions.
+            * The event is fired before creating cell question in the matrix. You can change the cell question type by setting different options.cellType.
             * <br/> `sender` - the survey object that fires the event.
             * <br/> `options.question` - the matrix question.
-            * <br/> `options.cell` - the matrix cell.
-            * <br/> `options.cellQuestion` - the question/editor in the cell. You may customize it, change it's properties, like choices or visible.
+            * <br/> `options.cellType` - the cell question type. You can change it.
             * <br/> `options.rowValue` - the value of the current row. To access a particular column's value within the current row, use: `options.rowValue["columnValue"]`.
             * <br/> `options.column` - the matrix column object.
             * <br/> `options.columnName` - the matrix column name.
             * <br/> `options.row` - the matrix row object.
             * @see onMatrixBeforeRowAdded
-            * @see onMatrixRowAdded
+            * @see onMatrixCellCreated
             * @see QuestionMatrixDynamicModel
             * @see QuestionMatrixDropdownModel
             */
+        onMatrixCellCreating: EventBase<SurveyModel>;
+        /**
+             * The event is fired for every cell created in Matrix Dynamic and Matrix Dropdown questions.
+             * <br/> `sender` - the survey object that fires the event.
+             * <br/> `options.question` - the matrix question.
+             * <br/> `options.cell` - the matrix cell.
+             * <br/> `options.cellQuestion` - the question/editor in the cell. You may customize it, change it's properties, like choices or visible.
+             * <br/> `options.rowValue` - the value of the current row. To access a particular column's value within the current row, use: `options.rowValue["columnValue"]`.
+             * <br/> `options.column` - the matrix column object.
+             * <br/> `options.columnName` - the matrix column name.
+             * <br/> `options.row` - the matrix row object.
+             * @see onMatrixBeforeRowAdded
+             * @see onMatrixCellCreating
+             * @see onMatrixRowAdded
+             * @see QuestionMatrixDynamicModel
+             * @see QuestionMatrixDropdownModel
+             */
         onMatrixCellCreated: EventBase<SurveyModel>;
         /**
             * The event is fired for every cell after is has been rendered in DOM.
@@ -8727,7 +8868,9 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         locStrsChanged(): void;
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): LocalizableString;
         getRendererForString(element: Base, name: string): string;
+        getRendererContextForString(element: Base, locStr: LocalizableString): LocalizableString;
         getExpressionDisplayValue(question: IQuestion, value: any, displayValue: string): string;
         getProcessedText(text: string): string;
         getLocString(str: string): any;
@@ -8776,6 +8919,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         get logoFit(): string;
         set logoFit(val: string);
         setIsMobile(newVal?: boolean): void;
+        protected isLogoImageChoosen(): string;
         get titleMaxWidth(): string;
         /**
             * Gets or sets the HTML content displayed on the complete page. Use this property to change the default complete page text.
@@ -9417,6 +9561,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         updateQuestionCssClasses(question: IQuestion, cssClasses: any): void;
         updatePanelCssClasses(panel: IPanel, cssClasses: any): void;
         updatePageCssClasses(page: IPage, cssClasses: any): void;
+        updateChoiceItemCss(question: IQuestion, options: any): void;
         afterRenderPage(htmlElement: HTMLElement): void;
         afterRenderHeader(htmlElement: HTMLElement): void;
         afterRenderQuestion(question: IQuestion, htmlElement: HTMLElement): void;
@@ -9428,6 +9573,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         matrixRowRemoved(question: IQuestion, rowIndex: number, row: any): void;
         matrixRowRemoving(question: IQuestion, rowIndex: number, row: any): boolean;
         matrixAllowRemoveRow(question: IQuestion, rowIndex: number, row: any): boolean;
+        matrixCellCreating(question: IQuestion, options: any): void;
         matrixCellCreated(question: IQuestion, options: any): void;
         matrixAfterCellRender(question: IQuestion, options: any): void;
         matrixCellValueChanged(question: IQuestion, options: any): void;
@@ -9736,6 +9882,18 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
             */
         get showTimerPanelMode(): string;
         set showTimerPanelMode(val: string);
+        /**
+             * Gets or sets a value that specifies how the survey width is calculated.
+             *
+             * The available options:
+             *
+             * - `static` - A survey has a fixed width that mostly depends upon the applied theme. Resizing a browser window does not affect the survey width.
+             * - `responsive` - A survey takes all available horizontal space. A survey stretches or shrinks horizonally according to the screen size.
+             * - `auto` - Depends on the question type and corresponds to the static or responsive mode.
+         */
+        get widthMode(): string;
+        set widthMode(val: string);
+        calculateWidthMode(): string;
         get timerInfoText(): string;
         /**
             * Starts a timer that will calculate how much time end-user spends on the survey or on pages.
@@ -9790,6 +9948,8 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
         getItemValueWrapperComponentData(item: ItemValue, question: QuestionSelectBase): any;
         getMatrixCellTemplateData(cell: any): any;
         searchText(text: string): Array<IFindElement>;
+        skeletonComponentName: string;
+        getSkeletonComponentName(element: ISurveyElement): string;
         /**
             * Use this method to dispose survey model properly.
             */
@@ -10110,6 +10270,7 @@ export declare var englishStrings: {
     questionTitlePatternText: string;
     modalCancelButtonText: string;
     modalApplyButtonText: string;
+    filteredTextPlaceholder: string;
 };
 
 export declare var surveyLocalization: {
@@ -10210,6 +10371,7 @@ export declare var surveyStrings: {
     questionTitlePatternText: string;
     modalCancelButtonText: string;
     modalApplyButtonText: string;
+    filteredTextPlaceholder: string;
 };
 
 export declare class QuestionCustomWidget {
@@ -10405,21 +10567,25 @@ export declare class StylesManager {
     initializeStyles(sheet: CSSStyleSheet): void;
 }
 
-export declare class ListModel extends Base {
-    onItemSelect: (item: IAction) => void;
+export declare class ListModel extends ActionContainer {
+    onItemSelect: (item: Action) => void;
     allowSelection: boolean;
+    needFilter: boolean;
     isExpanded: boolean;
     selectedItem: IAction;
+    filteredText: string;
     static INDENT: number;
-    constructor(items: Array<IAction>, onItemSelect: (item: IAction) => void, allowSelection: boolean, selectedItem?: IAction);
-    get items(): Array<IAction>;
-    set items(value: Array<IAction>);
-    selectItem: (itemValue: IAction) => void;
-    isItemDisabled: (itemValue: IAction) => boolean;
-    isItemSelected: (itemValue: IAction) => boolean;
-    getItemClass: (itemValue: IAction) => string;
+    static MINELEMENTCOUNT: number;
+    constructor(items: Array<IAction>, onItemSelect: (item: Action) => void, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChange?: (text: string) => void);
+    protected onSet(): void;
+    selectItem: (itemValue: Action) => void;
+    isItemDisabled: (itemValue: Action) => boolean;
+    isItemSelected: (itemValue: Action) => boolean;
+    getItemClass: (itemValue: Action) => string;
     getItemIndent: (itemValue: any) => string;
+    get filteredTextPlaceholder(): any;
     onKeyDown(event: KeyboardEvent): void;
+    refresh(): void;
 }
 
 export declare class PopupModel<T = any> extends Base {
@@ -10567,6 +10733,7 @@ export declare class DragDropChoices extends DragDropCore<QuestionSelectBase> {
     protected calculateIsBottom(clientY: number): boolean;
     protected afterDragOver(dropTargetNode: HTMLElement): void;
     protected doDrop(): any;
+    protected doClear(): void;
 }
 
 export declare class SurveyPanelBase extends SurveyElementBase<any, any> {
@@ -10656,6 +10823,7 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
         protected clearGeneratedRows(): void;
         clearIncorrectValues(): void;
         protected clearInvisibleValuesInRows(): void;
+        needResponsiveWidth(): boolean;
 }
 
 export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynamicModel> {
@@ -10664,11 +10832,13 @@ export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynam
     protected getShortcutText(draggedElement: any): string;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: any): MatrixDropdownRowModelBase;
     protected isDropTargetValid(dropTarget: any): boolean;
+    protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
     protected calculateIsBottom(clientY: number): boolean;
     protected doDrop: () => QuestionMatrixDynamicModel;
 }
 
 export declare class DragDropRankingChoices extends DragDropChoices {
+    protected get draggedElementType(): string;
     protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
     protected isDropTargetValid(dropTarget: ItemValue, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
@@ -10763,7 +10933,7 @@ export declare abstract class DragDropCore<T> extends Base {
     dropTarget: any;
     protected get dropTargetDataAttributeName(): string;
     protected get survey(): SurveyModel;
-    protected prevDropTarget: any;
+    prevDropTarget: any;
     protected draggedElementShortcut: HTMLElement;
     constructor(surveyValue?: ISurvey, creator?: any);
     startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement): void;