survey-react 1.9.117 → 1.9.118

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.117
+ * 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);
@@ -4820,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",
@@ -5212,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",
@@ -5909,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",
@@ -6174,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,
         };
@@ -6587,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";
@@ -6680,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) {
@@ -9384,8 +9398,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.117";
-ReleaseDate = "" + "2023-11-14";
+Version = "" + "1.9.118";
+ReleaseDate = "" + "2023-11-21";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -18761,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);
@@ -19352,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;
             }
@@ -20146,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)) {
@@ -22526,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}",
@@ -28424,9 +28446,19 @@ var QuestionMatrixBaseModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    //a11y
     QuestionMatrixBaseModel.prototype.getCellAriaLabel = function (rowTitle, columnTitle) {
-        return "row " + rowTitle + ", column " + 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"])()
     ], QuestionMatrixBaseModel.prototype, "verticalAlign", void 0);
@@ -28606,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")
@@ -34992,16 +35025,6 @@ 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) {
@@ -35529,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);
@@ -37699,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");
@@ -38180,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");
@@ -38213,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");
@@ -38355,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");
@@ -38879,16 +38907,6 @@ 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) {
@@ -40552,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);
@@ -41155,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();
@@ -43296,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) {
@@ -43355,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(),
@@ -43381,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();
@@ -43417,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 () {
@@ -43752,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;
@@ -44360,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);
@@ -46608,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();
     };
@@ -46766,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;
@@ -46822,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)
@@ -48430,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),
@@ -50244,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;
@@ -50258,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;
@@ -51315,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;
@@ -58891,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;
             }
@@ -59652,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 () {
@@ -59778,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)
@@ -66236,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 ||
@@ -66257,6 +66320,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionComment = /** @class */ (function (_super) {
     __extends(SurveyQuestionComment, _super);
     function SurveyQuestionComment(props) {
@@ -66279,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));
@@ -66289,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;
     };
@@ -66301,12 +66375,12 @@ 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;
     };
+    SurveyQuestionCommentItem.prototype.setComment = function (value) {
+        this.props.question.comment = value;
+    };
     SurveyQuestionCommentItem.prototype.getId = function () {
         return this.props.question.commentId;
     };
@@ -66319,18 +66393,16 @@ 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);
         }
-        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 (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 SurveyQuestionCommentItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -66346,12 +66418,12 @@ 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;
     };
+    SurveyQuestionOtherValueItem.prototype.setComment = function (value) {
+        this.props.question.otherValue = value;
+    };
     SurveyQuestionOtherValueItem.prototype.getId = function () {
         return this.props.question.otherId;
     };
@@ -66361,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);
 });
 
@@ -67407,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": 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"]("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 })) :
@@ -70441,6 +70513,27 @@ 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],
@@ -71368,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
@@ -76106,6 +76197,16 @@ var SurveyModel = /** @class */ (function (_super) {
             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;
@@ -76926,14 +77027,14 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this.isShowingPreview)
             return;
         if (this.questionsOnPageMode == "standard" || this.isDesignMode) {
-            if (this.origionalPages) {
-                this.restoreOriginalPages(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);
         }
@@ -80490,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",
@@ -82933,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 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);
             }
-            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;
+            else {
+                processResponsiveness();
             }
-            this.model.fit(this.getAvailableSpace(), dotsItemSize);
         }
     };
     ResponsivityManager.prototype.dispose = function () {
@@ -83367,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);