survey-react 1.8.65 → 1.8.69

package/survey.react.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for Survey JavaScript library v1.8.65
+/*Type definitions for Survey JavaScript library v1.8.69
 Copyright (c) 2015-2021 Devsoft Baltic OÜ  - http://surveyjs.io/
 Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
 */
@@ -1350,7 +1350,9 @@ declare function doKey2ClickDown(evt: KeyboardEvent, options?: {
     processEsc: boolean;
 }): void;
 declare function increaseHeightByContent(element: HTMLElement, getComputedStyle?: (elt: Element) => any): void;
-export { compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isElementVisible, findScrollableParent, scrollElementByChildId, createSvg, doKey2ClickUp, doKey2ClickDown, getIconNameFromProxy, increaseHeightByContent };
+declare function getOriginalEvent(event: any): any;
+declare function preventDefaults(event: any): void;
+export { compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isElementVisible, findScrollableParent, scrollElementByChildId, createSvg, doKey2ClickUp, doKey2ClickDown, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults };
 
 /**
     * Defines an individual action. Action items can be displayed in certain survey elements - in Toolbar (or action bar), in titles (of pages, panels, questions), in matrix rows (as 'expand details' or 'remove row' buttons), and etc.
@@ -1435,6 +1437,10 @@ export interface IAction {
             * Set it to true to make the tabIndex -1 to disable keyboard navigation to this item
             */
         disableTabStop?: boolean;
+        /**
+            * Action button display mode
+            */
+        mode?: "large" | "small" | "popup";
         visibleIndex?: number;
 }
 export declare class Action extends Base implements IAction {
@@ -1466,6 +1472,7 @@ export declare class Action extends Base implements IAction {
         get hasTitle(): boolean;
         get isVisible(): boolean;
         get canShrink(): boolean;
+        getActionRootCss(): string;
         getActionBarItemCss(): string;
         getActionBarItemActiveCss(): string;
         minDimension: number;
@@ -1479,8 +1486,10 @@ export declare class AdaptiveActionContainer<T extends Action = Action> extends
     protected onSet(): void;
     protected onPush(item: T): void;
     protected getRenderedActions(): Array<T>;
-    setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
     fit(dimension: number, dotsItemSize: number): void;
+    initResponsivityManager(container: HTMLDivElement): void;
+    resetResponsivityManager(): void;
+    dispose(): void;
 }
 
 export declare class ActionContainer<T extends Action = Action> extends Base {
@@ -1496,6 +1505,9 @@ export declare class ActionContainer<T extends Action = Action> extends Base {
     get renderedActions(): Array<T>;
     get visibleActions(): Array<T>;
     get css(): string;
+    setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
+    initResponsivityManager(container: HTMLDivElement): void;
+    resetResponsivityManager(): void;
 }
 
 export declare class Survey extends SurveyElementBase<any, any> implements ISurveyCreator {
@@ -1653,7 +1665,6 @@ export declare class SurveyQuestion extends SurveyElementBase<any, any> {
     protected renderElement(): JSX.Element;
     protected wrapElement(element: JSX.Element): JSX.Element;
     protected renderQuestion(): JSX.Element;
-    protected renderTitle(cssClasses: any): JSX.Element;
     protected renderDescription(cssClasses: any, isUnderInput?: boolean): JSX.Element;
     protected renderComment(cssClasses: any): JSX.Element;
     protected renderHeader(question: Question): JSX.Element;
@@ -1763,8 +1774,8 @@ export declare class SurveyQuestionCheckboxItem extends ReactSurveyElement {
     protected get isFirst(): any;
     protected get index(): number;
     shouldComponentUpdate(): boolean;
-    handleOnChange(event: any): void;
-    selectAllChanged(event: any): void;
+    handleOnChange: (event: any) => void;
+    selectAllChanged: (event: any) => void;
     protected canRender(): boolean;
     protected renderElement(): JSX.Element;
     protected get inputStyle(): any;
@@ -1832,12 +1843,6 @@ export declare class SurveyQuestionHtml extends SurveyQuestionElementBase {
 export declare class SurveyQuestionFile extends SurveyQuestionElementBase {
     constructor(props: any);
     protected get question(): QuestionFileModel;
-    handleOnDragOver: (event: any) => boolean;
-    handleOnDrop: (event: any) => void;
-    handleOnChange: (event: any) => void;
-    handleOnClean: (event: any) => void;
-    handleOnRemoveFile: (event: any) => void;
-    handleOnDownloadFile: (event: any, data: any) => void;
     protected renderElement(): JSX.Element;
     protected renderFileDecorator(): JSX.Element;
     protected renderClearButton(className: string): JSX.Element;
@@ -1882,6 +1887,7 @@ export declare class SurveyQuestionText extends SurveyQuestionUncontrolledElemen
 export declare class SurveyQuestionBoolean extends SurveyQuestionElementBase {
     protected checkRef: React.RefObject<HTMLInputElement>;
     constructor(props: any);
+    protected getStateElement(): Base;
     protected get question(): QuestionBooleanModel;
     handleOnChange(event: any): void;
     handleOnClick(event: any): void;
@@ -2134,7 +2140,12 @@ export {};
 
 export declare class TitleActions extends React.Component<any, any> {
     protected get cssClasses(): any;
-    protected get element(): ISurveyElement;
+    protected get element(): SurveyElement;
+    render(): JSX.Element;
+}
+
+export declare class TitleElement extends React.Component<any, any> {
+    constructor(props: any);
     render(): JSX.Element;
 }
 
@@ -2214,6 +2225,7 @@ export declare class SurveyLocStringViewer extends React.Component<any, any> {
     constructor(props: any);
     componentDidMount(): void;
     componentWillUnmount(): void;
+    componentDidUpdate(prevProps: any, prevState: any): void;
     render(): JSX.Element;
 }
 
@@ -2386,6 +2398,12 @@ export declare var settings: {
             * For example: Survey.settings.customIcons["icon-redo"] = "my-own-redo-icon"
             */
         customIcons: {};
+        titleTags: {
+                survey: string;
+                page: string;
+                panel: string;
+                question: string;
+        };
 };
 
 export interface HashTable<T> {
@@ -2398,8 +2416,8 @@ export declare class Helpers {
       */
     static isValueEmpty(value: any): boolean;
     static isArrayContainsEqual(x: any, y: any): boolean;
-    static isArraysEqual(x: any, y: any, ignoreOrder?: boolean): boolean;
-    static isTwoValueEquals(x: any, y: any, ignoreOrder?: boolean): boolean;
+    static isArraysEqual(x: any, y: any, ignoreOrder?: boolean, caseSensitive?: boolean, trimStrings?: boolean): boolean;
+    static isTwoValueEquals(x: any, y: any, ignoreOrder?: boolean, caseSensitive?: boolean, trimStrings?: boolean): boolean;
     static randomizeArray<T>(array: Array<T>): Array<T>;
     static getUnbindValue(value: any): any;
     static createCopy(obj: any): any;
@@ -2601,6 +2619,7 @@ export declare class ItemValue extends Base {
     get isEnabled(): any;
     setIsEnabled(val: boolean): void;
     addUsedLocales(locales: Array<string>): void;
+    locStrsChanged(): void;
     protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
     protected getConditionRunner(isVisible: boolean): ConditionRunner;
     originalItem: any;
@@ -2701,6 +2720,7 @@ export declare class Base {
             * @see toJSON
             */
         fromJSON(json: any): void;
+        onSurveyLoad(): void;
         /**
             * Make a clone of the existing object. Create a new object of the same type and load all properties into it.
             */
@@ -2863,6 +2883,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     requiredText: string;
     beforeSettingQuestionErrors(question: IQuestion, errors: Array<SurveyError>): void;
     beforeSettingPanelErrors(question: IPanel, errors: Array<SurveyError>): void;
+    getElementTitleTagName(element: Base, tagName: string): string;
     questionTitlePattern: string;
     getUpdatedQuestionTitle(question: IQuestion, title: string): string;
     getUpdatedQuestionNo(question: IQuestion, no: string): string;
@@ -2880,6 +2901,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     downloadFile(name: string, content: string, callback: (status: string, data: any) => any): any;
     clearFiles(question: IQuestion, name: string, value: any, fileName: string, clearCallback: (status: string, data: any) => any): any;
     updateChoicesFromServer(question: IQuestion, choices: Array<any>, serverResult: any): Array<any>;
+    loadedChoicesFromServer(question: IQuestion): void;
     updateQuestionCssClasses(question: IQuestion, cssClasses: any): any;
     updatePanelCssClasses(panel: IPanel, cssClasses: any): any;
     updatePageCssClasses(panel: IPanel, cssClasses: any): any;
@@ -3030,12 +3052,55 @@ export declare class SurveyError {
     protected getDefaultText(): string;
 }
 
+/**
+    * Base class of SurveyJS Elements and Survey.
+    */
+export declare abstract class SurveyElementCore extends Base implements ILocalizableOwner {
+        constructor();
+        protected createLocTitleProperty(): LocalizableString;
+        /**
+            * Question, Panel, Page and Survey title. If page and panel is empty then they are not rendered.
+            * Question renders question name if the title is empty. Use survey questionTitleTemplate property to change the title question rendering.
+            * @see SurveyModel.questionTitleTemplate
+         */
+        get title(): string;
+        set title(val: string);
+        get locTitle(): LocalizableString;
+        protected getDefaultTitleValue(): string;
+        /**
+            * Question, Panel and Page description. It renders under element title by using smaller font. Unlike the question title, description can be empty.
+            * Please note, this property is hidden for questions without input, for example html question.
+            * @see title
+         */
+        get description(): string;
+        set description(val: string);
+        get locDescription(): LocalizableString;
+        get titleTagName(): string;
+        protected getDefaultTitleTagName(): string;
+        get hasTitle(): boolean;
+        get hasTitleActions(): boolean;
+        get hasTitleEvents(): boolean;
+        getTitleToolbar(): AdaptiveActionContainer;
+        getTitleOwner(): ITitleOwner;
+        get isTitleOwner(): boolean;
+        toggleState(): boolean;
+        get cssClasses(): any;
+        get cssTitle(): string;
+        get ariaTitleId(): string;
+        get titleTabIndex(): number;
+        get titleAriaExpanded(): boolean;
+        abstract getLocale(): string;
+        abstract getMarkdownHtml(text: string, name: string): string;
+        abstract getRenderer(name: string): string;
+        abstract getProcessedText(text: string): string;
+}
 /**
     * Base class of SurveyJS Elements.
     */
-export declare class SurveyElement extends Base implements ISurveyElement {
+export declare class SurveyElement extends SurveyElementCore implements ISurveyElement {
         stateChangedCallback: () => void;
         static getProgressInfoByElements(children: Array<SurveyElement>, isRequired: boolean): IProgressInfo;
+        isDragOverMe: boolean;
         readOnlyChangedCallback: () => void;
         static ScrollElementToTop(elementId: string): boolean;
         static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
@@ -3083,6 +3148,7 @@ export declare class SurveyElement extends Base implements ISurveyElement {
         get titleActions(): Array<any>;
         getTitleActions(): Array<any>;
         get hasTitleActions(): boolean;
+        get hasTitleEvents(): boolean;
         getTitleComponentName(): string;
         get titleTabIndex(): number;
         get titleAriaExpanded(): boolean;
@@ -3115,6 +3181,17 @@ export declare class SurveyElement extends Base implements ISurveyElement {
         get readOnly(): boolean;
         set readOnly(val: boolean);
         protected onReadOnlyChanged(): void;
+        cssClassesValue: any;
+        /**
+            * Returns all css classes that used for rendering the question, panel or page.
+            * You can use survey.onUpdateQuestionCssClasses event to override css classes for a question, survey.onUpdatePanelCssClasses event for a panel and survey.onUpdatePageCssClasses for a page.
+            * @see SurveyModel.updateQuestionCssClasses
+            * @see SurveyModel.updatePanelCssClasses
+            * @see SurveyModel.updatePageCssClasses
+            */
+        get cssClasses(): any;
+        protected calcCssClasses(css: any): any;
+        protected updateElementCssCore(cssClasses: any): void;
         get cssError(): string;
         updateElementCss(reNew?: boolean): void;
         protected getIsLoadingFromJson(): boolean;
@@ -3162,6 +3239,16 @@ export declare class SurveyElement extends Base implements ISurveyElement {
             */
         get isQuestion(): boolean;
         delete(): void;
+        locOwner: ILocalizableOwner;
+        /**
+            * Returns the current survey locale
+            * @see SurveyModel.locale
+            */
+        getLocale(): string;
+        getMarkdownHtml(text: string, name: string): string;
+        getRenderer(name: string): string;
+        getProcessedText(text: string): string;
+        protected getUseDisplayValuesInTitle(): boolean;
         protected removeSelfFromList(list: Array<any>): void;
         protected get textProcessor(): ITextProcessor;
         protected getProcessedHtml(html: string): string;
@@ -3170,7 +3257,7 @@ export declare class SurveyElement extends Base implements ISurveyElement {
         set parent(val: IPanel);
         protected getPage(parent: IPanel): IPage;
         protected moveToBase(parent: IPanel, container: IPanel, insertBefore?: any): boolean;
-        protected setPage(parent: IPanel, val: IPage): void;
+        protected setPage(parent: IPanel, newPage: IPage): void;
         protected getSearchableLocKeys(keys: Array<string>): void;
 }
 
@@ -3293,7 +3380,9 @@ export interface ILocalizableOwner {
 export interface ILocalizableString {
         getLocaleText(loc: string): string;
         setLocaleText(loc: string, newValue: string): any;
+        getJson(): any;
         getLocales(): Array<string>;
+        getIsMultiple(): boolean;
 }
 /**
     * The class represents the string that supports multi-languages and markdown.
@@ -3316,6 +3405,7 @@ export declare class LocalizableString implements ILocalizableString {
         searchText: string;
         searchIndex: number;
         constructor(owner: ILocalizableOwner, useMarkdown?: boolean, name?: string);
+        getIsMultiple(): boolean;
         get locale(): string;
         strChanged(): void;
         get text(): string;
@@ -3345,7 +3435,9 @@ export declare class LocalizableString implements ILocalizableString {
     */
 export declare class LocalizableStrings implements ILocalizableString {
         owner: ILocalizableOwner;
+        onValueChanged: (oldValue: any, newValue: any) => void;
         constructor(owner: ILocalizableOwner);
+        getIsMultiple(): boolean;
         get locale(): string;
         get value(): Array<string>;
         set value(val: Array<string>);
@@ -3355,6 +3447,7 @@ export declare class LocalizableStrings implements ILocalizableString {
         setLocaleText(loc: string, newValue: string): any;
         getValue(loc: string): Array<string>;
         setValue(loc: string, val: Array<string>): void;
+        hasValue(loc?: string): boolean;
         get isEmpty(): boolean;
         getLocales(): Array<string>;
         getJson(): any;
@@ -4097,6 +4190,7 @@ export declare class MatrixDropdownRowModelBase implements ISurveyData, ISurveyI
         protected updateCellOnColumnChanged(cell: MatrixDropdownCell, name: string, newValue: any): void;
         updateCellOnColumnItemValueChanged(cell: MatrixDropdownCell, propertyName: string, obj: ItemValue, name: string, newValue: any, oldValue: any): void;
         protected buildCells(value: any): void;
+        protected isTwoValueEquals(val1: any, val2: any): boolean;
         protected createCell(column: MatrixDropdownColumn): MatrixDropdownCell;
         getSurveyData(): ISurveyData;
         getSurvey(): ISurvey;
@@ -4958,7 +5052,7 @@ export declare class QuestionRowModel extends Base {
 /**
     * A base class for a Panel and Page objects.
     */
-export declare class PanelModelBase extends SurveyElement implements IPanel, IConditionRunner, ILocalizableOwner, ISurveyErrorOwner {
+export declare class PanelModelBase extends SurveyElement implements IPanel, IConditionRunner, ISurveyErrorOwner, ITitleOwner {
         addElementCallback: (element: IElement) => void;
         removeElementCallback: (element: IElement) => void;
         onGetQuestionTitleLocation: () => string;
@@ -4966,22 +5060,9 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         getType(): string;
         setSurveyImpl(value: ISurveyImpl): void;
         endLoadingFromJson(): void;
-        /**
-            * PanelModel or PageModel title property.
-            * @description
-            */
-        get title(): string;
-        set title(val: string);
-        get locTitle(): LocalizableString;
-        get _showTitle(): boolean;
+        get hasTitle(): boolean;
+        protected canShowTitle(): boolean;
         get _showDescription(): boolean;
-        /**
-            * PanelModel or PageModel description property. It renders under title by using smaller font. Unlike the title, description can be empty.
-            * @see title
-            */
-        get description(): string;
-        set description(val: string);
-        get locDescription(): LocalizableString;
         localeChanged(): void;
         locStrsChanged(): void;
         /**
@@ -5008,10 +5089,6 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         set questionsOrder(val: string);
         protected isRandomizing: boolean;
         randomizeElements(isRandom: boolean): void;
-        getLocale(): string;
-        getMarkdownHtml(text: string, name: string): string;
-        getRenderer(name: string): string;
-        getProcessedText(text: string): string;
         /**
             * A parent element. It is always null for the Page object and always not null for the Panel object. Panel object may contain Questions and other Panels.
             */
@@ -5024,9 +5101,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
             */
         get visibleIf(): string;
         set visibleIf(val: string);
-        get cssClasses(): any;
-        protected calcCssClasses(): any;
-        protected get css(): any;
+        protected calcCssClasses(css: any): any;
         /**
             * A unique element identificator. It is generated automatically.
             */
@@ -5260,13 +5335,14 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         protected dragDropAddTarget(dragDropInfo: DragDropInfo): void;
         protected dragDropFindRow(findElement: ISurveyElement): QuestionRowModel;
         dragDropMoveElement(src: IElement, target: IElement, targetIndex: number): void;
+        get no(): string;
         dispose(): void;
 }
 /**
     * A container element, similar to the Page objects. However, unlike the Page, Panel can't be a root.
     * It may contain questions and other panels.
     */
-export declare class PanelModel extends PanelModelBase implements IElement, ITitleOwner {
+export declare class PanelModel extends PanelModelBase implements IElement {
         minWidth?: string;
         maxWidth?: string;
         constructor(name?: string);
@@ -5295,6 +5371,7 @@ export declare class PanelModel extends PanelModelBase implements IElement, ITit
             * @see showNumber
             */
         get visibleIndex(): number;
+        getTitleOwner(): ITitleOwner;
         /**
             * Set showNumber to true to start showing the number for this panel.
             * @see visibleIndex
@@ -5415,6 +5492,7 @@ export declare class PageModel extends PanelModelBase implements IPage {
         getType(): string;
         toString(): string;
         get isPage(): boolean;
+        protected canShowTitle(): boolean;
         /**
             * Use this property to show title in navigation buttons. If the value is empty then page name is used.
             * @see survey.progressBarType
@@ -5441,8 +5519,8 @@ export declare class PageModel extends PanelModelBase implements IPage {
             * Returns true, if the page is started page in the survey. It can be shown on the start only and the end-user could not comeback to it after it passed it.
             */
         get isStarted(): boolean;
-        protected calcCssClasses(): any;
-        getIsPageVisible(exceptionQuestion: IQuestion): boolean;
+        protected calcCssClasses(css: any): any;
+        get cssTitle(): string;
         get num(): number;
         set num(val: number);
         /**
@@ -5514,7 +5592,7 @@ export interface IConditionObject {
 /**
     * A base class for all questions.
     */
-export declare class Question extends SurveyElement implements IQuestion, IConditionRunner, ILocalizableOwner, IValidatorOwner, ITitleOwner {
+export declare class Question extends SurveyElement implements IQuestion, IConditionRunner, IValidatorOwner, ITitleOwner {
         [index: string]: any;
         customWidgetData: {
                 isNeedRender: boolean;
@@ -5540,6 +5618,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         onReadyChanged: EventBase<Question>;
         isReadOnlyRenderDiv(): boolean;
         constructor(name: string);
+        protected createLocTitleProperty(): LocalizableString;
         getSurvey(live?: boolean): ISurvey;
         getValueName(): string;
         /**
@@ -5555,6 +5634,11 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         protected onValueNameChanged(oldValue: string): void;
         protected onNameChanged(oldValue: string): void;
         get isReady(): boolean;
+        /**
+            * A11Y properties
+            */
+        get ariaRequired(): boolean;
+        get ariaLabel(): string;
         get ariaInvalid(): boolean;
         get ariaDescribedBy(): string;
         /**
@@ -5584,6 +5668,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get useDisplayValuesInTitle(): boolean;
         set useDisplayValuesInTitle(val: boolean);
+        protected getUseDisplayValuesInTitle(): boolean;
         /**
             * An expression that returns true or false. If it returns true the Question becomes visible and if it returns false the Question becomes invisible. The library runs the expression on survey start and on changing a question value. If the property is empty then visible property is used.
             * @see visible
@@ -5653,6 +5738,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get titleLocation(): string;
         set titleLocation(value: string);
+        getTitleOwner(): ITitleOwner;
         /**
             * Return the title location based on question titleLocation property and QuestionTitleLocation of it's parents
             * @see titleLocation
@@ -5677,19 +5763,8 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get hasSingleInput(): boolean;
         get inputId(): string;
-        /**
-            * Question title. Use survey questionTitleTemplate property to change the title question is rendered. If it is empty, then question name property is used.
-            * @see SurveyModel.questionTitleTemplate
-            */
-        get title(): string;
-        set title(val: string);
-        get locTitle(): LocalizableString;
-        /**
-            * Question description. It renders under question title by using smaller font. Unlike the title, description can be empty.
-            * Please note, this property is hidden for questions without input, for example html question.
-            * @see title
-            */
-        description: string;
+        protected getDefaultTitleValue(): string;
+        protected getDefaultTitleTagName(): string;
         /**
             * Question description location. By default, value is "default" and it depends on survey questionDescriptionLocation property
             * You may change it to "underInput" to render it under question input or "underTitle" to rendered it under title.
@@ -5725,6 +5800,9 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         get customWidget(): QuestionCustomWidget;
         updateCustomWidget(): void;
         get isCompositeQuestion(): boolean;
+        updateCommentElement(): void;
+        onCommentInput(event: any): void;
+        onCommentChange(event: any): void;
         afterRenderQuestionElement(el: HTMLElement): void;
         afterRender(el: HTMLElement): void;
         beforeDestroyQuestionElement(el: HTMLElement): void;
@@ -5746,12 +5824,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get startWithNewLine(): boolean;
         set startWithNewLine(val: boolean);
-        cssClassesValue: any;
-        /**
-            * Returns all css classes that used for rendering the question. You may use survey.updateQuestionCssClasses event to override css classes for a question.
-            * @see SurveyModel.updateQuestionCssClasses
-            */
-        get cssClasses(): any;
+        protected calcCssClasses(css: any): any;
         get cssRoot(): string;
         protected setCssRoot(val: string): void;
         protected getCssRoot(cssClasses: any): string;
@@ -6052,15 +6125,6 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         clearUnusedValues(): void;
         onAnyValueChanged(name: string): void;
         checkBindings(valueName: string, value: any): void;
-        locOwner: ILocalizableOwner;
-        /**
-            * Returns the current survey locale
-            * @see SurveyModel.locale
-            */
-        getLocale(): string;
-        getMarkdownHtml(text: string, name: string): string;
-        getRenderer(name: string): string;
-        getProcessedText(text: string): string;
         getComponentName(): string;
         isDefaultRendering(): boolean;
         renderAs: string;
@@ -6104,6 +6168,8 @@ export declare class QuestionSelectBase extends Question {
         constructor(name: string);
         getType(): string;
         dispose(): void;
+        protected getItemValueType(): string;
+        createItemValue(value: any): ItemValue;
         supportGoNextPageError(): boolean;
         isLayoutTypeSupported(layoutType: string): boolean;
         localeChanged(): void;
@@ -6345,6 +6411,8 @@ 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;
 }
 
 /**
@@ -6427,6 +6495,8 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         protected valueFromData(val: any): any;
         protected renderedValueFromDataCore(val: any): any;
         protected rendredValueToDataCore(val: any): any;
+        get checkBoxSvgPath(): string;
+        getItemId(item: ItemValue): string;
 }
 
 /**
@@ -6435,15 +6505,18 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
 export declare class QuestionRankingModel extends QuestionCheckboxModel {
     constructor(name: string);
     getType(): string;
-    get isIndeterminate(): boolean;
     get rootClass(): string;
     getItemClass(item: ItemValue): string;
     protected isItemCurrentDropTarget(item: ItemValue): boolean;
     get ghostPositionCssClass(): string;
     getNumberByIndex(index: number): string;
-    get rankingChoices(): ItemValue[];
+    setSurveyImpl: (value: ISurveyImpl) => void;
+    onSurveyValueChanged(newValue: any): void;
+    protected onVisibleChoicesChanged: () => void;
+    localeChanged: () => void;
+    get rankingChoices(): Array<ItemValue>;
     dragDropHelper: DragDropRankingChoices;
-    currentDrropTarget: ItemValue;
+    currentDropTarget: ItemValue;
     dropTargetNodeMove: string;
     endLoadingFromJson(): void;
     handlePointerDown: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
@@ -6453,9 +6526,9 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     protected supportSelectAll(): boolean;
     supportOther(): boolean;
     supportNone(): boolean;
-    protected onVisibleChoicesChanged(): void;
     get fallbackToSortableJS(): boolean;
     set fallbackToSortableJS(val: boolean);
+    setValue: () => void;
     getIconHoverCss(): string;
     getIconFocusCss(): string;
 }
@@ -6474,6 +6547,11 @@ 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.
+            */
+        get multiLine(): boolean;
+        set multiLine(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.
@@ -6484,7 +6562,10 @@ export declare class QuestionCommentModel extends QuestionTextBase {
         getType(): string;
         afterRenderQuestionElement(el: HTMLElement): void;
         updateElement(): void;
+        onInput(event: any): void;
+        onKeyDown(event: any): void;
         onValueChanged(): void;
+        protected setNewValue(newValue: string): any;
 }
 
 /**
@@ -6629,26 +6710,38 @@ export declare class QuestionFileModel extends Question {
             * The remove file confirmation message.
             */
         getConfirmRemoveMessage(fileName: string): string;
+        /**
+            * The remove file confirmation message template.
+            */
+        confirmRemoveMessage: string;
         /**
             * The remove all files confirmation message.
             */
-        get confirmRemoveAllMessage(): string;
+        confirmRemoveAllMessage: string;
         /**
             * The no file chosen caption for modern theme.
             */
-        get noFileChosenCaption(): string;
+        noFileChosenCaption: string;
         /**
             * The choose files button caption for modern theme.
             */
-        get chooseButtonCaption(): string;
+        chooseButtonCaption: string;
         /**
             * The clean files button caption.
             */
-        get cleanButtonCaption(): string;
+        cleanButtonCaption: string;
         /**
             * The remove file button caption.
             */
-        get removeFileCaption(): string;
+        removeFileCaption: string;
+        /**
+            * The loading file input title.
+            */
+        loadingFileTitle: string;
+        /**
+         * The choose file input title.
+         */
+        chooseFileTitle: string;
         /**
             * The input title value.
             */
@@ -6681,6 +6774,12 @@ export declare class QuestionFileModel extends Question {
         supportComment(): boolean;
         getChooseFileCss(): string;
         getReadOnlyFileCss(): string;
+        onDragOver: (event: any) => boolean;
+        onDrop: (event: any) => void;
+        doChange: (event: any) => void;
+        doClean: (event: any) => void;
+        doRemoveFile(data: any): void;
+        doDownloadFile: (event: any, data: any) => void;
 }
 
 /**
@@ -6720,6 +6819,7 @@ export declare class QuestionRadiogroupModel extends QuestionCheckboxBase {
         get canShowClearButton(): boolean;
         get clearButtonCaption(): any;
         supportGoNextPageAutomatic(): boolean;
+        get ariaRole(): string;
 }
 
 /**
@@ -6941,8 +7041,8 @@ export declare class QuestionTextModel extends QuestionTextBase {
         protected canRunValidators(isOnValueChanged: boolean): boolean;
         protected setNewValue(newValue: any): void;
         protected correctValueType(newValue: any): any;
-        getControlClass(): string;
         protected hasPlaceHolder(): boolean;
+        get inputStyle(): any;
 }
 
 /**
@@ -7007,6 +7107,9 @@ export declare class QuestionBooleanModel extends Question {
         protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         getItemCss(): string;
         getLabelCss(checked: boolean): string;
+        get allowClick(): boolean;
+        onLabelClick(event: any, value: boolean): boolean;
+        onSwitchClickModel(event: any): boolean;
 }
 
 export declare class ImageItemValue extends ItemValue implements ILocalizableOwner {
@@ -7598,7 +7701,7 @@ export declare class SurveyProgressButtonsModel {
 /**
     * The `Survey` object contains information about the survey, Pages, Questions, flow logic and etc.
     */
-export declare class SurveyModel extends Base implements ISurvey, ISurveyData, ISurveyImpl, ISurveyTriggerOwner, ISurveyErrorOwner, ILocalizableOwner {
+export declare class SurveyModel extends SurveyElementCore implements ISurvey, ISurveyData, ISurveyImpl, ISurveyTriggerOwner, ISurveyErrorOwner {
         static readonly TemplateRendererComponentName: string;
         [index: string]: any;
         static platform: string;
@@ -7873,6 +7976,15 @@ export declare class SurveyModel extends Base implements ISurvey, ISurveyData, I
             * @see requiredText
             */
         onGetQuestionTitle: EventBase<SurveyModel>;
+        /**
+            * Use this event to change the element title tag name that renders by default.
+            * <br/> `sender` - the survey object that fires the event.
+            * <br/> `options.element` - an element (question, panel, page and survey) that SurveyJS is going to render.
+            * <br/> `options.tagName` - an element title tagName that are used to render a title. You can change it from the default value.
+            * @see showQuestionNumbers
+            * @see requiredText
+            */
+        onGetTitleTagName: EventBase<SurveyModel>;
         /**
             * Use this event to change the question no in code. If you want to remove question numbering then set showQuestionNumbers to "off".
             * <br/> `sender` - the survey object that fires the event.
@@ -8335,6 +8447,7 @@ export declare class SurveyModel extends Base implements ISurvey, ISurveyData, I
         getCss(): any;
         get css(): any;
         set css(value: any);
+        get cssTitle(): string;
         get cssNavigationComplete(): string;
         get cssNavigationPreview(): string;
         get cssNavigationEdit(): string;
@@ -8607,20 +8720,6 @@ export declare class SurveyModel extends Base implements ISurvey, ISurveyData, I
             * Returns the text that is displayed when there are no any visible pages and questiona.
             */
         get emptySurveyText(): string;
-        /**
-            * Gets or sets a survey title.
-            * @see description
-            */
-        get title(): string;
-        set title(value: string);
-        get locTitle(): LocalizableString;
-        /**
-            * Gets or sets a survey description. The survey description is displayed under a survey title.
-            * @see title
-            */
-        get description(): string;
-        set description(value: string);
-        get locDescription(): LocalizableString;
         /**
             * Gets or sets a survey logo.
             * @see title
@@ -8651,6 +8750,7 @@ export declare class SurveyModel extends Base implements ISurvey, ISurveyData, I
         get isLogoAfter(): boolean;
         get logoClassNames(): string;
         get renderedHasTitle(): boolean;
+        get hasTitle(): boolean;
         get renderedHasLogo(): boolean;
         get renderedHasHeader(): boolean;
         /**
@@ -8758,6 +8858,7 @@ export declare class SurveyModel extends Base implements ISurvey, ISurveyData, I
         get editText(): string;
         set editText(newValue: string);
         get locEditText(): LocalizableString;
+        getElementTitleTagName(element: Base, tagName: string): string;
         /**
             * Set the pattern for question title. Default is "numTitleRequire", 1. What is your name? *,
             * You can set it to numRequireTitle: 1. * What is your name?
@@ -9349,6 +9450,7 @@ export declare class SurveyModel extends Base implements ISurvey, ISurveyData, I
             */
         clearFiles(question: IQuestion, name: string, value: any, fileName: string, callback: (status: string, data: any) => any): void;
         updateChoicesFromServer(question: IQuestion, choices: Array<ItemValue>, serverResult: any): Array<ItemValue>;
+        loadedChoicesFromServer(question: IQuestion): void;
         protected createSurveyService(): dxSurveyService;
         protected uploadFilesCore(name: string, files: File[], uploadingCallback: (status: string, data: any) => any): void;
         getPage(index: number): PageModel;
@@ -10421,10 +10523,10 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
     protected ghostSurveyElement: IElement;
     protected get draggedElementType(): string;
     startDragToolboxItem(event: PointerEvent, draggedElementJson: JsonObject): void;
-    protected createElementFromJson(json: object): any;
-    protected getShortcutText(draggedElement: any): any;
+    protected createElementFromJson(json: object): HTMLElement;
+    protected getShortcutText(draggedElement: any): string;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
-    protected isDropTargetValid(dropTarget: any, isBottom: boolean): boolean;
+    protected isDropTargetValid(dropTarget: SurveyElement, isBottom: boolean): boolean;
     protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
     protected findDeepestDropTargetChild(parent: HTMLElement): HTMLElement;
     protected afterDragOver(): void;
@@ -10439,10 +10541,12 @@ 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 findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
     protected isDropTargetValid(dropTarget: ItemValue, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
     protected calculateIsBottom(clientY: number): boolean;
+    protected afterDragOver(dropTargetNode: HTMLElement): void;
     protected doDrop(): any;
 }
 
@@ -10549,9 +10653,12 @@ export declare class DragDropRankingChoices extends DragDropChoices {
     protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement): HTMLElement;
     protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
     protected isDropTargetValid(dropTarget: ItemValue, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
+    protected calculateIsBottom(clientY: number): boolean;
     protected afterDragOver(dropTargetNode: HTMLElement): void;
     protected ghostPositionChanged(): void;
     protected doDrop: () => any;
+    protected handleEscapeButton: (event: KeyboardEvent) => void;
+    protected doClear: () => void;
 }
 
 /**
@@ -10593,9 +10700,11 @@ export declare class QuestionTextBase extends Question {
         get renderedPlaceHolder(): string;
         protected setRenderedPlaceHolder(val: string): void;
         protected onReadOnlyChanged(): void;
-        endLoadingFromJson(): void;
+        onSurveyLoad(): void;
+        localeChanged(): void;
         protected calcRenderedPlaceHolder(): void;
         protected hasPlaceHolder(): boolean;
+        getControlClass(): string;
 }
 
 export declare type VerticalPosition = "top" | "bottom" | "middle";
@@ -10629,7 +10738,7 @@ export declare abstract class DragDropCore<T> extends Base {
     protected ghostPositionChanged(): void;
     onBeforeDrop: EventBase<DragDropCore<T>>;
     onAfterDrop: EventBase<DragDropCore<T>>;
-    protected draggedElement: any;
+    draggedElement: any;
     protected abstract get draggedElementType(): string;
     protected parentElement: T;
     dropTarget: any;
@@ -10647,14 +10756,17 @@ export declare abstract class DragDropCore<T> extends Base {
     protected afterDragOver(dropTargetNode?: HTMLElement): void;
     getGhostPosition(item: any): string;
     protected abstract isDropTargetValid(dropTarget: any, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
+    protected handleEscapeButton: (event: KeyboardEvent) => void;
     protected banDropHere: () => void;
     protected doBanDropHere: () => void;
+    protected getDataAttributeValueByNode(node: HTMLElement): string;
     protected getDropTargetByNode(dropTargetNode: HTMLElement, event: PointerEvent): any;
     protected abstract getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode?: HTMLElement, event?: PointerEvent): any;
     protected calculateMiddleOfHTMLElement(HTMLElement: HTMLElement): number;
     protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
     protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
     protected abstract doDrop(): any;
+    protected clear: () => void;
     protected doClear(): void;
 }