survey-react 1.9.89 → 1.9.90

package/survey.react.d.ts

@@ -1530,6 +1530,7 @@ declare module "list" {
         private loadingIndicatorValue;
         searchEnabled: boolean;
         showFilter: boolean;
+        forceShowFilter: boolean;
         isExpanded: boolean;
         selectedItem: IAction;
         focusedItem: T;
@@ -3017,7 +3018,7 @@ declare module "panel" {
     import { HashTable } from "helpers";
     import { Base } from "base";
     import { ISurveyImpl, IPage, IPanel, IConditionRunner, IElement, ISurveyElement, IQuestion, ISurveyErrorOwner, ITitleOwner, IProgressInfo, ISurvey, IFindElement } from "base-interfaces";
-    import { SurveyElement } from "survey-element";
+    import { DragTypeOverMeEnum, SurveyElement } from "survey-element";
     import { Question } from "question";
     import { LocalizableString } from "localizablestring";
     import { findScrollableParent } from "utils/utils";
@@ -3056,6 +3057,7 @@ declare module "panel" {
         private getRenderedWidthFromWidth;
         private calcVisible;
         private needToUpdateVisibleElements;
+        dragTypeOverMe: DragTypeOverMeEnum;
         dispose(): void;
         getRowCss(): string;
     }
@@ -3249,12 +3251,14 @@ declare module "panel" {
         updateElementVisibility(): void;
         getFirstQuestionToFocus(withError?: boolean, ignoreCollapseState?: boolean): Question;
         /**
-         * Sets focus on the input of the first question in this panel/page.
+         * Focuses the first question in this panel/page.
+         * @see focusFirstErrorQuestion
          */
         focusFirstQuestion(): void;
         /**
-         * Sets focus on the input of the first question in this panel/page that has an error.
+         * Focuses the first question with a validation error in this panel/page.
          * @see validate
+         * @see focusFirstQuestion
          */
         focusFirstErrorQuestion(): void;
         addQuestionsToList(list: Array<IQuestion>, visibleOnly?: boolean, includingDesignTime?: boolean): void;
@@ -4025,7 +4029,6 @@ declare module "question_baseselect" {
         protected updateSelectedItemValues(): void;
         protected updateSingleSelectedItemValues(): void;
         protected updateMultipleSelectedItemValues(): void;
-        protected resetSelectedItemValues(): void;
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
         protected isValueDisabled(val: any): boolean;
         /**
@@ -4560,23 +4563,70 @@ declare module "question_matrixdropdowncolumn" {
         private addProperty;
     }
 }
+declare module "dragdrop/engine" {
+    export interface IDragDropEngine {
+        dragInit(event: PointerEvent, draggedElement: any, parentElement: any, draggedElementNode: HTMLElement): void;
+        dragOver(event: PointerEvent): void;
+        drop(): void;
+        clear(): void;
+    }
+}
 declare module "utils/devices" {
     export const IsMobile: boolean;
     export let IsTouch: boolean;
     export function _setIsTouch(val: boolean): void;
 }
+declare module "dragdrop/dom-adapter" {
+    import { IDragDropEngine } from "dragdrop/engine";
+    export interface IDragDropDOMAdapter {
+        startDrag(event: PointerEvent, draggedElement: any, parentElement: any, draggedElementNode: HTMLElement, preventSaveTargetNode: boolean): void;
+        draggedElementShortcut: HTMLElement;
+    }
+    export class DragDropDOMAdapter implements IDragDropDOMAdapter {
+        private dd;
+        private longTap?;
+        static PreventScrolling: boolean;
+        private timeoutID;
+        private startX;
+        private startY;
+        private currentX;
+        private currentY;
+        private savedTargetNode;
+        private scrollIntervalId;
+        constructor(dd: IDragDropEngine, longTap?: boolean);
+        private stopLongTapIfMoveEnough;
+        private get isMicroMovement();
+        private stopLongTap;
+        private startLongTapProcessing;
+        private handlePointerCancel;
+        private handleEscapeButton;
+        private onContextMenu;
+        private moveShortcutElement;
+        private getShortcutBottomCoordinate;
+        private getShortcutRightCoordinate;
+        private doScroll;
+        private dragOver;
+        private clear;
+        private drop;
+        private doStartDrag;
+        draggedElementShortcut: any;
+        startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement, preventSaveTargetNode?: boolean): void;
+    }
+}
 declare module "dragdrop/core" {
     import { SurveyModel } from "survey";
-    import { Base, EventBase } from "base";
+    import { EventBase } from "base";
     import { IShortcutText, ISurvey } from "base-interfaces";
-    export abstract class DragDropCore<T> extends Base {
+    import { IDragDropEngine } from "dragdrop/engine";
+    import { IDragDropDOMAdapter } from "dragdrop/dom-adapter";
+    export abstract class DragDropCore<T> implements IDragDropEngine {
         private surveyValue?;
         private creator?;
-        private longTap?;
-        isBottom: boolean;
+        private _isBottom;
+        get isBottom(): boolean;
+        set isBottom(val: boolean);
         onGhostPositionChanged: EventBase<{}>;
         protected ghostPositionChanged(): void;
-        static PreventScrolling: boolean;
         onDragStart: EventBase<DragDropCore<T>>;
         onDragEnd: EventBase<DragDropCore<T>>;
         onBeforeDrop: EventBase<DragDropCore<T>, any>;
@@ -4588,54 +4638,34 @@ declare module "dragdrop/core" {
         protected get dropTargetDataAttributeName(): string;
         protected get survey(): SurveyModel;
         prevDropTarget: any;
-        protected draggedElementShortcut: any;
-        private scrollIntervalId;
         protected allowDropHere: boolean;
-        constructor(surveyValue?: ISurvey, creator?: any, longTap?: boolean);
+        protected domAdapter: IDragDropDOMAdapter;
+        constructor(surveyValue?: ISurvey, creator?: any, longTap?: boolean, domAdapter?: IDragDropDOMAdapter);
         startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement, preventSaveTargetNode?: boolean): void;
-        private timeoutID;
-        private startX;
-        private startY;
-        private currentX;
-        private currentY;
-        private savedTargetNode;
-        private startLongTapProcessing;
-        private stopLongTapIfMoveEnough;
-        private get isMicroMovement();
-        private stopLongTap;
-        private doStartDrag;
-        private onContextMenu;
-        private dragOver;
-        private drop;
-        protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
+        dragInit(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement): void;
         protected onStartDrag(): void;
+        protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
         protected getShortcutText(draggedElement: IShortcutText): string;
         protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
         protected getDraggedElementClass(): string;
-        protected doDragOver(dropTargetNode?: HTMLElement, event?: PointerEvent): void;
-        protected afterDragOver(dropTargetNode?: HTMLElement, event?: PointerEvent): void;
-        getGhostPosition(item: any): string;
+        protected doDragOver(): void;
+        protected afterDragOver(dropTargetNode: HTMLElement): void;
         protected abstract isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement): boolean;
-        private handlePointerCancel;
-        protected handleEscapeButton: (event: KeyboardEvent) => void;
-        private moveShortcutElement;
-        private getShortcutBottomCoordinate;
-        private getShortcutRightCoordinate;
-        private doScroll;
         protected banDropHere: () => void;
         protected doBanDropHere: () => void;
+        protected findDropTargetNodeFromPoint(clientX: number, clientY: number): HTMLElement;
         protected getDataAttributeValueByNode(node: HTMLElement): string;
         protected getDropTargetByNode(dropTargetNode: HTMLElement, event: PointerEvent): any;
         private capitalizeFirstLetter;
         protected abstract getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode?: HTMLElement, event?: PointerEvent): any;
         protected calculateVerticalMiddleOfHTMLElement(HTMLElement: HTMLElement): number;
         protected calculateHorizontalMiddleOfHTMLElement(HTMLElement: HTMLElement): number;
-        protected abstract calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
-        private findDropTargetNodeFromPoint;
+        protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
         protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
+        dragOver(event: PointerEvent): void;
         protected abstract doDrop(): any;
-        protected clear: () => void;
-        protected doClear(): void;
+        drop(): void;
+        clear(): void;
     }
 }
 declare module "dragdrop/matrix-rows" {
@@ -4648,11 +4678,11 @@ declare module "dragdrop/matrix-rows" {
         private fromIndex;
         private toIndex;
         protected getDropTargetByDataAttributeValue(dataAttributeValue: any): MatrixDropdownRowModelBase;
-        protected isDropTargetValid(dropTarget: any): boolean;
+        protected isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement): boolean;
         protected calculateIsBottom(clientY: number): boolean;
         protected afterDragOver(dropTargetNode: HTMLElement): void;
         protected doDrop: () => QuestionMatrixDynamicModel;
-        protected doClear(): void;
+        clear(): void;
     }
 }
 declare module "question_matrixdropdownrendered" {
@@ -5661,6 +5691,7 @@ declare module "question_paneldynamic" {
         protected createAndSetupNewPanelObject(): PanelModel;
         private getTemplateQuestionTitleLocation;
         protected createNewPanelObject(): PanelModel;
+        private settingPanelCountBasedOnValue;
         private setPanelCountBasedOnValue;
         setQuestionValue(newValue: any): void;
         onSurveyValueChanged(newValue: any): void;
@@ -7481,7 +7512,7 @@ declare module "survey" {
          */
         onNavigateToUrl: EventBase<SurveyModel, NavigateToUrlEvent>;
         /**
-         * An event that is raised when the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) changes from `"starting"` to `"running"`. This occurs only if your survey includes a [start page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#start-page).
+         * An event that is raised when the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) changes to `"running"`.
          * @see firstPageIsStarted
          */
         onStarted: EventBase<SurveyModel, {}>;
@@ -7843,13 +7874,17 @@ declare module "survey" {
          */
         onAfterRenderPanel: EventBase<SurveyModel, AfterRenderPanelEvent>;
         /**
-         * The event occurs when an element within a question gets focus.
+         * An event that is raised when an element (input field, checkbox, radio button) within a question gets focus.
          * @see onFocusInPanel
+         * @see focusFirstQuestionAutomatic
+         * @see focusQuestion
          */
         onFocusInQuestion: EventBase<SurveyModel, FocusInQuestionEvent>;
         /**
-         * The event occurs when an element within a panel gets focus.
+         * An event that is raised when an element within a panel gets focus.
          * @see onFocusInQuestion
+         * @see focusFirstQuestionAutomatic
+         * @see focusQuestion
          */
         onFocusInPanel: EventBase<SurveyModel, FocusInPanelEvent>;
         /**
@@ -8170,13 +8205,21 @@ declare module "survey" {
         get surveyShowDataSaving(): boolean;
         set surveyShowDataSaving(val: boolean);
         /**
-         * Gets or sets whether the first input is focused on showing a next or a previous page.
+         * Specifies whether to focus the first question on the page on survey startup or when users switch between pages.
+         *
+         * Default value: `true`
+         * @see focusOnFirstError
+         * @see focusFirstQuestion
+         * @see focusQuestion
          */
         get focusFirstQuestionAutomatic(): boolean;
         set focusFirstQuestionAutomatic(val: boolean);
         /**
-         * Gets or sets whether the first input is focused if the current page has errors.
-         * Set this property to `false` (the default value is `true`) if you do not want to bring the focus to the first question that has error on the page.
+         * Specifies whether to focus the first question with a validation error on the current page.
+         *
+         * Default value: `true`
+         * @see validate
+         * @see focusFirstQuestionAutomatic
          */
         get focusOnFirstError(): boolean;
         set focusOnFirstError(val: boolean);
@@ -8348,14 +8391,25 @@ declare module "survey" {
         get checkErrorsMode(): string;
         set checkErrorsMode(val: string);
         /**
-         * Specifies whether to increase the height of text areas to accommodate multi-line comments.
+         * Specifies whether to increase the height of [Long Text](https://surveyjs.io/form-library/examples/add-open-ended-question-to-a-form/) questions and other text areas to accommodate multi-line text content.
          *
          * Default value: `false`
          *
-         * You can override this property for individual Comment questions: [`autoGrow`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#autoGrow).
+         * You can override this property for individual Long Text questions: [`autoGrow`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#autoGrow).
+         * @see allowResizeComment
          */
         get autoGrowComment(): boolean;
         set autoGrowComment(val: boolean);
+        /**
+         * Specifies whether to display a resize handle for [Long Text](https://surveyjs.io/form-library/examples/add-open-ended-question-to-a-form/) questions and other text areas intended for multi-line text content.
+         *
+         * Default value: `true`
+         *
+         * You can override this property for individual Long Text questions: [`allowResize`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#allowResize).
+         * @see autoGrowComment
+         */
+        get allowResizeComment(): boolean;
+        set allowResizeComment(val: boolean);
         /**
          * Gets or sets a value that specifies how the survey updates its questions' text values.
          *
@@ -8891,7 +8945,9 @@ declare module "survey" {
         get questionsOrder(): string;
         set questionsOrder(val: string);
         /**
-         * Sets the input focus to the first question with the input field.
+         * Focuses the first question on the current page.
+         * @see focusQuestion
+         * @see focusFirstQuestionAutomatic
          */
         focusFirstQuestion(): void;
         scrollToTopOnPageChange(doScroll?: boolean): void;
@@ -9365,6 +9421,9 @@ declare module "survey" {
         addPage(page: PageModel, index?: number): void;
         /**
          * Creates a new page and adds it to the survey.
+         *
+         * If you want to switch a survey to the newly added page, assign its index to the [`currentPageNo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#currentPageNo) property or assign the entire page to the [`currentPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#currentPage) property.
+         *
          * @param name A page name. If you do not specify this parameter, it will be generated automatically.
          * @param index An index at which to insert the page. If you do not specify this parameter, the page will be added to the end.
          * @returns The created and added page.
@@ -9782,9 +9841,11 @@ declare module "survey" {
         private needRenderIcons;
         private skippedPages;
         /**
-         * Focus question by its name. If needed change the current page on the page where question is located.
-         * Function returns false if there is no question with this name or question is invisible, otherwise it returns true.
-         * @param name question name
+         * Focuses a question with a specified name. Switches the current page if needed.
+         * @param name A question name.
+         * @returns `false` if the survey does not contain a question with a specified name or this question is hidden; otherwise, `true`.
+         * @see focusFirstQuestion
+         * @see focusFirstQuestionAutomatic
          */
         focusQuestion(name: string): boolean;
         questionEditFinishCallback(question: Question, event: any): void;
@@ -9896,7 +9957,11 @@ declare module "survey-element" {
     export enum DragTypeOverMeEnum {
         InsideEmptyPanel = 1,
         MultilineRight = 2,
-        MultilineLeft = 3
+        MultilineLeft = 3,
+        Top = 4,
+        Right = 5,
+        Bottom = 6,
+        Left = 7
     }
     /**
      * A base class for all survey elements.
@@ -10752,6 +10817,7 @@ declare module "question" {
         protected initCommentFromSurvey(): void;
         protected runExpression(expression: string): any;
         private get autoGrowComment();
+        private get allowResizeComment();
         private get questionValue();
         private set questionValue(value);
         private get questionComment();
@@ -11016,7 +11082,7 @@ declare module "question" {
         protected getCompactRenderAs(): string;
         protected getDesktopRenderAs(): string;
         protected processResponsiveness(requiredWidth: number, availableWidth: number): any;
-        private destroyResizeObserver;
+        destroyResizeObserver(): void;
         dispose(): void;
     }
 }
@@ -11681,6 +11747,7 @@ declare module "base-interfaces" {
         isLoadingFromJson: boolean;
         isUpdateValueTextOnTyping: boolean;
         autoGrowComment: boolean;
+        allowResizeComment: boolean;
         state: string;
         isLazyRendering: boolean;
         cancelPreviewByPage(panel: IPanel): any;
@@ -11896,511 +11963,43 @@ declare module "base-interfaces" {
         data?: any;
     }
 }
-declare module "question_dropdown" {
-    import { QuestionSelectBase } from "question_baseselect";
-    import { LocalizableString } from "localizablestring";
-    import { ItemValue } from "itemvalue";
-    import { PopupModel } from "popup";
-    import { EventBase } from "base";
-    import { DropdownListModel } from "dropdownListModel";
+declare module "itemvalue" {
+    import { ILocalizableOwner, LocalizableString } from "localizablestring";
+    import { ConditionRunner } from "conditions";
+    import { IShortcutText, ISurvey } from "base-interfaces";
+    import { BaseAction } from "actions/action";
     /**
-     * A class that describes the Dropdown question type.
-     *
-     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdown/ (linkStyle))
+     * Array of ItemValue is used in checkox, dropdown and radiogroup choices, matrix columns and rows.
+     * It has two main properties: value and text. If text is empty, value is used for displaying.
+     * The text property is localizable and support markdown.
      */
-    export class QuestionDropdownModel extends QuestionSelectBase {
-        dropdownListModelValue: DropdownListModel;
-        lastSelectedItemValue: ItemValue;
-        updateReadOnlyText(): void;
-        constructor(name: string);
-        locStrsChanged(): void;
-        get showOptionsCaption(): boolean;
-        set showOptionsCaption(val: boolean);
-        get optionsCaption(): string;
-        set optionsCaption(val: string);
+    export class ItemValue extends BaseAction implements ILocalizableOwner, IShortcutText {
+        protected typeName: string;
+        [index: string]: any;
+        getMarkdownHtml(text: string, name: string): string;
+        getRenderer(name: string): string;
+        getRendererContext(locStr: LocalizableString): any;
+        getProcessedText(text: string): string;
+        static get Separator(): string;
+        static set Separator(val: string);
         /**
-         * A placeholder for the input field.
+         * Resets the input array and fills it with values from the values array
          */
-        get placeholder(): string;
-        set placeholder(val: string);
-        get locPlaceholder(): LocalizableString;
-        get clearCaption(): string;
-        set clearCaption(value: string);
-        get locClearCaption(): LocalizableString;
-        getType(): string;
-        get ariaRole(): string;
-        get selectedItem(): ItemValue;
-        protected onGetSingleSelectedItem(selectedItemByValue: ItemValue): void;
-        supportGoNextPageAutomatic(): boolean;
-        private minMaxChoices;
-        protected getChoices(): Array<ItemValue>;
-        /**
-         * Use the `choicesMin`, `choicesMax`, and `choicesStep` properties to generate choice items automatically. For example, the configuration below generates three choice items: [10, 20, 30].
-         *
-         * ```js
-         * "choicesMin": 10,
-         * "choicesMax": 30
-         * "choicesStep": 10
-         * ```
-         * @see choicesMax
-         * @see choicesStep
-         */
-        get choicesMin(): number;
-        set choicesMin(val: number);
-        /**
-         * Use the `choicesMin`, `choicesMax`, and `choicesStep` properties to generate choice items automatically. For example, the configuration below generates three choice items: [10, 20, 30].
-         *
-         * ```js
-         * "choicesMin": 10,
-         * "choicesMax": 30
-         * "choicesStep": 10
-         * ```
-         * @see choicesMin
-         * @see choicesStep
-         */
-        get choicesMax(): number;
-        set choicesMax(val: number);
-        /**
-         * Use the `choicesMin`, `choicesMax`, and `choicesStep` properties to generate choice items automatically. For example, the configuration below generates three choice items: [10, 20, 30].
-         *
-         * ```js
-         * "choicesMin": 10,
-         * "choicesMax": 30
-         * "choicesStep": 10
-         * ```
-         *
-         * The default value of the `choicesStep` property is 1.
-         * @see choicesMin
-         * @see choicesMax
-         */
-        get choicesStep(): number;
-        set choicesStep(val: number);
-        get autocomplete(): string;
-        set autocomplete(val: string);
-        /**
-         * Specifies whether to display a button that clears the selected value.
-         */
-        allowClear: boolean;
-        /**
-         * Specifies whether users can enter a value into the input field to filter the drop-down list.
-         */
-        searchEnabled: boolean;
-        inputHasValue: boolean;
-        readOnlyText: string;
-        /**
-         * Enables lazy loading. If you set this property to `true`, you should implement the Survey's [`onChoicesLazyLoad`](https://surveyjs.io/form-library/documentation/surveymodel#onChoicesLazyLoad) event handler.
-         * @see choicesLazyLoadPageSize
-         * @see SurveyModel.onChoicesLazyLoad
-         */
-        choicesLazyLoadEnabled: boolean;
-        /**
-         * Specifies the number of choice items to load at a time when choices are loaded on demand.
-         * @see choicesLazyLoadEnabled
-         * @see SurveyModel.onChoicesLazyLoad
-         */
-        choicesLazyLoadPageSize: number;
-        getControlClass(): string;
-        suggestedItem: ItemValue;
-        get selectedItemLocText(): LocalizableString;
-        get inputFieldComponentName(): string;
-        get showSelectedItemLocText(): boolean;
-        get showInputFieldComponent(): boolean;
-        private get selectedItemText();
-        get dropdownListModel(): DropdownListModel;
-        set dropdownListModel(val: DropdownListModel);
-        get popupModel(): PopupModel;
-        get ariaExpanded(): string;
-        onOpened: EventBase<QuestionDropdownModel>;
-        onOpenedCallBack(): void;
-        protected onSelectedItemValuesChangedHandler(newValue: any): void;
-        protected hasUnknownValue(val: any, includeOther: boolean, isFilteredChoices: boolean, checkEmptyValue: boolean): boolean;
-        protected needConvertRenderedOtherToDataValue(): boolean;
-        protected onVisibleChoicesChanged(): void;
-        protected getFirstInputElementId(): string;
-        getInputId(): string;
-        clearValue(): void;
-        onClick(e: any): void;
-        onKeyUp(event: any): void;
-        dispose(): void;
-    }
-}
-declare module "dropdownListModel" {
-    import { IAction } from "actions/action";
-    import { Base } from "base";
-    import { ItemValue } from "itemvalue";
-    import { ListModel } from "list";
-    import { PopupModel } from "popup";
-    import { Question } from "question";
-    export class DropdownListModel extends Base {
-        protected question: Question;
-        protected onSelectionChanged?: (item: IAction, ...params: any[]) => void;
-        readonly minPageSize = 25;
-        readonly loadingItemHeight = 40;
-        private _markdownMode;
-        private _popupModel;
-        private get focusFirstInputSelector();
-        protected readonly selectedItemSelector = ".sv-list__item--selected";
-        protected readonly itemSelector = ".sv-list__item";
-        protected getFocusFirstInputSelector(): string;
-        private itemsSettings;
-        private isRunningLoadQuestionChoices;
-        protected listModel: ListModel<ItemValue>;
-        protected popupCssClasses: string;
-        private resetItemsSettings;
-        private setItems;
-        private updateQuestionChoices;
-        private updatePopupFocusFirstInputSelector;
-        protected createPopup(): void;
-        private setFilterStringToListModel;
-        protected popupRecalculatePosition(isResetHeight: boolean): void;
-        protected onHidePopup(): void;
-        protected getAvailableItems(): Array<ItemValue>;
-        protected createListModel(): ListModel<ItemValue>;
-        protected updateAfterListModelCreated(model: ListModel<ItemValue>): void;
-        updateCssClasses(popupCssClass: string, listCssClasses: any): void;
-        protected resetFilterString(): void;
-        clear(): void;
-        protected onSetFilterString(): void;
-        searchEnabled: boolean;
-        filterString: string;
-        inputString: string;
-        showSelectedItemLocText: boolean;
-        showInputFieldComponent: boolean;
-        ariaActivedescendant: string;
-        private applyInputString;
-        protected fixInputCase(): void;
-        protected applyHintString(item: ItemValue): void;
-        get inputStringRendered(): string;
-        set inputStringRendered(val: string);
-        get placeholderRendered(): any;
-        get listElementId(): string;
-        hasScroll: boolean;
-        hintString: string;
-        private get hintStringLC();
-        private get inputStringLC();
-        get showHintPrefix(): boolean;
-        get hintStringPrefix(): string;
-        get showHintString(): boolean;
-        get hintStringSuffix(): string;
-        get hintStringMiddle(): string;
-        constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any[]) => void);
-        get popupModel(): PopupModel;
-        get inputReadOnly(): boolean;
-        get filterStringEnabled(): boolean;
-        get inputMode(): "none" | "text";
-        setSearchEnabled(newValue: boolean): void;
-        updateItems(): void;
-        onClick(event: any): void;
-        protected focusItemOnClickAndPopup(): void;
-        onClear(event: any): void;
-        getSelectedAction(): ItemValue;
-        changeSelectionWithKeyboard(reverse: boolean): void;
-        protected beforeScrollToFocusedItem(focusedItem: ItemValue): void;
-        protected afterScrollToFocusedItem(): void;
-        keyHandler(event: any): void;
-        protected onEscape(): void;
-        onScroll(event: Event): void;
-        onBlur(event: any): void;
-        onFocus(event: any): void;
-        setInputStringFromSelectedItem(newValue?: any): void;
-        dispose(): void;
-        scrollToFocusedItem(): void;
-    }
-}
-declare module "question_rating" {
-    import { ItemValue } from "itemvalue";
-    import { Question } from "question";
-    import { LocalizableString } from "localizablestring";
-    import { Base } from "base";
-    import { DropdownListModel } from "dropdownListModel";
-    export class RenderedRatingItem extends Base {
-        itemValue: ItemValue;
-        private locString;
-        private onStringChangedCallback;
-        get value(): number;
-        highlight: "none" | "highlighted" | "unhighlighted";
-        get locText(): LocalizableString;
-        text: string;
-        style: any;
-        constructor(itemValue: ItemValue, locString?: LocalizableString);
-    }
-    /**
-     * A class that describes the Rating Scale question type.
-     *
-     * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
-     */
-    export class QuestionRatingModel extends Question {
-        constructor(name: string);
-        private jsonObj;
-        private setIconsToRateValues;
-        startLoadingFromJson(jsonObj: any): void;
-        endLoadingFromJson(): void;
-        private _syncPropertiesChanging;
-        private registerSychProperties;
-        private useRateValues;
-        private updateRateMax;
-        private updateRateMin;
-        private updateRateCount;
-        initPropertyDependencies(): void;
-        autoGenerate: boolean;
-        /**
-         * A list of rate values.
-         *
-         * This property accepts an array of objects with the following structure:
-         *
-         * ```js
-         * {
-         *   "value": any, // A value to be saved in survey results
-         *   "text": String, // A display text. This property supports Markdown. When `text` is undefined, `value` is used.
-         *   "customProperty": any // Any property that you find useful.
-         * }
-         * ```
-         *
-         * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
-         *
-         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
-         *
-         * If you need to specify only the `value` property, you can set the `rateValues` property to an array of numbers, for example, `[ 3, 6, 10 ]`. These values are both saved in survey results and used as display text.
-         *
-         * If you do not specify the `rateValues` property, rate values are generated automatically based upon the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin), [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax), [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep), and [`rateCount`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateCount) property values.
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         */
-        get rateValues(): Array<any>;
-        set rateValues(val: Array<any>);
-        /**
-         * Specifies the first rate value in the generated sequence of rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
-         *
-         * Default value: 1
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         * @see rateMax
-         * @see rateStep
-         * @see rateCount
-         */
-        get rateMin(): number;
-        set rateMin(val: number);
-        /**
-         * Specifies the last rate value in the generated sequence of rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
-         *
-         * Default value: 5
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         * @see rateMin
-         * @see rateStep
-         * @see rateCount
-         */
-        get rateMax(): number;
-        set rateMax(val: number);
-        /**
-         * Specifies a step with which to generate rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
-         *
-         * Default value: 1
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         * @see rateMin
-         * @see rateMax
-         * @see rateCount
-         */
-        get rateStep(): number;
-        set rateStep(val: number);
-        /**
-         * Specifies the number of rate values you want to generate. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
-         *
-         * Set the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin) or [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax) property to specify the first or the last rate value. Use the [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep) property to specify a step with which to generate rate values.
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         */
-        rateCount: number;
-        private static badColor;
-        private static normalColor;
-        private static goodColor;
-        private static badColorLight;
-        private static normalColorLight;
-        private static goodColorLight;
-        private initColors;
-        protected getDisplayValueCore(keysAsText: boolean, value: any): any;
-        get visibleRateValues(): ItemValue[];
-        itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
-        private createRenderedRateItems;
-        renderedRateItems: Array<RenderedRatingItem>;
-        private correctValue;
-        getType(): string;
-        protected getFirstInputElementId(): string;
-        getInputId(index: number): string;
-        supportGoNextPageAutomatic(): boolean;
-        supportOther(): boolean;
-        /**
-         * Specifies a description for the minimum (first) rate value.
-         * @see rateValues
-         * @see rateMin
-         * @see displayRateDescriptionsAsExtremeItems
-         */
-        get minRateDescription(): string;
-        set minRateDescription(val: string);
-        get locMinRateDescription(): LocalizableString;
-        /**
-         * Specifies a description for the maximum (last) rate value.
-         * @see rateValues
-         * @see rateMax
-         * @see displayRateDescriptionsAsExtremeItems
-         */
-        get maxRateDescription(): string;
-        set maxRateDescription(val: string);
-        get locMaxRateDescription(): LocalizableString;
-        hasMinRateDescription: boolean;
-        hasMaxRateDescription: boolean;
-        get hasMinLabel(): boolean;
-        get hasMaxLabel(): boolean;
-        /**
-        * Specifies whether to display `minRateDescription` and `maxRateDescription` values as captions for buttons that correspond to the extreme (first and last) rate values.
-        *
-        * Default value: `false`
-        *
-        * If this property is disabled, the `minRateDescription` and `maxRateDescription` values are displayed as plain non-clickable texts.
-        *
-        * If any of the `minRateDescription` and `maxRateDescription` properties is empty, the corresponding rate value's `value` or `text` is displayed as a button caption.
-        * @see minRateDescription
-        * @see maxRateDescription
-        * @see rateMin
-        * @see rateMax
-        * @see rateValues
-        */
-        displayRateDescriptionsAsExtremeItems: boolean;
-        /**
-        * Specifies whether to display rate values as buttons or items in a drop-down list.
-        *
-        * Possible values:
-        *
-        * - `"buttons"` - Displays rate values as buttons in a row.
-        * - `"dropdown"` - Displays rate values as items in a drop-down list.
-        * - `"auto"` (default) - Selects between the `"buttons"` and `"dropdown"` modes based on the available width. When the width is insufficient to display buttons, the question displays a dropdown.
-        *
-        * [View Demo](/form-library/examples/ui-adaptation-modes-for-rating-scale/ (linkStyle))
-        * @see rateType
-        */
-        displayMode: "dropdown" | "buttons" | "auto";
-        /**
-         * Specifies the visual representation of rate values.
-         *
-         * Possible values:
-         *
-         * - `"labels"` (default) - Displays rate values as buttons with labels.
-         * - `"stars"` - Displays rate values as stars.
-         * - `"smileys"` - Displays rate values as smiley faces.
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         * @see scaleColorMode
-         * @see rateColorMode
-         * @see displayMode
-         */
-        rateType: "labels" | "stars" | "smileys";
-        get rateDisplayMode(): "labels" | "stars" | "smileys";
-        set rateDisplayMode(val: "labels" | "stars" | "smileys");
-        /**
-         * Specifies how to colorize the smiley face rating scale. Applies only if [`rateType`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateType) is `"smileys"`.
-         *
-         * Possible values:
-         *
-         * - `"monochrome"` (default) - Displays emojis in monochrome.
-         * - `"colored"` - Displays emojis in color.
-         *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
-         * @see rateColorMode
-         */
-        scaleColorMode: "monochrome" | "colored";
-        /**
-         * Specifies how to colorize the selected emoji. Applies only if [`rateType`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateType) is `"smileys"`.
-         *
-         * Possible values:
-         *
-         * - `"default"` - Displays the selected emoji in default survey color.
-         * - `"scale"` (default) - Inherits the color from the scale.
-         * @see scaleColorMode
-         */
-        rateColorMode: "default" | "scale";
-        get isStar(): boolean;
-        get isSmiley(): boolean;
-        get itemComponentName(): "sv-rating-item-star" | "sv-rating-item-smiley" | "sv-rating-item";
-        protected valueToData(val: any): any;
-        setValueFromClick(value: any): void;
-        onItemMouseIn(item: RenderedRatingItem): void;
-        onItemMouseOut(item: RenderedRatingItem): void;
-        get itemSmallMode(): boolean;
-        get ratingRootCss(): string;
-        get itemStarIcon(): string;
-        get itemStarIconAlt(): string;
-        getItemSmiley(item: ItemValue): string;
-        getItemSmileyIconName(item: ItemValue): string;
-        getItemClassByText(item: ItemValue, text: string): string;
-        private getRenderedItemColor;
-        getItemStyle(item: ItemValue, highlight?: "none" | "highlighted" | "unhighlighted"): {
-            borderColor: string;
-            fill: string;
-            backgroundColor: string;
-        };
-        getItemClass(item: ItemValue, highlight?: "none" | "highlighted" | "unhighlighted"): string;
-        getControlClass(): string;
-        get placeholder(): string;
-        set placeholder(val: string);
-        get locPlaceholder(): LocalizableString;
-        get allowClear(): boolean;
-        get searchEnabled(): boolean;
-        get renderedValue(): any;
-        set renderedValue(val: any);
-        isItemSelected(item: ItemValue): boolean;
-        get visibleChoices(): ItemValue[];
-        get readOnlyText(): any;
-        needResponsiveWidth(): boolean;
-        protected supportResponsiveness(): boolean;
-        protected getCompactRenderAs(): string;
-        protected getDesktopRenderAs(): string;
-        get ariaExpanded(): string;
-        private dropdownListModelValue;
-        set dropdownListModel(val: DropdownListModel);
-        get dropdownListModel(): DropdownListModel;
-        protected updateCssClasses(res: any, css: any): void;
-        protected calcCssClasses(css: any): any;
-        dispose(): void;
-    }
-}
-declare module "itemvalue" {
-    import { ILocalizableOwner, LocalizableString } from "localizablestring";
-    import { ConditionRunner } from "conditions";
-    import { IShortcutText, ISurvey } from "base-interfaces";
-    import { BaseAction } from "actions/action";
-    /**
-     * Array of ItemValue is used in checkox, dropdown and radiogroup choices, matrix columns and rows.
-     * It has two main properties: value and text. If text is empty, value is used for displaying.
-     * The text property is localizable and support markdown.
-     */
-    export class ItemValue extends BaseAction implements ILocalizableOwner, IShortcutText {
-        protected typeName: string;
-        [index: string]: any;
-        getMarkdownHtml(text: string, name: string): string;
-        getRenderer(name: string): string;
-        getRendererContext(locStr: LocalizableString): any;
-        getProcessedText(text: string): string;
-        static get Separator(): string;
-        static set Separator(val: string);
-        /**
-         * Resets the input array and fills it with values from the values array
-         */
-        static setData(items: Array<ItemValue>, values: Array<any>, type?: string): void;
-        static getData(items: Array<ItemValue>): any;
-        static getItemByValue(items: Array<ItemValue>, val: any): ItemValue;
-        static getTextOrHtmlByValue(items: Array<ItemValue>, val: any): string;
-        static locStrsChanged(items: Array<ItemValue>): void;
-        static runConditionsForItems(items: Array<ItemValue>, filteredItems: Array<ItemValue>, runner: ConditionRunner, values: any, properties: any, useItemExpression?: boolean, onItemCallBack?: (item: ItemValue, val: boolean) => boolean): boolean;
-        static runEnabledConditionsForItems(items: Array<ItemValue>, runner: ConditionRunner, values: any, properties: any, onItemCallBack?: (item: ItemValue, val: boolean) => boolean): boolean;
-        private static runConditionsForItemsCore;
-        ownerPropertyName: string;
-        private _visible;
-        private locTextValue;
-        private visibleConditionRunner;
-        private enableConditionRunner;
-        constructor(value: any, text?: string, typeName?: string);
-        onCreating(): any;
+        static setData(items: Array<ItemValue>, values: Array<any>, type?: string): void;
+        static getData(items: Array<ItemValue>): any;
+        static getItemByValue(items: Array<ItemValue>, val: any): ItemValue;
+        static getTextOrHtmlByValue(items: Array<ItemValue>, val: any): string;
+        static locStrsChanged(items: Array<ItemValue>): void;
+        static runConditionsForItems(items: Array<ItemValue>, filteredItems: Array<ItemValue>, runner: ConditionRunner, values: any, properties: any, useItemExpression?: boolean, onItemCallBack?: (item: ItemValue, val: boolean) => boolean): boolean;
+        static runEnabledConditionsForItems(items: Array<ItemValue>, runner: ConditionRunner, values: any, properties: any, onItemCallBack?: (item: ItemValue, val: boolean) => boolean): boolean;
+        private static runConditionsForItemsCore;
+        ownerPropertyName: string;
+        private _visible;
+        private locTextValue;
+        private visibleConditionRunner;
+        private enableConditionRunner;
+        constructor(value: any, text?: string, typeName?: string);
+        onCreating(): any;
         getType(): string;
         getSurvey(live?: boolean): ISurvey;
         getLocale(): string;
@@ -12933,32 +12532,244 @@ declare module "question_matrixdropdown" {
         constructor(name: string);
         getType(): string;
         /**
-         * A title for the total row. Applies if at least one column displays total values.
-         * @see rowTitleWidth
-         * @see columns
+         * A title for the total row. Applies if at least one column displays total values.
+         * @see rowTitleWidth
+         * @see columns
+         */
+        get totalText(): string;
+        set totalText(val: string);
+        get locTotalText(): LocalizableString;
+        getFooterText(): LocalizableString;
+        getRowTitleWidth(): string;
+        /**
+         * Specifies whether to hide the question when the matrix has no visible rows.
+         * @see rowsVisibleIf
+         */
+        get hideIfRowsEmpty(): boolean;
+        set hideIfRowsEmpty(val: boolean);
+        protected getDisplayValueCore(keysAsText: boolean, value: any): any;
+        protected getConditionObjectRowName(index: number): string;
+        protected getConditionObjectRowText(index: number): string;
+        protected getConditionObjectsRowIndeces(): Array<number>;
+        protected setNewValue(newValue: any): void;
+        clearIncorrectValues(): void;
+        protected clearValueIfInvisibleCore(): void;
+        protected generateRows(): Array<MatrixDropdownRowModel>;
+        protected createMatrixRow(item: ItemValue, value: any): MatrixDropdownRowModel;
+        protected getSearchableItemValueKeys(keys: Array<string>): void;
+        protected updateProgressInfoByValues(res: IProgressInfo): void;
+    }
+}
+declare module "dropdownListModel" {
+    import { IAction } from "actions/action";
+    import { Base } from "base";
+    import { ItemValue } from "itemvalue";
+    import { ListModel } from "list";
+    import { PopupModel } from "popup";
+    import { Question } from "question";
+    export class DropdownListModel extends Base {
+        protected question: Question;
+        protected onSelectionChanged?: (item: IAction, ...params: any[]) => void;
+        readonly minPageSize = 25;
+        readonly loadingItemHeight = 40;
+        private _markdownMode;
+        private _popupModel;
+        private get focusFirstInputSelector();
+        protected readonly selectedItemSelector = ".sv-list__item--selected";
+        protected readonly itemSelector = ".sv-list__item";
+        protected getFocusFirstInputSelector(): string;
+        private itemsSettings;
+        private isRunningLoadQuestionChoices;
+        protected listModel: ListModel<ItemValue>;
+        protected popupCssClasses: string;
+        protected listModelFilterStringChanged: (newValue: string) => void;
+        private resetItemsSettings;
+        private setItems;
+        private updateQuestionChoices;
+        private updatePopupFocusFirstInputSelector;
+        protected createPopup(): void;
+        private setFilterStringToListModel;
+        protected popupRecalculatePosition(isResetHeight: boolean): void;
+        protected onHidePopup(): void;
+        protected getAvailableItems(): Array<ItemValue>;
+        protected createListModel(): ListModel<ItemValue>;
+        protected updateAfterListModelCreated(model: ListModel<ItemValue>): void;
+        updateCssClasses(popupCssClass: string, listCssClasses: any): void;
+        protected resetFilterString(): void;
+        clear(): void;
+        protected onSetFilterString(): void;
+        searchEnabled: boolean;
+        filterString: string;
+        inputString: string;
+        showSelectedItemLocText: boolean;
+        showInputFieldComponent: boolean;
+        ariaActivedescendant: string;
+        private applyInputString;
+        protected fixInputCase(): void;
+        protected applyHintString(item: ItemValue): void;
+        get inputStringRendered(): string;
+        set inputStringRendered(val: string);
+        get placeholderRendered(): any;
+        get listElementId(): string;
+        hasScroll: boolean;
+        hintString: string;
+        private get hintStringLC();
+        private get inputStringLC();
+        get showHintPrefix(): boolean;
+        get hintStringPrefix(): string;
+        get showHintString(): boolean;
+        get hintStringSuffix(): string;
+        get hintStringMiddle(): string;
+        constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any[]) => void);
+        get popupModel(): PopupModel;
+        get inputReadOnly(): boolean;
+        get filterStringEnabled(): boolean;
+        get inputMode(): "none" | "text";
+        setSearchEnabled(newValue: boolean): void;
+        updateItems(): void;
+        onClick(event: any): void;
+        protected focusItemOnClickAndPopup(): void;
+        onClear(event: any): void;
+        getSelectedAction(): ItemValue;
+        changeSelectionWithKeyboard(reverse: boolean): void;
+        protected beforeScrollToFocusedItem(focusedItem: ItemValue): void;
+        protected afterScrollToFocusedItem(): void;
+        keyHandler(event: any): void;
+        protected onEscape(): void;
+        onScroll(event: Event): void;
+        onBlur(event: any): void;
+        onFocus(event: any): void;
+        setInputStringFromSelectedItem(newValue: any): void;
+        dispose(): void;
+        scrollToFocusedItem(): void;
+    }
+}
+declare module "question_dropdown" {
+    import { QuestionSelectBase } from "question_baseselect";
+    import { LocalizableString } from "localizablestring";
+    import { ItemValue } from "itemvalue";
+    import { PopupModel } from "popup";
+    import { EventBase } from "base";
+    import { DropdownListModel } from "dropdownListModel";
+    /**
+     * A class that describes the Dropdown question type.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdown/ (linkStyle))
+     */
+    export class QuestionDropdownModel extends QuestionSelectBase {
+        dropdownListModelValue: DropdownListModel;
+        lastSelectedItemValue: ItemValue;
+        updateReadOnlyText(): void;
+        constructor(name: string);
+        locStrsChanged(): void;
+        get showOptionsCaption(): boolean;
+        set showOptionsCaption(val: boolean);
+        get optionsCaption(): string;
+        set optionsCaption(val: string);
+        /**
+         * A placeholder for the input field.
+         */
+        get placeholder(): string;
+        set placeholder(val: string);
+        get locPlaceholder(): LocalizableString;
+        get clearCaption(): string;
+        set clearCaption(value: string);
+        get locClearCaption(): LocalizableString;
+        getType(): string;
+        get ariaRole(): string;
+        get selectedItem(): ItemValue;
+        protected onGetSingleSelectedItem(selectedItemByValue: ItemValue): void;
+        supportGoNextPageAutomatic(): boolean;
+        private minMaxChoices;
+        protected getChoices(): Array<ItemValue>;
+        /**
+         * Use the `choicesMin`, `choicesMax`, and `choicesStep` properties to generate choice items automatically. For example, the configuration below generates three choice items: [10, 20, 30].
+         *
+         * ```js
+         * "choicesMin": 10,
+         * "choicesMax": 30
+         * "choicesStep": 10
+         * ```
+         * @see choicesMax
+         * @see choicesStep
+         */
+        get choicesMin(): number;
+        set choicesMin(val: number);
+        /**
+         * Use the `choicesMin`, `choicesMax`, and `choicesStep` properties to generate choice items automatically. For example, the configuration below generates three choice items: [10, 20, 30].
+         *
+         * ```js
+         * "choicesMin": 10,
+         * "choicesMax": 30
+         * "choicesStep": 10
+         * ```
+         * @see choicesMin
+         * @see choicesStep
+         */
+        get choicesMax(): number;
+        set choicesMax(val: number);
+        /**
+         * Use the `choicesMin`, `choicesMax`, and `choicesStep` properties to generate choice items automatically. For example, the configuration below generates three choice items: [10, 20, 30].
+         *
+         * ```js
+         * "choicesMin": 10,
+         * "choicesMax": 30
+         * "choicesStep": 10
+         * ```
+         *
+         * The default value of the `choicesStep` property is 1.
+         * @see choicesMin
+         * @see choicesMax
+         */
+        get choicesStep(): number;
+        set choicesStep(val: number);
+        get autocomplete(): string;
+        set autocomplete(val: string);
+        /**
+         * Specifies whether to display a button that clears the selected value.
          */
-        get totalText(): string;
-        set totalText(val: string);
-        get locTotalText(): LocalizableString;
-        getFooterText(): LocalizableString;
-        getRowTitleWidth(): string;
+        allowClear: boolean;
         /**
-         * Specifies whether to hide the question when the matrix has no visible rows.
-         * @see rowsVisibleIf
+         * Specifies whether users can enter a value into the input field to filter the drop-down list.
          */
-        get hideIfRowsEmpty(): boolean;
-        set hideIfRowsEmpty(val: boolean);
-        protected getDisplayValueCore(keysAsText: boolean, value: any): any;
-        protected getConditionObjectRowName(index: number): string;
-        protected getConditionObjectRowText(index: number): string;
-        protected getConditionObjectsRowIndeces(): Array<number>;
-        protected setNewValue(newValue: any): void;
-        clearIncorrectValues(): void;
-        protected clearValueIfInvisibleCore(): void;
-        protected generateRows(): Array<MatrixDropdownRowModel>;
-        protected createMatrixRow(item: ItemValue, value: any): MatrixDropdownRowModel;
-        protected getSearchableItemValueKeys(keys: Array<string>): void;
-        protected updateProgressInfoByValues(res: IProgressInfo): void;
+        searchEnabled: boolean;
+        inputHasValue: boolean;
+        readOnlyText: string;
+        /**
+         * Enables lazy loading. If you set this property to `true`, you should implement the Survey's [`onChoicesLazyLoad`](https://surveyjs.io/form-library/documentation/surveymodel#onChoicesLazyLoad) event handler.
+         * @see choicesLazyLoadPageSize
+         * @see SurveyModel.onChoicesLazyLoad
+         */
+        choicesLazyLoadEnabled: boolean;
+        /**
+         * Specifies the number of choice items to load at a time when choices are loaded on demand.
+         * @see choicesLazyLoadEnabled
+         * @see SurveyModel.onChoicesLazyLoad
+         */
+        choicesLazyLoadPageSize: number;
+        getControlClass(): string;
+        suggestedItem: ItemValue;
+        get selectedItemLocText(): LocalizableString;
+        get inputFieldComponentName(): string;
+        get showSelectedItemLocText(): boolean;
+        get showInputFieldComponent(): boolean;
+        private get selectedItemText();
+        get dropdownListModel(): DropdownListModel;
+        set dropdownListModel(val: DropdownListModel);
+        get popupModel(): PopupModel;
+        get ariaExpanded(): string;
+        onOpened: EventBase<QuestionDropdownModel>;
+        onOpenedCallBack(): void;
+        protected onSelectedItemValuesChangedHandler(newValue: any): void;
+        protected hasUnknownValue(val: any, includeOther: boolean, isFilteredChoices: boolean, checkEmptyValue: boolean): boolean;
+        protected needConvertRenderedOtherToDataValue(): boolean;
+        protected onVisibleChoicesChanged(): void;
+        protected getFirstInputElementId(): string;
+        getInputId(): string;
+        clearValue(): void;
+        onClick(e: any): void;
+        onKeyUp(event: any): void;
+        dispose(): void;
     }
 }
 declare module "question_matrix" {
@@ -13441,7 +13252,8 @@ declare module "question_imagepicker" {
     import { ILocalizableOwner, LocalizableString } from "localizablestring";
     export class ImageItemValue extends ItemValue implements ILocalizableOwner {
         protected typeName: string;
-        contentNotLoaded: boolean;
+        private videoNotLoaded;
+        private imageNotLoaded;
         constructor(value: any, text?: string, typeName?: string);
         getType(): string;
         /**
@@ -13457,6 +13269,8 @@ declare module "question_imagepicker" {
         getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
         onErrorHandler(): void;
+        set contentNotLoaded(val: boolean);
+        get contentNotLoaded(): boolean;
     }
     /**
       * A class that describes the Image Picker question type.
@@ -13577,12 +13391,12 @@ declare module "dragdrop/choices" {
         protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
         private getVisibleChoices;
         protected doDragOver: () => any;
-        protected isDropTargetValid(dropTarget: ItemValue): boolean;
+        protected isDropTargetValid(dropTarget: ItemValue, dropTargetNode?: HTMLElement): boolean;
         protected doBanDropHere: () => any;
         protected calculateIsBottom(clientY: number): boolean;
         protected afterDragOver(dropTargetNode: HTMLElement): void;
         protected doDrop(): any;
-        protected doClear(): void;
+        clear(): void;
         private updateVisibleChoices;
     }
 }
@@ -13605,7 +13419,7 @@ declare module "dragdrop/ranking-choices" {
         protected ghostPositionChanged(): void;
         protected doBanDropHere: () => any;
         protected doDrop: () => any;
-        protected doClear: () => void;
+        clear(): void;
     }
 }
 declare module "question_ranking" {
@@ -13683,103 +13497,363 @@ declare module "question_comment" {
         /**
          * Specifies the visible height of the comment area, measured in lines.
          *
-         * The value of this property is passed on to the `rows` attribute of the underlying `<textarea>` element.
-         * @see cols
+         * The value of this property is passed on to the `rows` attribute of the underlying `<textarea>` element.
+         */
+        get rows(): number;
+        set rows(val: number);
+        get cols(): number;
+        set cols(val: number);
+        /**
+         * Specifies whether the question allows line breaks.
+         *
+         * When this property is enabled, a user can press Enter to insert line breaks. They are saved as `\n` in survey results. The Comment question also recognizes and interprets the `\n` sequence as a line break when you set the question `value` in code.
+         */
+        get acceptCarriageReturn(): boolean;
+        set acceptCarriageReturn(val: boolean);
+        /**
+         * Specifies whether the comment area automatically increases its height to accomodate multi-line content.
+         *
+         * Default value: `false` (inherited from `SurveyModel`'s [`autoGrowComment`](https://surveyjs.io/form-library/documentation/surveymodel#autoGrowComment) property)
+         * @see allowResize
+         */
+        get autoGrow(): boolean;
+        set autoGrow(val: boolean);
+        /**
+         * Specifies whether to display a resize handle for the comment area.
+         *
+         * Default value: `true` (inherited from `SurveyModel`'s [`allowResizeComment`](https://surveyjs.io/form-library/documentation/surveymodel#allowResizeComment) property)
+         * @see autoGrow
+         */
+        get allowResize(): boolean;
+        set allowResize(val: boolean);
+        get resizeStyle(): "none" | "both";
+        getType(): string;
+        afterRenderQuestionElement(el: HTMLElement): void;
+        updateElement(): void;
+        beforeDestroyQuestionElement(el: HTMLElement): void;
+        onInput(event: any): void;
+        onKeyDown(event: any): void;
+        onValueChanged(): void;
+        protected setNewValue(newValue: string): any;
+        get className(): string;
+    }
+}
+declare module "question_html" {
+    import { QuestionNonValue } from "questionnonvalue";
+    import { LocalizableString } from "localizablestring";
+    /**
+      * A class that describes the Html question type. Unlike other question types, Html cannot have a title or value.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-html/ (linkStyle))
+     */
+    export class QuestionHtmlModel extends QuestionNonValue {
+        ignoreHtmlProgressing: boolean;
+        constructor(name: string);
+        getType(): string;
+        get isCompositeQuestion(): boolean;
+        getProcessedText(text: string): string;
+        /**
+         * HTML markup to display.
+         *
+         * > IMPORTANT: If you get the markup from a third party, ensure that it does not contain malicious code.
+         */
+        get html(): string;
+        set html(val: string);
+        get locHtml(): LocalizableString;
+        get processedHtml(): string;
+        private processHtml;
+    }
+}
+declare module "question_radiogroup" {
+    import { QuestionCheckboxBase } from "question_baseselect";
+    import { ItemValue } from "itemvalue";
+    import { Action } from "actions/action";
+    /**
+     * A class that describes the Radiogroup question type.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-radiogroup/ (linkStyle))
+     */
+    export class QuestionRadiogroupModel extends QuestionCheckboxBase {
+        constructor(name: string);
+        protected getDefaultItemComponent(): string;
+        getType(): string;
+        get ariaRole(): string;
+        get titleAriaLabel(): string | null;
+        protected getFirstInputElementId(): string;
+        /**
+         * Returns the selected choice item. If no item is selected, returns `null`.
+         */
+        get selectedItem(): ItemValue;
+        /**
+         * Specifies whether to display a button that clears the question value.
+         *
+         * Default value: `false`
+         */
+        get showClearButton(): boolean;
+        set showClearButton(val: boolean);
+        get canShowClearButton(): boolean;
+        get clearButtonCaption(): string;
+        supportGoNextPageAutomatic(): boolean;
+        get showClearButtonInContent(): boolean;
+        clickItemHandler(item: ItemValue): void;
+        protected getDefaultTitleActions(): Array<Action>;
+    }
+}
+declare module "question_rating" {
+    import { ItemValue } from "itemvalue";
+    import { Question } from "question";
+    import { LocalizableString } from "localizablestring";
+    import { Base } from "base";
+    import { DropdownListModel } from "dropdownListModel";
+    export class RenderedRatingItem extends Base {
+        itemValue: ItemValue;
+        private locString;
+        private onStringChangedCallback;
+        get value(): number;
+        highlight: "none" | "highlighted" | "unhighlighted";
+        get locText(): LocalizableString;
+        text: string;
+        style: any;
+        constructor(itemValue: ItemValue, locString?: LocalizableString);
+    }
+    /**
+     * A class that describes the Rating Scale question type.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
+     */
+    export class QuestionRatingModel extends Question {
+        constructor(name: string);
+        private jsonObj;
+        private setIconsToRateValues;
+        startLoadingFromJson(jsonObj: any): void;
+        endLoadingFromJson(): void;
+        private _syncPropertiesChanging;
+        private registerSychProperties;
+        private useRateValues;
+        private updateRateMax;
+        private updateRateMin;
+        private updateRateCount;
+        initPropertyDependencies(): void;
+        autoGenerate: boolean;
+        /**
+         * A list of rate values.
+         *
+         * This property accepts an array of objects with the following structure:
+         *
+         * ```js
+         * {
+         *   "value": any, // A value to be saved in survey results
+         *   "text": String, // A display text. This property supports Markdown. When `text` is undefined, `value` is used.
+         *   "customProperty": any // Any property that you find useful.
+         * }
+         * ```
+         *
+         * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
+         *
+         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         *
+         * If you need to specify only the `value` property, you can set the `rateValues` property to an array of numbers, for example, `[ 3, 6, 10 ]`. These values are both saved in survey results and used as display text.
+         *
+         * If you do not specify the `rateValues` property, rate values are generated automatically based upon the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin), [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax), [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep), and [`rateCount`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateCount) property values.
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         */
+        get rateValues(): Array<any>;
+        set rateValues(val: Array<any>);
+        /**
+         * Specifies the first rate value in the generated sequence of rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
+         *
+         * Default value: 1
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * @see rateMax
+         * @see rateStep
+         * @see rateCount
+         */
+        get rateMin(): number;
+        set rateMin(val: number);
+        /**
+         * Specifies the last rate value in the generated sequence of rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
+         *
+         * Default value: 5
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * @see rateMin
+         * @see rateStep
+         * @see rateCount
+         */
+        get rateMax(): number;
+        set rateMax(val: number);
+        /**
+         * Specifies a step with which to generate rate values. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
+         *
+         * Default value: 1
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * @see rateMin
+         * @see rateMax
+         * @see rateCount
          */
-        get rows(): number;
-        set rows(val: number);
+        get rateStep(): number;
+        set rateStep(val: number);
         /**
-         * Specifies the visible width of the comment area, measured in average character width.
+         * Specifies the number of rate values you want to generate. Applies if the [`rateValues`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateValues) array is empty.
          *
-         * The value of this property is passed on to the `cols` attribute of the underlying `<textarea>` element.
-         * @see rows
+         * Set the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin) or [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax) property to specify the first or the last rate value. Use the [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep) property to specify a step with which to generate rate values.
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
          */
-        get cols(): number;
-        set cols(val: number);
+        rateCount: number;
+        private static badColor;
+        private static normalColor;
+        private static goodColor;
+        private static badColorLight;
+        private static normalColorLight;
+        private static goodColorLight;
+        private initColors;
+        protected getDisplayValueCore(keysAsText: boolean, value: any): any;
+        get visibleRateValues(): ItemValue[];
+        itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
+        private createRenderedRateItems;
+        renderedRateItems: Array<RenderedRatingItem>;
+        private correctValue;
+        getType(): string;
+        protected getFirstInputElementId(): string;
+        getInputId(index: number): string;
+        supportGoNextPageAutomatic(): boolean;
+        supportOther(): boolean;
         /**
-         * Specifies whether the question allows line breaks.
-         *
-         * When this property is enabled, a user can press Enter to insert line breaks. They are saved as `\n` in survey results. The Comment question also recognizes and interprets the `\n` sequence as a line break when you set the question `value` in code.
+         * Specifies a description for the minimum (first) rate value.
+         * @see rateValues
+         * @see rateMin
+         * @see displayRateDescriptionsAsExtremeItems
          */
-        get acceptCarriageReturn(): boolean;
-        set acceptCarriageReturn(val: boolean);
+        get minRateDescription(): string;
+        set minRateDescription(val: string);
+        get locMinRateDescription(): LocalizableString;
         /**
-         * Specifies whether the comment area automatically increases its height to accomodate multi-line content.
-         *
-         * Default value: `false` (inherited from `SurveyModel`'s [`autoGrowComment`](https://surveyjs.io/form-library/documentation/surveymodel#autoGrowComment) property)
+         * Specifies a description for the maximum (last) rate value.
+         * @see rateValues
+         * @see rateMax
+         * @see displayRateDescriptionsAsExtremeItems
          */
-        get autoGrow(): boolean;
-        set autoGrow(val: boolean);
-        getType(): string;
-        afterRenderQuestionElement(el: HTMLElement): void;
-        updateElement(): void;
-        beforeDestroyQuestionElement(el: HTMLElement): void;
-        onInput(event: any): void;
-        onKeyDown(event: any): void;
-        onValueChanged(): void;
-        protected setNewValue(newValue: string): any;
-        get className(): string;
-    }
-}
-declare module "question_html" {
-    import { QuestionNonValue } from "questionnonvalue";
-    import { LocalizableString } from "localizablestring";
-    /**
-      * A class that describes the Html question type. Unlike other question types, Html cannot have a title or value.
-     *
-     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-html/ (linkStyle))
-     */
-    export class QuestionHtmlModel extends QuestionNonValue {
-        ignoreHtmlProgressing: boolean;
-        constructor(name: string);
-        getType(): string;
-        get isCompositeQuestion(): boolean;
-        getProcessedText(text: string): string;
+        get maxRateDescription(): string;
+        set maxRateDescription(val: string);
+        get locMaxRateDescription(): LocalizableString;
+        hasMinRateDescription: boolean;
+        hasMaxRateDescription: boolean;
+        get hasMinLabel(): boolean;
+        get hasMaxLabel(): boolean;
         /**
-         * HTML markup to display.
+        * Specifies whether to display `minRateDescription` and `maxRateDescription` values as captions for buttons that correspond to the extreme (first and last) rate values.
+        *
+        * Default value: `false`
+        *
+        * If this property is disabled, the `minRateDescription` and `maxRateDescription` values are displayed as plain non-clickable texts.
+        *
+        * If any of the `minRateDescription` and `maxRateDescription` properties is empty, the corresponding rate value's `value` or `text` is displayed as a button caption.
+        * @see minRateDescription
+        * @see maxRateDescription
+        * @see rateMin
+        * @see rateMax
+        * @see rateValues
+        */
+        displayRateDescriptionsAsExtremeItems: boolean;
+        /**
+        * Specifies whether to display rate values as buttons or items in a drop-down list.
+        *
+        * Possible values:
+        *
+        * - `"buttons"` - Displays rate values as buttons in a row.
+        * - `"dropdown"` - Displays rate values as items in a drop-down list.
+        * - `"auto"` (default) - Selects between the `"buttons"` and `"dropdown"` modes based on the available width. When the width is insufficient to display buttons, the question displays a dropdown.
+        *
+        * [View Demo](/form-library/examples/ui-adaptation-modes-for-rating-scale/ (linkStyle))
+        * @see rateType
+        */
+        displayMode: "dropdown" | "buttons" | "auto";
+        /**
+         * Specifies the visual representation of rate values.
          *
-         * > IMPORTANT: If you get the markup from a third party, ensure that it does not contain malicious code.
+         * Possible values:
+         *
+         * - `"labels"` (default) - Displays rate values as buttons with labels.
+         * - `"stars"` - Displays rate values as stars.
+         * - `"smileys"` - Displays rate values as smiley faces.
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * @see scaleColorMode
+         * @see rateColorMode
+         * @see displayMode
          */
-        get html(): string;
-        set html(val: string);
-        get locHtml(): LocalizableString;
-        get processedHtml(): string;
-        private processHtml;
-    }
-}
-declare module "question_radiogroup" {
-    import { QuestionCheckboxBase } from "question_baseselect";
-    import { ItemValue } from "itemvalue";
-    import { Action } from "actions/action";
-    /**
-     * A class that describes the Radiogroup question type.
-     *
-     * [View Demo](https://surveyjs.io/form-library/examples/questiontype-radiogroup/ (linkStyle))
-     */
-    export class QuestionRadiogroupModel extends QuestionCheckboxBase {
-        constructor(name: string);
-        protected getDefaultItemComponent(): string;
-        getType(): string;
-        get ariaRole(): string;
-        get titleAriaLabel(): string | null;
-        protected getFirstInputElementId(): string;
+        rateType: "labels" | "stars" | "smileys";
+        get rateDisplayMode(): "labels" | "stars" | "smileys";
+        set rateDisplayMode(val: "labels" | "stars" | "smileys");
         /**
-         * Returns the selected choice item. If no item is selected, returns `null`.
+         * Specifies how to colorize the smiley face rating scale. Applies only if [`rateType`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateType) is `"smileys"`.
+         *
+         * Possible values:
+         *
+         * - `"monochrome"` (default) - Displays emojis in monochrome.
+         * - `"colored"` - Displays emojis in color.
+         *
+         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * @see rateColorMode
          */
-        get selectedItem(): ItemValue;
+        scaleColorMode: "monochrome" | "colored";
         /**
-         * Specifies whether to display a button that clears the question value.
+         * Specifies how to colorize the selected emoji. Applies only if [`rateType`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateType) is `"smileys"`.
          *
-         * Default value: `false`
+         * Possible values:
+         *
+         * - `"default"` - Displays the selected emoji in default survey color.
+         * - `"scale"` (default) - Inherits the color from the scale.
+         * @see scaleColorMode
          */
-        get showClearButton(): boolean;
-        set showClearButton(val: boolean);
-        get canShowClearButton(): boolean;
-        get clearButtonCaption(): string;
-        supportGoNextPageAutomatic(): boolean;
-        get showClearButtonInContent(): boolean;
-        clickItemHandler(item: ItemValue): void;
-        protected getDefaultTitleActions(): Array<Action>;
+        rateColorMode: "default" | "scale";
+        get isStar(): boolean;
+        get isSmiley(): boolean;
+        get itemComponentName(): "sv-rating-item-star" | "sv-rating-item-smiley" | "sv-rating-item";
+        protected valueToData(val: any): any;
+        setValueFromClick(value: any): void;
+        onItemMouseIn(item: RenderedRatingItem): void;
+        onItemMouseOut(item: RenderedRatingItem): void;
+        get itemSmallMode(): boolean;
+        get ratingRootCss(): string;
+        get itemStarIcon(): string;
+        get itemStarIconAlt(): string;
+        getItemSmiley(item: ItemValue): string;
+        getItemSmileyIconName(item: ItemValue): string;
+        getItemClassByText(item: ItemValue, text: string): string;
+        private getRenderedItemColor;
+        getItemStyle(item: ItemValue, highlight?: "none" | "highlighted" | "unhighlighted"): {
+            borderColor: string;
+            fill: string;
+            backgroundColor: string;
+        };
+        getItemClass(item: ItemValue, highlight?: "none" | "highlighted" | "unhighlighted"): string;
+        getControlClass(): string;
+        get placeholder(): string;
+        set placeholder(val: string);
+        get locPlaceholder(): LocalizableString;
+        get allowClear(): boolean;
+        get searchEnabled(): boolean;
+        get renderedValue(): any;
+        set renderedValue(val: any);
+        isItemSelected(item: ItemValue): boolean;
+        get visibleChoices(): ItemValue[];
+        get readOnlyText(): any;
+        needResponsiveWidth(): boolean;
+        protected supportResponsiveness(): boolean;
+        protected getCompactRenderAs(): string;
+        protected getDesktopRenderAs(): string;
+        get ariaExpanded(): string;
+        private dropdownListModelValue;
+        set dropdownListModel(val: DropdownListModel);
+        get dropdownListModel(): DropdownListModel;
+        protected updateCssClasses(res: any, css: any): void;
+        protected calcCssClasses(css: any): any;
+        dispose(): void;
     }
 }
 declare module "question_boolean" {
@@ -14634,59 +14708,6 @@ declare module "question_buttongroup" {
         onChange(): void;
     }
 }
-declare module "dragdrop/survey-elements" {
-    import { IElement, IShortcutText } from "base-interfaces";
-    import { JsonObject } from "jsonobject";
-    import { PageModel } from "page";
-    import { DragDropCore } from "dragdrop/core";
-    export class DragDropSurveyElements extends DragDropCore<any> {
-        static newGhostPage: PageModel;
-        static restrictDragQuestionBetweenPages: boolean;
-        static edgeHeight: number;
-        static nestedPanelDepth: number;
-        static ghostSurveyElementName: string;
-        protected isEdge: boolean;
-        protected prevIsEdge: any;
-        protected ghostSurveyElement: IElement;
-        protected get draggedElementType(): string;
-        protected isDraggedElementSelected: boolean;
-        private isRight;
-        protected prevIsRight: boolean;
-        startDragToolboxItem(event: PointerEvent, draggedElementJson: JsonObject, toolboxItemTitle: string): void;
-        startDragSurveyElement(event: PointerEvent, draggedElement: any, isElementSelected?: boolean): void;
-        protected getShortcutText(draggedElement: IShortcutText): string;
-        protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
-        protected createDraggedElementIcon(): HTMLElement;
-        protected getDraggedElementClass(): string;
-        protected createElementFromJson(json: object): HTMLElement;
-        private createNewElement;
-        protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
-        protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
-        protected isDropTargetValid(): boolean;
-        protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
-        protected calculateIsRight(clientX: number, dropTargetNode?: HTMLElement): boolean;
-        protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
-        private shouldRestricDragQuestionBetweenPages;
-        private getPanelDropTarget;
-        protected findDeepestDropTargetChild(parent: HTMLElement): HTMLElement;
-        private calculateIsEdge;
-        protected doDragOver(dropTargetNode?: HTMLElement, event?: PointerEvent): void;
-        protected afterDragOver(dropTargetNode: HTMLElement, event: PointerEvent): void;
-        protected onStartDrag(): void;
-        protected doBanDropHere: () => void;
-        protected doDrop: () => any;
-        protected doClear: () => void;
-        protected insertGhostElementIntoSurvey(): boolean;
-        private calcTargetRowMultiple;
-        private getTargetParent;
-        private getTargetRow;
-        private isDragOverInsideEmptyPanel;
-        protected removeGhostElementFromSurvey(): void;
-        private insertRealElementIntoSurvey;
-        private createFakeTargetElement;
-        private createGhostSurveyElement;
-    }
-}
 declare module "entries/chunks/model" {
     export var Version: string;
     export function checkLibraryVersion(ver: string, libraryName: string): void;
@@ -14695,7 +14716,7 @@ declare module "entries/chunks/model" {
     export { AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner } from "validator";
     export { ItemValue } from "itemvalue";
     export { Base, Event, EventBase, ArrayChanges, ComputedUpdater } from "base";
-    export { ISurvey, ISurveyElement, IElement, IQuestion, IPage, IPanel, ISurveyData, ITitleOwner, ISurveyLayoutElement } from "base-interfaces";
+    export { ISurvey, ISurveyElement, IElement, IQuestion, IPage, IPanel, ISurveyData, ITitleOwner, ISurveyLayoutElement, IShortcutText } from "base-interfaces";
     export { SurveyError } from "survey-error";
     export { SurveyElementCore, SurveyElement, DragTypeOverMeEnum } from "survey-element";
     export { CalculatedValue } from "calculatedValue";
@@ -14774,7 +14795,7 @@ declare module "entries/chunks/model" {
     export { confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, IAttachKey2clickOptions } from "utils/utils";
     export * from "utils/cssClassBuilder";
     export { surveyCss, defaultV2Css, defaultV2ThemeName } from "defaultCss/defaultV2Css";
-    export { DragDropSurveyElements } from "dragdrop/survey-elements";
+    export { DragDropCore } from "dragdrop/core";
     export { DragDropChoices } from "dragdrop/choices";
 }
 declare module "defaultCss/cssstandard" {
@@ -18089,6 +18110,7 @@ declare module "localization/greek" {
         noneItemText: string;
         selectAllItemText: string;
         progressText: string;
+        indexText: string;
         panelDynamicProgressText: string;
         questionsProgressText: string;
         emptySurvey: string;
@@ -18096,11 +18118,14 @@ declare module "localization/greek" {
         completingSurveyBefore: string;
         loadingSurvey: string;
         placeholder: string;
+        ratingOptionsCaption: string;
         value: string;
         requiredError: string;
         requiredErrorInPanel: string;
         requiredInAllRowsError: string;
         numericError: string;
+        minError: string;
+        maxError: string;
         textMinLength: string;
         textMaxLength: string;
         textMinMaxLength: string;
@@ -18120,16 +18145,19 @@ declare module "localization/greek" {
         loadingFile: string;
         chooseFile: string;
         noFileChosen: string;
+        fileDragAreaPlaceholder: string;
         confirmDelete: string;
         keyDuplicationError: string;
         addColumn: string;
         addRow: string;
         removeRow: string;
+        emptyRowsText: string;
         addPanel: string;
         removePanel: string;
         choices_Item: string;
         matrix_column: string;
         matrix_row: string;
+        multipletext_itemname: string;
         savingData: string;
         savingDataError: string;
         savingDataSuccess: string;
@@ -18143,6 +18171,7 @@ declare module "localization/greek" {
         timerLimitPage: string;
         timerLimitSurvey: string;
         clearCaption: string;
+        signaturePlaceHolder: string;
         chooseFileCaption: string;
         removeFileCaption: string;
         booleanCheckedLabel: string;
@@ -18150,6 +18179,13 @@ declare module "localization/greek" {
         confirmRemoveFile: string;
         confirmRemoveAllFiles: string;
         questionTitlePatternText: string;
+        modalCancelButtonText: string;
+        modalApplyButtonText: string;
+        filterStringPlaceholder: string;
+        emptyMessage: string;
+        noEntriesText: string;
+        more: string;
+        tagboxDoneButtonCaption: string;
     };
 }
 declare module "localization/hebrew" {