survey-react 1.12.9 → 1.12.10

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.9
+ * surveyjs - Survey JavaScript library v1.12.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4728,7 +4728,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 +10018,7 @@ var ComputedUpdater = /** @class */ (function () {
     };
     ComputedUpdater.prototype.dispose = function () {
         this.clearDependencies();
+        this._updater = undefined;
     };
     ComputedUpdater.ComputedUpdaterType = "__dependency_computed";
     return ComputedUpdater;
@@ -10160,6 +10161,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 () {
@@ -11165,6 +11173,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 +11209,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 +11228,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 +11241,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 +11260,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 +11291,8 @@ var responsivity_manager_ResponsivityManager = /** @class */ (function () {
         if (!!this.resizeObserver) {
             this.resizeObserver.disconnect();
         }
+        this.resizeObserver = undefined;
+        this.container = undefined;
     };
     return ResponsivityManager;
 }());
@@ -11529,6 +11549,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;
     };
@@ -12753,15 +12774,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()
@@ -12984,6 +13005,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 () {
@@ -13455,11 +13482,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) {
@@ -15898,6 +15929,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 +15953,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",
@@ -18779,8 +18817,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 +20571,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 +21187,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 +21277,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);
@@ -38440,7 +38491,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);
         }
     };
@@ -39025,6 +39076,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;
@@ -39397,6 +39449,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);
@@ -40593,7 +40667,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 +40733,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 +40775,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             valueNames: {},
             valueNamesInsensitive: {},
         };
+        _this.setValueFromTriggerCounter = 0;
         _this.needRenderIcons = true;
         _this.skippedPages = [];
         _this.skeletonComponentName = "sv-skeleton";
@@ -40727,9 +40803,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 +42528,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 +43474,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) {
@@ -45629,8 +45729,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 +45746,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,
@@ -46194,6 +46307,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 +46325,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 +46380,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 +46397,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 +46726,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 +46740,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 +47167,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 +47307,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 +47348,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 +47369,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 +47389,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 +47409,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 +47479,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 +47493,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 +48120,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         else {
             var question = this.getQuestionByName(name);
+            this.startSetValueFromTrigger();
             if (!!question) {
                 question.value = value;
             }
@@ -48015,6 +48138,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                     this.setValue(firstName, data[firstName]);
                 }
             }
+            this.finishSetValueFromTrigger();
         }
     };
     SurveyModel.prototype.copyTriggerValue = function (name, fromName, copyDisplayValue) {
@@ -48033,6 +48157,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;
     };
@@ -52154,6 +52289,7 @@ var popup_dropdown_view_model_PopupDropdownViewModel = /** @class */ (function (
     PopupDropdownViewModel.prototype.resetComponentElement = function () {
         _super.prototype.resetComponentElement.call(this);
         this.targetElement = undefined;
+        this.areaElement = undefined;
     };
     PopupDropdownViewModel.prototype.updateOnShowing = function () {
         var root = settings.environment.root;
@@ -65291,6 +65427,7 @@ var question_signaturepad_decorate = (undefined && undefined.__decorate) || func
 
 
 
+
 var defaultWidth = 300;
 var defaultHeight = 200;
 /**
@@ -65386,16 +65523,27 @@ 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 ctx = _this.canvas.getContext("2d");
+                    ctx.drawImage(img_1, 0, 0);
+                    var dataURL = _this.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 +65584,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;
                 });
@@ -71843,8 +71991,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.9";
-ReleaseDate = "" + "2024-11-06";
+Version = "" + "1.12.10";
+ReleaseDate = "" + "2024-11-13";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -83007,17 +83155,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); });