survey-react 1.12.10 → 1.12.11

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.10
+ * surveyjs - Survey JavaScript library v1.12.11
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1731,7 +1731,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /*!********************************************!*\
   !*** ./src/entries/react.ts + 285 modules ***!
   \********************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionFilePage, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, renamedIcons, getIconNameFromProxy, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, svgBundle, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent, PopupModal */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionFilePage, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, getLocaleString, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, renamedIcons, getIconNameFromProxy, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, svgBundle, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent, PopupModal */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} (<- Module is not an ECMAScript module) */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"} (<- Module is not an ECMAScript module) */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -1894,6 +1894,7 @@ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { retur
 __webpack_require__.d(__webpack_exports__, "englishStrings", function() { return /* reexport */ englishStrings; });
 __webpack_require__.d(__webpack_exports__, "surveyLocalization", function() { return /* reexport */ surveyLocalization; });
 __webpack_require__.d(__webpack_exports__, "surveyStrings", function() { return /* reexport */ surveyStrings; });
+__webpack_require__.d(__webpack_exports__, "getLocaleString", function() { return /* reexport */ getLocaleString; });
 __webpack_require__.d(__webpack_exports__, "QuestionCustomWidget", function() { return /* reexport */ QuestionCustomWidget; });
 __webpack_require__.d(__webpack_exports__, "CustomWidgetCollection", function() { return /* reexport */ questionCustomWidgets_CustomWidgetCollection; });
 __webpack_require__.d(__webpack_exports__, "QuestionCustomModel", function() { return /* reexport */ question_custom_QuestionCustomModel; });
@@ -2950,6 +2951,10 @@ var surveyLocalization = {
     },
     onGetExternalString: function (name, locale) { return undefined; }
 };
+function getLocaleString(strName, locale) {
+    if (locale === void 0) { locale = null; }
+    return surveyLocalization.getString(strName, locale);
+}
 var surveyStrings = englishStrings;
 surveyLocalization.locales["en"] = englishStrings;
 surveyLocalization.localeNames["en"] = "english";
@@ -2999,7 +3004,7 @@ function getLocStringValue(target, options, key) {
         return res;
     if (typeof options.localizable === "object" && options.localizable.defaultStr) {
         var loc = !!target.getLocale ? target.getLocale() : "";
-        return surveyLocalization.getString(options.localizable.defaultStr, loc);
+        return getLocaleString(options.localizable.defaultStr, loc);
     }
     return "";
 }
@@ -4466,10 +4471,12 @@ var JsonMetadata = /** @class */ (function () {
     };
     JsonMetadata.prototype.generateSchemaProperty = function (prop, schemaDef, isRoot) {
         if (prop.isLocalizable) {
-            return { oneOf: [
+            return {
+                oneOf: [
                     { "type": "string" },
                     { "$ref": this.getChemeRefName("locstring", isRoot) }
-                ] };
+                ]
+            };
         }
         var propType = prop.schemaType();
         var refType = prop.schemaRef();
@@ -10707,7 +10714,7 @@ var base_Base = /** @class */ (function () {
         return !!locOwner ? locOwner.getLocale() : "";
     };
     Base.prototype.getLocalizationString = function (strName) {
-        return surveyLocalization.getString(strName, this.getLocale());
+        return getLocaleString(strName, this.getLocale());
     };
     Base.prototype.getLocalizationFormatString = function (strName) {
         var args = [];
@@ -11505,24 +11512,45 @@ var container_ActionContainer = /** @class */ (function (_super) {
     ActionContainer.prototype.addAction = function (val, sortByVisibleIndex) {
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
         var res = this.createAction(val);
-        this.actions.push(res);
-        this.sortItems();
+        if (sortByVisibleIndex && !this.isActionVisible(res))
+            return res;
+        var items = [].concat(this.actions, res);
+        this.sortItems(items);
+        this.actions = items;
         return res;
     };
-    ActionContainer.prototype.sortItems = function () {
-        this.actions = []
-            .concat(this.actions.filter(function (item) { return item.visibleIndex === undefined || item.visibleIndex >= 0; }))
-            .sort(function (firstItem, secondItem) {
-            return firstItem.visibleIndex - secondItem.visibleIndex;
-        });
-    };
     ActionContainer.prototype.setItems = function (items, sortByVisibleIndex) {
         var _this = this;
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
-        this.actions = items.map(function (item) { return _this.createAction(item); });
+        var newActions = [];
+        items.forEach(function (item) {
+            if (!sortByVisibleIndex || _this.isActionVisible(item)) {
+                newActions.push(_this.createAction(item));
+            }
+        });
         if (sortByVisibleIndex) {
-            this.sortItems();
+            this.sortItems(newActions);
+        }
+        this.actions = newActions;
+    };
+    ActionContainer.prototype.sortItems = function (items) {
+        if (this.hasSetVisibleIndex(items)) {
+            items.sort(this.compareByVisibleIndex);
+        }
+    };
+    ActionContainer.prototype.hasSetVisibleIndex = function (items) {
+        for (var i = 0; i < items.length; i++) {
+            var index = items[i].visibleIndex;
+            if (index !== undefined && index >= 0)
+                return true;
         }
+        return false;
+    };
+    ActionContainer.prototype.compareByVisibleIndex = function (first, second) {
+        return first.visibleIndex - second.visibleIndex;
+    };
+    ActionContainer.prototype.isActionVisible = function (item) {
+        return item.visibleIndex >= 0 || item.visibleIndex === undefined;
     };
     ActionContainer.prototype.popupAfterShowCallback = function (itemValue) {
     };
@@ -11851,6 +11879,10 @@ var list_ListModel = /** @class */ (function (_super) {
             this.actions.push(this.loadingIndicator);
         }
     };
+    ListModel.prototype.setSearchEnabled = function (newValue) {
+        this.searchEnabled = newValue;
+        this.showSearchClearButton = newValue;
+    };
     ListModel.prototype.onSet = function () {
         this.showFilter = this.searchEnabled && (this.forceShowFilter || (this.actions || []).length > ListModel.MINELEMENTCOUNT);
         _super.prototype.onSet.call(this);
@@ -12180,6 +12212,9 @@ var popup_PopupModel = /** @class */ (function (_super) {
         return options.actions;
     };
     PopupModel.prototype.updateDisplayMode = function (menuType) {
+        if (this.displayMode !== menuType) {
+            this.setWidthByTarget = menuType === "dropdown";
+        }
         switch (menuType) {
             case "dropdown": {
                 this.displayMode = "popup";
@@ -12322,6 +12357,7 @@ function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOpti
         }
     };
     var popupModel = createPopupModelWithListModel(listOptions, popupOptions);
+    popupModel.getTargetCallback = getActionDropdownButtonTarget;
     var newActionOptions = Object.assign({}, actionOptions, {
         component: "sv-action-bar-item-dropdown",
         popupModel: popupModel,
@@ -12744,7 +12780,7 @@ var action_Action = /** @class */ (function (_super) {
     Action.prototype.locTooltipChanged = function () {
         if (!this.locTooltipName)
             return;
-        this.tooltip = surveyLocalization.getString(this.locTooltipName, this.locTitle.locale);
+        this.tooltip = getLocaleString(this.locTooltipName, this.locTitle.locale);
     };
     //ILocalizableOwner
     Action.prototype.getLocale = function () { return this.owner ? this.owner.getLocale() : ""; };
@@ -12753,7 +12789,9 @@ var action_Action = /** @class */ (function (_super) {
     Action.prototype.getRenderer = function (name) { return this.owner ? this.owner.getRenderer(name) : null; };
     Action.prototype.getRendererContext = function (locStr) { return this.owner ? this.owner.getRendererContext(locStr) : locStr; };
     Action.prototype.setVisible = function (val) {
-        this._visible = val;
+        if (this.visible !== val) {
+            this._visible = val;
+        }
     };
     Action.prototype.getVisible = function () {
         return this._visible;
@@ -12893,7 +12931,7 @@ var adaptive_container_AdaptiveActionContainer = /** @class */ (function (_super
             innerCss: "sv-dots__item",
             iconName: "icon-more",
             visible: false,
-            tooltip: surveyLocalization.getString("more"),
+            tooltip: getLocaleString("more"),
         }, {
             items: [],
             allowSelection: false
@@ -13021,9 +13059,12 @@ var adaptive_container_AdaptiveActionContainer = /** @class */ (function (_super
     };
     AdaptiveActionContainer.prototype.setActionsMode = function (mode) {
         this.actions.forEach(function (action) {
-            if (mode == "small" && action.disableShrink)
-                return;
-            action.mode = mode;
+            if (mode == "small" && action.disableShrink) {
+                action.mode = "large";
+            }
+            else {
+                action.mode = mode;
+            }
         });
     };
     AdaptiveActionContainer.prototype.dispose = function () {
@@ -14635,6 +14676,7 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
     };
     SurveyElement.prototype.setPage = function (parent, newPage) {
         var oldPage = this.getPage(parent);
+        this.prevSurvey = this.survey;
         //fix for the creator v1: https://github.com/surveyjs/survey-creator/issues/1744
         if (typeof newPage === "string") {
             var survey = this.getSurvey();
@@ -14650,6 +14692,7 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         if (newPage) {
             newPage.addElement(this, -1);
         }
+        this.prevSurvey = undefined;
     };
     SurveyElement.prototype.getSearchableLocKeys = function (keys) {
         keys.push("title");
@@ -15321,7 +15364,7 @@ var localizablestring_LocalizableString = /** @class */ (function () {
     };
     LocalizableString.prototype.getLocalizationStr = function () {
         var name = this.getLocalizationName();
-        return !!name ? surveyLocalization.getString(name, this.locale) : "";
+        return !!name ? getLocaleString(name, this.locale) : "";
     };
     Object.defineProperty(LocalizableString.prototype, "hasHtml", {
         get: function () {
@@ -16370,9 +16413,9 @@ function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
-    cancelBtn.title = surveyLocalization.getString("cancel", locale);
+    cancelBtn.title = getLocaleString("cancel", locale);
     cancelBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sd-btn sd-btn--small";
-    applyBtn.title = applyTitle || surveyLocalization.getString("ok", locale);
+    applyBtn.title = applyTitle || getLocaleString("ok", locale);
     applyBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sv-popup__button--danger sd-btn sd-btn--small sd-btn--danger";
     configConfirmDialog(popupViewModel);
     return true;
@@ -17378,7 +17421,7 @@ var survey_error_SurveyError = /** @class */ (function () {
         return !!this.errorOwner ? this.errorOwner.getLocale() : "";
     };
     SurveyError.prototype.getLocalizationString = function (locStrName) {
-        return surveyLocalization.getString(locStrName, this.getLocale());
+        return getLocaleString(locStrName, this.getLocale());
     };
     SurveyError.prototype.updateText = function () {
         if (this.onUpdateErrorTextCallback) {
@@ -17475,8 +17518,7 @@ var error_ExceedSizeError = /** @class */ (function (_super) {
         return "exceedsize";
     };
     ExceedSizeError.prototype.getDefaultText = function () {
-        return surveyLocalization
-            .getString("exceedMaxSize")["format"](this.getTextSize());
+        return getLocaleString("exceedMaxSize")["format"](this.getTextSize());
     };
     ExceedSizeError.prototype.getTextSize = function () {
         var sizes = ["Bytes", "KB", "MB", "GB", "TB"];
@@ -17607,8 +17649,7 @@ var error_MinRowCountError = /** @class */ (function (_super) {
         return "minrowcounterror";
     };
     MinRowCountError.prototype.getDefaultText = function () {
-        return surveyLocalization
-            .getString("minRowCountError")["format"](this.minRowCount);
+        return getLocaleString("minRowCountError")["format"](this.minRowCount);
     };
     return MinRowCountError;
 }(survey_error_SurveyError));
@@ -18569,6 +18610,9 @@ var text_area_TextAreaModel = /** @class */ (function () {
             this.updateElement();
         }
     };
+    TextAreaModel.prototype.resetElement = function () {
+        this.element = undefined;
+    };
     TextAreaModel.prototype.getTextValue = function () {
         if (!!this.options.getTextValue)
             return this.options.getTextValue() || "";
@@ -18725,6 +18769,7 @@ var text_area_TextAreaModel = /** @class */ (function () {
         if (this.question) {
             this.question.unRegisterFunctionOnPropertyValueChanged(this.options.propertyName, "__textarea");
         }
+        this.resetElement();
     };
     return TextAreaModel;
 }());
@@ -22737,7 +22782,9 @@ var itemvalue_ItemValue = /** @class */ (function (_super) {
         return isVisible && visible;
     };
     ItemValue.prototype.setVisible = function (val) {
-        this._visible = val;
+        if (this.visible !== val) {
+            this._visible = val;
+        }
     };
     ItemValue.prototype.getLocTitle = function () {
         return this.locText;
@@ -25635,18 +25682,15 @@ var questionfactory_QuestionFactory = /** @class */ (function () {
     }
     Object.defineProperty(QuestionFactory, "DefaultChoices", {
         get: function () {
-            return [
-                surveyLocalization.getString("choices_Item") + "1",
-                surveyLocalization.getString("choices_Item") + "2",
-                surveyLocalization.getString("choices_Item") + "3",
-            ];
+            var choice = getLocaleString("choices_Item");
+            return [choice + "1", choice + "2", choice + "3"];
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionFactory, "DefaultColums", {
         get: function () {
-            var colName = surveyLocalization.getString("matrix_column") + " ";
+            var colName = getLocaleString("matrix_column") + " ";
             return [colName + "1", colName + "2", colName + "3"];
         },
         enumerable: false,
@@ -25654,7 +25698,7 @@ var questionfactory_QuestionFactory = /** @class */ (function () {
     });
     Object.defineProperty(QuestionFactory, "DefaultRows", {
         get: function () {
-            var rowName = surveyLocalization.getString("matrix_row") + " ";
+            var rowName = getLocaleString("matrix_row") + " ";
             return [rowName + "1", rowName + "2"];
         },
         enumerable: false,
@@ -25662,7 +25706,7 @@ var questionfactory_QuestionFactory = /** @class */ (function () {
     });
     Object.defineProperty(QuestionFactory, "DefaultMutlipleTextItems", {
         get: function () {
-            var itemName = surveyLocalization.getString("multipletext_itemname");
+            var itemName = getLocaleString("multipletext_itemname");
             return [itemName + "1", itemName + "2"];
         },
         enumerable: false,
@@ -26362,26 +26406,18 @@ var matrixDropdownColumnTypes = {
  */
 var question_matrixdropdowncolumn_MatrixDropdownColumn = /** @class */ (function (_super) {
     question_matrixdropdowncolumn_extends(MatrixDropdownColumn, _super);
-    function MatrixDropdownColumn(name, title) {
-        if (title === void 0) { title = null; }
+    function MatrixDropdownColumn(name, title, colOwner) {
         var _this = _super.call(this) || this;
-        _this.colOwnerValue = null;
         _this.indexValue = -1;
         _this._hasVisibleCell = true;
         _this.isColumnsVisibleIf = true;
         _this.previousChoicesId = undefined;
+        _this.colOwnerValue = colOwner;
         _this.createLocalizableString("totalFormat", _this);
         _this.createLocalizableString("cellHint", _this);
         _this.registerPropertyChangedHandlers(["showInMultipleColumns"], function () { _this.doShowInMultipleColumnsChanged(); });
         _this.registerPropertyChangedHandlers(["visible"], function () { _this.doColumnVisibilityChanged(); });
-        _this.updateTemplateQuestion();
-        _this.name = name;
-        if (title) {
-            _this.title = title;
-        }
-        else {
-            _this.templateQuestion.locTitle.strChanged();
-        }
+        _this.updateTemplateQuestion(undefined, name, title);
         return _this;
     }
     MatrixDropdownColumn.getColumnTypes = function () {
@@ -27183,7 +27219,7 @@ var question_matrixdropdowncolumn_MatrixDropdownColumn = /** @class */ (function
             return this.colOwner.getCellType();
         return settings.matrix.defaultCellType;
     };
-    MatrixDropdownColumn.prototype.updateTemplateQuestion = function (newCellType) {
+    MatrixDropdownColumn.prototype.updateTemplateQuestion = function (newCellType, name, title) {
         var _this = this;
         var curCellType = this.getDefaultCellQuestionType(newCellType);
         var prevCellType = this.templateQuestion
@@ -27197,6 +27233,15 @@ var question_matrixdropdowncolumn_MatrixDropdownColumn = /** @class */ (function
         this.templateQuestionValue = this.createNewQuestion(curCellType);
         this.templateQuestion.locOwner = this;
         this.addProperties(curCellType);
+        if (!!name) {
+            this.name = name;
+        }
+        if (!!title) {
+            this.title = title;
+        }
+        else {
+            this.templateQuestion.locTitle.strChanged();
+        }
         this.templateQuestion.onPropertyChanged.add(function (sender, options) {
             _this.propertyValueChanged(options.name, options.oldValue, options.newValue, options.arrayChanges, options.target);
         });
@@ -30539,8 +30584,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         configurable: true
     });
     QuestionMatrixDropdownModelBase.prototype.addColumn = function (name, title) {
-        if (title === void 0) { title = null; }
-        var column = new question_matrixdropdowncolumn_MatrixDropdownColumn(name, title);
+        var column = new question_matrixdropdowncolumn_MatrixDropdownColumn(name, title, this);
         this.columns.push(column);
         return column;
     };
@@ -34822,7 +34866,7 @@ var dxSurveyService_dxSurveyService = /** @class */ (function () {
         if (clientId === void 0) { clientId = null; }
         if (isPartialCompleted === void 0) { isPartialCompleted = false; }
         if (!this.canSendResult(result)) {
-            onSendResult(false, surveyLocalization.getString("savingExceedSize", this.locale), undefined);
+            onSendResult(false, getLocaleString("savingExceedSize", this.locale), undefined);
         }
         else {
             this.sendResultCore(postId, result, onSendResult, clientId, isPartialCompleted);
@@ -36455,7 +36499,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModelBase.prototype, "hasTitle", {
         get: function () {
-            return ((this.canShowTitle() && (this.hasTextInTitle || this.locTitle.textOrHtml.length > 0)) ||
+            return ((this.canShowTitle(this.survey) && (this.hasTextInTitle || this.locTitle.textOrHtml.length > 0)) ||
                 (this.isDesignMode && !(settings.supportCreatorV2 && this.isPanel) && this.showTitle && settings.designMode.showEmptyTitles));
         },
         enumerable: false,
@@ -36480,7 +36524,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
     };
     PanelModelBase.prototype.removeFromParent = function () { };
-    PanelModelBase.prototype.canShowTitle = function () { return true; };
+    PanelModelBase.prototype.canShowTitle = function (survey) { return true; };
     Object.defineProperty(PanelModelBase.prototype, "_showDescription", {
         get: function () {
             if (!this.hasTitle && this.isDesignMode)
@@ -37065,7 +37109,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.hasErrorsInPanels = function (rec) {
         var errors = [];
         this.hasRequiredError(rec, errors);
-        if (this.survey) {
+        if (this.isPanel && this.survey) {
             var customError = this.survey.validatePanel(this);
             if (customError) {
                 errors.push(customError);
@@ -37582,29 +37626,29 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             }
         }
     };
+    PanelModelBase.prototype.canFireAddRemoveNotifications = function (element) {
+        return !!this.survey && element.prevSurvey !== this.survey;
+    };
     PanelModelBase.prototype.onAddElement = function (element, index) {
         var _this = this;
+        var survey = this.survey;
+        var fireNotification = this.canFireAddRemoveNotifications(element);
         element.setSurveyImpl(this.surveyImpl);
         element.parent = this;
         this.markQuestionListDirty();
         if (this.canBuildRows()) {
             this.updateRowsOnElementAdded(element);
         }
-        if (element.isPanel) {
-            var p = element;
-            if (this.survey) {
-                this.survey.panelAdded(p, index, this, this.root);
+        if (fireNotification) {
+            if (element.isPanel) {
+                survey.panelAdded(element, index, this, this.root);
             }
-        }
-        else {
-            if (this.survey) {
-                var q = element;
-                this.survey.questionAdded(q, index, this, this.root);
+            else {
+                survey.questionAdded(element, index, this, this.root);
             }
         }
         if (!!this.addElementCallback)
             this.addElementCallback(element);
-        var self = this;
         element.registerPropertyChangedHandlers(["visible", "isVisible"], function () {
             _this.onElementVisibilityChanged(element);
         }, this.id);
@@ -37626,7 +37670,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         this.onElementVisibilityChanged(this);
     };
     PanelModelBase.prototype.onRemoveElementNotifySurvey = function (element) {
-        if (!this.survey)
+        if (!this.canFireAddRemoveNotifications(element))
             return;
         if (!element.isPanel) {
             this.survey.questionRemoved(element);
@@ -38625,6 +38669,12 @@ var panel_PanelModel = /** @class */ (function (_super) {
             return;
         this.survey.cancelPreviewByPage(this);
     };
+    PanelModel.prototype.canShowTitle = function (survey) {
+        var page = this.originalPage;
+        if (!!page)
+            return page.canShowTitle(survey);
+        return _super.prototype.canShowTitle.call(this, survey);
+    };
     Object.defineProperty(PanelModel.prototype, "cssTitle", {
         get: function () {
             return this.getCssTitle(this.cssClasses.panel);
@@ -39124,8 +39174,8 @@ var page_PageModel = /** @class */ (function (_super) {
     PageModel.prototype.canShowPageNumber = function () {
         return this.survey && this.survey.showPageNumbers;
     };
-    PageModel.prototype.canShowTitle = function () {
-        return this.survey && this.survey.showPageTitles;
+    PageModel.prototype.canShowTitle = function (survey) {
+        return !survey || survey.showPageTitles;
     };
     PageModel.prototype.setTitleValue = function (val) {
         _super.prototype.setTitleValue.call(this, val);
@@ -40332,9 +40382,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetResult = _this.addEvent();
         /**
-         * An event that is raised when Survey Creator opens a dialog window for users to select files.
-         * @see onUploadFile
-         * @see uploadFiles
+         * An event that is raised when a respondent opens a dialog window to select files.
+         * @see chooseFiles
          */
         _this.onOpenFileChooser = _this.addEvent();
         /**
@@ -44910,9 +44959,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             single.addPanel(panel);
             var json = new jsonobject_JsonObject().toJsonObject(page);
             new jsonobject_JsonObject().toObject(json, panel);
-            if (!this.showPageTitles) {
-                panel.title = "";
-            }
         }
         return single;
     };
@@ -45499,6 +45545,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.rootElement = htmlElement;
         this.addScrollEventListener();
     };
+    SurveyModel.prototype.beforeDestroySurveyElement = function () {
+        this.destroyResizeObserver();
+        this.removeScrollEventListener();
+        this.rootElement = undefined;
+    };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth, height) {
         var isMobile = width < mobileWidth;
         var isMobileChanged = this.isMobile !== isMobile;
@@ -45878,7 +45929,13 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 }, elementsToRenderBefore);
             }
             else {
-                survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions, onScolledCallback);
+                if (!elementPage_1 && !this.isSinglePage && !this.isDesignMode && this.rootElement) {
+                    var elementToScroll = this.rootElement.querySelector(classesToSelector(this.css.rootWrapper));
+                    survey_element_SurveyElement.ScrollElementToViewCore(elementToScroll, false, scrollIfVisible, scrollIntoViewOptions, onScolledCallback);
+                }
+                else {
+                    survey_element_SurveyElement.ScrollElementToTop(options.elementId, scrollIfVisible, scrollIntoViewOptions, onScolledCallback);
+                }
             }
         }
     };
@@ -51350,7 +51407,7 @@ Serializer.addClass("selectbase", [
     {
         name: "choices:itemvalue[]", uniqueProperty: "value",
         baseValue: function () {
-            return surveyLocalization.getString("choices_Item");
+            return getLocaleString("choices_Item");
         },
         dependsOn: "choicesFromQuestion",
         visibleIf: function (obj) {
@@ -51550,15 +51607,16 @@ var PopupUtils = /** @class */ (function () {
         }
         return { left: Math.round(currentLeft), top: Math.round(currentTop) };
     };
-    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight, verticalPosition, canShrink) {
+    PopupUtils.getCorrectedVerticalDimensions = function (top, height, windowHeight, verticalPosition, canShrink, margins) {
         if (canShrink === void 0) { canShrink = true; }
+        if (margins === void 0) { margins = { top: 0, bottom: 0 }; }
         var result;
         var maxHeight = windowHeight - PopupUtils.bottomIndent;
         if (verticalPosition === "top") {
             result = { height: height, top: top };
         }
-        if (top < 0) {
-            result = { height: canShrink ? height + top : height, top: 0 };
+        if (top < -margins.top) {
+            result = { height: canShrink ? height + top : height, top: -margins.top };
         }
         else if (height + top > windowHeight) {
             var newHeight = Math.min(height, maxHeight - top);
@@ -51566,7 +51624,7 @@ var PopupUtils = /** @class */ (function () {
         }
         if (result) {
             result.height = Math.min(result.height, maxHeight);
-            result.top = Math.max(result.top, 0);
+            result.top = Math.max(result.top, -margins.top);
         }
         return result;
     };
@@ -52050,7 +52108,7 @@ var popup_view_model_PopupBaseViewModel = /** @class */ (function (_super) {
             getElement(settings.environment.popupMountContainer).appendChild(container);
         }
     };
-    PopupBaseViewModel.prototype.setComponentElement = function (componentRoot, targetElement, areaElement) {
+    PopupBaseViewModel.prototype.setComponentElement = function (componentRoot) {
         if (!!componentRoot) {
             this.containerElement = componentRoot;
         }
@@ -52137,10 +52195,8 @@ function calculateIsTablet(windowWidth, windowHeight) {
 }
 var popup_dropdown_view_model_PopupDropdownViewModel = /** @class */ (function (_super) {
     popup_dropdown_view_model_extends(PopupDropdownViewModel, _super);
-    function PopupDropdownViewModel(model, targetElement, areaElement) {
+    function PopupDropdownViewModel(model) {
         var _this = _super.call(this, model) || this;
-        _this.targetElement = targetElement;
-        _this.areaElement = areaElement;
         _this.scrollEventCallBack = function (event) {
             if (_this.isOverlay && IsTouch) {
                 event.stopPropagation();
@@ -52178,22 +52234,30 @@ var popup_dropdown_view_model_PopupDropdownViewModel = /** @class */ (function (
         this.isTablet = calculateIsTablet(windowWidth, windowHeight);
     };
     PopupDropdownViewModel.prototype.getAvailableAreaRect = function () {
-        if (this.areaElement) {
-            var areaRect = this.areaElement.getBoundingClientRect();
+        var areaElement = this.model.getAreaCallback ? this.model.getAreaCallback(this.container) : undefined;
+        if (areaElement) {
+            var areaRect = areaElement.getBoundingClientRect();
             return new Rect(areaRect.x, areaRect.y, areaRect.width, areaRect.height);
         }
         return new Rect(0, 0, DomWindowHelper.getInnerWidth(), DomWindowHelper.getInnerHeight());
     };
     PopupDropdownViewModel.prototype.getTargetElementRect = function () {
-        var rect = this.targetElement.getBoundingClientRect();
+        var componentRoot = this.container;
+        var targetElement = this.model.getTargetCallback ? this.model.getTargetCallback(componentRoot) : undefined;
+        if (!!componentRoot && !!componentRoot.parentElement && !this.isModal && !targetElement) {
+            targetElement = componentRoot.parentElement;
+        }
+        if (!targetElement)
+            return null;
+        var rect = targetElement.getBoundingClientRect();
         var areaRect = this.getAvailableAreaRect();
         return new Rect(rect.left - areaRect.left, rect.top - areaRect.top, rect.width, rect.height);
     };
     PopupDropdownViewModel.prototype._updatePosition = function () {
         var _a, _b, _c;
-        if (!this.targetElement)
-            return;
         var targetElementRect = this.getTargetElementRect();
+        if (!targetElementRect)
+            return;
         var area = this.getAvailableAreaRect();
         var popupContainer = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector(this.containerSelector);
         if (!popupContainer)
@@ -52203,6 +52267,8 @@ var popup_dropdown_view_model_PopupDropdownViewModel = /** @class */ (function (
         var popupComputedStyle = DomDocumentHelper.getComputedStyle(popupContainer);
         var marginLeft = (parseFloat(popupComputedStyle.marginLeft) || 0);
         var marginRight = (parseFloat(popupComputedStyle.marginRight) || 0);
+        var marginTop = (parseFloat(popupComputedStyle.marginTop) || 0);
+        var marginBottom = (parseFloat(popupComputedStyle.marginBottom) || 0);
         var height = popupContainer.offsetHeight - scrollContent.offsetHeight + scrollContent.scrollHeight;
         var width = popupContainer.getBoundingClientRect().width;
         this.model.setWidthByTarget && (this.minWidth = targetElementRect.width + "px");
@@ -52217,7 +52283,7 @@ var popup_dropdown_view_model_PopupDropdownViewModel = /** @class */ (function (
         this.popupDirection = PopupUtils.calculatePopupDirection(verticalPosition, actualHorizontalPosition);
         var pos = PopupUtils.calculatePosition(targetElementRect, height, width + marginLeft + marginRight, verticalPosition, actualHorizontalPosition, this.model.positionMode);
         if (DomWindowHelper.isAvailable()) {
-            var newVerticalDimensions = PopupUtils.getCorrectedVerticalDimensions(pos.top, height, area.height, verticalPosition, this.model.canShrink);
+            var newVerticalDimensions = PopupUtils.getCorrectedVerticalDimensions(pos.top, height, area.height, verticalPosition, this.model.canShrink, { top: marginTop, bottom: marginBottom });
             if (!!newVerticalDimensions) {
                 this.height = newVerticalDimensions.height + "px";
                 pos.top = newVerticalDimensions.top;
@@ -52279,17 +52345,11 @@ var popup_dropdown_view_model_PopupDropdownViewModel = /** @class */ (function (
     PopupDropdownViewModel.prototype.getPopupHeaderTemplate = function () {
         return "popup-pointer";
     };
-    PopupDropdownViewModel.prototype.setComponentElement = function (componentRoot, targetElement, areaElement) {
+    PopupDropdownViewModel.prototype.setComponentElement = function (componentRoot) {
         _super.prototype.setComponentElement.call(this, componentRoot);
-        if (!!componentRoot && !!componentRoot.parentElement && !this.isModal) {
-            this.targetElement = targetElement || componentRoot.parentElement;
-            this.areaElement = areaElement;
-        }
     };
     PopupDropdownViewModel.prototype.resetComponentElement = function () {
         _super.prototype.resetComponentElement.call(this);
-        this.targetElement = undefined;
-        this.areaElement = undefined;
     };
     PopupDropdownViewModel.prototype.updateOnShowing = function () {
         var root = settings.environment.root;
@@ -52573,8 +52633,12 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
             if (option.isVisible) {
                 _this.updatePopupFocusFirstInputSelector();
                 var dropdownMenuOptions = _this.getDropdownMenuOptions();
+                var prevMenuType = dropdownMenuOptions.menuType;
                 _this.question.processOpenDropdownMenu(dropdownMenuOptions);
-                _this._popupModel.updateDisplayMode(dropdownMenuOptions.menuType);
+                if (prevMenuType !== dropdownMenuOptions.menuType) {
+                    _this._popupModel.updateDisplayMode(dropdownMenuOptions.menuType);
+                    _this.listModel.setSearchEnabled(_this.searchEnabled && dropdownMenuOptions.menuType !== "dropdown");
+                }
                 if (!!_this.question.onOpenedCallBack) {
                     _this.question.onOpenedCallBack();
                 }
@@ -52878,8 +52942,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         configurable: true
     });
     DropdownListModel.prototype.setSearchEnabled = function (newValue) {
-        this.listModel.searchEnabled = IsTouch;
-        this.listModel.showSearchClearButton = IsTouch;
+        this.listModel.setSearchEnabled(IsTouch && newValue);
         this.searchEnabled = newValue;
     };
     DropdownListModel.prototype.setChoicesLazyLoadEnabled = function (newValue) {
@@ -53069,6 +53132,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         if (!!this.popupModel) {
             this.popupModel.dispose();
         }
+        this.htmlCleanerElement = undefined;
     };
     DropdownListModel.prototype.scrollToFocusedItem = function () {
         this.listModel.scrollToFocusedItem();
@@ -54495,13 +54559,13 @@ Serializer.addClass("matrix", [
     {
         name: "columns:itemvalue[]", uniqueProperty: "value",
         baseValue: function () {
-            return surveyLocalization.getString("matrix_column");
+            return getLocaleString("matrix_column");
         },
     },
     {
         name: "rows:itemvalue[]", uniqueProperty: "value",
         baseValue: function () {
-            return surveyLocalization.getString("matrix_row");
+            return getLocaleString("matrix_row");
         },
     },
     { name: "cells:cells", serializationProperty: "cells" },
@@ -54801,6 +54865,7 @@ var InputElementAdapter = /** @class */ (function () {
     };
     InputElementAdapter.prototype.dispose = function () {
         this.removeInputEventListener();
+        this.inputElement = undefined;
         this.inputMaskInstance.onPropertyChanged.remove(this.inputMaskInstancePropertyChangedHandler);
     };
     return InputElementAdapter;
@@ -55253,6 +55318,8 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionTextModel.prototype, "inputValue", {
         get: function () {
+            if (!this._inputValue && !this.maskTypeIsEmpty)
+                return this.maskInstance.getMaskedValue("");
             return this._inputValue;
         },
         set: function (val) {
@@ -55551,6 +55618,7 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
     };
     QuestionTextModel.prototype.beforeDestroyQuestionElement = function (el) {
         this.deleteMaskAdapter();
+        this.input = undefined;
     };
     question_text_decorate([
         jsonobject_property({
@@ -60379,6 +60447,8 @@ questionfactory_QuestionFactory.Instance.registerQuestion("comment", function (n
 
 // CONCATENATED MODULE: ./packages/survey-core/src/utils/camera.ts
 
+var envStr = "environment";
+var userStr = "user";
 var camera_Camera = /** @class */ (function () {
     function Camera() {
         this.canFlipValue = undefined;
@@ -60390,10 +60460,14 @@ var camera_Camera = /** @class */ (function () {
     Camera.setCameraList = function (list) {
         var getDeviceType = function (device) {
             var lbl = device.label.toLocaleLowerCase();
-            if (lbl.indexOf("user") > -1)
-                return "user";
-            if (lbl.indexOf("enviroment") > -1)
-                return "enviroment";
+            if (lbl.indexOf(userStr) > -1)
+                return userStr;
+            if (lbl.indexOf(envStr) > -1)
+                return envStr;
+            if (lbl.indexOf("front") > -1)
+                return userStr;
+            if (lbl.indexOf("back") > -1)
+                return envStr;
             return "";
         };
         Camera.clear();
@@ -60406,13 +60480,13 @@ var camera_Camera = /** @class */ (function () {
                     var lblA = getDeviceType(a);
                     var lblB = getDeviceType(b);
                     if (lblA !== lblB) {
-                        if (lblA === "user")
+                        if (lblA === userStr)
                             return -1;
-                        if (lblB === "user")
+                        if (lblB === userStr)
                             return 1;
-                        if (lblA === "enviroment")
+                        if (lblA === envStr)
                             return -1;
-                        if (lblB === "enviroment")
+                        if (lblB === envStr)
                             return 1;
                     }
                 }
@@ -60550,7 +60624,7 @@ var camera_Camera = /** @class */ (function () {
         if (!this.canFlip())
             return;
         if (Camera.canSwitchFacingMode) {
-            Camera.cameraFacingMode = Camera.cameraFacingMode === "user" ? "environment" : "user";
+            Camera.cameraFacingMode = Camera.cameraFacingMode === userStr ? "environment" : userStr;
         }
         else if (Camera.cameraIndex >= Camera.cameraList.length - 1) {
             Camera.cameraIndex = 0;
@@ -60572,7 +60646,7 @@ var camera_Camera = /** @class */ (function () {
         Camera.setCameraList(list.length > 0 ? list : null);
     };
     Camera.cameraIndex = -1;
-    Camera.cameraFacingMode = "user";
+    Camera.cameraFacingMode = userStr;
     Camera.canSwitchFacingMode = false;
     return Camera;
 }());
@@ -62504,7 +62578,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
                 }
                 else {
                     for (var i = _this.rateValues.length; i < _this.rateCount; i++) {
-                        _this.rateValues.push(new itemvalue_ItemValue(surveyLocalization.getString("choices_Item") + (i + 1)));
+                        _this.rateValues.push(new itemvalue_ItemValue(getLocaleString("choices_Item") + (i + 1)));
                     }
                 }
             }
@@ -63376,7 +63450,7 @@ Serializer.addClass("rating", [
     {
         name: "rateValues:itemvalue[]",
         baseValue: function () {
-            return surveyLocalization.getString("choices_Item");
+            return getLocaleString("choices_Item");
         },
         category: "rateValues",
         visibleIf: function (obj) {
@@ -65428,6 +65502,7 @@ var question_signaturepad_decorate = (undefined && undefined.__decorate) || func
 
 
 
+
 var defaultWidth = 300;
 var defaultHeight = 200;
 /**
@@ -65484,7 +65559,8 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
     };
     QuestionSignaturePadModel.prototype.afterRenderQuestionElement = function (el) {
         if (!!el) {
-            this.initSignaturePad(el);
+            if (!this.isDesignMode)
+                this.initSignaturePad(el);
             this.element = el;
         }
         _super.prototype.afterRenderQuestionElement.call(this, el);
@@ -65533,9 +65609,12 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
             img_1.src = url;
             img_1.onload = function () {
                 if (!!_this.canvas) {
-                    var ctx = _this.canvas.getContext("2d");
+                    var canvas = DomDocumentHelper.createElement("canvas");
+                    canvas.width = _this.containerWidth;
+                    canvas.height = _this.containerHeight;
+                    var ctx = canvas.getContext("2d");
                     ctx.drawImage(img_1, 0, 0);
-                    var dataURL = _this.canvas.toDataURL(_this.getFormat());
+                    var dataURL = canvas.toDataURL(_this.getFormat());
                     _this.fromDataUrl(dataURL);
                 }
                 _this.isFileLoading = false;
@@ -70330,12 +70409,12 @@ function createPopupModalViewModel(options, rootElement) {
     popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
     return popupViewModel;
 }
-function createPopupViewModel(model, targetElement) {
+function createPopupViewModel(model) {
     if (model.isModal) {
         return new PopupModalViewModel(model);
     }
     else {
-        return new popup_dropdown_view_model_PopupDropdownViewModel(model, targetElement);
+        return new popup_dropdown_view_model_PopupDropdownViewModel(model);
     }
 }
 
@@ -71215,20 +71294,6 @@ function trimDatePart(lexem, data) {
     }
     return result;
 }
-function getDefaultYearForValidation(minYear, maxYear) {
-    var defaultVal = 2000;
-    if (defaultVal > maxYear) {
-        defaultVal = parseInt(maxYear.toString().slice(0, maxYear.toString().length - 2)) * 100;
-    }
-    if (defaultVal < minYear) {
-        var middle = (maxYear - minYear) / 2 + minYear;
-        defaultVal = parseInt(middle.toString().slice(0, middle.toString().length - 1)) * 10;
-    }
-    if (defaultVal >= minYear && defaultVal <= maxYear) {
-        return defaultVal;
-    }
-    return minYear;
-}
 function getDateTimeLexems(pattern) {
     var result = [];
     var prevLexemType;
@@ -71473,9 +71538,18 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         return dateTime.year >= parseInt(minYearPart) && dateTime.year <= parseInt(maxYearPart);
     };
     InputMaskDateTime.prototype.createIDateTimeCompositionWithDefaults = function (dateTime, isUpperLimit) {
-        var min = dateTime.min;
-        var max = dateTime.max;
-        var year = dateTime.year !== undefined ? dateTime.year : getDefaultYearForValidation(min.getFullYear(), max.getFullYear());
+        var checkOnlyLeapYears = dateTime.day == 29 && dateTime.month == 2;
+        var minYear = dateTime.min.getFullYear();
+        var maxYear = dateTime.max.getFullYear();
+        if (checkOnlyLeapYears) {
+            minYear = Math.ceil(minYear / 4) * 4;
+            maxYear = Math.floor(minYear / 4) * 4;
+            if (minYear > maxYear) {
+                minYear = undefined;
+                maxYear = undefined;
+            }
+        }
+        var year = dateTime.year !== undefined ? dateTime.year : isUpperLimit ? maxYear : minYear;
         var month = dateTime.month !== undefined ? dateTime.month : (isUpperLimit && this.hasDatePart ? 12 : 1);
         var day = dateTime.day !== undefined ? dateTime.day : (isUpperLimit && this.hasDatePart ? this.getMaxDateForMonth(year, month) : 1);
         var hour = dateTime.hour !== undefined ? dateTime.hour : (isUpperLimit ? 23 : 0);
@@ -71489,18 +71563,12 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         return [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1];
     };
     InputMaskDateTime.prototype.isDateValid = function (dateTime) {
-        var min = dateTime.min;
-        var max = dateTime.max;
-        var year = dateTime.year !== undefined ? dateTime.year : getDefaultYearForValidation(min.getFullYear(), max.getFullYear());
-        var month = dateTime.month !== undefined ? dateTime.month : 1;
-        var day = dateTime.day !== undefined ? dateTime.day : 1;
-        var monthIndex = month - 1;
         var date = new Date(this.getISO_8601Format(this.createIDateTimeCompositionWithDefaults(dateTime, false)));
         var dateH = new Date(this.getISO_8601Format(this.createIDateTimeCompositionWithDefaults(dateTime, true)));
         return !isNaN(date) &&
-            date.getDate() === day &&
-            date.getMonth() === monthIndex &&
-            date.getFullYear() === year &&
+            (date.getDate() === dateTime.day || dateTime.day === undefined) &&
+            (date.getMonth() === dateTime.month - 1 || dateTime.month === undefined) &&
+            (date.getFullYear() === dateTime.year || dateTime.year === undefined) &&
             dateH >= dateTime.min && date <= dateTime.max;
     };
     InputMaskDateTime.prototype.getPlaceholder = function (lexemLength, str, char) {
@@ -71556,7 +71624,7 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
             return;
         var propertyName = newItem.lexem.type;
         var tempDateTime = mask_datetime_assign({}, dateTime);
-        tempDateTime[propertyName] = parseInt(data);
+        tempDateTime[propertyName] = parseInt(this.parseTwoDigitYear(newItem));
         if (data.length === newItem.lexem.maxCount) {
             if (this.isDateValid12(tempDateTime)) {
                 newItem.isCompleted = true;
@@ -71991,8 +72059,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.10";
-ReleaseDate = "" + "2024-11-13";
+Version = "" + "1.12.11";
+ReleaseDate = "" + "2024-11-20";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -82907,11 +82975,11 @@ var popup_Popup = /** @class */ (function (_super) {
         return this.model;
     };
     Popup.prototype.createModel = function () {
-        this.popup = createPopupViewModel(this.props.model, undefined);
+        this.popup = createPopupViewModel(this.props.model);
     };
     Popup.prototype.setTargetElement = function () {
         var container = this.containerRef.current;
-        this.popup.setComponentElement(container, this.props.getTarget ? this.props.getTarget(container) : undefined, this.props.getArea ? this.props.getArea(container) : undefined);
+        this.popup.setComponentElement(container);
     };
     Popup.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
@@ -83085,7 +83153,7 @@ var action_bar_item_dropdown_SurveyActionBarItemDropdown = /** @class */ (functi
         var button = _super.prototype.renderInnerButton.call(this);
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null,
             button,
-            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_Popup, { model: this.item.popupModel, getTarget: getActionDropdownButtonTarget })));
+            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_Popup, { model: this.item.popupModel })));
     };
     SurveyActionBarItemDropdown.prototype.componentDidMount = function () {
         this.viewModel = new ActionDropdownViewModel(this.item);