survey-react 1.9.116 → 1.9.118

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.116
+ * surveyjs - Survey JavaScript library v1.9.118
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -112,7 +112,7 @@ return /******/ (function(modules) { // webpackBootstrap
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return SignaturePad; });
 /*!
- * Signature Pad v4.1.6 | https://github.com/szimek/signature_pad
+ * Signature Pad v4.1.7 | https://github.com/szimek/signature_pad
  * (c) 2023 Szymon Nowak | Released under the MIT license
  */
 
@@ -143,14 +143,6 @@ class Point {
 }
 
 class Bezier {
-    constructor(startPoint, control2, control1, endPoint, startWidth, endWidth) {
-        this.startPoint = startPoint;
-        this.control2 = control2;
-        this.control1 = control1;
-        this.endPoint = endPoint;
-        this.startWidth = startWidth;
-        this.endWidth = endWidth;
-    }
     static fromPoints(points, widths) {
         const c2 = this.calculateControlPoints(points[0], points[1], points[2]).c2;
         const c3 = this.calculateControlPoints(points[1], points[2], points[3]).c1;
@@ -176,6 +168,14 @@ class Bezier {
             c2: new Point(m2.x + tx, m2.y + ty),
         };
     }
+    constructor(startPoint, control2, control1, endPoint, startWidth, endWidth) {
+        this.startPoint = startPoint;
+        this.control2 = control2;
+        this.control1 = control1;
+        this.endPoint = endPoint;
+        this.startWidth = startWidth;
+        this.endWidth = endWidth;
+    }
     length() {
         const steps = 10;
         let length = 0;
@@ -266,7 +266,7 @@ class SignaturePad extends SignatureEventTarget {
     constructor(canvas, options = {}) {
         super();
         this.canvas = canvas;
-        this._drawningStroke = false;
+        this._drawingStroke = false;
         this._isEmpty = true;
         this._lastPoints = [];
         this._data = [];
@@ -274,18 +274,14 @@ class SignaturePad extends SignatureEventTarget {
         this._lastWidth = 0;
         this._handleMouseDown = (event) => {
             if (event.buttons === 1) {
-                this._drawningStroke = true;
                 this._strokeBegin(event);
             }
         };
         this._handleMouseMove = (event) => {
-            if (this._drawningStroke) {
-                this._strokeMoveUpdate(event);
-            }
+            this._strokeMoveUpdate(event);
         };
         this._handleMouseUp = (event) => {
-            if (event.buttons === 1 && this._drawningStroke) {
-                this._drawningStroke = false;
+            if (event.buttons === 1) {
                 this._strokeEnd(event);
             }
         };
@@ -316,20 +312,15 @@ class SignaturePad extends SignatureEventTarget {
             }
         };
         this._handlePointerStart = (event) => {
-            this._drawningStroke = true;
             event.preventDefault();
             this._strokeBegin(event);
         };
         this._handlePointerMove = (event) => {
-            if (this._drawningStroke) {
-                event.preventDefault();
-                this._strokeMoveUpdate(event);
-            }
+            this._strokeMoveUpdate(event);
         };
         this._handlePointerEnd = (event) => {
-            if (this._drawningStroke) {
+            if (this._drawingStroke) {
                 event.preventDefault();
-                this._drawningStroke = false;
                 this._strokeEnd(event);
             }
         };
@@ -450,7 +441,11 @@ class SignaturePad extends SignatureEventTarget {
         };
     }
     _strokeBegin(event) {
-        this.dispatchEvent(new CustomEvent('beginStroke', { detail: event }));
+        const cancelled = !this.dispatchEvent(new CustomEvent('beginStroke', { detail: event, cancelable: true }));
+        if (cancelled) {
+            return;
+        }
+        this._drawingStroke = true;
         const pointGroupOptions = this._getPointGroupOptions();
         const newPointGroup = Object.assign(Object.assign({}, pointGroupOptions), { points: [] });
         this._data.push(newPointGroup);
@@ -458,6 +453,9 @@ class SignaturePad extends SignatureEventTarget {
         this._strokeUpdate(event);
     }
     _strokeUpdate(event) {
+        if (!this._drawingStroke) {
+            return;
+        }
         if (this._data.length === 0) {
             this._strokeBegin(event);
             return;
@@ -496,17 +494,21 @@ class SignaturePad extends SignatureEventTarget {
         this.dispatchEvent(new CustomEvent('afterUpdateStroke', { detail: event }));
     }
     _strokeEnd(event) {
+        if (!this._drawingStroke) {
+            return;
+        }
         this._strokeUpdate(event);
+        this._drawingStroke = false;
         this.dispatchEvent(new CustomEvent('endStroke', { detail: event }));
     }
     _handlePointerEvents() {
-        this._drawningStroke = false;
+        this._drawingStroke = false;
         this.canvas.addEventListener('pointerdown', this._handlePointerStart);
         this.canvas.addEventListener('pointermove', this._handlePointerMove);
         this.canvas.ownerDocument.addEventListener('pointerup', this._handlePointerEnd);
     }
     _handleMouseEvents() {
-        this._drawningStroke = false;
+        this._drawingStroke = false;
         this.canvas.addEventListener('mousedown', this._handleMouseDown);
         this.canvas.addEventListener('mousemove', this._handleMouseMove);
         this.canvas.ownerDocument.addEventListener('mouseup', this._handleMouseUp);
@@ -4380,6 +4382,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;
 }());
 
@@ -4816,6 +4822,7 @@ var modernCss = {
     },
     saveData: {
         root: "sv-save-data_root",
+        rootWithButtons: "sv-save-data_root--with-buttons",
         info: "sv-save-data_info",
         error: "sv-save-data_error",
         success: "sv-save-data_success",
@@ -5208,6 +5215,7 @@ var defaultStandardCss = {
     },
     saveData: {
         root: "sv-save-data_root",
+        rootWithButtons: "sv-save-data_root--with-buttons",
         info: "sv-save-data_info",
         error: "sv-save-data_error",
         success: "sv-save-data_success",
@@ -5905,6 +5913,7 @@ var defaultV2Css = {
     },
     saveData: {
         root: "sv-save-data_root",
+        rootWithButtons: "sv-save-data_root--with-buttons",
         info: "sv-save-data_info",
         error: "sv-save-data_error",
         success: "sv-save-data_success",
@@ -6170,7 +6179,10 @@ var DragDropPageHelperV1 = /** @class */ (function () {
             allow: true,
             target: this.dragDropInfo.target,
             source: this.dragDropInfo.source,
+            toElement: this.dragDropInfo.target,
+            draggedElement: this.dragDropInfo.source,
             parent: parent,
+            fromElement: this.dragDropInfo.source ? this.dragDropInfo.source.parent : null,
             insertAfter: insertAfter,
             insertBefore: insertBefore,
         };
@@ -6583,10 +6595,12 @@ var DragDropChoices = /** @class */ (function (_super) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 10000;\n      box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n      background-color: var(--sjs-general-backcolor, var(--background, #fff));\n      padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n      border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n    ";
         var itemValueNode = draggedElementNode.closest("[data-sv-drop-target-item-value]");
-        var controlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
+        this.imagepickerControlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
         var imageContainerNode = itemValueNode.querySelector(".sd-imagepicker__image-container");
         var imageNode = itemValueNode.querySelector(item.imageLink ? "img" : ".sd-imagepicker__no-image").cloneNode(true);
-        controlsNode.style.display = "none";
+        if (!!this.imagepickerControlsNode) {
+            this.imagepickerControlsNode.style.display = "none";
+        }
         imageContainerNode.style.width = imageNode.width + "px";
         imageContainerNode.style.height = imageNode.height + "px";
         imageNode.style.objectFit = "cover";
@@ -6676,6 +6690,10 @@ var DragDropChoices = /** @class */ (function (_super) {
         if (!!this.parentElement) {
             this.updateVisibleChoices(this.parentElement);
         }
+        if (!!this.imagepickerControlsNode) {
+            this.imagepickerControlsNode.style.display = "flex";
+            this.imagepickerControlsNode = null;
+        }
         _super.prototype.clear.call(this);
     };
     DragDropChoices.prototype.updateVisibleChoices = function (parent) {
@@ -8086,13 +8104,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 +8324,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 +9398,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.116";
-ReleaseDate = "" + "2023-11-07";
+Version = "" + "1.9.118";
+ReleaseDate = "" + "2023-11-21";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9415,6 +9443,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 +9453,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 +15682,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 +18565,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") {
@@ -18720,6 +18775,11 @@ var JsonObjectProperty = /** @class */ (function () {
         return ((value === false && (this.type == "boolean" || this.type == "switch")) ||
             value === "" || _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value));
     };
+    JsonObjectProperty.prototype.getSerializableValue = function (obj) {
+        if (!!this.onSerializeValue)
+            return this.onSerializeValue(obj);
+        return this.getValue(obj);
+    };
     JsonObjectProperty.prototype.getValue = function (obj) {
         if (this.onGetValue)
             return this.onGetValue(obj);
@@ -19311,6 +19371,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!!propInfo.baseValue) {
                 prop.setBaseValue(propInfo.baseValue);
             }
+            if (propInfo.onSerializeValue) {
+                prop.onSerializeValue = propInfo.onSerializeValue;
+            }
             if (propInfo.onGetValue) {
                 prop.onGetValue = propInfo.onGetValue;
             }
@@ -20105,7 +20168,7 @@ var JsonObject = /** @class */ (function () {
         if (property.isSerializable === false ||
             (property.isLightSerializable === false && this.lightSerializing))
             return;
-        var value = property.getValue(obj);
+        var value = property.getSerializableValue(obj);
         if (!storeDefaults && property.isDefaultValueByObj(obj, value))
             return;
         if (this.isValueArray(value)) {
@@ -20921,9 +20984,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);
@@ -22488,8 +22548,8 @@ var englishStrings = {
     textMaxLength: "Please enter no more than {0} character(s).",
     textMinMaxLength: "Please enter at least {0} and no more than {1} characters.",
     minRowCountError: "Please fill in at least {0} row(s).",
-    minSelectError: "Please select at least {0} variant(s).",
-    maxSelectError: "Please select no more than {0} variant(s).",
+    minSelectError: "Please select at least {0} option(s).",
+    maxSelectError: "Please select no more than {0} option(s).",
     numericMinMax: "The '{0}' should be at least {1} and at most {2}",
     numericMin: "The '{0}' should be at least {1}",
     numericMax: "The '{0}' should be at most {1}",
@@ -28386,8 +28446,21 @@ var QuestionMatrixBaseModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    //a11y
+    QuestionMatrixBaseModel.prototype.getCellAriaLabel = function (rowTitle, columnTitle) {
+        var row = (this.getLocalizationString("matrix_row") || "row").toLocaleLowerCase();
+        var column = (this.getLocalizationString("matrix_column") || "column").toLocaleLowerCase();
+        return row + " " + rowTitle + ", " + column + " " + columnTitle;
+    };
+    Object.defineProperty(QuestionMatrixBaseModel.prototype, "isNewA11yStructure", {
+        get: function () {
+            return true;
+        },
+        enumerable: false,
+        configurable: true
+    });
     __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"])()
@@ -28565,6 +28638,7 @@ var Notifier = /** @class */ (function (_super) {
     Notifier.prototype.getCssClass = function (type) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.root)
+            .append(this.cssClasses.rootWithButtons, this.actionBar.visibleActions.length > 0)
             .append(this.cssClasses.info, type !== "error" && type !== "success")
             .append(this.cssClasses.error, type === "error")
             .append(this.cssClasses.success, type === "success")
@@ -33694,7 +33768,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             }
             currentElement = currentElement.parentElement;
         }
-        event.preventDefault();
+        if (event.cancelable) {
+            event.preventDefault();
+        }
     };
     PopupBaseViewModel.SubscriptionId = 0;
     __decorate([
@@ -34014,10 +34090,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 +34138,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;
@@ -35478,6 +35552,7 @@ var Question = /** @class */ (function (_super) {
          * @see otherItem
          * @see otherErrorText
          * @see showCommentArea
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
             return this.getPropertyValue("showOtherItem", false);
@@ -35547,6 +35622,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();
     };
@@ -37463,6 +37541,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;
@@ -37643,6 +37723,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * When users select the "None" item in multi-select questions, all other items become unselected.
          * @see noneItem
          * @see noneText
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
             return this.getPropertyValue("showNoneItem");
@@ -38124,6 +38205,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          *
          * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdownrestfull/ (linkStyle))
          * @see choices
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
             return this.getPropertyValue("choicesByUrl");
@@ -38157,6 +38239,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * If you need to specify only the `value` property, you can set the `choices` property to an array of primitive values, for example, `[ "item1", "item2", "item3" ]`. These values are both saved in survey results and used as display text.
          * @see choicesByUrl
          * @see choicesFromQuestion
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
             return this.getPropertyValue("choices");
@@ -38299,6 +38382,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * - `"asc"`- Sorts choice items in ascending order.
          * - `"desc"`- Sorts choice items in ascending order.
          * - `"random"` - Displays choice items in random order.
+         * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
         get: function () {
             return this.getPropertyValue("choicesOrder");
@@ -38442,22 +38526,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()) {
@@ -38689,17 +38802,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;
     };
@@ -39111,18 +39218,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
@@ -39367,7 +39479,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)
@@ -40193,6 +40305,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 ||
@@ -40215,6 +40328,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 /**
  * A class that describes the Checkboxes question type.
  *
@@ -40342,12 +40456,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--;
@@ -40455,12 +40570,14 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
          * @see enabledChoices
          */
         get: function () {
+            var val = this.renderedValue;
+            var visChoices = this.visibleChoices;
+            var selectedItemValues = this.selectedItemValues;
             if (this.isEmpty())
                 return [];
-            var val = this.renderedValue;
-            var allChoices = !!this.defaultSelectedItemValues ? [].concat(this.defaultSelectedItemValues, this.visibleChoices) : this.visibleChoices;
+            var allChoices = !!this.defaultSelectedItemValues ? [].concat(this.defaultSelectedItemValues, visChoices) : visChoices;
             var itemValues = val.map(function (item) { return _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"].getItemByValue(allChoices, item); }).filter(function (item) { return !!item; });
-            if (!itemValues.length && !this.selectedItemValues) {
+            if (!itemValues.length && !selectedItemValues) {
                 this.updateSelectedItemValues();
             }
             return this.validateItemValues(itemValues);
@@ -40640,14 +40757,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)
@@ -41058,7 +41175,7 @@ var QuestionCommentModel = /** @class */ (function (_super) {
         this.updateRemainingCharacterCounter(event.target.value);
     };
     QuestionCommentModel.prototype.onKeyDown = function (event) {
-        this.checkForUndo(event);
+        this.onKeyDownPreprocess && this.onKeyDownPreprocess(event);
         if (!this.acceptCarriageReturn && (event.key === "Enter" || event.keyCode === 13)) {
             event.preventDefault();
             event.stopPropagation();
@@ -41270,6 +41387,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;
@@ -41278,17 +41404,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)
@@ -41556,6 +41691,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;
@@ -41610,6 +41750,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";
@@ -42465,7 +42606,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"])()
@@ -42748,7 +42889,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);
@@ -43175,7 +43316,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
         _this.onUploadStateChanged = _this.addEvent();
         _this.onStateChanged = _this.addEvent();
         _this.fileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
-        _this.actionsContainer = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
         _this.canFlipCameraValue = undefined;
         _this.prevPreviewLength = 0;
         _this.calcAvailableItemsCount = function (availableWidth, itemWidth, gap) {
@@ -43234,6 +43374,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["loadFileFromBase64"])(data.content, data.name);
             }
         };
+        _this.createLocalizableString("takePhotoCaption", _this, false, true);
+        _this.actionsContainer = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
+        _this.actionsContainer.locOwner = _this;
         _this.fileIndexAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "fileIndex",
             title: _this.getFileIndexCaption(),
@@ -43260,7 +43403,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             id: "sv-file-take-picture",
             iconSize: "auto",
             innerCss: new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () { return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(_this.cssClasses.contextButton).append(_this.cssClasses.takePictureButton).toString(); }),
-            title: new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () { return _this.takePhotoCaption; }),
+            locTitle: _this.locTakePhotoCaption,
             showTitle: false,
             action: function () {
                 _this.snapPicture();
@@ -43296,7 +43439,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             iconName: "icon-takepicture_24x24",
             id: "sv-file-start-camera",
             iconSize: "auto",
-            title: new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () { return _this.takePhotoCaption; }),
+            locTitle: _this.locTakePhotoCaption,
             showTitle: new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () { return !_this.isAnswered; }),
             enabledIf: function () { return !_this.isInputReadOnly; },
             action: function () {
@@ -43631,6 +43774,17 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getConfirmRemoveMessage = function (fileName) {
         return this.confirmRemoveMessage.format(fileName);
     };
+    Object.defineProperty(QuestionFileModel.prototype, "takePhotoCaption", {
+        get: function () { return this.getLocalizableStringText("takePhotoCaption"); },
+        set: function (val) { this.setLocalizableStringText("takePhotoCaption", val); },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModel.prototype, "locTakePhotoCaption", {
+        get: function () { return this.getLocalizableString("takePhotoCaption"); },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "locRenderedPlaceholder", {
         get: function () {
             var _this = this;
@@ -44239,9 +44393,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "chooseFileCaption" } })
     ], QuestionFileModel.prototype, "chooseButtonCaption", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "takePhotoCaption" } })
-    ], QuestionFileModel.prototype, "takePhotoCaption", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "replaceFileCaption" } })
     ], QuestionFileModel.prototype, "replaceButtonCaption", void 0);
@@ -44455,7 +44606,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) {
@@ -45215,9 +45375,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();
     };
@@ -46475,7 +46638,19 @@ var MatrixDropdownCell = /** @class */ (function () {
         this.data = data;
         this.questionValue = this.createQuestion(column, row, data);
         this.questionValue.updateCustomWidget();
+        this.updateCellQuestionTitleDueToAccessebility(row);
     }
+    MatrixDropdownCell.prototype.updateCellQuestionTitleDueToAccessebility = function (row) {
+        var _this = this;
+        this.questionValue.locTitle.onGetTextCallback = function (str) {
+            if (!row || !row.getSurvey())
+                return _this.questionValue.title;
+            var rowTitle = row.getAccessbilityText();
+            if (!rowTitle)
+                return _this.questionValue.title;
+            return _this.column.colOwner.getCellAriaLabel(rowTitle, _this.questionValue.title);
+        };
+    };
     MatrixDropdownCell.prototype.locStrsChanged = function () {
         this.question.locStrsChanged();
     };
@@ -46633,6 +46808,13 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixDropdownRowModelBase.prototype, "dataName", {
+        get: function () {
+            return this.rowName;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownRowModelBase.prototype, "text", {
         get: function () {
             return this.rowName;
@@ -46689,6 +46871,9 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownRowModelBase.prototype.getAccessbilityText = function () {
+        return this.locText && this.locText.renderedHtml;
+    };
     Object.defineProperty(MatrixDropdownRowModelBase.prototype, "hasPanel", {
         get: function () {
             if (!this.data)
@@ -48297,7 +48482,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             questionPlainData.isNode = true;
             questionPlainData.data = this.visibleRows.map(function (row) {
                 var rowDataItem = {
-                    name: row.rowName,
+                    name: row.dataName,
                     title: row.text,
                     value: row.value,
                     displayValue: _this.getRowDisplayValue(false, row, row.value),
@@ -48371,6 +48556,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); });
         });
@@ -50109,12 +50296,6 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "headers", {
         get: function () {
             if (this.cell && this.cell.column) {
-                if (this.cell.column.cellHint === " ") {
-                    return "";
-                }
-                if (!!this.cell.column.cellHint) {
-                    return this.cell.column.locCellHint.renderedHtml;
-                }
                 if (this.matrix.IsMultiplyColumn(this.cell.column)) {
                     if (!!this.item) {
                         return this.item.locText.renderedHtml;
@@ -50123,6 +50304,13 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
                         return "";
                     }
                 }
+                var cellHint = this.cell.column.cellHint;
+                if (!!cellHint) {
+                    if (cellHint.trim() === "")
+                        return "";
+                    return this.cell.column.locCellHint.renderedHtml;
+                }
+                return this.cell.column.title;
             }
             if (this.hasQuestion && this.question.isVisible) {
                 return this.question.locTitle.renderedHtml;
@@ -51180,6 +51368,23 @@ var MatrixDynamicRowModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixDynamicRowModel.prototype, "dataName", {
+        get: function () {
+            return "row" + (this.index + 1);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(MatrixDynamicRowModel.prototype, "text", {
+        get: function () {
+            return "row " + (this.index + 1);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MatrixDynamicRowModel.prototype.getAccessbilityText = function () {
+        return (this.index + 1).toString();
+    };
     Object.defineProperty(MatrixDynamicRowModel.prototype, "shortcutText", {
         get: function () {
             var matrix = this.data;
@@ -52042,7 +52247,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) {
@@ -57717,10 +57922,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"])()
@@ -57732,11 +57937,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") {
@@ -57750,13 +57954,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"]));
@@ -58275,13 +58479,13 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionSignaturePadModel.prototype, "signatureAutoScaleEnabled", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 0.5 })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionSignaturePadModel.prototype, "penMinWidth", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 2.5 })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionSignaturePadModel.prototype, "penMaxWidth", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({})
@@ -58632,7 +58836,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);
@@ -58653,7 +58856,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; } })
@@ -58758,7 +58961,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
             _this.updateRemainingCharacterCounter(event.target.value);
         };
         _this.onKeyDown = function (event) {
-            _this.checkForUndo(event);
+            _this.onKeyDownPreprocess && _this.onKeyDownPreprocess(event);
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
             }
@@ -59519,7 +59722,6 @@ var QuestionTextBase = /** @class */ (function (_super) {
     function QuestionTextBase(name) {
         var _this = _super.call(this, name) || this;
         _this.characterCounter = new CharacterCounter();
-        _this.disableNativeUndoRedo = false;
         return _this;
     }
     QuestionTextBase.prototype.isTextValue = function () {
@@ -59645,13 +59847,6 @@ var QuestionTextBase = /** @class */ (function (_super) {
         return val;
     };
     QuestionTextBase.prototype.getValueSeparator = function () { return ", "; };
-    QuestionTextBase.prototype.checkForUndo = function (event) {
-        if (this.disableNativeUndoRedo && this.isInputTextUpdate && (event.ctrlKey || event.metaKey)) {
-            if ([89, 90].indexOf(event.keyCode) !== -1) {
-                event.preventDefault();
-            }
-        }
-    };
     QuestionTextBase.prototype.getControlCssClassBuilder = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.root)
@@ -59695,6 +59890,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 () {
@@ -59796,6 +59993,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();
@@ -62695,7 +62895,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);
     };
@@ -63161,7 +63361,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 },
@@ -63174,20 +63374,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) {
@@ -66098,8 +66298,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
-/* harmony import */ var _components_character_counter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/character-counter */ "./src/react/components/character-counter.tsx");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
+/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
+/* harmony import */ var _components_character_counter__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/character-counter */ "./src/react/components/character-counter.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -66119,6 +66320,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionComment = /** @class */ (function (_super) {
     __extends(SurveyQuestionComment, _super);
     function SurveyQuestionComment(props) {
@@ -66141,7 +66343,7 @@ var SurveyQuestionComment = /** @class */ (function (_super) {
         if (this.question.isReadOnlyRenderDiv()) {
             return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.value);
         }
-        var counter = !!this.question.getMaxLength() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_character_counter__WEBPACK_IMPORTED_MODULE_3__["CharacterCounterComponent"], { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
+        var counter = !!this.question.getMaxLength() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_character_counter__WEBPACK_IMPORTED_MODULE_4__["CharacterCounterComponent"], { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.question.inputId, className: this.question.className, disabled: this.question.isInputReadOnly, readOnly: this.question.isInputReadOnly, ref: function (textarea) { return (_this.setControl(textarea)); }, maxLength: this.question.getMaxLength(), placeholder: placeholder, onBlur: onBlur, onInput: onInput, onKeyDown: function (event) { _this.question.onKeyDown(event); }, cols: this.question.cols, rows: this.question.rows, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy, style: { resize: this.question.resizeStyle } }),
             counter));
@@ -66151,9 +66353,19 @@ var SurveyQuestionComment = /** @class */ (function (_super) {
 
 var SurveyQuestionCommentItem = /** @class */ (function (_super) {
     __extends(SurveyQuestionCommentItem, _super);
-    function SurveyQuestionCommentItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function SurveyQuestionCommentItem(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { comment: _this.getComment() || "" };
+        return _this;
     }
+    SurveyQuestionCommentItem.prototype.getStateComment = function () {
+        var comment = this.getComment();
+        var stateComment = this.state.comment;
+        if (stateComment !== undefined && stateComment.trim() !== comment) {
+            stateComment = comment;
+        }
+        return stateComment !== undefined ? stateComment : comment || "";
+    };
     SurveyQuestionCommentItem.prototype.canRender = function () {
         return !!this.props.question;
     };
@@ -66166,6 +66378,9 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
     SurveyQuestionCommentItem.prototype.getComment = function () {
         return this.props.question.comment;
     };
+    SurveyQuestionCommentItem.prototype.setComment = function (value) {
+        this.props.question.comment = value;
+    };
     SurveyQuestionCommentItem.prototype.getId = function () {
         return this.props.question.commentId;
     };
@@ -66178,14 +66393,12 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         var className = this.props.otherCss || this.cssClasses.comment;
         var handleOnChange = function (event) {
             _this.setState({ comment: event.target.value });
-            _this.onCommentChange(event);
+            // https://github.com/surveyjs/survey-library/issues/7252
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(_this.getComment(), event.target.value, false, true, false)) {
+                _this.setComment(event.target.value);
+            }
         };
-        var questionComment = this.getComment();
-        var stateComment = !!this.state ? this.state.comment : undefined;
-        if (stateComment !== undefined && stateComment.trim() !== questionComment) {
-            stateComment = questionComment;
-        }
-        var comment = stateComment !== undefined ? stateComment : questionComment || "";
+        var comment = this.getStateComment();
         if (question.isReadOnlyRenderDiv()) {
             return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, comment);
         }
@@ -66208,6 +66421,9 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
     SurveyQuestionOtherValueItem.prototype.getComment = function () {
         return this.props.question.otherValue;
     };
+    SurveyQuestionOtherValueItem.prototype.setComment = function (value) {
+        this.props.question.otherValue = value;
+    };
     SurveyQuestionOtherValueItem.prototype.getId = function () {
         return this.props.question.otherId;
     };
@@ -66217,7 +66433,7 @@ var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
     return SurveyQuestionOtherValueItem;
 }(SurveyQuestionCommentItem));
 
-_reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Instance.registerQuestion("comment", function (props) {
+_reactquestion_factory__WEBPACK_IMPORTED_MODULE_3__["ReactQuestionFactory"].Instance.registerQuestion("comment", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionComment, props);
 });
 
@@ -67263,7 +67479,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.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_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 })) :
@@ -68812,7 +69028,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 },
@@ -69603,7 +69819,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"]));
@@ -70297,6 +70513,32 @@ var settings = {
      * Default value: `"none"`
      */
     noneItemValue: "none",
+    /**
+     * An object whose properties specify the order of the special choice items (None, Other, Select All) in select-based questions.
+     *
+     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2] }`
+     *
+     * Use this object to reorder special choices. Each property accepts an array of integer numbers. Negative numbers place a special choice item above regular choice items, positive numbers place it below them. For instance, the code below specifies the following order of choices: None, Select All, regular choices, Other.
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * settings.specialChoicesOrder.noneItem = [-2];
+     * settings.specialChoicesOrder.selectAllItem = [-1];
+     * settings.specialChoicesOrder.otherItem = [1];
+     * ```
+     *
+     * If you want to duplicate a special choice item above and below other choices, add two numbers to the corresponding array:
+     *
+     * ```js
+     * settings.specialChoicesOrder.selectAllItem = [-1, 3] // Displays Select All above and below other choices
+     * ```
+     */
+    specialChoicesOrder: {
+        selectAllItem: [-1],
+        noneItem: [1],
+        otherItem: [2]
+    },
     /**
      * A list of supported validators by question type.
      */
@@ -71219,9 +71461,7 @@ var SurveyElement = /** @class */ (function (_super) {
          * @see isExpanded
          */
         get: function () {
-            if (this.isDesignMode)
-                return;
-            return this.state === "collapsed";
+            return this.state === "collapsed" && !this.isDesignMode;
         },
         enumerable: false,
         configurable: true
@@ -75954,13 +76194,23 @@ 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");
         }
     };
+    /**
+     * Displays a toast notification with a specified message.
+     *
+     * Depending on the `type` argument, a survey can display the following notification types:
+     *
+     * ![Toast notification types in SurveyJS Form Library](https://surveyjs.io//Content/Images/docs/notification-types.png)
+     * @param message A message to display.
+     * @param type A notification type: `"info"` (default), `"success"`, or `"error"`.
+     * @param showActions For internal use.
+     */
     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"`.
@@ -76750,7 +77000,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         else {
             if (this.runningPages) {
-                this.restoreOrigionalPages(this.runningPages);
+                this.restoreOriginalPages(this.runningPages);
             }
             this.runningPages = undefined;
         }
@@ -76777,25 +77027,27 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this.isShowingPreview)
             return;
         if (this.questionsOnPageMode == "standard" || this.isDesignMode) {
-            if (this.origionalPages) {
-                this.restoreOrigionalPages(this.origionalPages);
+            if (this.originalPages) {
+                this.restoreOriginalPages(this.originalPages);
             }
-            this.origionalPages = undefined;
+            this.originalPages = undefined;
         }
         else {
             if (!oldValue || oldValue == "standard") {
-                this.origionalPages = this.pages.slice(0, this.pages.length);
+                this.originalPages = this.pages.slice(0, this.pages.length);
             }
             this.setupPagesForPageModes(this.isSinglePage);
         }
         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 () {
@@ -80339,7 +80591,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         className: "htmlconditionitem", isArray: true
     },
     { name: "loadingHtml:html", serializationProperty: "locLoadingHtml" },
-    { name: "pages:surveypages", className: "page", isArray: true },
+    { name: "pages:surveypages", className: "page", isArray: true, onSerializeValue: function (obj) { return obj.originalPages || obj.pages; } },
     {
         name: "elements",
         alternativeName: "questions",
@@ -82782,19 +83034,36 @@ var ResponsivityManager = /** @class */ (function () {
         configurable: true
     });
     ResponsivityManager.prototype.process = function () {
-        var _a;
+        var _this = this;
         if (this.isContainerVisible && !this.model.isResponsivenessDisabled) {
             if (!this.isInitialized) {
                 this.model.setActionsMode("large");
-                this.calcItemsSizes();
-                this.isInitialized = true;
+                var recalcItemSizes = function () {
+                    _this.calcItemsSizes();
+                    _this.isInitialized = true;
+                };
+                if (queueMicrotask) {
+                    queueMicrotask(recalcItemSizes);
+                }
+                else {
+                    recalcItemSizes();
+                }
             }
-            var dotsItemSize = this.dotsItemSize;
-            if (!this.dotsItemSize) {
-                var dotsItemElement = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector(".sv-dots");
-                dotsItemSize = dotsItemElement && this.calcItemSize(dotsItemElement) || this.dotsSizeConst;
+            var processResponsiveness = 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");
+                    dotsItemSize = dotsItemElement && _this.calcItemSize(dotsItemElement) || _this.dotsSizeConst;
+                }
+                _this.model.fit(_this.getAvailableSpace(), dotsItemSize);
+            };
+            if (queueMicrotask) {
+                queueMicrotask(processResponsiveness);
+            }
+            else {
+                processResponsiveness();
             }
-            this.model.fit(this.getAvailableSpace(), dotsItemSize);
         }
     };
     ResponsivityManager.prototype.dispose = function () {
@@ -83216,6 +83485,9 @@ function findParentByClassNames(element, classNames) {
 function sanitizeEditableContent(element) {
     if (window.getSelection && document.createRange && element.childNodes.length > 0) {
         var selection = document.getSelection();
+        if (selection.rangeCount == 0) {
+            return;
+        }
         var range = selection.getRangeAt(0);
         range.setStart(range.endContainer, range.endOffset);
         range.setEndAfter(element.lastChild);