survey-react 1.12.9 → 1.12.11

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.9
+ * 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();
@@ -4728,7 +4735,7 @@ var jsonobject_JsonObject = /** @class */ (function () {
                 parentProps[key] = true;
                 dProps.forEach(function (propKey) {
                     if (!parentProps[propKey]) {
-                        _this.setPropertyValueToObj(jsonObj, obj, propKey, properties, processedProps, parentProps, objType, needAddErrors, options);
+                        _this.setPropertyValueToObj(jsonObj, obj, propKey, properties, processedProps, parentProps, objType, false, options);
                     }
                 });
             }
@@ -10018,6 +10025,7 @@ var ComputedUpdater = /** @class */ (function () {
     };
     ComputedUpdater.prototype.dispose = function () {
         this.clearDependencies();
+        this._updater = undefined;
     };
     ComputedUpdater.ComputedUpdaterType = "__dependency_computed";
     return ComputedUpdater;
@@ -10160,6 +10168,13 @@ var base_Base = /** @class */ (function () {
         this.onPropertyValueChangedCallback = undefined;
         this.isDisposedValue = true;
         Object.keys(this.dependencies).forEach(function (key) { return _this.dependencies[key].dispose(); });
+        // this.dependencies = {};
+        Object.keys(this.propertyHash).forEach(function (key) {
+            var propVal = _this.getPropertyValueCore(_this.propertyHash, key);
+            if (!!propVal && propVal.type == ComputedUpdater.ComputedUpdaterType) {
+                propVal.dispose();
+            }
+        });
     };
     Object.defineProperty(Base.prototype, "isDisposed", {
         get: function () {
@@ -10699,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 = [];
@@ -11165,6 +11180,8 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
         this.separatorAddConst = 1;
         this.paddingSizeConst = 8;
         this.dotsSizeConst = 48;
+        this.dotsIconClass = ".sv-dots";
+        this.iconClass = ".sv-svg-icon";
         this.recalcMinDimensionConst = true;
         this.getComputedStyle = function (elt) {
             return DomDocumentHelper.getComputedStyle(elt);
@@ -11199,13 +11216,18 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
         return space;
     };
     ResponsivityManager.prototype.calcItemSize = function (item) {
-        return item.offsetWidth;
+        return item.offsetWidth || item.getBoundingClientRect().width;
     };
-    ResponsivityManager.prototype.calcMinDimension = function (currentAction) {
-        var minDimensionConst = this.minDimensionConst;
-        if (currentAction.iconSize && this.recalcMinDimensionConst) {
-            minDimensionConst = 2 * currentAction.iconSize + this.paddingSizeConst;
+    ResponsivityManager.prototype.calcMinDimension = function (currentAction, item) {
+        var iconSize;
+        if (!!item && (!currentAction.iconSize || currentAction.iconSize === "auto")) {
+            var iconElement = item.querySelector(this.iconClass);
+            iconSize = iconElement && this.calcItemSize(iconElement);
+        }
+        else if (currentAction.iconSize && typeof (currentAction.iconSize) === "number" && this.recalcMinDimensionConst) {
+            iconSize = currentAction.iconSize;
         }
+        var minDimensionConst = !!iconSize ? (iconSize + 2 * this.paddingSizeConst) : this.minDimensionConst;
         return currentAction.canShrink
             ? minDimensionConst +
                 (currentAction.needSeparator ? this.separatorSize : 0)
@@ -11213,7 +11235,7 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
     };
     ResponsivityManager.prototype.calcItemsSizes = function () {
         var _this = this;
-        if (this.isInitialized)
+        if (!this.container || this.isInitialized)
             return;
         var actions = this.model.actions;
         var _items = this.container.querySelectorAll(this.itemsSelector);
@@ -11226,11 +11248,11 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
     };
     ResponsivityManager.prototype.calcActionDimensions = function (currentAction, item) {
         currentAction.maxDimension = this.calcItemSize(item);
-        currentAction.minDimension = this.calcMinDimension(currentAction);
+        currentAction.minDimension = this.calcMinDimension(currentAction, item);
     };
     Object.defineProperty(ResponsivityManager.prototype, "isContainerVisible", {
         get: function () {
-            return isContainerVisible(this.container);
+            return !!this.container && isContainerVisible(this.container);
         },
         enumerable: false,
         configurable: true
@@ -11245,13 +11267,16 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
                 var _a;
                 var dotsItemSize = _this.dotsItemSize;
                 if (!_this.dotsItemSize) {
-                    var dotsItemElement = (_a = _this.container) === null || _a === void 0 ? void 0 : _a.querySelector(".sv-dots");
+                    var dotsItemElement = (_a = _this.container) === null || _a === void 0 ? void 0 : _a.querySelector(_this.dotsIconClass);
                     dotsItemSize = dotsItemElement && _this.calcItemSize(dotsItemElement) || _this.dotsSizeConst;
                 }
                 _this.model.fit(_this.getAvailableSpace(), dotsItemSize);
             };
             if (!this.isInitialized) {
                 var callback = function () {
+                    if (!_this.container) {
+                        return;
+                    }
                     _this.calcItemsSizes();
                     _this.isInitialized = true;
                     processResponsiveness_1();
@@ -11273,6 +11298,8 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
         if (!!this.resizeObserver) {
             this.resizeObserver.disconnect();
         }
+        this.resizeObserver = undefined;
+        this.container = undefined;
     };
     return ResponsivityManager;
 }());
@@ -11485,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) {
     };
@@ -11529,6 +11577,7 @@ var container_ActionContainer = /** @class */ (function (_super) {
     };
     ActionContainer.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.resetResponsivityManager();
         this.actions.forEach(function (action) { return action.dispose(); });
         this.actions.length = 0;
     };
@@ -11830,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);
@@ -12159,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";
@@ -12301,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,
@@ -12723,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() : ""; };
@@ -12732,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;
@@ -12753,15 +12812,15 @@ var action_Action = /** @class */ (function (_super) {
     };
     Action.prototype.dispose = function () {
         this.updateCallback = undefined;
+        if (!!this.locTitleValue) {
+            this.locTitleValue.onStringChanged.remove(this.locTitleChanged);
+        }
+        this.locTitleChanged = undefined;
         this.action = undefined;
         _super.prototype.dispose.call(this);
         if (this.popupModel) {
             this.popupModel.dispose();
         }
-        if (!!this.locTitleValue) {
-            this.locTitleValue.onStringChanged.remove(this.locTitleChanged);
-            this.locTitleChanged = undefined;
-        }
     };
     action_decorate([
         jsonobject_property()
@@ -12872,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
@@ -12984,6 +13043,12 @@ var adaptive_container_AdaptiveActionContainer = /** @class */ (function (_super
         }
     };
     AdaptiveActionContainer.prototype.initResponsivityManager = function (container, delayedUpdateFunction) {
+        if (!!this.responsivityManager) {
+            if (this.responsivityManager.container == container) {
+                return;
+            }
+            this.responsivityManager.dispose();
+        }
         this.responsivityManager = new responsivity_manager_ResponsivityManager(container, this, ":scope > .sv-action:not(.sv-dots) > .sv-action__content", null, delayedUpdateFunction);
     };
     AdaptiveActionContainer.prototype.resetResponsivityManager = function () {
@@ -12994,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 () {
@@ -13455,11 +13523,15 @@ var animation_AnimationGroup = /** @class */ (function (_super) {
         newValue = [].concat(newValue);
         var oldValue = [].concat(this.getCurrentValue());
         var allowSyncRemovalAddition = (_a = this.animationOptions.allowSyncRemovalAddition) !== null && _a !== void 0 ? _a : true;
-        var _c = compareArrays(oldValue, newValue, (_b = this.animationOptions.getKey) !== null && _b !== void 0 ? _b : (function (item) { return item; })), addedItems = _c.addedItems, deletedItems = _c.deletedItems, reorderedItems = _c.reorderedItems, mergedItems = _c.mergedItems;
-        if (!allowSyncRemovalAddition && (reorderedItems.length > 0 || addedItems.length > 0)) {
-            deletedItems = [];
-            mergedItems = newValue;
+        var compareResult = compareArrays(oldValue, newValue, (_b = this.animationOptions.getKey) !== null && _b !== void 0 ? _b : (function (item) { return item; }));
+        if (!allowSyncRemovalAddition && (compareResult.reorderedItems.length > 0 || compareResult.addedItems.length > 0)) {
+            compareResult.deletedItems = [];
+            compareResult.mergedItems = newValue;
         }
+        if (!!this.animationOptions.onCompareArrays) {
+            this.animationOptions.onCompareArrays(compareResult);
+        }
+        var addedItems = compareResult.addedItems, reorderedItems = compareResult.reorderedItems, deletedItems = compareResult.deletedItems, mergedItems = compareResult.mergedItems;
         var runAnimationCallback = function () {
             _this.animation.runGroupAnimation(_this.animationOptions, addedItems, deletedItems, reorderedItems, function () {
                 if (deletedItems.length > 0) {
@@ -14604,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();
@@ -14619,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");
@@ -15290,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 () {
@@ -15898,6 +15972,12 @@ function navigateToUrl(url) {
 function wrapUrlForBackgroundImage(url) {
     return !!url ? ["url(", url, ")"].join("") : "";
 }
+function isBase64URL(url) {
+    if (typeof url == "string") {
+        return /^data:((?:\w+\/(?:(?!;).)+)?)((?:;[^;]+?)*),(.+)$/.test(url);
+    }
+    return null;
+}
 // old-name: new-name
 var renamedIcons = {
     "changecamera": "flip-24x24",
@@ -15916,6 +15996,7 @@ var renamedIcons = {
     "takepicture": "camera-32x32",
     "takepicture_24x24": "camera-24x24",
     "v2check": "check-16x16",
+    "checked": "check-16x16",
     "v2check_24x24": "check-24x24",
     "back-to-panel_16x16": "restoredown-16x16",
     "clear_16x16": "clear-16x16",
@@ -16332,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;
@@ -17340,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) {
@@ -17437,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"];
@@ -17569,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));
@@ -18531,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() || "";
@@ -18687,6 +18769,7 @@ var text_area_TextAreaModel = /** @class */ (function () {
         if (this.question) {
             this.question.unRegisterFunctionOnPropertyValueChanged(this.options.propertyName, "__textarea");
         }
+        this.resetElement();
     };
     return TextAreaModel;
 }());
@@ -18779,8 +18862,10 @@ var question_Question = /** @class */ (function (_super) {
         _this.createLocalizableString("commentText", _this, true, "otherItemText");
         _this.createLocalizableString("requiredErrorText", _this);
         _this.addTriggerInfo("resetValueIf", function () { return !_this.isEmpty(); }, function () {
+            _this.startSetValueOnExpression();
             _this.clearValue();
             _this.updateValueWithDefaults();
+            _this.finishSetValueOnExpression();
         });
         var setValueIfInfo = _this.addTriggerInfo("setValueIf", function () { return true; }, function () { return _this.runSetValueExpression(); });
         setValueIfInfo.runSecondCheck = function (keys) { return _this.checkExpressionIf(keys); };
@@ -20531,12 +20616,13 @@ var question_Question = /** @class */ (function (_super) {
         _super.prototype.onSetData.call(this);
         if (!this.survey)
             return;
-        this.initDataFromSurvey();
-        this.onSurveyValueChanged(this.value);
-        this.updateValueWithDefaults();
         this.onIndentChanged();
-        this.updateQuestionCss();
-        this.updateIsAnswered();
+        if (!this.isDesignMode) {
+            this.initDataFromSurvey();
+            this.onSurveyValueChanged(this.value);
+            this.updateValueWithDefaults();
+            this.updateIsAnswered();
+        }
     };
     Question.prototype.initDataFromSurvey = function () {
         if (!!this.data) {
@@ -21146,10 +21232,20 @@ var question_Question = /** @class */ (function (_super) {
         var _this = this;
         this.runExpressionSetValueCore(val, function (val) {
             if (!_this.isTwoValueEquals(_this.value, val)) {
+                _this.startSetValueOnExpression();
                 _this.value = val;
+                _this.finishSetValueOnExpression();
             }
         });
     };
+    Question.prototype.startSetValueOnExpression = function () {
+        var _a;
+        (_a = this.survey) === null || _a === void 0 ? void 0 : _a.startSetValueOnExpression();
+    };
+    Question.prototype.finishSetValueOnExpression = function () {
+        var _a;
+        (_a = this.survey) === null || _a === void 0 ? void 0 : _a.finishSetValueOnExpression();
+    };
     Question.prototype.runDefaultValueExpression = function (runner, values, properties, setFunc) {
         var _this = this;
         if (values === void 0) { values = null; }
@@ -21226,7 +21322,7 @@ var question_Question = /** @class */ (function (_super) {
     };
     Object.defineProperty(Question.prototype, "isAnswered", {
         get: function () {
-            return this.getPropertyValue("isAnswered");
+            return this.getPropertyValue("isAnswered") || false;
         },
         set: function (val) {
             this.setPropertyValue("isAnswered", val);
@@ -22686,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;
@@ -25584,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,
@@ -25603,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,
@@ -25611,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,
@@ -26311,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 () {
@@ -27132,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
@@ -27146,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);
         });
@@ -30488,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;
     };
@@ -34771,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);
@@ -36404,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,
@@ -36429,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)
@@ -37014,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);
@@ -37531,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);
@@ -37575,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);
@@ -38440,7 +38535,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
         return this.showQuestionNumbers !== "off" && this.showQuestionNumbers !== "onpanel";
     };
     PanelModel.prototype.notifySurveyOnVisibilityChanged = function () {
-        if (this.survey != null && !this.isLoadingFromJson) {
+        if (this.survey != null && !this.isLoadingFromJson && !!this.page) {
             this.survey.panelVisibilityChanged(this, this.isVisible);
         }
     };
@@ -38574,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);
@@ -39025,6 +39126,7 @@ var page_PageModel = /** @class */ (function (_super) {
          * @see timeLimit
          */
         _this.timeSpent = 0;
+        _this._isReadyForClean = true;
         _this.createLocalizableString("navigationDescription", _this, true);
         _this.dragDropPageHelper = new drag_drop_page_helper_v1_DragDropPageHelperV1(_this);
         return _this;
@@ -39072,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);
@@ -39397,6 +39499,28 @@ var page_PageModel = /** @class */ (function (_super) {
         _super.prototype.ensureRowsVisibility.call(this);
         this.getPanels().forEach(function (panel) { return panel.ensureRowsVisibility(); });
     };
+    Object.defineProperty(PageModel.prototype, "isReadyForClean", {
+        get: function () {
+            return this._isReadyForClean;
+        },
+        set: function (val) {
+            var oldValue = this._isReadyForClean;
+            this._isReadyForClean = val;
+            if (this._isReadyForClean !== oldValue) {
+                this.isReadyForCleanChangedCallback && this.isReadyForCleanChangedCallback();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PageModel.prototype.enableOnElementRerenderedEvent = function () {
+        _super.prototype.enableOnElementRerenderedEvent.call(this);
+        this.isReadyForClean = false;
+    };
+    PageModel.prototype.disableOnElementRerenderedEvent = function () {
+        _super.prototype.disableOnElementRerenderedEvent.call(this);
+        this.isReadyForClean = true;
+    };
     page_decorate([
         jsonobject_property({ defaultValue: -1, onSet: function (val, target) { return target.onNumChanged(val); } })
     ], PageModel.prototype, "num", void 0);
@@ -40258,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();
         /**
@@ -40593,7 +40716,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetPageTitleActions = _this.addEvent();
         /**
-         * An event that allows you to add, delete, or modify actions in the footer of a [Panel](https://surveyjs.io/form-library/documentation/panelmodel).
+         * An event that allows you to add, delete, or modify actions in the footer of a [Panel](https://surveyjs.io/form-library/documentation/panelmodel). This panel may belong to a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model) or be a standalone survey element.
          * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
          */
         _this.onGetPanelFooterActions = _this.addEvent();
@@ -40659,6 +40782,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this.cssVariables = {};
         _this._isMobile = false;
         _this._isCompact = false;
+        _this.setValueOnExpressionCounter = 0;
         _this._isDesignMode = false;
         /**
          * Specifies whether respondents can switch the current page even if it contains validation errors.
@@ -40700,6 +40824,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             valueNames: {},
             valueNamesInsensitive: {},
         };
+        _this.setValueFromTriggerCounter = 0;
         _this.needRenderIcons = true;
         _this.skippedPages = [];
         _this.skeletonComponentName = "sv-skeleton";
@@ -40727,9 +40852,20 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             _this.doTimer(page);
         };
         _this.createNewArray("pages", function (value) {
+            if (value.isReadyForCleanChangedCallback) {
+                value.isReadyForCleanChangedCallback();
+            }
             _this.doOnPageAdded(value);
         }, function (value) {
-            _this.doOnPageRemoved(value);
+            if (!value.isReadyForClean) {
+                value.isReadyForCleanChangedCallback = function () {
+                    _this.doOnPageRemoved(value);
+                    value.isReadyForCleanChangedCallback = undefined;
+                };
+            }
+            else {
+                _this.doOnPageRemoved(value);
+            }
         });
         _this.createNewArray("triggers", function (value) {
             value.setOwner(_this);
@@ -42441,6 +42577,17 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         };
         return exp.run(values, properties) || onCompleteRes;
     };
+    Object.defineProperty(SurveyModel.prototype, "isSettingValueOnExpression", {
+        get: function () { return this.setValueOnExpressionCounter > 0; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyModel.prototype.startSetValueOnExpression = function () {
+        this.setValueOnExpressionCounter++;
+    };
+    SurveyModel.prototype.finishSetValueOnExpression = function () {
+        this.setValueOnExpressionCounter--;
+    };
     /**
      * Calculates a given [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) and returns `true` or `false`.
      * @param expression An expression to calculate.
@@ -43376,16 +43523,18 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         for (var key in this.variablesHash)
             values[key] = this.variablesHash[key];
         this.addCalculatedValuesIntoFilteredValues(values);
-        var keys = this.getValuesKeys();
-        for (var i = 0; i < keys.length; i++) {
-            var key = keys[i];
-            values[key] = this.getDataValueCore(this.valuesHash, key);
-        }
-        this.getAllQuestions().forEach(function (q) {
-            if (q.hasFilteredValue) {
-                values[q.getFilteredName()] = q.getFilteredValue();
+        if (!this.isDesignMode) {
+            var keys = this.getValuesKeys();
+            for (var i = 0; i < keys.length; i++) {
+                var key = keys[i];
+                values[key] = this.getDataValueCore(this.valuesHash, key);
             }
-        });
+            this.getAllQuestions().forEach(function (q) {
+                if (q.hasFilteredValue) {
+                    values[q.getFilteredName()] = q.getFilteredValue();
+                }
+            });
+        }
         return values;
     };
     SurveyModel.prototype.addCalculatedValuesIntoFilteredValues = function (values) {
@@ -44810,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;
     };
@@ -45399,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;
@@ -45629,8 +45780,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         return options.error ? new CustomError(options.error, this) : null;
     };
     SurveyModel.prototype.dynamicPanelAdded = function (question, panelIndex, panel) {
-        if (!this.isLoadingFromJson) {
-            this.updateVisibleIndexes();
+        if (!this.isLoadingFromJson && this.hasQuestionVisibleIndeces(question, true)) {
+            this.updateVisibleIndexes(question.page);
         }
         if (this.onDynamicPanelAdded.isEmpty)
             return;
@@ -45646,13 +45797,26 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         for (var i = 0; i < questions.length; i++) {
             questions[i].clearOnDeletingContainer();
         }
-        this.updateVisibleIndexes();
+        if (this.hasQuestionVisibleIndeces(question, false)) {
+            this.updateVisibleIndexes(question.page);
+        }
         this.onDynamicPanelRemoved.fire(this, {
             question: question,
             panelIndex: panelIndex,
             panel: panel,
         });
     };
+    SurveyModel.prototype.hasQuestionVisibleIndeces = function (question, checkIndex) {
+        if (checkIndex) {
+            question.setVisibleIndex(this.getStartVisibleIndex());
+        }
+        var qList = question.getNestedQuestions(true);
+        for (var i = 0; i < qList.length; i++) {
+            if (qList[i].visibleIndex > -1)
+                return true;
+        }
+        return false;
+    };
     SurveyModel.prototype.dynamicPanelRemoving = function (question, panelIndex, panel) {
         var options = {
             question: question,
@@ -45765,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);
+                }
             }
         }
     };
@@ -46194,6 +46364,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         page.name = name;
         return page;
     };
+    SurveyModel.prototype.getValueChangeReason = function () {
+        if (this.isSettingValueOnExpression)
+            return "expression";
+        return this.isSettingValueFromTrigger ? "trigger" : undefined;
+    };
     SurveyModel.prototype.questionOnValueChanging = function (valueName, newValue, questionValueName) {
         if (!!this.editingObj) {
             var prop = Serializer.findProperty(this.editingObj.getType(), valueName);
@@ -46207,6 +46382,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             question: this.getQuestionByValueName(questionValueName || valueName),
             value: this.getUnbindValue(newValue),
             oldValue: this.getValue(valueName),
+            reason: this.getValueChangeReason()
         };
         this.onValueChanging.fire(this, options);
         return options.value;
@@ -46261,6 +46437,14 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         return res;
     };
+    SurveyModel.prototype.fireOnValueChanged = function (name, value, question) {
+        this.onValueChanged.fire(this, {
+            name: name,
+            question: question,
+            value: value,
+            reason: this.getValueChangeReason()
+        });
+    };
     SurveyModel.prototype.notifyQuestionOnValueChanged = function (valueName, newValue, questionName) {
         if (this.isLoadingFromJson)
             return;
@@ -46270,19 +46454,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 var question = questions[i];
                 this.checkQuestionErrorOnValueChanged(question);
                 question.onSurveyValueChanged(newValue);
-                this.onValueChanged.fire(this, {
-                    name: valueName,
-                    question: question,
-                    value: newValue,
-                });
+                this.fireOnValueChanged(valueName, newValue, question);
             }
         }
         else {
-            this.onValueChanged.fire(this, {
-                name: valueName,
-                question: null,
-                value: newValue,
-            });
+            this.fireOnValueChanged(valueName, newValue, null);
         }
         if (this.isDisposed)
             return;
@@ -46607,7 +46783,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         this.updateVisibleIndexes();
     };
-    SurveyModel.prototype.updateVisibleIndexes = function () {
+    SurveyModel.prototype.updateVisibleIndexes = function (page) {
         if (this.isLoadingFromJson || !!this.isEndLoadingFromJson || this.isLockingUpdateOnPageModes)
             return;
         if (this.isRunningConditions &&
@@ -46621,22 +46797,28 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             this.updateVisibleIndexAfterBindings = true;
             return;
         }
-        this.updatePageVisibleIndexes(this.showPageNumbers);
+        this.updatePageVisibleIndexes();
+        this.updatePageElementsVisibleIndexes(page);
+        this.updateProgressText(true);
+    };
+    SurveyModel.prototype.updatePageElementsVisibleIndexes = function (page) {
         if (this.showQuestionNumbers == "onPage") {
-            var visPages = this.visiblePages;
+            var visPages = !!page ? [page] : this.visiblePages;
             for (var i = 0; i < visPages.length; i++) {
                 visPages[i].setVisibleIndex(0);
             }
         }
         else {
-            var index = this.showQuestionNumbers == "on" ? 0 : -1;
-            for (var i = 0; i < this.pages.length; i++) {
-                index += this.pages[i].setVisibleIndex(index);
+            var index = this.getStartVisibleIndex();
+            for (var i_3 = 0; i_3 < this.pages.length; i_3++) {
+                index += this.pages[i_3].setVisibleIndex(index);
             }
         }
-        this.updateProgressText(true);
     };
-    SurveyModel.prototype.updatePageVisibleIndexes = function (showIndex) {
+    SurveyModel.prototype.getStartVisibleIndex = function () {
+        return this.showQuestionNumbers == "on" ? 0 : -1;
+    };
+    SurveyModel.prototype.updatePageVisibleIndexes = function () {
         this.updateButtonsVisibility();
         var index = 0;
         for (var i = 0; i < this.pages.length; i++) {
@@ -47042,8 +47224,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         questionName = questionName || name;
         this.checkTriggersAndRunConditions(name, newValue, oldValue);
-        if (allowNotifyValueChanged)
+        if (allowNotifyValueChanged) {
             this.notifyQuestionOnValueChanged(name, newValue, questionName);
+        }
         if (locNotification !== "text") {
             this.tryGoNextPageAutomatic(name);
         }
@@ -47181,11 +47364,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         var question = this.getQuestionByValueName(name);
         if (question) {
-            this.onValueChanged.fire(this, {
-                name: commentName,
-                question: question,
-                value: newValue,
-            });
+            this.fireOnValueChanged(commentName, newValue, question);
             question.comment = newValue;
             if (question.comment != newValue) {
                 question.comment = newValue;
@@ -47226,7 +47405,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.questionVisibilityChanged = function (question, newValue, resetIndexes) {
         if (resetIndexes) {
-            this.updateVisibleIndexes();
+            this.updateVisibleIndexes(question.page);
         }
         this.onQuestionVisibleChanged.fire(this, {
             question: question,
@@ -47247,7 +47426,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         });
     };
     SurveyModel.prototype.panelVisibilityChanged = function (panel, newValue) {
-        this.updateVisibleIndexes();
+        this.updateVisibleIndexes(panel.page);
         this.onPanelVisibleChanged.fire(this, {
             panel: panel,
             visible: newValue,
@@ -47267,7 +47446,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             if (!this.currentPage) {
                 this.updateCurrentPage();
             }
-            this.updateVisibleIndexes();
+            this.updateVisibleIndexes(question.page);
             this.setCalculatedWidthModeUpdater();
         }
         if (this.canFireAddElement()) {
@@ -47287,7 +47466,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.questionRemoved = function (question) {
         this.questionHashesRemoved(question, question.name, question.getValueName());
-        this.updateVisibleIndexes();
+        this.updateVisibleIndexes(question.page);
         this.onQuestionRemoved.fire(this, {
             question: question,
             name: question.name,
@@ -47357,7 +47536,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             panel.name = this.generateNewName(this.getAllPanels(false, true), "panel");
         }
         this.questionHashesPanelAdded(panel);
-        this.updateVisibleIndexes();
+        this.updateVisibleIndexes(panel.page);
         if (this.canFireAddElement()) {
             this.onPanelAdded.fire(this, {
                 panel: panel,
@@ -47371,7 +47550,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
     };
     SurveyModel.prototype.panelRemoved = function (panel) {
-        this.updateVisibleIndexes();
+        this.updateVisibleIndexes(panel.page);
         this.onPanelRemoved.fire(this, { panel: panel, name: panel.name });
         this.updateLazyRenderingRowsOnRemovingElements();
     };
@@ -47998,6 +48177,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         else {
             var question = this.getQuestionByName(name);
+            this.startSetValueFromTrigger();
             if (!!question) {
                 question.value = value;
             }
@@ -48015,6 +48195,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                     this.setValue(firstName, data[firstName]);
                 }
             }
+            this.finishSetValueFromTrigger();
         }
     };
     SurveyModel.prototype.copyTriggerValue = function (name, fromName, copyDisplayValue) {
@@ -48033,6 +48214,17 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.triggerExecuted = function (trigger) {
         this.onTriggerExecuted.fire(this, { trigger: trigger });
     };
+    Object.defineProperty(SurveyModel.prototype, "isSettingValueFromTrigger", {
+        get: function () { return this.setValueFromTriggerCounter > 0; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyModel.prototype.startSetValueFromTrigger = function () {
+        this.setValueFromTriggerCounter++;
+    };
+    SurveyModel.prototype.finishSetValueFromTrigger = function () {
+        this.setValueFromTriggerCounter--;
+    };
     SurveyModel.prototype.startMovingQuestion = function () {
         this.isMovingQuestion = true;
     };
@@ -51215,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) {
@@ -51415,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);
@@ -51431,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;
     };
@@ -51915,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;
         }
@@ -52002,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();
@@ -52043,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)
@@ -52068,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");
@@ -52082,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;
@@ -52144,16 +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;
     };
     PopupDropdownViewModel.prototype.updateOnShowing = function () {
         var root = settings.environment.root;
@@ -52437,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();
                 }
@@ -52742,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) {
@@ -52933,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();
@@ -54359,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" },
@@ -54665,6 +54865,7 @@ var InputElementAdapter = /** @class */ (function () {
     };
     InputElementAdapter.prototype.dispose = function () {
         this.removeInputEventListener();
+        this.inputElement = undefined;
         this.inputMaskInstance.onPropertyChanged.remove(this.inputMaskInstancePropertyChangedHandler);
     };
     return InputElementAdapter;
@@ -55117,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) {
@@ -55415,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({
@@ -60243,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;
@@ -60254,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();
@@ -60270,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;
                     }
                 }
@@ -60414,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;
@@ -60436,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;
 }());
@@ -62368,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)));
                     }
                 }
             }
@@ -63240,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) {
@@ -65291,6 +65501,8 @@ var question_signaturepad_decorate = (undefined && undefined.__decorate) || func
 
 
 
+
+
 var defaultWidth = 300;
 var defaultHeight = 200;
 /**
@@ -65347,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);
@@ -65386,16 +65599,30 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
     QuestionSignaturePadModel.prototype.fromUrl = function (url) {
         var _this = this;
         this.isFileLoading = true;
-        var img = new Image();
-        img.crossOrigin = "anonymous";
-        img.src = url;
-        img.onload = function () {
-            var ctx = _this.canvas.getContext("2d");
-            ctx.drawImage(img, 0, 0);
-            var dataURL = _this.canvas.toDataURL(_this.getFormat());
-            _this.fromDataUrl(dataURL);
-            _this.isFileLoading = false;
-        };
+        if (isBase64URL(url)) {
+            this.fromDataUrl(url);
+            this.isFileLoading = false;
+        }
+        else {
+            var img_1 = new Image();
+            img_1.crossOrigin = "anonymous";
+            img_1.src = url;
+            img_1.onload = function () {
+                if (!!_this.canvas) {
+                    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 = canvas.toDataURL(_this.getFormat());
+                    _this.fromDataUrl(dataURL);
+                }
+                _this.isFileLoading = false;
+            };
+            img_1.onerror = function () {
+                _this.isFileLoading = false;
+            };
+        }
     };
     QuestionSignaturePadModel.prototype.fromDataUrl = function (data) {
         this._loadedData = data;
@@ -65436,11 +65663,11 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
                 this._previewLoader = new FileLoader(this, function (status, loaded) {
                     if (status === "success" && loaded && loaded.length > 0 && loaded[0].content) {
                         _this.fromDataUrl(loaded[0].content);
+                        _this.isFileLoading = false;
                     }
                     else if (status === "skipped") {
                         _this.fromUrl(newValue);
                     }
-                    _this.isFileLoading = false;
                     _this._previewLoader.dispose();
                     _this._previewLoader = undefined;
                 });
@@ -70182,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);
     }
 }
 
@@ -71067,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;
@@ -71325,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);
@@ -71341,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) {
@@ -71408,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;
@@ -71843,8 +72059,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.9";
-ReleaseDate = "" + "2024-11-06";
+Version = "" + "1.12.11";
+ReleaseDate = "" + "2024-11-20";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -82759,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);
@@ -82937,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);
@@ -83007,17 +83223,14 @@ var action_bar_SurveyActionBar = /** @class */ (function (_super) {
     };
     SurveyActionBar.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
-        if (!!this.model.hasActions) {
-            this.model.resetResponsivityManager();
-        }
+        this.model.resetResponsivityManager();
     };
     SurveyActionBar.prototype.componentDidUpdate = function (prevProps, prevState) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        if (prevProps.model == this.props.model) {
-            return;
+        if (prevProps.model != this.props.model) {
+            prevProps.model.resetResponsivityManager();
         }
         if (!!this.model.hasActions) {
-            this.model.resetResponsivityManager();
             var container = this.rootRef.current;
             if (!!container) {
                 this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });