survey-core 1.9.117 → 1.9.118

package/survey.core.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) {
@@ -9273,8 +9287,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
@@ -17592,6 +17606,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);
@@ -18183,6 +18202,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;
             }
@@ -18977,7 +18999,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)) {
@@ -20224,8 +20246,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}",
@@ -20677,9 +20699,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);
@@ -20859,6 +20891,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")
@@ -25887,16 +25920,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) {
@@ -26424,6 +26447,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);
@@ -28594,6 +28618,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");
@@ -29075,6 +29100,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");
@@ -29108,6 +29134,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");
@@ -29250,6 +29277,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");
@@ -29774,16 +29802,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) {
@@ -31447,12 +31465,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);
@@ -32050,7 +32070,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();
@@ -34191,7 +34211,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) {
@@ -34250,6 +34269,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(),
@@ -34276,7 +34298,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();
@@ -34312,7 +34334,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 () {
@@ -34647,6 +34669,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;
@@ -35255,9 +35288,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);
@@ -37503,7 +37533,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();
     };
@@ -37661,6 +37703,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;
@@ -37717,6 +37766,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)
@@ -39325,7 +39377,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),
@@ -41139,12 +41191,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;
@@ -41153,6 +41199,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;
@@ -42210,6 +42263,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;
@@ -49786,7 +49856,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;
             }
@@ -50547,7 +50617,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 () {
@@ -50673,13 +50742,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)
@@ -51571,6 +51633,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],
@@ -52498,9 +52581,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
@@ -57236,6 +57317,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;
@@ -58056,14 +58147,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);
         }
@@ -61620,7 +61711,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",
@@ -64063,19 +64154,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 () {
@@ -64497,6 +64605,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);