survey-react 1.9.115 → 1.9.117

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.115
+ * surveyjs - Survey JavaScript library v1.9.117
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4380,6 +4380,10 @@ var ConsoleWarnings = /** @class */ (function () {
         // eslint-disable-next-line no-console
         console.warn(text);
     };
+    ConsoleWarnings.error = function (text) {
+        // eslint-disable-next-line no-console
+        console.error(text);
+    };
     return ConsoleWarnings;
 }());
 
@@ -8086,13 +8090,20 @@ var DropdownListModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DropdownListModel.prototype, "inputReadOnly", {
+    Object.defineProperty(DropdownListModel.prototype, "noTabIndex", {
         get: function () {
             return this.question.isInputReadOnly || this.searchEnabled;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DropdownListModel.prototype, "filterReadOnly", {
+        get: function () {
+            return this.question.isInputReadOnly || !this.searchEnabled || !this.focused;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DropdownListModel.prototype, "filterStringEnabled", {
         get: function () {
             return !this.question.isInputReadOnly && this.searchEnabled;
@@ -8299,6 +8310,9 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.scrollToFocusedItem = function () {
         this.listModel.scrollToFocusedItem();
     };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
+    ], DropdownListModel.prototype, "focused", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: true })
     ], DropdownListModel.prototype, "searchEnabled", void 0);
@@ -9370,8 +9384,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.115";
-ReleaseDate = "" + "2023-11-01";
+Version = "" + "1.9.117";
+ReleaseDate = "" + "2023-11-14";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9415,6 +9429,8 @@ function _slk(k, lh, rd) {
     var index = v.indexOf(";");
     if (index < 0)
         return;
+    if (!checkPrefix(v.substring(0, index)))
+        return;
     v = v.substring(index + 1);
     v.split(",").forEach(function (s) {
         var i = s.indexOf("=");
@@ -9423,6 +9439,27 @@ function _slk(k, lh, rd) {
         }
     });
 }
+function checkPrefix(prefix) {
+    if (!prefix)
+        return true;
+    var s = "domains:";
+    var index = prefix.indexOf(s);
+    if (index < 0)
+        return true;
+    var ds = prefix.substring(index + s.length).toLowerCase().split(",");
+    if (!Array.isArray(ds) || ds.length === 0)
+        return true;
+    if (typeof window !== "undefined" && !!window.location && !!window.location.hostname) {
+        var hn = window.location.hostname.toLowerCase();
+        ds.push("localhost");
+        for (var i = 0; i < ds.length; i++) {
+            if (hn.indexOf(ds[i]) > -1)
+                return true;
+        }
+        return false;
+    }
+    return true;
+}
 
 
 
@@ -15631,8 +15668,8 @@ var OperandMaker = /** @class */ (function () {
             right = OperandMaker.convertValForDateCompare(right, left);
             return OperandMaker.isTwoValueEquals(left, right, strictCompare !== true);
         },
-        notequal: function (left, right) {
-            return !OperandMaker.binaryFunctions.equal(left, right);
+        notequal: function (left, right, strictCompare) {
+            return !OperandMaker.binaryFunctions.equal(left, right, strictCompare);
         },
         contains: function (left, right) {
             return OperandMaker.binaryFunctions.containsCore(left, right, true);
@@ -18514,6 +18551,10 @@ function property(options) {
         if (!options || !options.localizable) {
             Object.defineProperty(target, key, {
                 get: function () {
+                    // const serializationProperty = Serializer.getProperty(target.getType(), key);
+                    // if(!!serializationProperty && options.defaultValue !== undefined) {
+                    //   ConsoleWarnings.error("remove defaultValue from @property for class " + target.getType() + " property name is " + key);
+                    // }
                     var defaultVal = null;
                     if (!!options) {
                         if (typeof options.getDefaultValue === "function") {
@@ -20921,9 +20962,6 @@ var LocalizableString = /** @class */ (function () {
     };
     LocalizableString.prototype.isLocaleTextEqualsWithDefault = function (loc, val) {
         var res = this.getLocaleTextCore(loc);
-        if (!res && this.onGetDefaultTextCallback) {
-            res = this.onGetDefaultTextCallback();
-        }
         if (res === val)
             return true;
         return this.isValueEmpty(res) && this.isValueEmpty(val);
@@ -28386,8 +28424,11 @@ var QuestionMatrixBaseModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionMatrixBaseModel.prototype.getCellAriaLabel = function (rowTitle, columnTitle) {
+        return "row " + rowTitle + ", column " + columnTitle;
+    };
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "middle" })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionMatrixBaseModel.prototype, "verticalAlign", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
@@ -33694,7 +33735,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             }
             currentElement = currentElement.parentElement;
         }
-        event.preventDefault();
+        if (event.cancelable) {
+            event.preventDefault();
+        }
     };
     PopupBaseViewModel.SubscriptionId = 0;
     __decorate([
@@ -34014,10 +34057,6 @@ var Question = /** @class */ (function (_super) {
         _this.addExpressionProperty("enableIf", function (obj, res) { _this.readOnly = res === false; });
         _this.addExpressionProperty("requiredIf", function (obj, res) { _this.isRequired = res === true; });
         _this.createLocalizableString("commentText", _this, true, "otherItemText");
-        _this.locTitle.onGetDefaultTextCallback = function () {
-            return _this.name;
-        };
-        _this.locTitle.storeDefaultText = true;
         _this.createLocalizableString("requiredErrorText", _this);
         _this.addTriggerInfo("resetValueIf", function () { return !_this.isEmpty(); }, function () {
             _this.clearValue();
@@ -34066,12 +34105,14 @@ var Question = /** @class */ (function (_super) {
         this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
     };
     Question.prototype.themeChanged = function (theme) { };
+    Question.prototype.getDefaultTitle = function () { return this.name; };
     Question.prototype.createLocTitleProperty = function () {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
+        locTitleValue.storeDefaultText = true;
         locTitleValue.onGetTextCallback = function (text) {
             if (!text) {
-                text = _this.name;
+                text = _this.getDefaultTitle();
             }
             if (!_this.survey)
                 return text;
@@ -34951,6 +34992,16 @@ var Question = /** @class */ (function (_super) {
             this.updateCommentElements();
         }
     };
+    Question.prototype.onCompositionUpdateComment = function (event) {
+        var _this = this;
+        if (this.isInputTextUpdate) {
+            setTimeout(function () {
+                if (event.target) {
+                    _this.comment = event.target.value;
+                }
+            }, 1);
+        }
+    };
     Question.prototype.onCommentChange = function (event) {
         this.comment = event.target.value;
         if (this.comment !== event.target.value) {
@@ -35547,6 +35598,9 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.onReadOnlyChanged = function () {
         this.setPropertyValue("isInputReadOnly", this.isInputReadOnly);
         _super.prototype.onReadOnlyChanged.call(this);
+        if (this.isReadOnly) {
+            this.clearErrors();
+        }
         this.updateQuestionCss();
         this.calcRenderedCommentPlaceholder();
     };
@@ -36668,7 +36722,7 @@ var Question = /** @class */ (function (_super) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
         newValue = this.convertToCorrectValue(newValue);
         var isEqual = this.isTwoValueEquals(this.questionValue, newValue);
-        if (!isEqual && !this.isChangingViaDefaultValue) {
+        if (!isEqual && !this.isChangingViaDefaultValue && !this.isParentChangingViaDefaultValue) {
             this.setValueChangedDirectly(true);
         }
         this.questionValue = newValue;
@@ -36680,6 +36734,14 @@ var Question = /** @class */ (function (_super) {
         if (updateIsAnswered)
             this.updateIsAnswered();
     };
+    Object.defineProperty(Question.prototype, "isParentChangingViaDefaultValue", {
+        get: function () {
+            var _a;
+            return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.isChangingViaDefaultValue) === true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Question.prototype.onSurveyValueChanged = function (newValue) { };
     Question.prototype.setVisibleIndex = function (val) {
         if (!this.isVisible ||
@@ -37142,7 +37204,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
     "enableIf:condition",
     "resetValueIf:condition",
     "setValueIf:condition",
-    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
+    "setValueExpression:expression",
     "defaultValue:value",
     {
         name: "defaultValueExpression:expression",
@@ -37455,6 +37517,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         _this.isRunningChoices = false;
         _this.isFirstLoadChoicesFromUrl = true;
         _this.isUpdatingChoicesDependedQuestions = false;
+        _this.headItemsCount = 0;
+        _this.footItemsCount = 0;
         _this.prevIsOtherSelected = false;
         var noneItemText = _this.createLocalizableString("noneText", _this.noneItemValue, true, "noneItemText");
         _this.noneItemValue.locOwner = _this;
@@ -38434,22 +38498,51 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionSelectBase.prototype.addToVisibleChoices = function (items, isAddAll) {
-        if (isAddAll) {
-            if (!this.newItemValue) {
-                this.newItemValue = this.createItemValue("newitem"); //TODO
-                this.newItemValue.isGhost = true;
+        this.headItemsCount = 0;
+        this.footItemsCount = 0;
+        this.addNewItemToVisibleChoices(items, isAddAll);
+        var dict = new Array();
+        this.addNonChoicesItems(dict, isAddAll);
+        dict.sort(function (a, b) {
+            if (a.index === b.index)
+                return 0;
+            return a.index < b.index ? -1 : 1;
+        });
+        for (var i = 0; i < dict.length; i++) {
+            var rec = dict[i];
+            if (rec.index < 0) {
+                items.splice(i, 0, rec.item);
+                this.headItemsCount++;
             }
-            if (!this.isUsingCarryForward && this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
-                items.push(this.newItemValue);
+            else {
+                items.push(rec.item);
+                this.footItemsCount++;
             }
         }
+    };
+    QuestionSelectBase.prototype.addNewItemToVisibleChoices = function (items, isAddAll) {
+        if (!isAddAll)
+            return;
+        if (!this.newItemValue) {
+            this.newItemValue = this.createItemValue("newitem"); //TODO
+            this.newItemValue.isGhost = true;
+        }
+        if (!this.isUsingCarryForward && this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
+            this.footItemsCount = 1;
+            items.push(this.newItemValue);
+        }
+    };
+    QuestionSelectBase.prototype.addNonChoicesItems = function (dict, isAddAll) {
         if (this.supportNone() && this.canShowOptionItem(this.noneItem, isAddAll, this.hasNone)) {
-            items.push(this.noneItem);
+            this.addNonChoiceItem(dict, this.noneItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.noneItem);
         }
         if (this.supportOther() && this.canShowOptionItem(this.otherItem, isAddAll, this.hasOther)) {
-            items.push(this.otherItem);
+            this.addNonChoiceItem(dict, this.otherItem, _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].specialChoicesOrder.otherItem);
         }
     };
+    QuestionSelectBase.prototype.addNonChoiceItem = function (dict, item, order) {
+        order.forEach(function (val) { return dict.push({ index: val, item: item }); });
+    };
     QuestionSelectBase.prototype.canShowOptionItem = function (item, isAddAll, hasItem) {
         var res = (isAddAll && (!!this.canShowOptionItemCallback ? this.canShowOptionItemCallback(item) : true)) || hasItem;
         if (this.canSurveyChangeItemVisibility()) {
@@ -38681,17 +38774,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionSelectBase.prototype.isHeadChoice = function (item, question) {
-        return false;
-    };
-    QuestionSelectBase.prototype.isFootChoice = function (item, question) {
+    QuestionSelectBase.prototype.isBuiltInChoice = function (item, question) {
         return (item === question.noneItem ||
             item === question.otherItem ||
             item === question.newItemValue);
     };
-    QuestionSelectBase.prototype.isBuiltInChoice = function (item, question) {
-        return this.isHeadChoice(item, question) || this.isFootChoice(item, question);
-    };
     QuestionSelectBase.prototype.getChoices = function () {
         return this.choices;
     };
@@ -38792,6 +38879,16 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.updateCommentElements();
         }
     };
+    QuestionSelectBase.prototype.onCompositionUpdateOtherValue = function (event) {
+        var _this = this;
+        if (this.isInputTextUpdate) {
+            setTimeout(function () {
+                if (event.target) {
+                    _this.otherValue = event.target.value;
+                }
+            }, 1);
+        }
+    };
     QuestionSelectBase.prototype.onOtherValueChange = function (event) {
         this.otherValue = event.target.value;
         if (this.otherValue !== event.target.value) {
@@ -39103,18 +39200,23 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionSelectBase.prototype, "headItems", {
         get: function () {
-            var _this = this;
-            return (this.separateSpecialChoices || this.isDesignMode) ?
-                this.visibleChoices.filter(function (choice) { return _this.isHeadChoice(choice, _this); }) : [];
+            var count = (this.separateSpecialChoices || this.isDesignMode) ? this.headItemsCount : 0;
+            var res = [];
+            for (var i = 0; i < count; i++)
+                res.push(this.visibleChoices[i]);
+            return res;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionSelectBase.prototype, "footItems", {
         get: function () {
-            var _this = this;
-            return (this.separateSpecialChoices || this.isDesignMode) ?
-                this.visibleChoices.filter(function (choice) { return _this.isFootChoice(choice, _this); }) : [];
+            var count = (this.separateSpecialChoices || this.isDesignMode) ? this.footItemsCount : 0;
+            var res = [];
+            var items = this.visibleChoices;
+            for (var i = 0; i < count; i++)
+                res.push(items[items.length - count + i]);
+            return res;
         },
         enumerable: false,
         configurable: true
@@ -39359,7 +39461,7 @@ var QuestionCheckboxBase = /** @class */ (function (_super) {
          * @see separateSpecialChoices
          */
         get: function () {
-            return this.getPropertyValue("colCount", this.isFlowLayout ? 0 : 1);
+            return this.getPropertyValue("colCount", this.isFlowLayout ? 0 : undefined);
         },
         set: function (value) {
             if (value < 0 || value > 5 || this.isFlowLayout)
@@ -40185,6 +40287,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./error */ "./src/error.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -40207,6 +40310,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 /**
  * A class that describes the Checkboxes question type.
  *
@@ -40334,12 +40438,13 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             if (this.isItemSelected(this.noneItem))
                 return false;
             var allItemCount = this.visibleChoices.length;
+            var order = _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].specialChoicesOrder;
             if (this.hasOther)
-                allItemCount--;
+                allItemCount -= order.otherItem.length;
             if (this.hasNone)
-                allItemCount--;
+                allItemCount -= order.noneItem.length;
             if (this.hasSelectAll)
-                allItemCount--;
+                allItemCount -= order.selectAllItem.length;
             var selectedCount = val.length;
             if (this.isOtherSelected)
                 selectedCount--;
@@ -40632,14 +40737,14 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
     QuestionCheckboxModel.prototype.supportSelectAll = function () {
         return this.isSupportProperty("showSelectAllItem");
     };
-    QuestionCheckboxModel.prototype.addToVisibleChoices = function (items, isAddAll) {
+    QuestionCheckboxModel.prototype.addNonChoicesItems = function (dict, isAddAll) {
+        _super.prototype.addNonChoicesItems.call(this, dict, isAddAll);
         if (this.supportSelectAll() && this.canShowOptionItem(this.selectAllItem, isAddAll, this.hasSelectAll)) {
-            items.unshift(this.selectAllItem);
+            this.addNonChoiceItem(dict, this.selectAllItem, _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].specialChoicesOrder.selectAllItem);
         }
-        _super.prototype.addToVisibleChoices.call(this, items, isAddAll);
     };
-    QuestionCheckboxModel.prototype.isHeadChoice = function (item, question) {
-        return (item === question.selectAllItem);
+    QuestionCheckboxModel.prototype.isBuiltInChoice = function (item, question) {
+        return item === question.selectAllItem || _super.prototype.isBuiltInChoice.call(this, item, question);
     };
     QuestionCheckboxModel.prototype.isItemInList = function (item) {
         if (item == this.selectAllItem)
@@ -41056,6 +41161,11 @@ var QuestionCommentModel = /** @class */ (function (_super) {
             event.stopPropagation();
         }
     };
+    QuestionCommentModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
+        if (updateIsAnswered === void 0) { updateIsAnswered = true; }
+        _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
+        this.updateElement();
+    };
     QuestionCommentModel.prototype.onValueChanged = function () {
         _super.prototype.onValueChanged.call(this);
         this.updateElement();
@@ -41257,6 +41367,15 @@ var ComponentCollection = /** @class */ (function () {
             this.onAddingJson(name, customQuestion.isComposite);
         this.customQuestionValues.push(customQuestion);
     };
+    ComponentCollection.prototype.remove = function (componentName) {
+        if (!componentName)
+            return false;
+        var index = this.getCustomQuestionIndex(componentName.toLowerCase());
+        if (index < 0)
+            return false;
+        this.removeByIndex(index);
+        return true;
+    };
     Object.defineProperty(ComponentCollection.prototype, "items", {
         get: function () {
             return this.customQuestionValues;
@@ -41265,17 +41384,26 @@ var ComponentCollection = /** @class */ (function () {
         configurable: true
     });
     ComponentCollection.prototype.getCustomQuestionByName = function (name) {
+        var index = this.getCustomQuestionIndex(name);
+        return index >= 0 ? this.customQuestionValues[index] : undefined;
+    };
+    ComponentCollection.prototype.getCustomQuestionIndex = function (name) {
         for (var i = 0; i < this.customQuestionValues.length; i++) {
-            if (this.customQuestionValues[i].name == name)
-                return this.customQuestionValues[i];
+            if (this.customQuestionValues[i].name === name)
+                return i;
         }
-        return null;
+        return -1;
     };
-    ComponentCollection.prototype.clear = function () {
-        for (var i = 0; i < this.customQuestionValues.length; i++) {
-            _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].removeClass(this.customQuestionValues[i].name);
+    ComponentCollection.prototype.removeByIndex = function (index) {
+        _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].removeClass(this.customQuestionValues[index].name);
+        this.customQuestionValues.splice(index, 1);
+    };
+    ComponentCollection.prototype.clear = function (includeInternal) {
+        for (var i = this.customQuestionValues.length - 1; i >= 0; i--) {
+            if (includeInternal || !this.customQuestionValues[i].json.internal) {
+                this.removeByIndex(i);
+            }
         }
-        this.customQuestionValues = [];
     };
     ComponentCollection.prototype.createQuestion = function (name, questionJSON) {
         if (!!questionJSON.isComposite)
@@ -41543,6 +41671,11 @@ var QuestionCustomModel = /** @class */ (function (_super) {
     QuestionCustomModel.prototype.getQuestionByName = function (name) {
         return this.contentQuestion;
     };
+    QuestionCustomModel.prototype.getDefaultTitle = function () {
+        if (this.hasJSONTitle && this.contentQuestion)
+            return this.contentQuestion.title;
+        return _super.prototype.getDefaultTitle.call(this);
+    };
     QuestionCustomModel.prototype.setValue = function (name, newValue, locNotification, allowNotifyValueChanged) {
         if (this.isValueChanging(name, newValue))
             return;
@@ -41597,6 +41730,7 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         var json = this.customQuestion.json;
         var res = null;
         if (!!json.questionJSON) {
+            this.hasJSONTitle = !!json.questionJSON.title;
             var qType = json.questionJSON.type;
             if (!qType || !_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findClass(qType))
                 throw "type attribute in questionJSON is empty or incorrect";
@@ -42452,7 +42586,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionDropdownModel.prototype, "choicesLazyLoadEnabled", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 25 })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionDropdownModel.prototype, "choicesLazyLoadPageSize", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
@@ -42735,7 +42869,7 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
         this.updateFormatedValue();
     };
     QuestionExpressionModel.prototype.getDisplayValueCore = function (keysAsText, value) {
-        var val = this.isValueEmpty(value) ? this.defaultValue : value;
+        var val = value === undefined || value === null ? this.defaultValue : value;
         var res = "";
         if (!this.isValueEmpty(val)) {
             var str = this.getValueAsStr(val);
@@ -43857,7 +43991,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 if (_this.survey) {
                     _this.survey.uploadFiles(_this, _this.name, files, function (status, data) {
                         if (status === "error") {
+                            _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](data, _this));
                             _this.stateChanged("error");
+                            _this.stateChanged("loaded");
                         }
                         if (status === "success") {
                             _this.value = (_this.value || []).concat(data.map(function (r) {
@@ -44440,7 +44576,16 @@ var QuestionHtmlModel = /** @class */ (function (_super) {
     return QuestionHtmlModel;
 }(_questionnonvalue__WEBPACK_IMPORTED_MODULE_0__["QuestionNonValue"]));
 
-_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("html", [{ name: "html:html", serializationProperty: "locHtml" }], function () {
+_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("html", [
+    { name: "html:html", serializationProperty: "locHtml" },
+    { name: "hideNumber", visible: false },
+    { name: "state", visible: false },
+    { name: "titleLocation", visible: false },
+    { name: "descriptionLocation", visible: false },
+    { name: "errorLocation", visible: false },
+    { name: "indent", visible: false },
+    { name: "width", visible: false },
+], function () {
     return new QuestionHtmlModel("");
 }, "nonvalue");
 _questionfactory__WEBPACK_IMPORTED_MODULE_2__["QuestionFactory"].Instance.registerQuestion("html", function (name) {
@@ -45200,9 +45345,12 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionImagePickerModel.prototype.isFootChoice = function (_item, _question) {
+    QuestionImagePickerModel.prototype.isBuiltInChoice = function (item, question) {
         return false;
     };
+    QuestionImagePickerModel.prototype.addToVisibleChoices = function (items, isAddAll) {
+        this.addNewItemToVisibleChoices(items, isAddAll);
+    };
     QuestionImagePickerModel.prototype.getSelectBaseRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(_super.prototype.getSelectBaseRootCss.call(this)).append(this.cssClasses.rootColumn, this.getCurrentColCount() == 1).toString();
     };
@@ -48356,6 +48504,8 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         this.collectNestedQuestonsInRows(this.visibleRows, questions, visibleOnly);
     };
     QuestionMatrixDropdownModelBase.prototype.collectNestedQuestonsInRows = function (rows, questions, visibleOnly) {
+        if (!Array.isArray(rows))
+            return;
         rows.forEach(function (row) {
             row.questions.forEach(function (q) { return q.collectNestedQuestions(questions, visibleOnly); });
         });
@@ -49883,7 +50033,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
     "requiredIf:condition",
     "resetValueIf:condition",
     "setValueIf:condition",
-    { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
+    "setValueExpression:expression",
     {
         name: "showInMultipleColumns:boolean",
         dependsOn: "cellType",
@@ -52027,7 +52177,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         var lastDelRow = this.lastDeletedRow;
         this.lastDeletedRow = undefined;
         var rows = this.generatedVisibleRows;
-        if (!Array.isArray(val) || Math.abs(rows.length - val.length) > 1)
+        if (!Array.isArray(val) || Math.abs(rows.length - val.length) > 1 || rows.length === val.length)
             return false;
         var index = this.getInsertedDeletedIndex(rows, val);
         if (rows.length > val.length) {
@@ -52295,7 +52445,7 @@ var MultipleTextEditorModel = /** @class */ (function (_super) {
 /**
  * A class that describes an item in a [Multiple Textboxes](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
  *
- * [View Demo](/form-library/examples/multiple-text-box-question/)
+ * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/)
  */
 var MultipleTextItemModel = /** @class */ (function (_super) {
     __extends(MultipleTextItemModel, _super);
@@ -53776,7 +53926,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          *
          * If you want to customize individual tab titles, handle `SurveyModel`'s [`onGetDynamicPanelTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetDynamicPanelTabTitle) event.
          *
-         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
          * @see renderMode
          */
@@ -54563,7 +54713,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * - `"progressTop"` - Renders each panel as a card and displays a progress bar at the top. [View Demo](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/)
          * - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
          * - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
-         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/)
+         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/)
          */
         get: function () {
             return this.getPropertyValue("renderMode");
@@ -57046,7 +57196,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * If you do not specify the `rateValues` property, rate values are generated automatically based upon the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin), [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax), [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep), and [`rateCount`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateCount) property values.
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("rateValues");
@@ -57064,7 +57214,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * Default value: 1
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMax
          * @see rateStep
          * @see rateCount
@@ -57084,7 +57234,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * Default value: 5
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMin
          * @see rateStep
          * @see rateCount
@@ -57104,7 +57254,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
          *
          * Default value: 1
          *
-         * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
          * @see rateMin
          * @see rateMax
          * @see rateCount
@@ -57702,10 +57852,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
     ], QuestionRatingModel.prototype, "inputHasValue", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: true })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "autoGenerate", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: 5 })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "rateCount", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["propertyArray"])()
@@ -57717,11 +57867,10 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
     ], QuestionRatingModel.prototype, "hasMaxRateDescription", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "displayRateDescriptionsAsExtremeItems", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({
-            defaultValue: "auto",
             onSet: function (val, target) {
                 if (!target.isDesignMode) {
                     if (val === "dropdown") {
@@ -57735,13 +57884,13 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         })
     ], QuestionRatingModel.prototype, "displayMode", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "labels" })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "rateType", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "monochrome" })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "scaleColorMode", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "scale" })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionRatingModel.prototype, "rateColorMode", void 0);
     return QuestionRatingModel;
 }(_question__WEBPACK_IMPORTED_MODULE_1__["Question"]));
@@ -57890,12 +58039,11 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.regist
 /*!**************************************!*\
   !*** ./src/question_signaturepad.ts ***!
   \**************************************/
-/*! exports provided: getCanvasRatio, QuestionSignaturePadModel */
+/*! exports provided: QuestionSignaturePadModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCanvasRatio", function() { return getCanvasRatio; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionSignaturePadModel", function() { return QuestionSignaturePadModel; });
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
@@ -57932,28 +58080,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var defaultWidth = 300;
 var defaultHeight = 200;
-function getCanvasRatio(canvas) {
-    var context = canvas.getContext("2d");
-    var devicePixelRatio = window.devicePixelRatio || 1;
-    var backingStoreRatio = context.webkitBackingStorePixelRatio ||
-        context.mozBackingStorePixelRatio ||
-        context.msBackingStorePixelRatio ||
-        context.oBackingStorePixelRatio ||
-        context.backingStorePixelRatio ||
-        1;
-    return devicePixelRatio / backingStoreRatio;
-}
-function resizeCanvas(canvas) {
-    var context = canvas.getContext("2d");
-    var ratio = getCanvasRatio(canvas);
-    var oldWidth = canvas.width;
-    var oldHeight = canvas.height;
-    canvas.width = oldWidth * ratio;
-    canvas.height = oldHeight * ratio;
-    canvas.style.width = oldWidth + "px";
-    canvas.style.height = oldHeight + "px";
-    context.scale(ratio, ratio);
-}
 /**
  * A class that describes the Signature question type.
  *
@@ -57962,7 +58088,13 @@ function resizeCanvas(canvas) {
 var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __extends(QuestionSignaturePadModel, _super);
     function QuestionSignaturePadModel(name) {
-        return _super.call(this, name) || this;
+        var _this = _super.call(this, name) || this;
+        _this.valueIsUpdatingInternally = false;
+        _this.updateValueHandler = function () {
+            _this.scaleCanvas(false, true);
+            _this.refreshCanvas();
+        };
+        return _this;
     }
     QuestionSignaturePadModel.prototype.getPenColorFromTheme = function () {
         var _survey = this.survey;
@@ -57988,7 +58120,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             var format = this.dataFormat === "jpeg" ? "image/jpeg" :
                 (this.dataFormat === "svg" ? "image/svg+xml" : "");
             var data = this.signaturePad.toDataURL(format);
+            this.valueIsUpdatingInternally = true;
             this.value = data;
+            this.valueIsUpdatingInternally = false;
         }
     };
     QuestionSignaturePadModel.prototype.getType = function () {
@@ -58010,10 +58144,44 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             this.updateColors(this.signaturePad);
         }
     };
+    QuestionSignaturePadModel.prototype.resizeCanvas = function () {
+        this.canvas.width = this.containerWidth;
+        this.canvas.height = this.containerHeight;
+    };
+    QuestionSignaturePadModel.prototype.scaleCanvas = function (refresh, resize) {
+        if (refresh === void 0) { refresh = true; }
+        if (resize === void 0) { resize = false; }
+        var canvas = this.canvas;
+        var scale = canvas.offsetWidth / this.containerWidth;
+        if (this.scale != scale || resize) {
+            this.scale = scale;
+            canvas.style.width = this.renderedCanvasWidth;
+            this.resizeCanvas();
+            this.signaturePad.minWidth = this.penMinWidth * scale;
+            this.signaturePad.maxWidth = this.penMaxWidth * scale;
+            canvas.getContext("2d").scale(1 / scale, 1 / scale);
+            if (refresh)
+                this.refreshCanvas();
+        }
+    };
+    QuestionSignaturePadModel.prototype.refreshCanvas = function () {
+        var data = this.value;
+        var canvas = this.canvas;
+        if (!data) {
+            canvas.getContext("2d").clearRect(0, 0, canvas.width * this.scale, canvas.height * this.scale);
+            this.signaturePad.clear();
+        }
+        else {
+            this.signaturePad.fromDataURL(data, { width: canvas.width * this.scale, height: canvas.height * this.scale });
+        }
+    };
     QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
         var _this = this;
         var canvas = el.getElementsByTagName("canvas")[0];
+        this.canvas = canvas;
+        this.resizeCanvas();
         var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_3__["default"](canvas, { backgroundColor: "#ffffff" });
+        this.signaturePad = signaturePad;
         if (this.isInputReadOnly) {
             signaturePad.off();
         }
@@ -58027,6 +58195,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         };
         this.updateColors(signaturePad);
         signaturePad.addEventListener("beginStroke", function () {
+            _this.scaleCanvas();
             _this.isDrawingValue = true;
             canvas.focus();
         }, { once: false });
@@ -58034,24 +58203,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
             _this.isDrawingValue = false;
             _this.updateValue();
         }, { once: false });
-        var updateValueHandler = function () {
-            var data = _this.value;
-            canvas.width = _this.signatureWidth || defaultWidth;
-            canvas.height = _this.signatureHeight || defaultHeight;
-            resizeCanvas(canvas);
-            if (!data) {
-                signaturePad.clear();
-            }
-            else {
-                signaturePad.fromDataURL(data);
-            }
-        };
-        updateValueHandler();
+        this.updateValueHandler();
         this.readOnlyChangedCallback();
-        this.signaturePad = signaturePad;
         var propertyChangedHandler = function (sender, options) {
             if (options.name === "signatureWidth" || options.name === "signatureHeight" || options.name === "value") {
-                updateValueHandler();
+                if (!_this.valueIsUpdatingInternally)
+                    _this.updateValueHandler();
             }
         };
         this.onPropertyChanged.add(propertyChangedHandler);
@@ -58110,6 +58267,27 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "containerHeight", {
+        get: function () {
+            return this.signatureHeight || defaultHeight;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "containerWidth", {
+        get: function () {
+            return this.signatureWidth || defaultWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "renderedCanvasWidth", {
+        get: function () {
+            return this.signatureAutoScaleEnabled ? "100%" : this.containerWidth + "px";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "height", {
         //todo: need to remove this property
         get: function () {
@@ -58230,6 +58408,15 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], QuestionSignaturePadModel.prototype, "signatureAutoScaleEnabled", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], QuestionSignaturePadModel.prototype, "penMinWidth", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], QuestionSignaturePadModel.prototype, "penMaxWidth", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({})
     ], QuestionSignaturePadModel.prototype, "showPlaceholder", void 0);
@@ -58258,6 +58445,21 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         category: "general",
         default: 200,
     },
+    {
+        name: "signatureAutoScaleEnabled:boolean",
+        category: "general",
+        default: false,
+    },
+    {
+        name: "penMinWidth:number",
+        category: "general",
+        default: 0.5,
+    },
+    {
+        name: "penMaxWidth:number",
+        category: "general",
+        default: 2.5,
+    },
     //need to remove this property
     {
         name: "height:number",
@@ -58564,7 +58766,6 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
     ], QuestionTagboxModel.prototype, "allowClear", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
-            defaultValue: true,
             onSet: function (newValue, target) {
                 if (!!target.dropdownListModel) {
                     target.dropdownListModel.setSearchEnabled(newValue);
@@ -58585,7 +58786,7 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "choicesLazyLoadEnabled", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 25 })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "choicesLazyLoadPageSize", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ getDefaultValue: function () { return _settings__WEBPACK_IMPORTED_MODULE_5__["settings"].tagboxCloseOnSelect; } })
@@ -59627,6 +59828,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ElementFactory", function() { return ElementFactory; });
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./surveyStrings */ "./src/surveyStrings.ts");
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _question_custom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question_custom */ "./src/question_custom.ts");
+
 
 
 var QuestionFactory = /** @class */ (function () {
@@ -59728,6 +59931,9 @@ var ElementFactory = /** @class */ (function () {
         var creator = this.creatorHash[elementType];
         if (!!creator)
             return creator(name);
+        var compJSON = _question_custom__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.getCustomQuestionByName(elementType);
+        if (!!compJSON)
+            return _question_custom__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.createQuestion(name, compJSON);
         return null;
     };
     ElementFactory.Instance = new ElementFactory();
@@ -60291,7 +60497,7 @@ var SurveyActionBarItem = /** @class */ (function (_super) {
         var title = this.item.tooltip || this.item.title;
         var buttonContent = this.renderButtonContent();
         var tabIndex = this.item.disableTabStop ? -1 : undefined;
-        var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), null, { processEsc: false });
+        var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
         return button;
     };
     return SurveyActionBarItem;
@@ -62627,7 +62833,7 @@ var SvgIcon = /** @class */ (function (_super) {
             className += " " + this.props.className;
         }
         return (this.props.iconName ?
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", { className: className, style: this.props.style, onClick: this.props.onClick, ref: this.svgIconRef, role: "img", "aria-label": this.props.title },
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", { className: className, style: this.props.style, onClick: this.props.onClick, ref: this.svgIconRef, role: "img" },
                 react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("use", null))
             : null);
     };
@@ -63093,7 +63299,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                 dropdownListModel.inputStringRendered = e.target.value;
             }
         };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, 
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
@@ -63106,20 +63312,20 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
             this.createClearButton()));
     };
     SurveyQuestionDropdownBase.prototype.createClearButton = function () {
         if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
             return null;
         var style = { display: !this.question.showClearButton ? "none" : "" };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, tabIndex: this.question.showClearButton ? 0 : -1 },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
         if (!this.question.cssClasses.chevronButtonIconId)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.chevronButton, onPointerDown: this.chevronPointerDown },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
@@ -66095,6 +66301,9 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
     SurveyQuestionCommentItem.prototype.onCommentInput = function (event) {
         this.props.question.onCommentInput(event);
     };
+    SurveyQuestionCommentItem.prototype.onCommentCompositionUpdate = function (event) {
+        this.props.question.onCompositionUpdateComment(event);
+    };
     SurveyQuestionCommentItem.prototype.getComment = function () {
         return this.props.question.comment;
     };
@@ -66121,7 +66330,7 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         if (question.isReadOnlyRenderDiv()) {
             return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, comment);
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, value: comment, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onChange: handleOnChange, onBlur: function (e) { _this.onCommentChange(e); handleOnChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, value: comment, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onChange: handleOnChange, onBlur: function (e) { _this.onCommentChange(e); handleOnChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, onCompositionUpdate: function (e) { return _this.onCommentCompositionUpdate(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
     };
     return SurveyQuestionCommentItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -66137,6 +66346,9 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
     SurveyQuestionOtherValueItem.prototype.onCommentInput = function (event) {
         this.props.question.onOtherValueInput(event);
     };
+    SurveyQuestionOtherValueItem.prototype.onCommentCompositionUpdate = function (event) {
+        this.props.question.onCompositionUpdateOtherValue(event);
+    };
     SurveyQuestionOtherValueItem.prototype.getComment = function () {
         return this.props.question.otherValue;
     };
@@ -67195,7 +67407,7 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
             else {
                 td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this.question.cssClasses.cell },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: row.fullName, value: column.value, disabled: this.isDisplayMode, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": column.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
+                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: row.fullName, value: column.value, disabled: this.isDisplayMode, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml), "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
                             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
                                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.itemSvgIcon })) :
@@ -68744,7 +68956,7 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
         var _this = this;
         var dropdownMultiSelectListModel = dropdownListModel;
         var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, 
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
@@ -69211,7 +69423,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         var _this = this;
         var cssClasses = this.question.cssClasses;
         var clearButton = this.renderCleanButton();
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { height: this.question.signatureHeight, width: this.question.signatureWidth } },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
@@ -69221,7 +69433,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
     SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
         if (!this.question.backgroundImage)
             return null;
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, width: this.question.signatureWidth, height: this.question.signatureHeight });
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
     };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
@@ -69535,7 +69747,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
                     (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.hintSuffix },
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.model.hintStringSuffix))) : null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: this.model.filterReadOnly ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-expanded": this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true", "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }))));
     };
     return TagboxFilterString;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
@@ -70229,6 +70441,11 @@ var settings = {
      * Default value: `"none"`
      */
     noneItemValue: "none",
+    specialChoicesOrder: {
+        selectAllItem: [-1],
+        noneItem: [1],
+        otherItem: [2]
+    },
     /**
      * A list of supported validators by question type.
      */
@@ -72581,16 +72798,16 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdateQuestionCssClasses = _this.addEvent();
         /**
-         * An event that is raised before rendering a standalone panel and panels within [Dynamic Panel](/form-library/examples/duplicate-group-of-fields-in-form/). Use it to override default panel CSS classes.
+         * An event that is raised before rendering a standalone panel and panels within [Dynamic Panel](https://surveyjs.io/form-library/examples/duplicate-group-of-fields-in-form/). Use it to override default panel CSS classes.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdatePanelCssClasses = _this.addEvent();
@@ -72599,7 +72816,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdatePageCssClasses = _this.addEvent();
@@ -72608,7 +72825,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          * @see css
          */
         _this.onUpdateChoiceItemCss = _this.addEvent();
@@ -72700,7 +72917,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onMatrixRowAdding = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onMatrixRowAdding`](/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
+         * This event is obsolete. Use the [`onMatrixRowAdding`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
          */
         _this.onMatrixBeforeRowAdded = _this.onMatrixRowAdding;
         /**
@@ -72720,7 +72937,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onMatrixRenderRemoveButton = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
+         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
          */
         _this.onMatrixAllowRemoveRow = _this.onMatrixRenderRemoveButton;
         /**
@@ -72739,7 +72956,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onAfterRenderMatrixCell = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
+         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
          */
         _this.onMatrixAfterCellRender = _this.onAfterRenderMatrixCell;
         /**
@@ -72797,7 +73014,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          */
         _this.onGetDynamicPanelTabTitle = _this.addEvent();
         /**
@@ -73226,7 +73443,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Gets or sets an object in which keys are UI elements and values are CSS classes applied to them.
          *
-         * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
          */
         get: function () {
             if (!this.cssValue) {
@@ -75886,13 +76103,13 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.setPropertyValue("completedStateText", text);
         if (this.state === "completed" && this.showCompletedPage && !!this.completedState) {
-            this.notify(this.completedStateText, this.completedState, true);
+            this.notify(this.completedStateText, this.completedState, value === "error");
         }
     };
     SurveyModel.prototype.notify = function (message, type, showActions) {
         if (showActions === void 0) { showActions = false; }
         this.notifier.showActions = showActions;
-        this.notifier.notify(message, type, type === "error");
+        this.notifier.notify(message, type, showActions);
     };
     /**
      * Resets the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) and, optionally, [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data). If `state` is `"completed"`, it becomes `"running"`.
@@ -76682,7 +76899,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         else {
             if (this.runningPages) {
-                this.restoreOrigionalPages(this.runningPages);
+                this.restoreOriginalPages(this.runningPages);
             }
             this.runningPages = undefined;
         }
@@ -76710,7 +76927,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return;
         if (this.questionsOnPageMode == "standard" || this.isDesignMode) {
             if (this.origionalPages) {
-                this.restoreOrigionalPages(this.origionalPages);
+                this.restoreOriginalPages(this.origionalPages);
             }
             this.origionalPages = undefined;
         }
@@ -76723,11 +76940,13 @@ var SurveyModel = /** @class */ (function (_super) {
         this.runConditions();
         this.updateVisibleIndexes();
     };
-    SurveyModel.prototype.restoreOrigionalPages = function (originalPages) {
+    SurveyModel.prototype.restoreOriginalPages = function (originalPages) {
         this.questionHashesClear();
         this.pages.splice(0, this.pages.length);
         for (var i = 0; i < originalPages.length; i++) {
-            this.pages.push(originalPages[i]);
+            var page = originalPages[i];
+            page.setWasShown(false);
+            this.pages.push(page);
         }
     };
     SurveyModel.prototype.getPageStartIndex = function () {
@@ -80043,8 +80262,8 @@ var SurveyModel = /** @class */ (function (_super) {
     /**
      * Applies a specified theme to the survey.
      *
-     * [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
-     * @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
+     * [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles (linkStyle))
+     * @param theme An [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme) object with theme settings.
      */
     SurveyModel.prototype.applyTheme = function (theme) {
         var _this = this;