survey-react 1.11.8 → 1.11.10

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.11.8",
+  "version": "1.11.10",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.8
+ * surveyjs - Survey JavaScript library v1.11.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -52,6 +52,8 @@ declare module "helpers" {
         static isValueObject(val: any, excludeArray?: boolean): boolean;
         static isNumber(value: any): boolean;
         static getNumber(value: any): number;
+        private static getNumberCore;
+        private static isStringHasOperator;
         private static prepareStringToNumber;
         static getMaxLength(maxLength: number, surveyLength: number): any;
         static getRemainingCharacterCounterText(newValue: string | undefined, maxLength: number | null): string;
@@ -439,7 +441,6 @@ declare module "expressions/expressions" {
         protected getCorrectValue(value: any): any;
         protected isContentEqual(op: Operand): boolean;
         private isQuote;
-        private isBooleanValue;
     }
     export class Variable extends Const {
         private variableName;
@@ -480,8 +481,6 @@ declare module "expressions/expressions" {
         static throwInvalidOperatorError(op: string): void;
         static safeToString(operand: Operand, func: (op: Operand) => string): string;
         static toOperandString(value: string): string;
-        static isSpaceString(str: string): boolean;
-        static isNumeric(value: string): boolean;
         static isBooleanValue(value: string): boolean;
         static countDecimals(value: number): number;
         static plusMinus(a: number, b: number, res: number): number;
@@ -874,6 +873,7 @@ declare module "utils/utils" {
     function wrapUrlForBackgroundImage(url: string): string;
     function getIconNameFromProxy(iconName: string): string;
     function createSvg(size: number | string, width: number, height: number, iconName: string, svgElem: any, title: string): void;
+    export function getSafeUrl(url: string): string;
     export function unwrap<T>(value: T | (() => T)): T;
     export function getRenderedSize(val: string | number): number;
     export function getRenderedStyleSize(val: string | number): string;
@@ -3052,6 +3052,7 @@ declare module "question_custom" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         addElement(element: IElement, index: number): void;
         removeElement(element: IElement): boolean;
         getQuestionTitleLocation(): string;
@@ -3121,6 +3122,12 @@ declare module "question_custom" {
         get contentPanel(): PanelModel;
         hasErrors(fireCallback?: boolean, rec?: any): boolean;
         updateElementCss(reNew?: boolean): void;
+        dispose(): void;
+        private editingObjValue;
+        private onEditingObjPropertyChanged;
+        private updateEditingObj;
+        private unConnectEditingObj;
+        getEditingSurveyElement(): Base;
         getTextProcessor(): ITextProcessor;
         findQuestionByName(name: string): IQuestion;
         protected clearValueIfInvisibleCore(reason: string): void;
@@ -3129,6 +3136,7 @@ declare module "question_custom" {
         get isContainer(): boolean;
         protected createPanel(): PanelModel;
         protected onReadOnlyChanged(): void;
+        updateValueFromSurvey(newValue: any, clearData?: boolean): void;
         onSurveyLoad(): void;
         private setIsContentElement;
         setVisibleIndex(val: number): number;
@@ -3884,6 +3892,8 @@ declare module "question_file" {
         clearOnDeletingContainer(): void;
         protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
         protected uploadFiles(files: File[]): void;
+        protected loadPreview(newValue: any): void;
+        protected onChangeQuestionValue(newValue: any): void;
     }
     /**
      * A class that describes the File Upload question type.
@@ -3921,6 +3931,9 @@ declare module "question_file" {
         startCameraAction: Action;
         cleanAction: Action;
         actionsContainer: ActionContainer;
+        private isFileLoadingValue;
+        protected get isFileLoading(): boolean;
+        protected set isFileLoading(val: boolean);
         get fileNavigatorVisible(): boolean;
         private get pagesCount();
         get actionsContainerVisible(): boolean;
@@ -4063,9 +4076,6 @@ declare module "question_file" {
         protected get camera(): Camera;
         canPreviewImage(fileItem: any): boolean;
         protected loadPreview(newValue: any): void;
-        private isFileLoadingValue;
-        protected get isFileLoading(): boolean;
-        protected set isFileLoading(val: boolean);
         protected getIsQuestionReady(): boolean;
         private allFilesOk;
         private isFileImage;
@@ -4078,7 +4088,6 @@ declare module "question_file" {
         get fileRootCss(): string;
         getFileDecoratorCss(): string;
         private onChange;
-        protected onChangeQuestionValue(newValue: any): void;
         protected calcCssClasses(css: any): any;
         onSurveyLoad(): void;
         protected needResponsiveness(): boolean;
@@ -4093,7 +4102,8 @@ declare module "question_file" {
         protected processResponsiveness(_: number, availableWidth: number): boolean;
         private rootElement;
         private canDragDrop;
-        afterRender(el: HTMLElement): void;
+        afterRenderQuestionElement(el: HTMLElement): void;
+        beforeDestroyQuestionElement(el: HTMLElement): void;
         private dragCounter;
         onDragEnter: (event: any) => void;
         onDragOver: (event: any) => boolean;
@@ -4111,7 +4121,7 @@ declare module "question_file" {
     export class FileLoader {
         private fileQuestion;
         private callback;
-        constructor(fileQuestion: QuestionFileModel, callback: (status: string, files: any[]) => void);
+        constructor(fileQuestion: QuestionFileModelBase, callback: (status: string, files: any[]) => void);
         loaded: any[];
         load(files: Array<any>): void;
         dispose(): void;
@@ -4784,11 +4794,6 @@ declare module "question_baseselect" {
         get hasHeadItems(): boolean;
         get hasFootItems(): boolean;
         get columns(): any[];
-        protected getObservedElementSelector(): string;
-        protected supportResponsiveness(): boolean;
-        allowMultiColumns: boolean;
-        protected onBeforeSetCompactRenderer(): void;
-        protected onBeforeSetDesktopRenderer(): void;
         get hasColumns(): boolean;
         get rowLayout(): boolean;
         get blockedRow(): boolean;
@@ -5549,6 +5554,7 @@ declare module "dragdrop/core" {
         protected ghostPositionChanged(): void;
         onDragStart: EventBase<DragDropCore<T>>;
         onDragEnd: EventBase<DragDropCore<T>>;
+        onDragClear: EventBase<DragDropCore<T>>;
         onBeforeDrop: EventBase<DragDropCore<T>, any>;
         onAfterDrop: EventBase<DragDropCore<T>, any>;
         draggedElement: any;
@@ -6291,6 +6297,7 @@ declare module "question_paneldynamic" {
     import { HashTable } from "helpers";
     import { IElement, IQuestion, IPanel, ISurveyData, ISurvey, ISurveyImpl, ITextProcessor, IProgressInfo, IPlainDataOptions } from "base-interfaces";
     import { LocalizableString } from "localizablestring";
+    import { Base } from "base";
     import { Question, IConditionObject, IQuestionPlainData } from "question";
     import { PanelModel } from "panel";
     import { SurveyError } from "survey-error";
@@ -6326,6 +6333,7 @@ declare module "question_paneldynamic" {
         getComment(name: string): string;
         setComment(name: string, newValue: string, locNotification: any): void;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         getAllValues(): any;
         getFilteredValues(): any;
         getFilteredProperties(): any;
@@ -6987,6 +6995,8 @@ declare module "question_signaturepad" {
         private fromUrl;
         private refreshCanvas;
         private updateValueHandler;
+        protected loadPreview(newValue: any): void;
+        onSurveyLoad(): void;
         initSignaturePad(el: HTMLElement): void;
         destroySignaturePad(el: HTMLElement): void;
         /**
@@ -8141,6 +8151,32 @@ declare module "survey-events-api" {
          */
         visible: boolean;
     }
+    export interface OpenDropdownMenuEvent extends QuestionEventMixin {
+        /**
+         * A question for which the event is raised.
+         */
+        question: Question;
+        /**
+         * A device type.
+         */
+        deviceType: "mobile" | "tablet" | "desktop";
+        /**
+         * A Boolean value that indicates whether the current device supports touch gestures.
+         */
+        hasTouchScreen: boolean;
+        /**
+         * The height of the device screen in pixels.
+         */
+        screenHeight: number;
+        /**
+         * The width of the device screen in pixels.
+         */
+        screenWidth: number;
+        /**
+         * A menu type to use for the question: a classic dropdown, a pop-up dialog, or an overlay window. You can modify this parameter's value.
+         */
+        menuType: "dropdown" | "popup" | "overlay";
+    }
     export interface ElementWrapperComponentEventMixin {
         element: any;
         wrapperName: string;
@@ -8808,6 +8844,7 @@ declare module "question_text" {
         private hasToConvertToUTC;
         protected valueForSurveyCore(val: any): any;
         protected valueFromDataCore(val: any): any;
+        private dateValidationMessage;
         protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
         protected canSetValueToSurvey(): boolean;
         protected convertFuncValuetoQuestionValue(val: any): any;
@@ -8846,6 +8883,7 @@ declare module "question_text" {
         private updateValueOnEvent;
         onCompositionUpdate: (event: any) => void;
         onKeyUp: (event: any) => void;
+        private updateDateValidationMessage;
         onKeyDown: (event: any) => void;
         onChange: (event: any) => void;
         onBlur: (event: any) => void;
@@ -9041,6 +9079,7 @@ declare module "question_multipletext" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         getValidatorTitle(): string;
         get validatedValue(): any;
         set validatedValue(val: any);
@@ -9377,7 +9416,7 @@ declare module "surveyToc" {
 declare module "survey" {
     import { JsonError } from "jsonobject";
     import { Base, EventBase } from "base";
-    import { ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, IQuestion, IPanel, IElement, IPage, ISurveyErrorOwner, ISurveyElement, IProgressInfo, IFindElement, ISurveyLayoutElement, IPlainDataOptions, LayoutElementContainer, IValueItemCustomPropValues, ILoadFromJSONOptions } from "base-interfaces";
+    import { ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, IQuestion, IPanel, IElement, IPage, ISurveyErrorOwner, ISurveyElement, IProgressInfo, IFindElement, ISurveyLayoutElement, IPlainDataOptions, LayoutElementContainer, IValueItemCustomPropValues, ILoadFromJSONOptions, IDropdownMenuOptions } from "base-interfaces";
     import { SurveyElementCore } from "survey-element";
     import { ISurveyTriggerOwner, SurveyTrigger, Trigger } from "trigger";
     import { CalculatedValue } from "calculatedValue";
@@ -9395,7 +9434,7 @@ declare module "survey" {
     import { ActionContainer } from "actions/container";
     import { QuestionPanelDynamicModel } from "question_paneldynamic";
     import { Notifier } from "notifier";
-    import { TriggerExecutedEvent, CompletingEvent, CompleteEvent, ShowingPreviewEvent, NavigateToUrlEvent, CurrentPageChangingEvent, CurrentPageChangedEvent, ValueChangingEvent, ValueChangedEvent, VariableChangedEvent, QuestionVisibleChangedEvent, PageVisibleChangedEvent, PanelVisibleChangedEvent, QuestionCreatedEvent, QuestionAddedEvent, QuestionRemovedEvent, PanelAddedEvent, PanelRemovedEvent, PageAddedEvent, ValidateQuestionEvent, SettingQuestionErrorsEvent, ValidatePanelEvent, ErrorCustomTextEvent, ValidatedErrorsOnCurrentPageEvent, ProcessHtmlEvent, GetQuestionTitleEvent, GetTitleTagNameEvent, GetQuestionNoEvent, ProgressTextEvent, TextMarkdownEvent, TextRenderAsEvent, SendResultEvent, GetResultEvent, UploadFilesEvent, DownloadFileEvent, ClearFilesEvent, LoadChoicesFromServerEvent, ProcessTextValueEvent, UpdateQuestionCssClassesEvent, UpdatePanelCssClassesEvent, UpdatePageCssClassesEvent, UpdateChoiceItemCssEvent, AfterRenderSurveyEvent, AfterRenderHeaderEvent, AfterRenderPageEvent, AfterRenderQuestionEvent, AfterRenderQuestionInputEvent, AfterRenderPanelEvent, FocusInQuestionEvent, FocusInPanelEvent, ShowingChoiceItemEvent, ChoicesLazyLoadEvent, GetChoiceDisplayValueEvent, MatrixRowAddedEvent, MatrixBeforeRowAddedEvent, MatrixRowRemovingEvent, MatrixRowRemovedEvent, MatrixAllowRemoveRowEvent, MatrixDetailPanelVisibleChangedEvent, MatrixCellCreatingEvent, MatrixCellCreatedEvent, MatrixAfterCellRenderEvent, MatrixCellValueChangedEvent, MatrixCellValueChangingEvent, MatrixCellValidateEvent, DynamicPanelModifiedEvent, DynamicPanelRemovingEvent, TimerPanelInfoTextEvent, DynamicPanelItemValueChangedEvent, DynamicPanelGetTabTitleEvent, DynamicPanelCurrentIndexChangedEvent, IsAnswerCorrectEvent, DragDropAllowEvent, ScrollingElementToTopEvent, GetQuestionTitleActionsEvent, GetPanelTitleActionsEvent, GetPageTitleActionsEvent, GetPanelFooterActionsEvent, GetMatrixRowActionsEvent, ElementContentVisibilityChangedEvent, GetExpressionDisplayValueEvent, ServerValidateQuestionsEvent, MultipleTextItemAddedEvent, MatrixColumnAddedEvent, GetQuestionDisplayValueEvent, PopupVisibleChangedEvent, ChoicesSearchEvent, OpenFileChooserEvent, ElementWrapperComponentNameEvent, ElementWrapperComponentDataEvent } from "survey-events-api";
+    import { TriggerExecutedEvent, CompletingEvent, CompleteEvent, ShowingPreviewEvent, NavigateToUrlEvent, CurrentPageChangingEvent, CurrentPageChangedEvent, ValueChangingEvent, ValueChangedEvent, VariableChangedEvent, QuestionVisibleChangedEvent, PageVisibleChangedEvent, PanelVisibleChangedEvent, QuestionCreatedEvent, QuestionAddedEvent, QuestionRemovedEvent, PanelAddedEvent, PanelRemovedEvent, PageAddedEvent, ValidateQuestionEvent, SettingQuestionErrorsEvent, ValidatePanelEvent, ErrorCustomTextEvent, ValidatedErrorsOnCurrentPageEvent, ProcessHtmlEvent, GetQuestionTitleEvent, GetTitleTagNameEvent, GetQuestionNoEvent, ProgressTextEvent, TextMarkdownEvent, TextRenderAsEvent, SendResultEvent, GetResultEvent, UploadFilesEvent, DownloadFileEvent, ClearFilesEvent, LoadChoicesFromServerEvent, ProcessTextValueEvent, UpdateQuestionCssClassesEvent, UpdatePanelCssClassesEvent, UpdatePageCssClassesEvent, UpdateChoiceItemCssEvent, AfterRenderSurveyEvent, AfterRenderHeaderEvent, AfterRenderPageEvent, AfterRenderQuestionEvent, AfterRenderQuestionInputEvent, AfterRenderPanelEvent, FocusInQuestionEvent, FocusInPanelEvent, ShowingChoiceItemEvent, ChoicesLazyLoadEvent, GetChoiceDisplayValueEvent, MatrixRowAddedEvent, MatrixBeforeRowAddedEvent, MatrixRowRemovingEvent, MatrixRowRemovedEvent, MatrixAllowRemoveRowEvent, MatrixDetailPanelVisibleChangedEvent, MatrixCellCreatingEvent, MatrixCellCreatedEvent, MatrixAfterCellRenderEvent, MatrixCellValueChangedEvent, MatrixCellValueChangingEvent, MatrixCellValidateEvent, DynamicPanelModifiedEvent, DynamicPanelRemovingEvent, TimerPanelInfoTextEvent, DynamicPanelItemValueChangedEvent, DynamicPanelGetTabTitleEvent, DynamicPanelCurrentIndexChangedEvent, IsAnswerCorrectEvent, DragDropAllowEvent, ScrollingElementToTopEvent, GetQuestionTitleActionsEvent, GetPanelTitleActionsEvent, GetPageTitleActionsEvent, GetPanelFooterActionsEvent, GetMatrixRowActionsEvent, ElementContentVisibilityChangedEvent, GetExpressionDisplayValueEvent, ServerValidateQuestionsEvent, MultipleTextItemAddedEvent, MatrixColumnAddedEvent, GetQuestionDisplayValueEvent, PopupVisibleChangedEvent, ChoicesSearchEvent, OpenFileChooserEvent, ElementWrapperComponentNameEvent, ElementWrapperComponentDataEvent, OpenDropdownMenuEvent } from "survey-events-api";
     import { QuestionMatrixDropdownModelBase } from "question_matrixdropdownbase";
     import { QuestionMatrixDynamicModel } from "question_matrixdynamic";
     import { QuestionFileModel } from "question_file";
@@ -10090,9 +10129,17 @@ declare module "survey" {
          */
         onGetExpressionDisplayValue: EventBase<SurveyModel, GetExpressionDisplayValueEvent>;
         /**
-         * An event that is raised after the visibility of a popup is changed. This event can be raised for [Single-](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) and [Multi-Select Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) questions and [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) questions [rendered as drop-down menus](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#displayMode).
+         * An event that is raised after the visibility of a popup is changed.
+         *
+         * This event can be raised for [Single-](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) and [Multi-Select Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) questions and [Rating Scale](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) questions [rendered as drop-down menus](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#displayMode), and [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) questions that contain columns of the `"dropdown"` or `"tagbox"` [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#cellType).
          */
         onPopupVisibleChanged: EventBase<SurveyModel, PopupVisibleChangedEvent>;
+        /**
+         * An event that is raised when users open a drop-down menu.
+         *
+         * This event can be raised for [Single-](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model) and [Multi-Select Dropdown](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model) questions, [Rating Scale](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) questions [rendered as drop-down menus](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#displayMode), and [Multi-Select Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) questions that contain columns of the `"dropdown"` or `"tagbox"` [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list#cellType). Handle this event to change the drop-down menu type for specific questions or device types.
+         */
+        onOpenDropdownMenu: EventBase<SurveyModel, OpenDropdownMenuEvent>;
         onElementWrapperComponentName: EventBase<SurveyModel, ElementWrapperComponentNameEvent>;
         onElementWrapperComponentData: EventBase<SurveyModel, ElementWrapperComponentDataEvent>;
         constructor(jsonObj?: any, renderedElement?: any);
@@ -10998,6 +11045,7 @@ declare module "survey" {
         private onEditingObjPropertyChanged;
         get editingObj(): Base;
         set editingObj(val: Base);
+        private unConnectEditingObj;
         get isEditingSurveyElement(): boolean;
         private setCalculatedValuesIntoResult;
         getAllValues(): any;
@@ -11536,8 +11584,8 @@ declare module "survey" {
         updatePanelCssClasses(panel: PanelModel, cssClasses: any): void;
         updatePageCssClasses(page: PageModel, cssClasses: any): void;
         updateChoiceItemCss(question: IQuestion, options: any): void;
-        private isFirstPageRendering;
         private isCurrentPageRendering;
+        private isCurrentPageRendered;
         afterRenderPage(htmlElement: HTMLElement): void;
         afterRenderHeader(htmlElement: HTMLElement): void;
         afterRenderQuestion(question: Question, htmlElement: HTMLElement): void;
@@ -11710,6 +11758,7 @@ declare module "survey" {
          */
         getQuestionByName(name: string, caseInsensitive?: boolean): Question;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         /**
          * Returns a question with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName).
          *
@@ -12230,6 +12279,7 @@ declare module "survey" {
         removeLayoutElement(layoutElementId: string): ISurveyLayoutElement;
         getContainerContent(container: LayoutElementContainer): any[];
         processPopupVisiblityChanged(question: Question, popup: PopupModel<any>, visible: boolean): void;
+        processOpenDropdownMenu(question: Question, options: IDropdownMenuOptions): void;
         /**
          * Applies a specified theme to the survey.
          *
@@ -12750,7 +12800,7 @@ declare module "rendererFactory" {
 declare module "question" {
     import { HashTable } from "helpers";
     import { EventBase } from "base";
-    import { IElement, IQuestion, IPanel, IConditionRunner, ISurveyImpl, IPage, ITitleOwner, IProgressInfo, ISurvey, IPlainDataOptions } from "base-interfaces";
+    import { IElement, IQuestion, IPanel, IConditionRunner, ISurveyImpl, IPage, ITitleOwner, IProgressInfo, ISurvey, IPlainDataOptions, IDropdownMenuOptions } from "base-interfaces";
     import { SurveyElement } from "survey-element";
     import { SurveyValidator, IValidatorOwner } from "validator";
     import { TextPreProcessorValue } from "textPreProcessor";
@@ -13623,6 +13673,7 @@ declare module "question" {
         set validatedValue(val: any);
         getAllValues(): any;
         processPopupVisiblilityChanged(popupModel: PopupModel, visible: boolean): void;
+        processOpenDropdownMenu(options: IDropdownMenuOptions): void;
         protected onTextKeyDownHandler(event: any): void;
         transformToMobileView(): void;
         transformToDesktopView(): void;
@@ -13992,6 +14043,7 @@ declare module "question_matrixdropdownbase" {
         getComment(name: string): string;
         setComment(name: string, newValue: string, locNotification: any): void;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         private setValueCore;
         private updateQuestionsValue;
         runTriggers(name: string, value: any): void;
@@ -14433,6 +14485,7 @@ declare module "base-interfaces" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
     }
     export interface ITextProcessor {
         processText(text: string, returnDisplayValue: boolean): string;
@@ -14574,6 +14627,7 @@ declare module "base-interfaces" {
         elementContentVisibilityChanged(element: ISurveyElement): void;
         onCorrectQuestionAnswer(question: IQuestion, options: any): void;
         processPopupVisiblityChanged(question: IQuestion, popupModel: PopupModel, visible: boolean): void;
+        processOpenDropdownMenu(question: IQuestion, options: IDropdownMenuOptions): void;
         chooseFiles(input: HTMLInputElement, callback: (files: File[]) => void, context?: {
             element: Base;
             item?: any;
@@ -14741,6 +14795,13 @@ declare module "base-interfaces" {
         storeDefaults?: boolean;
         version?: string;
     }
+    export interface IDropdownMenuOptions {
+        menuType: "dropdown" | "popup" | "overlay";
+        deviceType: "mobile" | "tablet" | "desktop";
+        hasTouchScreen: boolean;
+        screenHeight: number;
+        screenWidth: number;
+    }
 }
 declare module "jsonobject" {
     import { Base } from "base";
@@ -14874,7 +14935,7 @@ declare module "jsonobject" {
         onPropertyEditorUpdate: (obj: any, propEditor: any) => any;
         constructor(classInfo: JsonMetadataClass, name: string, isRequired?: boolean);
         uniqueProperty?: string;
-        dependsOn?: string | string[];
+        dependsOn?: string | Array<string>;
         default?: any;
         defaultFunc?: (obj: Base) => any;
         get id(): number;
@@ -15087,6 +15148,7 @@ declare module "jsonobject" {
         toJsonObject(obj: any, options?: ISaveToJSONOptions | boolean): any;
         toObject(jsonObj: any, obj: any, options?: ILoadFromJSONOptions): void;
         toObjectCore(jsonObj: any, obj: any, options?: ILoadFromJSONOptions): void;
+        private setPropertyValueToObj;
         toJsonObjectCore(obj: any, property: JsonObjectProperty, options?: ISaveToJSONOptions | boolean): any;
         private getDynamicProperties;
         private addDynamicProperties;
@@ -15663,7 +15725,7 @@ declare module "popup" {
         isFocusedContainer: boolean;
         cssClass: string;
         title: string;
-        overlayDisplayMode: "auto" | "overlay" | "dropdown-overlay";
+        overlayDisplayMode: "auto" | "tablet-dropdown-overlay" | "dropdown-overlay" | "plain";
         displayMode: "popup" | "overlay";
         positionMode: PositionMode;
         onVisibilityChanged: EventBase<PopupModel>;
@@ -15678,6 +15740,7 @@ declare module "popup" {
         hide(): void;
         recalculatePosition(isResetHeight: boolean): void;
         updateFooterActions(footerActions: Array<IAction>): Array<IAction>;
+        updateDisplayMode(menuType: "dropdown" | "popup" | "overlay"): void;
         onHiding(): void;
         dispose(): void;
     }
@@ -15837,6 +15900,7 @@ declare module "settings" {
          * const item = new ItemValue("item1");
          * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
          * ```
+         * @see [settings.parseNumber](https://surveyjs.io/form-library/documentation/api-reference/settings#parseNumber)
          */
         serialization: {
             itemValueSerializeAsObject: boolean;
@@ -16304,6 +16368,30 @@ declare module "settings" {
          * ```
          */
         storeUtcDates: boolean;
+        /**
+         * A function that allows you to define custom parsing rules for numbers represented as string values.
+         *
+         * The following code shows a template that you can use to implement the `parseNumber` function:
+         *
+         * ```js
+         * import { settings } from "survey-core";
+         *
+         * settings.parseNumber = (stringValue, numericValue) => {
+         *   if (typeof stringValue !== "string" || !stringValue)
+         *     return numericValue;
+         *   let parsedNumber = numericValue;
+         *   // ...
+         *   // Parsing the number according to custom parsing rules
+         *   // ...
+         *   return parsedNumber;
+         * };
+         * ```
+         * @param stringValue A number represented as a string value.
+         * @param numericValue A number parsed using a default parsing function. `NaN` if the original string is not a number.
+         * @returns A number that results from parsing the string value.
+         * @see [settings.serialization](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization)
+         */
+        parseNumber: (stringValue: any, numericValue: number) => number;
     };
 }
 declare module "question_matrixdropdown" {
@@ -16361,6 +16449,45 @@ declare module "question_matrixdropdown" {
         protected updateProgressInfoByValues(res: IProgressInfo): void;
     }
 }
+declare module "popup-dropdown-view-model" {
+    import { IPosition, Rect } from "utils/popup";
+    import { CssClassBuilder } from "utils/cssClassBuilder";
+    import { PopupModel } from "popup";
+    import { PopupBaseViewModel } from "popup-view-model";
+    export function calculateIsTablet(windowWidth?: number, windowHeight?: number): boolean;
+    export class PopupDropdownViewModel extends PopupBaseViewModel {
+        targetElement?: HTMLElement;
+        areaElement?: HTMLElement;
+        static readonly tabletSizeBreakpoint = 600;
+        private scrollEventCallBack;
+        private calculateIsTablet;
+        private resizeEventCallback;
+        private resizeWindowCallback;
+        private clientY;
+        private isTablet;
+        private touchStartEventCallback;
+        private touchMoveEventCallback;
+        protected getAvailableAreaRect(): Rect;
+        protected getTargetElementRect(): Rect;
+        private _updatePosition;
+        protected getActualHorizontalPosition(): "left" | "center" | "right";
+        protected getStyleClass(): CssClassBuilder;
+        protected getShowHeader(): boolean;
+        protected getPopupHeaderTemplate(): string;
+        popupDirection: string;
+        pointerTarget: IPosition;
+        private recalculatePositionHandler;
+        constructor(model: PopupModel, targetElement?: HTMLElement, areaElement?: HTMLElement);
+        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null, areaElement?: HTMLElement | null): void;
+        resetComponentElement(): void;
+        updateOnShowing(): void;
+        private get shouldCreateResizeCallback();
+        updatePosition(isResetHeight: boolean, isDelayUpdating?: boolean): void;
+        updateOnHiding(): void;
+        protected onModelChanging(newModel: PopupModel): void;
+        dispose(): void;
+    }
+}
 declare module "dropdownListModel" {
     import { IAction } from "actions/action";
     import { Base } from "base";
@@ -16392,6 +16519,7 @@ declare module "dropdownListModel" {
         private loadQuestionChoices;
         private updateQuestionChoices;
         private updatePopupFocusFirstInputSelector;
+        private getDropdownMenuOptions;
         protected createPopup(): void;
         private setFilterStringToListModel;
         private setTextWrapEnabled;
@@ -16713,8 +16841,8 @@ declare module "question_matrix" {
          *
          * Possible values:
          *
-         * - "initial" (default) - Preserves the original order of the `rows` array.
-         * - "random" - Arranges matrix rows in random order each time the question is displayed.
+         * - `"initial"` (default) - Preserves the original order of the `rows` array.
+         * - `"random"` - Arranges matrix rows in random order each time the question is displayed.
          * @see rows
          */
         get rowsOrder(): string;
@@ -18302,44 +18430,6 @@ declare module "popup-survey" {
     export class SurveyWindowModel extends PopupSurveyModel {
     }
 }
-declare module "popup-dropdown-view-model" {
-    import { IPosition, Rect } from "utils/popup";
-    import { CssClassBuilder } from "utils/cssClassBuilder";
-    import { PopupModel } from "popup";
-    import { PopupBaseViewModel } from "popup-view-model";
-    export class PopupDropdownViewModel extends PopupBaseViewModel {
-        targetElement?: HTMLElement;
-        areaElement?: HTMLElement;
-        private scrollEventCallBack;
-        private static readonly tabletSizeBreakpoint;
-        private calculateIsTablet;
-        private resizeEventCallback;
-        private resizeWindowCallback;
-        private clientY;
-        private isTablet;
-        private touchStartEventCallback;
-        private touchMoveEventCallback;
-        protected getAvailableAreaRect(): Rect;
-        protected getTargetElementRect(): Rect;
-        private _updatePosition;
-        protected getActualHorizontalPosition(): "left" | "center" | "right";
-        protected getStyleClass(): CssClassBuilder;
-        protected getShowHeader(): boolean;
-        protected getPopupHeaderTemplate(): string;
-        popupDirection: string;
-        pointerTarget: IPosition;
-        private recalculatePositionHandler;
-        constructor(model: PopupModel, targetElement?: HTMLElement, areaElement?: HTMLElement);
-        setComponentElement(componentRoot: HTMLElement, targetElement?: HTMLElement | null, areaElement?: HTMLElement | null): void;
-        resetComponentElement(): void;
-        updateOnShowing(): void;
-        private get shouldCreateResizeCallback();
-        updatePosition(isResetHeight: boolean, isDelayUpdating?: boolean): void;
-        updateOnHiding(): void;
-        protected onModelChanging(newModel: PopupModel): void;
-        dispose(): void;
-    }
-}
 declare module "popup-modal-view-model" {
     import { CssClassBuilder } from "utils/cssClassBuilder";
     import { PopupModel } from "popup";
@@ -26879,6 +26969,7 @@ declare module "react/reactquestion_element" {
     }
     export class SurveyQuestionElementBase extends SurveyElementBase<any, any> {
         control: HTMLElement;
+        content: HTMLElement;
         constructor(props: any);
         componentDidUpdate(prevProps: any, prevState: any): void;
         componentDidMount(): void;
@@ -26892,6 +26983,7 @@ declare module "react/reactquestion_element" {
         protected get isDisplayMode(): boolean;
         protected wrapCell(cell: any, element: JSX.Element, reason: string): JSX.Element;
         setControl(element: HTMLElement | null): void;
+        setContent(element: HTMLElement | null): void;
     }
     export class SurveyQuestionUncontrolledElement<T extends Question> extends SurveyQuestionElementBase {
         constructor(props: any);
@@ -27778,6 +27870,7 @@ declare module "react/components/list/list" {
         handleMouseMove: (event: any) => void;
         getStateElement(): ListModel<import("survey-core").Action>;
         componentDidMount(): void;
+        componentDidUpdate(prevProps: any, prevState: any): void;
         componentWillUnmount(): void;
         renderElement(): JSX.Element;
         renderList(): JSX.Element;