survey-core 1.12.10 → 1.12.11

package/survey.core.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/core.ts + 127 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 */
+/*! 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1892,6 +1892,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; });
@@ -2837,6 +2838,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";
@@ -2886,7 +2891,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 "";
 }
@@ -4353,10 +4358,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();
@@ -10594,7 +10601,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 = [];
@@ -11392,24 +11399,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) {
     };
@@ -11738,6 +11766,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);
@@ -12067,6 +12099,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";
@@ -12209,6 +12244,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,
@@ -12631,7 +12667,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() : ""; };
@@ -12640,7 +12676,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;
@@ -12780,7 +12818,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
@@ -12908,9 +12946,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 () {
@@ -14522,6 +14563,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();
@@ -14537,6 +14579,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");
@@ -15208,7 +15251,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 () {
@@ -16257,9 +16300,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;
@@ -17265,7 +17308,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) {
@@ -17362,8 +17405,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"];
@@ -17494,8 +17536,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));
@@ -18456,6 +18497,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() || "";
@@ -18612,6 +18656,7 @@ var text_area_TextAreaModel = /** @class */ (function () {
         if (this.question) {
             this.question.unRegisterFunctionOnPropertyValueChanged(this.options.propertyName, "__textarea");
         }
+        this.resetElement();
     };
     return TextAreaModel;
 }());
@@ -22624,7 +22669,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;
@@ -25522,18 +25569,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,
@@ -25541,7 +25585,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,
@@ -25549,7 +25593,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,
@@ -26249,26 +26293,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 () {
@@ -27070,7 +27106,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
@@ -27084,6 +27120,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);
         });
@@ -30426,8 +30471,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;
     };
@@ -34709,7 +34753,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);
@@ -36342,7 +36386,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,
@@ -36367,7 +36411,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)
@@ -36952,7 +36996,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);
@@ -37469,29 +37513,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);
@@ -37513,7 +37557,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);
@@ -38512,6 +38556,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);
@@ -39011,8 +39061,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);
@@ -40219,9 +40269,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();
         /**
@@ -44797,9 +44846,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;
     };
@@ -45386,6 +45432,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;
@@ -45765,7 +45816,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);
+                }
             }
         }
     };
@@ -51237,7 +51294,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) {
@@ -51437,15 +51494,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);
@@ -51453,7 +51511,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;
     };
@@ -51937,7 +51995,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;
         }
@@ -52024,10 +52082,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();
@@ -52065,22 +52121,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)
@@ -52090,6 +52154,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");
@@ -52104,7 +52170,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;
@@ -52166,17 +52232,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;
@@ -52460,8 +52520,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();
                 }
@@ -52765,8 +52829,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) {
@@ -52956,6 +53019,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         if (!!this.popupModel) {
             this.popupModel.dispose();
         }
+        this.htmlCleanerElement = undefined;
     };
     DropdownListModel.prototype.scrollToFocusedItem = function () {
         this.listModel.scrollToFocusedItem();
@@ -54382,13 +54446,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" },
@@ -54688,6 +54752,7 @@ var InputElementAdapter = /** @class */ (function () {
     };
     InputElementAdapter.prototype.dispose = function () {
         this.removeInputEventListener();
+        this.inputElement = undefined;
         this.inputMaskInstance.onPropertyChanged.remove(this.inputMaskInstancePropertyChangedHandler);
     };
     return InputElementAdapter;
@@ -55140,6 +55205,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) {
@@ -55438,6 +55505,7 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
     };
     QuestionTextModel.prototype.beforeDestroyQuestionElement = function (el) {
         this.deleteMaskAdapter();
+        this.input = undefined;
     };
     question_text_decorate([
         jsonobject_property({
@@ -60266,6 +60334,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;
@@ -60277,10 +60347,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();
@@ -60293,13 +60367,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;
                     }
                 }
@@ -60437,7 +60511,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;
@@ -60459,7 +60533,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;
 }());
@@ -62391,7 +62465,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)));
                     }
                 }
             }
@@ -63263,7 +63337,7 @@ Serializer.addClass("rating", [
     {
         name: "rateValues:itemvalue[]",
         baseValue: function () {
-            return surveyLocalization.getString("choices_Item");
+            return getLocaleString("choices_Item");
         },
         category: "rateValues",
         visibleIf: function (obj) {
@@ -65315,6 +65389,7 @@ var question_signaturepad_decorate = (undefined && undefined.__decorate) || func
 
 
 
+
 var defaultWidth = 300;
 var defaultHeight = 200;
 /**
@@ -65371,7 +65446,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);
@@ -65420,9 +65496,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;
@@ -70217,12 +70296,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);
     }
 }
 
@@ -71102,20 +71181,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;
@@ -71360,9 +71425,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);
@@ -71376,18 +71450,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) {
@@ -71443,7 +71511,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;
@@ -71878,8 +71946,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