survey-core 1.9.117 → 1.9.119

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.117
+ * surveyjs - Survey JavaScript library v1.9.119
  * 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);
@@ -2135,7 +2137,7 @@ var Base = /** @class */ (function () {
     Base.prototype.resetPropertyValue = function (name) {
         var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
         if (locStr) {
-            locStr.clearLocale();
+            locStr.clear();
         }
         else {
             this.setPropertyValue(name, undefined);
@@ -3967,7 +3969,20 @@ var ProcessValue = /** @class */ (function () {
         return res;
     };
     ProcessValue.prototype.getNonNestedObject = function (obj, text, createPath) {
-        var curName = this.getFirstPropertyName(text, obj, createPath);
+        var checkedKeys = new Array();
+        var len = 0;
+        var res = this.getNonNestedObjectCore(obj, text, createPath, checkedKeys);
+        while (!res && len < checkedKeys.length) {
+            len = checkedKeys.length;
+            res = this.getNonNestedObjectCore(obj, text, createPath, checkedKeys);
+        }
+        return res;
+    };
+    ProcessValue.prototype.getNonNestedObjectCore = function (obj, text, createPath, checkedKeys) {
+        var curName = this.getFirstPropertyName(text, obj, createPath, checkedKeys);
+        if (!!curName) {
+            checkedKeys.push(curName);
+        }
         var path = !!curName ? [curName] : null;
         while (text != curName && !!obj) {
             var isArray = text[0] == "[";
@@ -3990,7 +4005,7 @@ var ProcessValue = /** @class */ (function () {
             if (!!text && text[0] == ".") {
                 text = text.substring(1);
             }
-            curName = this.getFirstPropertyName(text, obj, createPath);
+            curName = this.getFirstPropertyName(text, obj, createPath, checkedKeys);
             if (!!curName) {
                 path.push(curName);
             }
@@ -4012,8 +4027,9 @@ var ProcessValue = /** @class */ (function () {
             return null;
         return { value: curValue[index], text: text, index: index };
     };
-    ProcessValue.prototype.getFirstPropertyName = function (name, obj, createProp) {
+    ProcessValue.prototype.getFirstPropertyName = function (name, obj, createProp, checkedKeys) {
         if (createProp === void 0) { createProp = false; }
+        if (checkedKeys === void 0) { checkedKeys = undefined; }
         if (!name)
             return name;
         if (!obj)
@@ -4024,6 +4040,8 @@ var ProcessValue = /** @class */ (function () {
         var A = nameInLow[0];
         var a = A.toUpperCase();
         for (var key in obj) {
+            if (Array.isArray(checkedKeys) && checkedKeys.indexOf(key) > -1)
+                continue;
             var first = key[0];
             if (first === a || first === A) {
                 var keyName = key.toLowerCase();
@@ -4820,6 +4838,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 +5231,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",
@@ -5361,7 +5381,8 @@ var defaultV2Css = {
         nested: "sd-element--nested sd-element--nested-with-borders",
         invisible: "sd-element--invisible",
         navigationButton: "",
-        compact: "sd-element--with-frame sd-element--compact"
+        compact: "sd-element--with-frame sd-element--compact",
+        errorsContainer: "sd-panel__errbox sd-element__erbox sd-element__erbox--above-element"
     },
     paneldynamic: {
         mainRoot: "sd-element  sd-question sd-question--paneldynamic sd-element--complex sd-question--complex sd-row__question",
@@ -5427,7 +5448,8 @@ var defaultV2Css = {
         root: "sd-page sd-body__page",
         emptyHeaderRoot: "sd-page__empty-header",
         title: "sd-title sd-page__title",
-        description: "sd-description sd-page__description"
+        description: "sd-description sd-page__description",
+        errorsContainer: "sd-page__errbox"
     },
     pageTitle: "sd-title sd-page__title",
     pageDescription: "sd-description sd-page__description",
@@ -5482,6 +5504,9 @@ var defaultV2Css = {
         invisible: "sd-element--invisible",
         composite: "sd-element--complex",
         disabled: "sd-question--disabled",
+        errorsContainer: "sd-element__erbox sd-question__erbox",
+        errorsContainerTop: "sd-element__erbox--above-element sd-question__erbox--above-question",
+        errorsContainerBottom: "sd-question__erbox--below-question"
     },
     image: {
         mainRoot: "sd-question sd-question--image",
@@ -5498,14 +5523,11 @@ var defaultV2Css = {
         withFrame: ""
     },
     error: {
-        root: "sd-question__erbox",
+        root: "sd-error",
         icon: "",
         item: "",
-        outsideQuestion: "sd-question__erbox--outside-question",
-        aboveQuestion: "sd-question__erbox--above-question",
-        belowQuestion: "sd-question__erbox--below-question",
-        locationTop: "sd-question__erbox--location--top",
-        locationBottom: "sd-question__erbox--location--bottom"
+        locationTop: "",
+        locationBottom: ""
     },
     checkbox: {
         root: "sd-selectbase",
@@ -5724,6 +5746,8 @@ var defaultV2Css = {
         rowHasEndActions: "sd-table__row--has-end-actions",
         headerCell: "sd-table__cell sd-table__cell--header",
         rowTextCell: "sd-table__cell sd-table__cell--row-text",
+        footerCell: "sd-table__cell sd-table__cell--footer",
+        footerTotalCell: "sd-table__cell sd-table__cell--footer-total",
         columnTitleCell: "sd-table__cell--column-title",
         cellRequiredText: "sd-question__required-text",
         detailButton: "sd-table__cell--detail-button",
@@ -5759,6 +5783,7 @@ var defaultV2Css = {
         itemCell: "sd-table__cell--item",
         headerCell: "sd-table__cell sd-table__cell--header",
         rowTextCell: "sd-table__cell sd-table__cell--row-text",
+        footerCell: "sd-table__cell sd-table__cell--footer",
         columnTitleCell: "sd-table__cell--column-title",
         cellRequiredText: "sd-question__required-text",
         button: "sd-action sd-matrixdynamic__btn",
@@ -5909,6 +5934,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 +6200,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 +6616,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 +6711,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 +9308,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.117";
-ReleaseDate = "" + "2023-11-14";
+Version = "" + "1.9.119";
+ReleaseDate = "" + "2023-11-28";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -15531,7 +15566,7 @@ var Cover = /** @class */ (function (_super) {
 
 _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("cover", [
     { name: "height:number", minValue: 0, default: 256 },
-    { name: "inheritWidthFrom", default: "survey" },
+    { name: "inheritWidthFrom", default: "container" },
     { name: "textAreaWidth:number", minValue: 0, default: 512 },
     { name: "textGlowEnabled:boolean" },
     { name: "overlapEnabled:boolean" },
@@ -17592,6 +17627,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 +18223,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 +19020,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 +20267,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}",
@@ -20234,6 +20277,7 @@ var englishStrings = {
     urlRequestError: "The request returned error '{0}'. {1}",
     urlGetChoicesError: "The request returned empty data or the 'path' property is incorrect",
     exceedMaxSize: "The file size should not exceed {0}.",
+    noUploadFilesHandler: "Files cannot be uploaded. Please add a handler for the 'onUploadFiles' event.",
     otherRequiredError: "Response required: enter another value.",
     uploadingFile: "Your file is uploading. Please wait several seconds and try again.",
     loadingFile: "Loading...",
@@ -20677,9 +20721,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 +20913,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")
@@ -21110,8 +21165,9 @@ var PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     PageModel.prototype.calcCssClasses = function (css) {
-        var classes = { page: {}, pageTitle: "", pageDescription: "", row: "", rowMultiple: "", pageRow: "", rowCompact: "" };
+        var classes = { page: {}, error: {}, pageTitle: "", pageDescription: "", row: "", rowMultiple: "", pageRow: "", rowCompact: "" };
         this.copyCssClasses(classes.page, css.page);
+        this.copyCssClasses(classes.error, css.error);
         if (!!css.pageTitle) {
             classes.pageTitle = css.pageTitle;
         }
@@ -21159,6 +21215,11 @@ var PageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    PageModel.prototype.getCssError = function (cssClasses) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
+            .append(_super.prototype.getCssError.call(this, cssClasses))
+            .append(cssClasses.page.errorsContainer).toString();
+    };
     Object.defineProperty(PageModel.prototype, "navigationButtonsVisibility", {
         /**
          * Set this property to "hide" to make "Prev", "Next" and "Complete" buttons are invisible for this page. Set this property to "show" to make these buttons visible, even if survey showNavigationButtons property is false.
@@ -21655,7 +21716,7 @@ var PanelModelBase = /** @class */ (function (_super) {
     Object.defineProperty(PanelModelBase.prototype, "hasTitle", {
         get: function () {
             return ((this.canShowTitle() && this.locTitle.textOrHtml.length > 0) ||
-                (this.showTitle && this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles));
+                (this.isDesignMode && (this.showTitle && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].designMode.showEmptyTitles)));
         },
         enumerable: false,
         configurable: true
@@ -23003,6 +23064,16 @@ var PanelModelBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PanelModelBase.prototype, "cssError", {
+        get: function () {
+            return this.getCssError(this.cssClasses);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PanelModelBase.prototype.getCssError = function (cssClasses) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]().append(cssClasses.error.root).toString();
+    };
     PanelModelBase.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
         if (this.rows) {
@@ -23201,11 +23272,17 @@ var PanelModel = /** @class */ (function (_super) {
     PanelModel.prototype.setNo = function (visibleIndex) {
         this.setPropertyValue("no", _helpers__WEBPACK_IMPORTED_MODULE_1__["Helpers"].getNumberByIndex(this.visibleIndex, this.getStartIndex()));
     };
+    PanelModel.prototype.notifyStateChanged = function () {
+        if (!this.isLoadingFromJson) {
+            this.locTitle.strChanged();
+        }
+        _super.prototype.notifyStateChanged.call(this);
+    };
     PanelModel.prototype.createLocTitleProperty = function () {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.onGetTextCallback = function (text) {
-            if (!text && (_this.isExpanded || _this.isCollapsed)) {
+            if (!text && (_this.state !== "default")) {
                 text = _this.name;
             }
             return text;
@@ -23378,26 +23455,17 @@ var PanelModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(PanelModel.prototype, "cssError", {
-        get: function () {
-            return this.getCssError(this.cssClasses);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(PanelModel.prototype, "showErrorsAbovePanel", {
         get: function () {
-            return this.isDefaultV2Theme;
+            return this.isDefaultV2Theme && !this.showPanelAsPage;
         },
         enumerable: false,
         configurable: true
     });
     PanelModel.prototype.getCssError = function (cssClasses) {
-        var isDefaultV2Theme = this.isDefaultV2Theme;
         var builder = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
-            .append(this.cssClasses.error.root)
-            .append(this.cssClasses.error.outsideQuestion, isDefaultV2Theme)
-            .append(this.cssClasses.error.aboveQuestion, isDefaultV2Theme);
+            .append(_super.prototype.getCssError.call(this, cssClasses))
+            .append(cssClasses.panel.errorsContainer);
         return builder.append("panel-error-root", builder.isEmpty()).toString();
     };
     PanelModel.prototype.onVisibleChanged = function () {
@@ -23418,16 +23486,23 @@ var PanelModel = /** @class */ (function (_super) {
         this.survey.whenPanelFocusIn(this);
     };
     PanelModel.prototype.getHasFrameV2 = function () {
-        return _super.prototype.getHasFrameV2.call(this) && (!this.originalPage || this.survey.isShowingPreview);
+        return _super.prototype.getHasFrameV2.call(this) && !this.showPanelAsPage;
     };
     PanelModel.prototype.getIsNested = function () {
         return _super.prototype.getIsNested.call(this) && this.parent !== undefined;
     };
+    Object.defineProperty(PanelModel.prototype, "showPanelAsPage", {
+        get: function () {
+            return !!this.originalPage && !this.survey.isShowingPreview;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PanelModel.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
             .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(cssClasses.container)
-            .append(cssClasses.asPage, !!this.originalPage && !this.survey.isShowingPreview)
+            .append(cssClasses.asPage, this.showPanelAsPage)
             .append(cssClasses.invisible, !this.isDesignMode && this.areInvisibleElementsShowing && !this.visible)
             .toString();
     };
@@ -25887,16 +25962,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) {
@@ -26160,9 +26225,9 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getCssError = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(cssClasses.error.root)
-            .append(cssClasses.error.outsideQuestion, this.showErrorsBelowQuestion || this.showErrorsAboveQuestion)
-            .append(cssClasses.error.belowQuestion, this.showErrorsBelowQuestion)
-            .append(cssClasses.error.aboveQuestion, this.showErrorsAboveQuestion)
+            .append(cssClasses.errorsContainer, this.showErrorsBelowQuestion || this.showErrorsAboveQuestion)
+            .append(cssClasses.errorsContainerTop, this.showErrorsAboveQuestion)
+            .append(cssClasses.errorsContainerBottom, this.showErrorsBelowQuestion)
             .append(cssClasses.error.locationTop, this.showErrorOnTop)
             .append(cssClasses.error.locationBottom, this.showErrorOnBottom)
             .toString();
@@ -26424,6 +26489,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);
@@ -26888,6 +26954,8 @@ var Question = /** @class */ (function (_super) {
          * - `{row.other_question_name}` (to access questions inside the same dynamic matrix or multi-column dropdown)
          *
          * An expression can also include built-in and custom functions for advanced calculations. For example, if the `defaultValue` should be today's date, set the `defaultValueExpression` to `"today()"`, and the corresponding built-in function will be executed each time the survey is loaded. Refer to the following help topic for more information: [Built-In Functions](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#built-in-functions).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/specify-default-question-value-dynamically (linkStyle))
          * @see defaultValue
          * @see setValueExpression
          */
@@ -27593,7 +27661,7 @@ var Question = /** @class */ (function (_super) {
             });
         }
         else {
-            this.updateValueFromSurveyCore(newValue, isEmpty);
+            this.updateValueFromSurveyCore(newValue, this.data !== this.getSurvey());
         }
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -28594,6 +28662,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 +29144,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 +29178,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 +29321,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 +29846,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 +31509,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 +32114,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 +34255,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 +34313,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 +34342,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 +34378,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 +34713,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;
@@ -34884,14 +34961,22 @@ var QuestionFileModel = /** @class */ (function (_super) {
             }
             else {
                 if (_this.survey) {
-                    _this.survey.uploadFiles(_this, _this.name, files, function (status, data) {
-                        if (status === "error") {
-                            _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](data, _this));
-                            _this.stateChanged("error");
-                            _this.stateChanged("loaded");
+                    _this.survey.uploadFiles(_this, _this.name, files, function (arg1, arg2) {
+                        if (Array.isArray(arg1)) {
+                            _this.value = (_this.value || []).concat(arg1.map(function (r) {
+                                return {
+                                    name: r.file.name,
+                                    type: r.file.type,
+                                    content: r.content,
+                                };
+                            }));
+                            if (Array.isArray(arg2)) {
+                                arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
+                                _this.stateChanged("error");
+                            }
                         }
-                        if (status === "success") {
-                            _this.value = (_this.value || []).concat(data.map(function (r) {
+                        if (arg1 === "success" && Array.isArray(arg2)) {
+                            _this.value = (_this.value || []).concat(arg2.map(function (r) {
                                 return {
                                     name: r.file.name,
                                     type: r.file.type,
@@ -34899,6 +34984,16 @@ var QuestionFileModel = /** @class */ (function (_super) {
                                 };
                             }));
                         }
+                        if (arg1 === "error") {
+                            if (typeof (arg2) === "string") {
+                                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](arg2, _this));
+                            }
+                            if (Array.isArray(arg2) && arg2.length > 0) {
+                                arg2.forEach(function (error) { return _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](error, _this)); });
+                            }
+                            _this.stateChanged("error");
+                        }
+                        _this.stateChanged("loaded");
                     });
                 }
             }
@@ -35255,9 +35350,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 +37595,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 +37765,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 +37828,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 +39439,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),
@@ -39886,6 +40000,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             this.onCreateDetailPanelCallback(row, panel);
         }
         panel.questions.forEach(function (q) { return q.setParentQuestion(_this); });
+        panel.onSurveyLoad();
         return panel;
     };
     QuestionMatrixDropdownModelBase.prototype.getSharedQuestionByName = function (columnName, row) {
@@ -41139,12 +41254,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 +41262,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;
@@ -41580,7 +41696,10 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
             this.footerRow.cells.push(this.createHeaderCell(null, "action"));
         }
         if (this.matrix.hasRowText) {
-            this.footerRow.cells.push(this.createTextCell(this.matrix.getFooterText()));
+            var cell_1 = this.createTextCell(this.matrix.getFooterText());
+            cell_1.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(cell_1.className)
+                .append(this.cssClasses.footerTotalCell).toString();
+            this.footerRow.cells.push(cell_1);
         }
         var cells = this.matrix.visibleTotalRow.cells;
         for (var i = 0; i < cells.length; i++) {
@@ -41595,6 +41714,8 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
                 if (cell.column) {
                     this.setHeaderCellWidth(cell.column, editCell);
                 }
+                editCell.className = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(editCell.className)
+                    .append(this.cssClasses.footerCell).toString();
                 this.footerRow.cells.push(editCell);
             }
         }
@@ -42210,6 +42331,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;
@@ -47931,6 +48069,15 @@ var RenderedRatingItem = /** @class */ (function (_super) {
     return RenderedRatingItem;
 }(_base__WEBPACK_IMPORTED_MODULE_7__["Base"]));
 
+var RatingItemValue = /** @class */ (function (_super) {
+    __extends(RatingItemValue, _super);
+    function RatingItemValue(value, description) {
+        var _this = _super.call(this, value) || this;
+        _this.description = description;
+        return _this;
+    }
+    return RatingItemValue;
+}(_itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"]));
 /**
  * A class that describes the Rating Scale question type.
  *
@@ -48225,18 +48372,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             rateValues = this.rateValues;
         }
         else {
-            var res = [];
-            var value = this.rateMin;
-            var step = this.rateStep;
-            while (value <= this.rateMax &&
-                res.length < _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].ratingMaximumRateValueCount) {
-                var item = new _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"](value);
-                item.locOwner = this;
-                item.ownerPropertyName = "rateValues";
-                res.push(item);
-                value = this.correctValue(value + step, step);
-            }
-            rateValues = res;
+            rateValues = this.createRateValues();
         }
         if (this.rateType == "smileys" && rateValues.length > 10)
             rateValues = rateValues.slice(0, 10);
@@ -48253,6 +48389,27 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             return renderedItem;
         });
     };
+    QuestionRatingModel.prototype.createRateValues = function () {
+        var res = [];
+        var value = this.rateMin;
+        var step = this.rateStep;
+        while (value <= this.rateMax &&
+            res.length < _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].ratingMaximumRateValueCount) {
+            var description = void 0;
+            if (value === this.rateMin) {
+                description = this.minRateDescription && this.locMinRateDescription;
+            }
+            if (value === this.rateMax || res.length === _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].ratingMaximumRateValueCount) {
+                description = this.maxRateDescription && this.locMaxRateDescription;
+            }
+            var item = new RatingItemValue(value, description);
+            item.locOwner = this;
+            item.ownerPropertyName = "rateValues";
+            res.push(item);
+            value = this.correctValue(value + step, step);
+        }
+        return res;
+    };
     QuestionRatingModel.prototype.correctValue = function (value, step) {
         if (!value)
             return value;
@@ -48375,7 +48532,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     });
     QuestionRatingModel.prototype.getDefaultItemComponent = function () {
         if (this.renderAs == "dropdown")
-            return "";
+            return "sv-rating-dropdown-item";
         if (this.isStar)
             return "sv-rating-item-star";
         if (this.isSmiley)
@@ -49786,7 +49943,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 +50704,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 +50829,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 +51720,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 +52668,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
@@ -54220,7 +54388,8 @@ var SurveyModel = /** @class */ (function (_super) {
          * Specifies whether to hide validation errors thrown by the Required validation in the UI.
          *
          * [Built-In Client-Side Validators](https://surveyjs.io/form-library/documentation/data-validation#built-in-client-side-validators (linkStyle))
-         * @see ignoreValidation
+         * @see validationEnabled
+         * @see validationAllowSwitchPages
          */
         _this.hideRequiredErrors = false;
         //#endregion
@@ -54229,15 +54398,27 @@ var SurveyModel = /** @class */ (function (_super) {
         _this._isCompact = false;
         _this._isDesignMode = false;
         /**
-         * Specifies whether to skip validation when you switch between pages or complete the survey programmatically or when users do that in the UI.
+         * Specifies whether data validation is enabled.
          *
-         * Default value: `false`
+         * Default value: `true`
+         * @see checkErrorsMode
          * @see hideRequiredErrors
-         * @see nextPage
-         * @see isPrevPage
-         * @see completeLastPage
          */
-        _this.ignoreValidation = false;
+        _this.validationEnabled = true;
+        /**
+         * Specifies whether respondents can switch the current page even if it contains validation errors.
+         *
+         * Default value: `false`
+         * @see checkErrorsMode
+         */
+        _this.validationAllowSwitchPages = false;
+        /**
+         * Specifies whether respondents can end a survey with validation errors.
+         *
+         * Default value: `false`
+         * @see checkErrorsMode
+         */
+        _this.validationAllowComplete = false;
         _this.isNavigationButtonPressed = false;
         _this.mouseDownPage = null;
         _this.isCalculatingProgressText = false;
@@ -54671,6 +54852,17 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.insertAdvancedHeader = function (advHeader) {
+        advHeader.survey = this;
+        this.layoutElements.push({
+            id: "advanced-header",
+            container: "header",
+            component: "sv-header",
+            index: -100,
+            data: advHeader,
+            processResponsiveness: function (width) { return advHeader.processResponsiveness(width); }
+        });
+    };
     SurveyModel.prototype.getNavigationCss = function (main, btn) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]().append(main)
             .append(btn).toString();
@@ -55205,6 +55397,10 @@ var SurveyModel = /** @class */ (function (_super) {
          * - `"onComplete"` - Triggers validation when a user clicks the Complete button. If previous pages contain errors, the survey switches to the page with the first error.
          *
          * Refer to the following help topic for more information: [Data Validation](https://surveyjs.io/form-library/documentation/data-validation).
+         * @see validationEnabled
+         * @see validationAllowSwitchPages
+         * @see validationAllowComplete
+         * @see validate
          */
         get: function () {
             return this.getPropertyValue("checkErrorsMode");
@@ -57236,6 +57432,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;
@@ -57525,6 +57731,15 @@ var SurveyModel = /** @class */ (function (_super) {
             return;
         document.cookie = this.cookieName + "=;";
     };
+    Object.defineProperty(SurveyModel.prototype, "ignoreValidation", {
+        /**
+         * This property is obsolete. Use the [`validationEnabled`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#validationEnabled) property instead.
+         */
+        get: function () { return !this.validationEnabled; },
+        set: function (val) { this.validationEnabled = !val; },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Switches the survey to the next page.
      *
@@ -57541,19 +57756,20 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.hasErrorsOnNavigate = function (doComplete) {
         var _this = this;
-        if (this.ignoreValidation || !this.isEditMode)
+        if (!this.isEditMode || this.ignoreValidation)
             return false;
+        var skipValidation = doComplete && this.validationAllowComplete || !doComplete && this.validationAllowSwitchPages;
         var func = function (hasErrors) {
-            if (!hasErrors) {
+            if (!hasErrors || skipValidation) {
                 _this.doCurrentPageCompleteCore(doComplete);
             }
         };
         if (this.isValidateOnComplete) {
             if (!this.isLastPage)
                 return false;
-            return this.validate(true, true, func) !== true;
+            return this.validate(true, true, func) !== true && !skipValidation;
         }
-        return this.validateCurrentPage(func) !== true;
+        return this.validateCurrentPage(func) !== true && !skipValidation;
     };
     SurveyModel.prototype.checkForAsyncQuestionValidation = function (questions, func) {
         var _this = this;
@@ -58056,14 +58272,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);
         }
@@ -58913,7 +59129,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "isValidateOnComplete", {
         get: function () {
-            return this.checkErrorsMode === "onComplete";
+            return this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages && !this.validationAllowComplete;
         },
         enumerable: false,
         configurable: true
@@ -59064,13 +59280,13 @@ var SurveyModel = /** @class */ (function (_super) {
      * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
      * @param name The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
      * @param files An array of JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/API/File" target="_blank">File</a> objects that represent files to upload.
-     * @param callback A callback function that allows you to get the upload status (`"success"` or `"error"`) and file data.
+     * @param callback A callback function that allows you to access successfully uploaded files as the first argument. If any files fail to upload, the second argument contains an array of error messages.
      * @see onUploadFiles
      * @see downloadFile
      */
     SurveyModel.prototype.uploadFiles = function (question, name, files, callback) {
         if (this.onUploadFiles.isEmpty) {
-            callback("error", files);
+            callback("error", this.getLocString("noUploadFilesHandler"));
         }
         else {
             this.onUploadFiles.fire(this, {
@@ -61196,6 +61412,11 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.stopMovingQuestion = function () {
         this.isMovingQuestion = false;
     };
+    Object.defineProperty(SurveyModel.prototype, "isQuestionDragging", {
+        get: function () { return this.isMovingQuestion; },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Focuses a question with a specified name. Switches the current page if needed.
      * @param name A question name.
@@ -61384,6 +61605,7 @@ var SurveyModel = /** @class */ (function (_super) {
                 }
             }
         }
+        containerLayoutElements.sort(function (a, b) { return (a.index || 0) - (b.index || 0); });
         return containerLayoutElements;
     };
     SurveyModel.prototype.processPopupVisiblityChanged = function (question, popup, visible) {
@@ -61402,15 +61624,10 @@ var SurveyModel = /** @class */ (function (_super) {
         Object.keys(theme).forEach(function (key) {
             if (key === "header") {
                 _this.removeLayoutElement("advanced-header");
-                var advHeader_1 = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
-                advHeader_1.fromTheme(theme);
-                _this.layoutElements.push({
-                    id: "advanced-header",
-                    container: "header",
-                    component: "sv-header",
-                    data: advHeader_1,
-                    processResponsiveness: function (width) { return advHeader_1.processResponsiveness(width); }
-                });
+                var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
+                advHeader.fromTheme(theme);
+                _this.insertAdvancedHeader(advHeader);
+                _this.headerView = "advanced";
             }
             if (key === "isPanelless") {
                 _this.isCompact = theme[key];
@@ -61507,14 +61724,7 @@ var SurveyModel = /** @class */ (function (_super) {
                         advHeader.titlePositionY = "middle";
                         advHeader.descriptionPositionX = target.logoPosition === "right" ? "left" : "right";
                         advHeader.descriptionPositionY = "middle";
-                        advHeader.survey = target;
-                        target.layoutElements.unshift({
-                            id: "advanced-header",
-                            container: "header",
-                            component: "sv-header",
-                            data: advHeader,
-                            processResponsiveness: function (width) { return advHeader.processResponsiveness(width); }
-                        });
+                        target.insertAdvancedHeader(advHeader);
                     }
                 }
                 else {
@@ -61620,7 +61830,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 +64273,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 +64724,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);