survey-react 1.9.79 → 1.9.81

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.79
+ * surveyjs - Survey JavaScript library v1.9.81
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1441,9 +1441,6 @@ var BaseAction = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "large" })
     ], BaseAction.prototype, "mode", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
-    ], BaseAction.prototype, "owner", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], BaseAction.prototype, "visibleIndex", void 0);
@@ -3305,7 +3302,7 @@ var CalculatedValue = /** @class */ (function (_super) {
          * The calculated value name. It should be non empty and unique.
          */
         get: function () {
-            return this.getPropertyValue("name", "");
+            return this.getPropertyValue("name") || "";
         },
         set: function (val) {
             this.setPropertyValue("name", val);
@@ -3318,7 +3315,7 @@ var CalculatedValue = /** @class */ (function (_super) {
          * Set this property to true to include the non-empty calculated value into survey result, survey.data property.
          */
         get: function () {
-            return this.getPropertyValue("includeIntoResult", false);
+            return this.getPropertyValue("includeIntoResult");
         },
         set: function (val) {
             this.setPropertyValue("includeIntoResult", val);
@@ -3332,7 +3329,7 @@ var CalculatedValue = /** @class */ (function (_super) {
          * Example: "({quantity} * {price}) * (100 - {discount}) / 100"
          */
         get: function () {
-            return this.getPropertyValue("expression", "");
+            return this.getPropertyValue("expression") || "";
         },
         set: function (val) {
             this.setPropertyValue("expression", val);
@@ -5076,7 +5073,11 @@ var modernCss = {
         cleanButtonSvg: "sv-dropdown_clean-button-svg",
         cleanButtonIconId: "icon-clear_16x16",
         controlValue: "sv-dropdown__value",
-        controlInputFieldComponent: "sv_dropdown_control__input-field-component"
+        controlInputFieldComponent: "sv_dropdown_control__input-field-component",
+        itemSmiley: "sv-rating__item-smiley",
+        itemStar: "sv-rating__item-star",
+        itemSmileySelected: "sv-rating__item-smiley--selected",
+        itemStarSelected: "sv-rating__item-star--selected"
     },
     comment: {
         root: "sv-comment",
@@ -5385,6 +5386,8 @@ var defaultStandardCss = {
     paneldynamic: {
         root: "sv_panel_dynamic",
         title: "sv_p_title",
+        header: "sv-paneldynamic__header sv_header",
+        headerTab: "sv-paneldynamic__header-tab",
         button: "",
         buttonAdd: "sv-paneldynamic__add-btn",
         buttonRemove: "sv_p_remove_btn",
@@ -5457,6 +5460,10 @@ var defaultStandardCss = {
         minText: "sv_q_rating_min_text",
         itemText: "sv_q_rating_item_text",
         maxText: "sv_q_rating_max_text",
+        itemStar: "sv_q_rating__item-star",
+        itemStarSelected: "sv_q_rating__item-star--selected",
+        itemSmiley: "sv_q_rating__item-smiley",
+        itemSmileySelected: "sv_q_rating__item-smiley--selected",
     },
     text: {
         root: "sv_q_text_root",
@@ -5597,6 +5604,7 @@ var defaultV2Css = {
         edit: "",
     },
     panel: {
+        asPage: "sd-panel--as-page",
         number: "sd-element__num",
         title: "sd-title sd-element__title sd-panel__title",
         titleExpandable: "sd-element__title--expandable",
@@ -5628,6 +5636,8 @@ var defaultV2Css = {
         root: "sd-paneldynamic",
         navigation: "sd-paneldynamic__navigation",
         title: "sd-title sd-element__title sd-question__title",
+        header: "sd-paneldynamic__header sd-element__header",
+        headerTab: "sd-paneldynamic__header-tab",
         button: "sd-action sd-paneldynamic__btn",
         buttonRemove: "sd-action--negative sd-paneldynamic__remove-btn",
         buttonAdd: "sd-paneldynamic__add-btn",
@@ -5839,6 +5849,7 @@ var defaultV2Css = {
         itemLabelOnError: "sd-multipletext__item-container--error",
         item: "sd-multipletext__item",
         itemTitle: "sd-multipletext__item-title",
+        content: "sd-multipletext__content sd-question__content",
         row: "sd-multipletext__row",
         cell: "sd-multipletext__cell"
     },
@@ -5951,6 +5962,7 @@ var defaultV2Css = {
         empty: "sd-question--empty",
         root: "sd-table sd-matrixdynamic",
         tableWrapper: "sd-table-wrapper",
+        content: "sd-matrixdynamic__content sd-question__content",
         cell: "sd-table__cell",
         row: "sd-table__row",
         itemCell: "sd-table__cell--item",
@@ -5996,6 +6008,11 @@ var defaultV2Css = {
         itemStarDisabled: "sd-rating__item-star--disabled",
         itemStarHighlighted: "sd-rating__item-star--highlighted",
         itemStarUnhighlighted: "sd-rating__item-star--unhighlighted",
+        itemSmiley: "sd-rating__item-smiley",
+        itemSmileyOnError: "sd-rating__item-smiley--error",
+        itemSmileyHover: "sd-rating__item-smiley--allowhover",
+        itemSmileySelected: "sd-rating__item-smiley--selected",
+        itemSmileyDisabled: "sd-rating__item-smiley--disabled",
         minText: "sd-rating__item-text sd-rating__min-text",
         itemText: "sd-rating__item-text",
         maxText: "sd-rating__item-text sd-rating__max-text",
@@ -6201,6 +6218,443 @@ var DefaultTitleModel = /** @class */ (function () {
 
 
 
+/***/ }),
+
+/***/ "./src/drag-drop-helper-v1.ts":
+/*!************************************!*\
+  !*** ./src/drag-drop-helper-v1.ts ***!
+  \************************************/
+/*! exports provided: DragDropInfo */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropInfo", function() { return DragDropInfo; });
+var DragDropInfo = /** @class */ (function () {
+    function DragDropInfo(source, target, nestedPanelDepth) {
+        if (nestedPanelDepth === void 0) { nestedPanelDepth = -1; }
+        this.source = source;
+        this.target = target;
+        this.nestedPanelDepth = nestedPanelDepth;
+    }
+    return DragDropInfo;
+}());
+
+
+
+/***/ }),
+
+/***/ "./src/drag-drop-page-helper-v1.ts":
+/*!*****************************************!*\
+  !*** ./src/drag-drop-page-helper-v1.ts ***!
+  \*****************************************/
+/*! exports provided: DragDropPageHelperV1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropPageHelperV1", function() { return DragDropPageHelperV1; });
+/* harmony import */ var _drag_drop_helper_v1__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./drag-drop-helper-v1 */ "./src/drag-drop-helper-v1.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+
+
+var DragDropPageHelperV1 = /** @class */ (function () {
+    function DragDropPageHelperV1(page) {
+        this.page = page;
+    }
+    DragDropPageHelperV1.prototype.getDragDropInfo = function () { return this.dragDropInfo; };
+    DragDropPageHelperV1.prototype.dragDropStart = function (src, target, nestedPanelDepth) {
+        if (nestedPanelDepth === void 0) { nestedPanelDepth = -1; }
+        this.dragDropInfo = new _drag_drop_helper_v1__WEBPACK_IMPORTED_MODULE_0__["DragDropInfo"](src, target, nestedPanelDepth);
+    };
+    DragDropPageHelperV1.prototype.dragDropMoveTo = function (destination, isBottom, isEdge) {
+        if (isBottom === void 0) { isBottom = false; }
+        if (isEdge === void 0) { isEdge = false; }
+        if (!this.dragDropInfo)
+            return false;
+        this.dragDropInfo.destination = destination;
+        this.dragDropInfo.isBottom = isBottom;
+        this.dragDropInfo.isEdge = isEdge;
+        this.correctDragDropInfo(this.dragDropInfo);
+        if (!this.dragDropCanDropTagert())
+            return false;
+        if (!this.dragDropCanDropSource() || !this.dragDropAllowFromSurvey()) {
+            if (!!this.dragDropInfo.source) {
+                var row = this.page.dragDropFindRow(this.dragDropInfo.target);
+                this.page.updateRowsRemoveElementFromRow(this.dragDropInfo.target, row);
+            }
+            return false;
+        }
+        this.page.dragDropAddTarget(this.dragDropInfo);
+        return true;
+    };
+    DragDropPageHelperV1.prototype.correctDragDropInfo = function (dragDropInfo) {
+        if (!dragDropInfo.destination)
+            return;
+        var panel = dragDropInfo.destination.isPanel
+            ? dragDropInfo.destination
+            : null;
+        if (!panel)
+            return;
+        if (!dragDropInfo.target.isLayoutTypeSupported(panel.getChildrenLayoutType())) {
+            dragDropInfo.isEdge = true;
+        }
+    };
+    DragDropPageHelperV1.prototype.dragDropAllowFromSurvey = function () {
+        var dest = this.dragDropInfo.destination;
+        if (!dest || !this.page.survey)
+            return true;
+        var insertBefore = null;
+        var insertAfter = null;
+        var parent = dest.isPage || (!this.dragDropInfo.isEdge && dest.isPanel)
+            ? dest
+            : dest.parent;
+        if (!dest.isPage) {
+            var container = dest.parent;
+            if (!!container) {
+                var elements = container.elements;
+                var index = elements.indexOf(dest);
+                if (index > -1) {
+                    insertBefore = dest;
+                    insertAfter = dest;
+                    if (this.dragDropInfo.isBottom) {
+                        insertBefore =
+                            index < elements.length - 1 ? elements[index + 1] : null;
+                    }
+                    else {
+                        insertAfter = index > 0 ? elements[index - 1] : null;
+                    }
+                }
+            }
+        }
+        var options = {
+            allow: true,
+            target: this.dragDropInfo.target,
+            source: this.dragDropInfo.source,
+            parent: parent,
+            insertAfter: insertAfter,
+            insertBefore: insertBefore,
+        };
+        return this.page.survey.dragAndDropAllow(options);
+    };
+    DragDropPageHelperV1.prototype.dragDropFinish = function (isCancel) {
+        if (isCancel === void 0) { isCancel = false; }
+        if (!this.dragDropInfo)
+            return;
+        var target = this.dragDropInfo.target;
+        var src = this.dragDropInfo.source;
+        var dest = this.dragDropInfo.destination;
+        var row = this.page.dragDropFindRow(target);
+        var targetIndex = this.dragDropGetElementIndex(target, row);
+        this.page.updateRowsRemoveElementFromRow(target, row);
+        var elementsToSetSWNL = [];
+        var elementsToResetSWNL = [];
+        if (!isCancel && !!row) {
+            var isSamePanel = false;
+            if (this.page.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+                var srcRow = src && src.parent && src.parent.dragDropFindRow(src);
+                if (row.panel.elements[targetIndex] && row.panel.elements[targetIndex].startWithNewLine && row.elements.length > 1 && row.panel.elements[targetIndex] === dest) {
+                    elementsToSetSWNL.push(target);
+                    elementsToResetSWNL.push(row.panel.elements[targetIndex]);
+                }
+                if (target.startWithNewLine && row.elements.length > 1 && (!row.panel.elements[targetIndex] || !row.panel.elements[targetIndex].startWithNewLine)) {
+                    elementsToResetSWNL.push(target);
+                }
+                if (srcRow && srcRow.elements[0] === src && srcRow.elements[1]) {
+                    elementsToSetSWNL.push(srcRow.elements[1]);
+                }
+                if (row.elements.length <= 1) {
+                    elementsToSetSWNL.push(target);
+                }
+                if (target.startWithNewLine && row.elements.length > 1 && row.elements[0] !== dest) {
+                    elementsToResetSWNL.push(target);
+                }
+            }
+            if (!!src && !!src.parent) {
+                this.page.survey.startMovingQuestion();
+                isSamePanel = row.panel == src.parent;
+                if (isSamePanel) {
+                    row.panel.dragDropMoveElement(src, target, targetIndex);
+                    targetIndex = -1;
+                }
+                else {
+                    src.parent.removeElement(src);
+                }
+            }
+            if (targetIndex > -1) {
+                row.panel.addElement(target, targetIndex);
+            }
+            this.page.survey.stopMovingQuestion();
+        }
+        elementsToSetSWNL.map(function (e) { e.startWithNewLine = true; });
+        elementsToResetSWNL.map(function (e) { e.startWithNewLine = false; });
+        this.dragDropInfo = null;
+        return !isCancel ? target : null;
+    };
+    DragDropPageHelperV1.prototype.dragDropGetElementIndex = function (target, row) {
+        if (!row)
+            return -1;
+        var index = row.elements.indexOf(target);
+        if (row.index == 0)
+            return index;
+        var prevRow = row.panel.rows[row.index - 1];
+        var prevElement = prevRow.elements[prevRow.elements.length - 1];
+        return index + row.panel.elements.indexOf(prevElement) + 1;
+    };
+    DragDropPageHelperV1.prototype.dragDropCanDropTagert = function () {
+        var destination = this.dragDropInfo.destination;
+        if (!destination || destination.isPage)
+            return true;
+        return this.dragDropCanDropCore(this.dragDropInfo.target, destination);
+    };
+    DragDropPageHelperV1.prototype.dragDropCanDropSource = function () {
+        var source = this.dragDropInfo.source;
+        if (!source)
+            return true;
+        var destination = this.dragDropInfo.destination;
+        if (!this.dragDropCanDropCore(source, destination))
+            return false;
+        if (this.page.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+            var rowSource = this.page.dragDropFindRow(source);
+            var rowDestination = this.page.dragDropFindRow(destination);
+            if (rowSource !== rowDestination) {
+                if (!source.startWithNewLine && destination.startWithNewLine)
+                    return true;
+                if (source.startWithNewLine && !destination.startWithNewLine) {
+                    return true;
+                }
+            }
+            var row = this.page.dragDropFindRow(destination);
+            if (row && row.elements.length == 1)
+                return true;
+        }
+        return this.dragDropCanDropNotNext(source, destination, this.dragDropInfo.isEdge, this.dragDropInfo.isBottom);
+    };
+    DragDropPageHelperV1.prototype.dragDropCanDropCore = function (target, destination) {
+        if (!destination)
+            return true;
+        if (this.dragDropIsSameElement(destination, target))
+            return false;
+        if (target.isPanel) {
+            var pnl = target;
+            if (pnl.containsElement(destination) ||
+                !!pnl.getElementByName(destination.name))
+                return false;
+        }
+        return true;
+    };
+    DragDropPageHelperV1.prototype.dragDropCanDropNotNext = function (source, destination, isEdge, isBottom) {
+        if (!destination || (destination.isPanel && !isEdge))
+            return true;
+        if (typeof source.parent === "undefined" || source.parent !== destination.parent)
+            return true;
+        var pnl = source.parent;
+        var srcIndex = pnl.elements.indexOf(source);
+        var destIndex = pnl.elements.indexOf(destination);
+        if (destIndex < srcIndex && !isBottom)
+            destIndex--;
+        if (isBottom)
+            destIndex++;
+        return srcIndex < destIndex
+            ? destIndex - srcIndex > 1
+            : srcIndex - destIndex > 0;
+    };
+    DragDropPageHelperV1.prototype.dragDropIsSameElement = function (el1, el2) {
+        return el1 == el2 || el1.name == el2.name;
+    };
+    return DragDropPageHelperV1;
+}());
+
+
+
+/***/ }),
+
+/***/ "./src/drag-drop-panel-helper-v1.ts":
+/*!******************************************!*\
+  !*** ./src/drag-drop-panel-helper-v1.ts ***!
+  \******************************************/
+/*! exports provided: DragDropPanelHelperV1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropPanelHelperV1", function() { return DragDropPanelHelperV1; });
+/* harmony import */ var _drag_drop_helper_v1__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./drag-drop-helper-v1 */ "./src/drag-drop-helper-v1.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+
+
+var DragDropPanelHelperV1 = /** @class */ (function () {
+    function DragDropPanelHelperV1(panel) {
+        this.panel = panel;
+    }
+    DragDropPanelHelperV1.prototype.dragDropAddTarget = function (dragDropInfo) {
+        var prevRow = this.dragDropFindRow(dragDropInfo.target);
+        if (this.dragDropAddTargetToRow(dragDropInfo, prevRow)) {
+            this.panel.updateRowsRemoveElementFromRow(dragDropInfo.target, prevRow);
+        }
+    };
+    DragDropPanelHelperV1.prototype.dragDropFindRow = function (findElement) {
+        if (!findElement || findElement.isPage)
+            return null;
+        var element = findElement;
+        var rows = this.panel.rows;
+        for (var i = 0; i < rows.length; i++) {
+            if (rows[i].elements.indexOf(element) > -1)
+                return rows[i];
+        }
+        for (var i = 0; i < this.panel.elements.length; i++) {
+            var pnl = this.panel.elements[i].getPanel();
+            if (!pnl)
+                continue;
+            var row = pnl.dragDropFindRow(element);
+            if (!!row)
+                return row;
+        }
+        return null;
+    };
+    DragDropPanelHelperV1.prototype.dragDropMoveElement = function (src, target, targetIndex) {
+        var srcIndex = src.parent.elements.indexOf(src);
+        if (targetIndex > srcIndex) {
+            targetIndex--;
+        }
+        this.panel.removeElement(src);
+        this.panel.addElement(target, targetIndex);
+    };
+    DragDropPanelHelperV1.prototype.updateRowsOnElementAdded = function (element, index, dragDropInfo, thisElement) {
+        if (!dragDropInfo) {
+            dragDropInfo = new _drag_drop_helper_v1__WEBPACK_IMPORTED_MODULE_0__["DragDropInfo"](null, element);
+            dragDropInfo.target = element;
+            dragDropInfo.isEdge = this.panel.elements.length > 1;
+            if (this.panel.elements.length < 2) {
+                dragDropInfo.destination = thisElement;
+            }
+            else {
+                dragDropInfo.isBottom = index > 0;
+                if (index == 0) {
+                    dragDropInfo.destination = this.panel.elements[1];
+                }
+                else {
+                    dragDropInfo.destination = this.panel.elements[index - 1];
+                }
+            }
+        }
+        this.dragDropAddTargetToRow(dragDropInfo, null);
+    };
+    DragDropPanelHelperV1.prototype.dragDropAddTargetToRow = function (dragDropInfo, prevRow) {
+        if (!dragDropInfo.destination)
+            return true;
+        if (this.dragDropAddTargetToEmptyPanel(dragDropInfo))
+            return true;
+        var dest = dragDropInfo.destination;
+        var destRow = this.dragDropFindRow(dest);
+        if (!destRow)
+            return true;
+        if (_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2 && this.panel.isDesignMode) {
+            if (destRow.elements.length > 1)
+                return this.dragDropAddTargetToExistingRow(dragDropInfo, destRow, prevRow);
+            else
+                return this.dragDropAddTargetToNewRow(dragDropInfo, destRow, prevRow);
+        }
+        if (!dragDropInfo.target.startWithNewLine)
+            return this.dragDropAddTargetToExistingRow(dragDropInfo, destRow, prevRow);
+        return this.dragDropAddTargetToNewRow(dragDropInfo, destRow, prevRow);
+    };
+    DragDropPanelHelperV1.prototype.dragDropAddTargetToEmptyPanel = function (dragDropInfo) {
+        if (dragDropInfo.destination.isPage) {
+            this.dragDropAddTargetToEmptyPanelCore(this.panel.root, dragDropInfo.target, dragDropInfo.isBottom);
+            return true;
+        }
+        var dest = dragDropInfo.destination;
+        if (dest.isPanel && !dragDropInfo.isEdge) {
+            var panel = dest;
+            if (dragDropInfo.target["template"] === dest) {
+                return false;
+            }
+            if (dragDropInfo.nestedPanelDepth < 0 ||
+                dragDropInfo.nestedPanelDepth >= panel.depth) {
+                this.dragDropAddTargetToEmptyPanelCore(dest, dragDropInfo.target, dragDropInfo.isBottom);
+                return true;
+            }
+        }
+        return false;
+    };
+    DragDropPanelHelperV1.prototype.dragDropAddTargetToExistingRow = function (dragDropInfo, destRow, prevRow) {
+        var index = destRow.elements.indexOf(dragDropInfo.destination);
+        if (index == 0 &&
+            !dragDropInfo.isBottom) {
+            if (this.panel.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+            }
+            else if (destRow.elements[0].startWithNewLine) {
+                if (destRow.index > 0) {
+                    dragDropInfo.isBottom = true;
+                    destRow = destRow.panel.rows[destRow.index - 1];
+                    dragDropInfo.destination =
+                        destRow.elements[destRow.elements.length - 1];
+                    return this.dragDropAddTargetToExistingRow(dragDropInfo, destRow, prevRow);
+                }
+                else {
+                    return this.dragDropAddTargetToNewRow(dragDropInfo, destRow, prevRow);
+                }
+            }
+        }
+        var prevRowIndex = -1;
+        if (prevRow == destRow) {
+            prevRowIndex = destRow.elements.indexOf(dragDropInfo.target);
+        }
+        if (dragDropInfo.isBottom)
+            index++;
+        var srcRow = this.panel.findRowByElement(dragDropInfo.source);
+        if (srcRow == destRow &&
+            srcRow.elements.indexOf(dragDropInfo.source) == index)
+            return false;
+        if (index == prevRowIndex)
+            return false;
+        if (prevRowIndex > -1) {
+            destRow.elements.splice(prevRowIndex, 1);
+            if (prevRowIndex < index)
+                index--;
+        }
+        destRow.elements.splice(index, 0, dragDropInfo.target);
+        destRow.updateVisible();
+        return prevRowIndex < 0;
+    };
+    DragDropPanelHelperV1.prototype.dragDropAddTargetToNewRow = function (dragDropInfo, destRow, prevRow) {
+        var targetRow = destRow.panel.createRowAndSetLazy(destRow.panel.rows.length);
+        if (this.panel.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+            targetRow.setIsLazyRendering(false);
+        }
+        targetRow.addElement(dragDropInfo.target);
+        var index = destRow.index;
+        if (dragDropInfo.isBottom) {
+            index++;
+        }
+        //same row
+        if (!!prevRow && prevRow.panel == targetRow.panel && prevRow.index == index)
+            return false;
+        var srcRow = this.panel.findRowByElement(dragDropInfo.source);
+        if (!!srcRow &&
+            srcRow.panel == targetRow.panel &&
+            srcRow.elements.length == 1 &&
+            srcRow.index == index)
+            return false;
+        destRow.panel.rows.splice(index, 0, targetRow);
+        return true;
+    };
+    DragDropPanelHelperV1.prototype.dragDropAddTargetToEmptyPanelCore = function (panel, target, isBottom) {
+        var targetRow = panel.createRow();
+        targetRow.addElement(target);
+        if (panel.elements.length == 0 || isBottom) {
+            panel.rows.push(targetRow);
+        }
+        else {
+            panel.rows.splice(0, 0, targetRow);
+        }
+    };
+    return DragDropPanelHelperV1;
+}());
+
+
+
 /***/ }),
 
 /***/ "./src/dragdrop/choices.ts":
@@ -6284,7 +6738,7 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.createImagePickerShortcut = function (item, text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
-        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 1000;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
+        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 1000;\n      filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
         var itemValueNode = draggedElementNode.closest("[data-sv-drop-target-item-value]");
         var controlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
         var imageContainerNode = itemValueNode.querySelector(".sd-imagepicker__image-container");
@@ -6869,7 +7323,7 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         var row = (draggedElementNode
             .closest("[data-sv-drop-target-matrix-row]"));
         var clone = (row.cloneNode(isDeepClone));
-        clone.style.cssText = "\n      box-shadow: rgb(0 0 0 / 10%) 0px 8px 16px;\n      background-color: white;\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      align-items: center;\n      line-height: 0;\n      width: " + row.offsetWidth + "px;\n    ";
+        clone.style.cssText = "\n      filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));\n      box-shadow: rgb(0 0 0 / 10%) 0px 8px 16px;\n      background-color: white;\n      display: flex;\n      flex-grow: 0;\n      flex-shrink: 0;\n      align-items: center;\n      line-height: 0;\n      width: " + row.offsetWidth + "px;\n    ";
         clone.classList.remove("sv-matrix__drag-drop--moveup");
         clone.classList.remove("sv-matrix__drag-drop--movedown");
         this.draggedElement.isDragDropMoveDown = false;
@@ -7036,7 +7490,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     DragDropRankingChoices.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.className = this.shortcutClass + " sv-ranking-shortcut";
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          border-radius: 36px;\n          min-width: 100px;\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          border-radius: 36px;\n          min-width: 100px;\n          filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.1));\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -7252,6 +7706,18 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         new _jsonobject__WEBPACK_IMPORTED_MODULE_1__["JsonObject"]().toObject(json, newElement);
         return newElement;
     };
+    DragDropSurveyElements.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
+        var ghostRow = dragOverNode.closest(".svc-row--ghost");
+        if (!!ghostRow) {
+            var ghostDataAttrSelector = "[data-sv-drop-target-survey-element='sv-drag-drop-ghost-survey-element-name']";
+            var ghostNode = dragOverNode.closest(ghostDataAttrSelector) || dragOverNode.querySelector(ghostDataAttrSelector);
+            if (!!ghostNode) {
+                return ghostNode;
+            }
+        }
+        var dropTargetNode = dragOverNode.closest(this.dropTargetDataAttributeName);
+        return dropTargetNode;
+    };
     DragDropSurveyElements.prototype.getDropTargetByDataAttributeValue = function (dataAttributeValue, dropTargetNode, event) {
         this.isEdge = this.calculateIsEdge(dropTargetNode, event.clientY);
         if (!dataAttributeValue) {
@@ -7740,7 +8206,7 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this._popupModel.toggleVisibility();
             };
         }
-        var res = new _list__WEBPACK_IMPORTED_MODULE_2__["ListModel"](visibleItems, _onSelectionChanged, false);
+        var res = new _list__WEBPACK_IMPORTED_MODULE_2__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, undefined, this.listElementId);
         res.renderElements = false;
         res.areSameItemsCallback = function (item1, item2) {
             return item1 === item2;
@@ -7792,6 +8258,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         }
         else {
             this.inputString = item === null || item === void 0 ? void 0 : item.title;
+            this.hintString = item === null || item === void 0 ? void 0 : item.title;
         }
     };
     DropdownListModel.prototype.applyHintString = function (item) {
@@ -7823,6 +8290,13 @@ var DropdownListModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DropdownListModel.prototype, "listElementId", {
+        get: function () {
+            return this.question.inputId + "_list";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DropdownListModel.prototype, "hintStringLC", {
         get: function () {
             var _a;
@@ -7857,7 +8331,7 @@ var DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "showHintString", {
         get: function () {
-            return this.hintStringLC != this.inputStringLC && this.hintStringLC.indexOf(this.inputStringLC) >= 0;
+            return !!this.question.searchEnabled && this.hintStringLC && this.hintStringLC.indexOf(this.inputStringLC) >= 0;
         },
         enumerable: false,
         configurable: true
@@ -7928,6 +8402,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         return this.question.selectedItem || null;
     };
     DropdownListModel.prototype.changeSelectionWithKeyboard = function (reverse) {
+        var _a;
         if (reverse) {
             this.listModel.focusPrevVisibleItem();
         }
@@ -7937,11 +8412,11 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.scrollToFocusedItem();
         if (this.question.value && this.question.searchEnabled && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_4__["QuestionDropdownModel"]) {
             this.applyInputString(this.listModel.focusedItem);
-            this.hintString = "";
         }
         else {
             this.applyHintString(this.listModel.focusedItem);
         }
+        this.ariaActivedescendant = (_a = this.listModel.focusedItem) === null || _a === void 0 ? void 0 : _a.elementId;
     };
     DropdownListModel.prototype.keyHandler = function (event) {
         var char = event.which || event.keyCode;
@@ -7968,10 +8443,12 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (event.keyCode === 13 && this.question.searchEnabled && !this.inputString && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_4__["QuestionDropdownModel"] && !this._markdownMode && this.question.value) {
                 this._popupModel.isVisible = false;
                 this.onClear(event);
+                this.question.survey.questionEditFinishCallback(this.question, event);
             }
             else {
                 this.listModel.selectFocusedItem();
                 this.onFocus(event);
+                this.question.survey.questionEditFinishCallback(this.question, event);
             }
             event.preventDefault();
             event.stopPropagation();
@@ -8017,15 +8494,17 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.hintString = "";
         Object(_utils_utils__WEBPACK_IMPORTED_MODULE_7__["doKey2ClickBlur"])(event);
         this._popupModel.isVisible = false;
+        event.stopPropagation();
     };
     DropdownListModel.prototype.onFocus = function (event) {
+        this.setInputStringFromSelectedItem();
+    };
+    DropdownListModel.prototype.setInputStringFromSelectedItem = function (newValue) {
         if (this.question.searchEnabled) {
-            if (this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_4__["QuestionDropdownModel"]) {
-                this.applyInputString(this.question.selectedItem);
-            }
-            else {
-                this.inputString = null;
-            }
+            this.applyInputString(newValue || this.question.selectedItem);
+        }
+        else {
+            this.inputString = null;
         }
     };
     DropdownListModel.prototype.scrollToFocusedItem = function () {
@@ -8047,6 +8526,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             defaultValue: "",
             onSet: function (newValue, target) {
                 target.question.inputHasValue = !!newValue;
+                target.showSelectedItemLocText = target.question.showSelectedItemLocText;
             }
         })
     ], DropdownListModel.prototype, "inputString", void 0);
@@ -8056,6 +8536,9 @@ var DropdownListModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({})
     ], DropdownListModel.prototype, "showInputFieldComponent", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], DropdownListModel.prototype, "ariaActivedescendant", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
             defaultValue: false,
@@ -8181,7 +8664,11 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
                 }
             };
         }
-        return new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false);
+        return new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false, undefined, undefined, this.listElementId);
+    };
+    DropdownMultiSelectListModel.prototype.resetFilterString = function () {
+        _super.prototype.resetFilterString.call(this);
+        this.inputString = null;
     };
     Object.defineProperty(DropdownMultiSelectListModel.prototype, "shouldResetAfterCancel", {
         get: function () {
@@ -8256,6 +8743,11 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
             event.stopPropagation();
         }
     };
+    DropdownMultiSelectListModel.prototype.setInputStringFromSelectedItem = function (newValue) {
+        if (this.question.searchEnabled) {
+            this.inputString = null;
+        }
+    };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "" })
     ], DropdownMultiSelectListModel.prototype, "filterStringPlaceholder", void 0);
@@ -8579,7 +9071,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/model.ts ***!
   \*************************************/
-/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices */
+/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -8874,6 +9366,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["createTOCListModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _surveyToc__WEBPACK_IMPORTED_MODULE_55__["getTocRootCss"]; });
+
 /* harmony import */ var _surveyProgress__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../../surveyProgress */ "./src/surveyProgress.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _surveyProgress__WEBPACK_IMPORTED_MODULE_56__["SurveyProgressModel"]; });
 
@@ -9021,7 +9515,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.79";
+Version = "" + "1.9.81";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9126,7 +9620,7 @@ function checkLibraryVersion(ver, libraryName) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper */
+/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9368,6 +9862,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["getTocRootCss"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressButtonsModel"]; });
@@ -9557,7 +10053,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model */
+/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9799,6 +10295,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["getTocRootCss"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressButtonsModel"]; });
@@ -10004,7 +10502,7 @@ var defaultBootstrapMaterialCss = _plugins_themes_bootstrapmaterial_cssbootstrap
 /*!***************************************!*\
   !*** ./src/entries/react-ui-model.ts ***!
   \***************************************/
-/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
+/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10070,194 +10568,197 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_components_rating_rating_item_star__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../react/components/rating/rating-item-star */ "./src/react/components/rating/rating-item-star.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RatingItemStar", function() { return _react_components_rating_rating_item_star__WEBPACK_IMPORTED_MODULE_14__["RatingItemStar"]; });
 
-/* harmony import */ var _react_tagbox_filter__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../react/tagbox-filter */ "./src/react/tagbox-filter.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TagboxFilterString", function() { return _react_tagbox_filter__WEBPACK_IMPORTED_MODULE_15__["TagboxFilterString"]; });
+/* harmony import */ var _react_components_rating_rating_item_smiley__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../react/components/rating/rating-item-smiley */ "./src/react/components/rating/rating-item-smiley.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RatingItemSmiley", function() { return _react_components_rating_rating_item_smiley__WEBPACK_IMPORTED_MODULE_15__["RatingItemSmiley"]; });
+
+/* harmony import */ var _react_tagbox_filter__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../react/tagbox-filter */ "./src/react/tagbox-filter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TagboxFilterString", function() { return _react_tagbox_filter__WEBPACK_IMPORTED_MODULE_16__["TagboxFilterString"]; });
 
-/* harmony import */ var _react_dropdown_item__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../react/dropdown-item */ "./src/react/dropdown-item.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionOptionItem", function() { return _react_dropdown_item__WEBPACK_IMPORTED_MODULE_16__["SurveyQuestionOptionItem"]; });
+/* harmony import */ var _react_dropdown_item__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../react/dropdown-item */ "./src/react/dropdown-item.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionOptionItem", function() { return _react_dropdown_item__WEBPACK_IMPORTED_MODULE_17__["SurveyQuestionOptionItem"]; });
 
-/* harmony import */ var _react_dropdown_base__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../react/dropdown-base */ "./src/react/dropdown-base.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionDropdownBase", function() { return _react_dropdown_base__WEBPACK_IMPORTED_MODULE_17__["SurveyQuestionDropdownBase"]; });
+/* harmony import */ var _react_dropdown_base__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../react/dropdown-base */ "./src/react/dropdown-base.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionDropdownBase", function() { return _react_dropdown_base__WEBPACK_IMPORTED_MODULE_18__["SurveyQuestionDropdownBase"]; });
 
-/* harmony import */ var _react_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../react/reactquestion_dropdown */ "./src/react/reactquestion_dropdown.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionDropdown", function() { return _react_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_18__["SurveyQuestionDropdown"]; });
+/* harmony import */ var _react_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../react/reactquestion_dropdown */ "./src/react/reactquestion_dropdown.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionDropdown", function() { return _react_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_19__["SurveyQuestionDropdown"]; });
 
-/* harmony import */ var _react_tagbox_item__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../react/tagbox-item */ "./src/react/tagbox-item.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionTagboxItem", function() { return _react_tagbox_item__WEBPACK_IMPORTED_MODULE_19__["SurveyQuestionTagboxItem"]; });
+/* harmony import */ var _react_tagbox_item__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../react/tagbox-item */ "./src/react/tagbox-item.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionTagboxItem", function() { return _react_tagbox_item__WEBPACK_IMPORTED_MODULE_20__["SurveyQuestionTagboxItem"]; });
 
-/* harmony import */ var _react_reactquestion_tagbox__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../react/reactquestion_tagbox */ "./src/react/reactquestion_tagbox.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionTagbox", function() { return _react_reactquestion_tagbox__WEBPACK_IMPORTED_MODULE_20__["SurveyQuestionTagbox"]; });
+/* harmony import */ var _react_reactquestion_tagbox__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../react/reactquestion_tagbox */ "./src/react/reactquestion_tagbox.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionTagbox", function() { return _react_reactquestion_tagbox__WEBPACK_IMPORTED_MODULE_21__["SurveyQuestionTagbox"]; });
 
-/* harmony import */ var _react_dropdown_select__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../react/dropdown-select */ "./src/react/dropdown-select.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionDropdownSelect", function() { return _react_dropdown_select__WEBPACK_IMPORTED_MODULE_21__["SurveyQuestionDropdownSelect"]; });
+/* harmony import */ var _react_dropdown_select__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../react/dropdown-select */ "./src/react/dropdown-select.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionDropdownSelect", function() { return _react_dropdown_select__WEBPACK_IMPORTED_MODULE_22__["SurveyQuestionDropdownSelect"]; });
 
-/* harmony import */ var _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../react/reactquestion_matrix */ "./src/react/reactquestion_matrix.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrix", function() { return _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_22__["SurveyQuestionMatrix"]; });
+/* harmony import */ var _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../react/reactquestion_matrix */ "./src/react/reactquestion_matrix.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrix", function() { return _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_23__["SurveyQuestionMatrix"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixRow", function() { return _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_22__["SurveyQuestionMatrixRow"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixRow", function() { return _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_23__["SurveyQuestionMatrixRow"]; });
 
-/* harmony import */ var _react_reactquestion_html__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../react/reactquestion_html */ "./src/react/reactquestion_html.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionHtml", function() { return _react_reactquestion_html__WEBPACK_IMPORTED_MODULE_23__["SurveyQuestionHtml"]; });
+/* harmony import */ var _react_reactquestion_html__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../react/reactquestion_html */ "./src/react/reactquestion_html.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionHtml", function() { return _react_reactquestion_html__WEBPACK_IMPORTED_MODULE_24__["SurveyQuestionHtml"]; });
 
-/* harmony import */ var _react_reactquestion_file__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../react/reactquestion_file */ "./src/react/reactquestion_file.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFile", function() { return _react_reactquestion_file__WEBPACK_IMPORTED_MODULE_24__["SurveyQuestionFile"]; });
+/* harmony import */ var _react_reactquestion_file__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../react/reactquestion_file */ "./src/react/reactquestion_file.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFile", function() { return _react_reactquestion_file__WEBPACK_IMPORTED_MODULE_25__["SurveyQuestionFile"]; });
 
-/* harmony import */ var _react_reactquestion_multipletext__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../react/reactquestion_multipletext */ "./src/react/reactquestion_multipletext.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMultipleText", function() { return _react_reactquestion_multipletext__WEBPACK_IMPORTED_MODULE_25__["SurveyQuestionMultipleText"]; });
+/* harmony import */ var _react_reactquestion_multipletext__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../react/reactquestion_multipletext */ "./src/react/reactquestion_multipletext.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMultipleText", function() { return _react_reactquestion_multipletext__WEBPACK_IMPORTED_MODULE_26__["SurveyQuestionMultipleText"]; });
 
-/* harmony import */ var _react_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../react/reactquestion_radiogroup */ "./src/react/reactquestion_radiogroup.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRadiogroup", function() { return _react_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_26__["SurveyQuestionRadiogroup"]; });
+/* harmony import */ var _react_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../react/reactquestion_radiogroup */ "./src/react/reactquestion_radiogroup.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRadiogroup", function() { return _react_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_27__["SurveyQuestionRadiogroup"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRadioItem", function() { return _react_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_26__["SurveyQuestionRadioItem"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRadioItem", function() { return _react_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_27__["SurveyQuestionRadioItem"]; });
 
-/* harmony import */ var _react_reactquestion_text__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../react/reactquestion_text */ "./src/react/reactquestion_text.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionText", function() { return _react_reactquestion_text__WEBPACK_IMPORTED_MODULE_27__["SurveyQuestionText"]; });
+/* harmony import */ var _react_reactquestion_text__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../react/reactquestion_text */ "./src/react/reactquestion_text.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionText", function() { return _react_reactquestion_text__WEBPACK_IMPORTED_MODULE_28__["SurveyQuestionText"]; });
 
-/* harmony import */ var _react_boolean__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../react/boolean */ "./src/react/boolean.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionBoolean", function() { return _react_boolean__WEBPACK_IMPORTED_MODULE_28__["SurveyQuestionBoolean"]; });
+/* harmony import */ var _react_boolean__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../react/boolean */ "./src/react/boolean.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionBoolean", function() { return _react_boolean__WEBPACK_IMPORTED_MODULE_29__["SurveyQuestionBoolean"]; });
 
-/* harmony import */ var _react_boolean_checkbox__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../react/boolean-checkbox */ "./src/react/boolean-checkbox.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionBooleanCheckbox", function() { return _react_boolean_checkbox__WEBPACK_IMPORTED_MODULE_29__["SurveyQuestionBooleanCheckbox"]; });
+/* harmony import */ var _react_boolean_checkbox__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../react/boolean-checkbox */ "./src/react/boolean-checkbox.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionBooleanCheckbox", function() { return _react_boolean_checkbox__WEBPACK_IMPORTED_MODULE_30__["SurveyQuestionBooleanCheckbox"]; });
 
-/* harmony import */ var _react_boolean_radio__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../react/boolean-radio */ "./src/react/boolean-radio.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionBooleanRadio", function() { return _react_boolean_radio__WEBPACK_IMPORTED_MODULE_30__["SurveyQuestionBooleanRadio"]; });
+/* harmony import */ var _react_boolean_radio__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../react/boolean-radio */ "./src/react/boolean-radio.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionBooleanRadio", function() { return _react_boolean_radio__WEBPACK_IMPORTED_MODULE_31__["SurveyQuestionBooleanRadio"]; });
 
-/* harmony import */ var _react_reactquestion_empty__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../react/reactquestion_empty */ "./src/react/reactquestion_empty.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEmpty", function() { return _react_reactquestion_empty__WEBPACK_IMPORTED_MODULE_31__["SurveyQuestionEmpty"]; });
+/* harmony import */ var _react_reactquestion_empty__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../react/reactquestion_empty */ "./src/react/reactquestion_empty.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEmpty", function() { return _react_reactquestion_empty__WEBPACK_IMPORTED_MODULE_32__["SurveyQuestionEmpty"]; });
 
-/* harmony import */ var _react_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../react/reactquestion_matrixdropdownbase */ "./src/react/reactquestion_matrixdropdownbase.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownCell", function() { return _react_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_32__["SurveyQuestionMatrixDropdownCell"]; });
+/* harmony import */ var _react_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../react/reactquestion_matrixdropdownbase */ "./src/react/reactquestion_matrixdropdownbase.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownCell", function() { return _react_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_33__["SurveyQuestionMatrixDropdownCell"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownBase", function() { return _react_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_32__["SurveyQuestionMatrixDropdownBase"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownBase", function() { return _react_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_33__["SurveyQuestionMatrixDropdownBase"]; });
 
-/* harmony import */ var _react_reactquestion_matrixdropdown__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../react/reactquestion_matrixdropdown */ "./src/react/reactquestion_matrixdropdown.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdown", function() { return _react_reactquestion_matrixdropdown__WEBPACK_IMPORTED_MODULE_33__["SurveyQuestionMatrixDropdown"]; });
+/* harmony import */ var _react_reactquestion_matrixdropdown__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../react/reactquestion_matrixdropdown */ "./src/react/reactquestion_matrixdropdown.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdown", function() { return _react_reactquestion_matrixdropdown__WEBPACK_IMPORTED_MODULE_34__["SurveyQuestionMatrixDropdown"]; });
 
-/* harmony import */ var _react_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../react/reactquestion_matrixdynamic */ "./src/react/reactquestion_matrixdynamic.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamic", function() { return _react_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_34__["SurveyQuestionMatrixDynamic"]; });
+/* harmony import */ var _react_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../react/reactquestion_matrixdynamic */ "./src/react/reactquestion_matrixdynamic.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamic", function() { return _react_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_35__["SurveyQuestionMatrixDynamic"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamicAddButton", function() { return _react_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_34__["SurveyQuestionMatrixDynamicAddButton"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamicAddButton", function() { return _react_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_35__["SurveyQuestionMatrixDynamicAddButton"]; });
 
-/* harmony import */ var _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../react/reactquestion_paneldynamic */ "./src/react/reactquestion_paneldynamic.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamic", function() { return _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_35__["SurveyQuestionPanelDynamic"]; });
+/* harmony import */ var _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../react/reactquestion_paneldynamic */ "./src/react/reactquestion_paneldynamic.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamic", function() { return _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_36__["SurveyQuestionPanelDynamic"]; });
 
-/* harmony import */ var _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../react/reactSurveyProgress */ "./src/react/reactSurveyProgress.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_36__["SurveyProgress"]; });
+/* harmony import */ var _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../react/reactSurveyProgress */ "./src/react/reactSurveyProgress.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_37__["SurveyProgress"]; });
 
-/* harmony import */ var _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../react/reactSurveyProgressButtons */ "./src/react/reactSurveyProgressButtons.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_37__["SurveyProgressButtons"]; });
+/* harmony import */ var _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../react/reactSurveyProgressButtons */ "./src/react/reactSurveyProgressButtons.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_38__["SurveyProgressButtons"]; });
 
-/* harmony import */ var _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../react/reactSurveyProgressToc */ "./src/react/reactSurveyProgressToc.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_38__["SurveyProgressToc"]; });
+/* harmony import */ var _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../react/reactSurveyProgressToc */ "./src/react/reactSurveyProgressToc.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_39__["SurveyProgressToc"]; });
 
-/* harmony import */ var _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../react/reactquestion_rating */ "./src/react/reactquestion_rating.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRating", function() { return _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_39__["SurveyQuestionRating"]; });
+/* harmony import */ var _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../react/reactquestion_rating */ "./src/react/reactquestion_rating.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRating", function() { return _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_40__["SurveyQuestionRating"]; });
 
-/* harmony import */ var _react_rating_dropdown__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../react/rating-dropdown */ "./src/react/rating-dropdown.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRatingDropdown", function() { return _react_rating_dropdown__WEBPACK_IMPORTED_MODULE_40__["SurveyQuestionRatingDropdown"]; });
+/* harmony import */ var _react_rating_dropdown__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../react/rating-dropdown */ "./src/react/rating-dropdown.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRatingDropdown", function() { return _react_rating_dropdown__WEBPACK_IMPORTED_MODULE_41__["SurveyQuestionRatingDropdown"]; });
 
-/* harmony import */ var _react_reactquestion_expression__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../react/reactquestion_expression */ "./src/react/reactquestion_expression.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionExpression", function() { return _react_reactquestion_expression__WEBPACK_IMPORTED_MODULE_41__["SurveyQuestionExpression"]; });
+/* harmony import */ var _react_reactquestion_expression__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../react/reactquestion_expression */ "./src/react/reactquestion_expression.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionExpression", function() { return _react_reactquestion_expression__WEBPACK_IMPORTED_MODULE_42__["SurveyQuestionExpression"]; });
 
-/* harmony import */ var _react_react_popup_survey__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../react/react-popup-survey */ "./src/react/react-popup-survey.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurvey", function() { return _react_react_popup_survey__WEBPACK_IMPORTED_MODULE_42__["PopupSurvey"]; });
+/* harmony import */ var _react_react_popup_survey__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../react/react-popup-survey */ "./src/react/react-popup-survey.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurvey", function() { return _react_react_popup_survey__WEBPACK_IMPORTED_MODULE_43__["PopupSurvey"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyWindow", function() { return _react_react_popup_survey__WEBPACK_IMPORTED_MODULE_42__["SurveyWindow"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyWindow", function() { return _react_react_popup_survey__WEBPACK_IMPORTED_MODULE_43__["SurveyWindow"]; });
 
-/* harmony import */ var _react_reactquestion_factory__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../react/reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactQuestionFactory", function() { return _react_reactquestion_factory__WEBPACK_IMPORTED_MODULE_43__["ReactQuestionFactory"]; });
+/* harmony import */ var _react_reactquestion_factory__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../react/reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactQuestionFactory", function() { return _react_reactquestion_factory__WEBPACK_IMPORTED_MODULE_44__["ReactQuestionFactory"]; });
 
-/* harmony import */ var _react_element_factory__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../react/element-factory */ "./src/react/element-factory.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactElementFactory", function() { return _react_element_factory__WEBPACK_IMPORTED_MODULE_44__["ReactElementFactory"]; });
+/* harmony import */ var _react_element_factory__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../react/element-factory */ "./src/react/element-factory.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ReactElementFactory", function() { return _react_element_factory__WEBPACK_IMPORTED_MODULE_45__["ReactElementFactory"]; });
 
-/* harmony import */ var _react_imagepicker__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../react/imagepicker */ "./src/react/imagepicker.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionImagePicker", function() { return _react_imagepicker__WEBPACK_IMPORTED_MODULE_45__["SurveyQuestionImagePicker"]; });
+/* harmony import */ var _react_imagepicker__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../react/imagepicker */ "./src/react/imagepicker.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionImagePicker", function() { return _react_imagepicker__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionImagePicker"]; });
 
-/* harmony import */ var _react_image__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../react/image */ "./src/react/image.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionImage", function() { return _react_image__WEBPACK_IMPORTED_MODULE_46__["SurveyQuestionImage"]; });
+/* harmony import */ var _react_image__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../react/image */ "./src/react/image.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionImage", function() { return _react_image__WEBPACK_IMPORTED_MODULE_47__["SurveyQuestionImage"]; });
 
-/* harmony import */ var _react_signaturepad__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../react/signaturepad */ "./src/react/signaturepad.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSignaturePad", function() { return _react_signaturepad__WEBPACK_IMPORTED_MODULE_47__["SurveyQuestionSignaturePad"]; });
+/* harmony import */ var _react_signaturepad__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../react/signaturepad */ "./src/react/signaturepad.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSignaturePad", function() { return _react_signaturepad__WEBPACK_IMPORTED_MODULE_48__["SurveyQuestionSignaturePad"]; });
 
-/* harmony import */ var _react_reactquestion_buttongroup__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../react/reactquestion_buttongroup */ "./src/react/reactquestion_buttongroup.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionButtonGroup", function() { return _react_reactquestion_buttongroup__WEBPACK_IMPORTED_MODULE_48__["SurveyQuestionButtonGroup"]; });
+/* harmony import */ var _react_reactquestion_buttongroup__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../react/reactquestion_buttongroup */ "./src/react/reactquestion_buttongroup.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionButtonGroup", function() { return _react_reactquestion_buttongroup__WEBPACK_IMPORTED_MODULE_49__["SurveyQuestionButtonGroup"]; });
 
-/* harmony import */ var _react_reactquestion_custom__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../react/reactquestion_custom */ "./src/react/reactquestion_custom.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionCustom", function() { return _react_reactquestion_custom__WEBPACK_IMPORTED_MODULE_49__["SurveyQuestionCustom"]; });
+/* harmony import */ var _react_reactquestion_custom__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../react/reactquestion_custom */ "./src/react/reactquestion_custom.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionCustom", function() { return _react_reactquestion_custom__WEBPACK_IMPORTED_MODULE_50__["SurveyQuestionCustom"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionComposite", function() { return _react_reactquestion_custom__WEBPACK_IMPORTED_MODULE_49__["SurveyQuestionComposite"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionComposite", function() { return _react_reactquestion_custom__WEBPACK_IMPORTED_MODULE_50__["SurveyQuestionComposite"]; });
 
-/* harmony import */ var _react_components_popup_popup__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../react/components/popup/popup */ "./src/react/components/popup/popup.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Popup", function() { return _react_components_popup_popup__WEBPACK_IMPORTED_MODULE_50__["Popup"]; });
+/* harmony import */ var _react_components_popup_popup__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../react/components/popup/popup */ "./src/react/components/popup/popup.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Popup", function() { return _react_components_popup_popup__WEBPACK_IMPORTED_MODULE_51__["Popup"]; });
 
-/* harmony import */ var _react_components_list_list__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../react/components/list/list */ "./src/react/components/list/list.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "List", function() { return _react_components_list_list__WEBPACK_IMPORTED_MODULE_51__["List"]; });
+/* harmony import */ var _react_components_list_list__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../react/components/list/list */ "./src/react/components/list/list.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "List", function() { return _react_components_list_list__WEBPACK_IMPORTED_MODULE_52__["List"]; });
 
-/* harmony import */ var _react_components_title_title_actions__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../react/components/title/title-actions */ "./src/react/components/title/title-actions.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TitleActions", function() { return _react_components_title_title_actions__WEBPACK_IMPORTED_MODULE_52__["TitleActions"]; });
+/* harmony import */ var _react_components_title_title_actions__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../react/components/title/title-actions */ "./src/react/components/title/title-actions.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TitleActions", function() { return _react_components_title_title_actions__WEBPACK_IMPORTED_MODULE_53__["TitleActions"]; });
 
-/* harmony import */ var _react_components_title_title_element__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../react/components/title/title-element */ "./src/react/components/title/title-element.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TitleElement", function() { return _react_components_title_title_element__WEBPACK_IMPORTED_MODULE_53__["TitleElement"]; });
+/* harmony import */ var _react_components_title_title_element__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../react/components/title/title-element */ "./src/react/components/title/title-element.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TitleElement", function() { return _react_components_title_title_element__WEBPACK_IMPORTED_MODULE_54__["TitleElement"]; });
 
-/* harmony import */ var _react_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../react/components/action-bar/action-bar */ "./src/react/components/action-bar/action-bar.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyActionBar", function() { return _react_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_54__["SurveyActionBar"]; });
+/* harmony import */ var _react_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../react/components/action-bar/action-bar */ "./src/react/components/action-bar/action-bar.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyActionBar", function() { return _react_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_55__["SurveyActionBar"]; });
 
-/* harmony import */ var _react_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../react/components/survey-header/logo-image */ "./src/react/components/survey-header/logo-image.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogoImage", function() { return _react_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_55__["LogoImage"]; });
+/* harmony import */ var _react_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../react/components/survey-header/logo-image */ "./src/react/components/survey-header/logo-image.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogoImage", function() { return _react_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_56__["LogoImage"]; });
 
-/* harmony import */ var _react_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../react/components/survey-header/survey-header */ "./src/react/components/survey-header/survey-header.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHeader", function() { return _react_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_56__["SurveyHeader"]; });
+/* harmony import */ var _react_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../react/components/survey-header/survey-header */ "./src/react/components/survey-header/survey-header.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHeader", function() { return _react_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_57__["SurveyHeader"]; });
 
-/* harmony import */ var _react_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../react/components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SvgIcon", function() { return _react_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_57__["SvgIcon"]; });
+/* harmony import */ var _react_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../react/components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SvgIcon", function() { return _react_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_58__["SvgIcon"]; });
 
-/* harmony import */ var _react_components_matrix_actions_remove_button_remove_button__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../react/components/matrix-actions/remove-button/remove-button */ "./src/react/components/matrix-actions/remove-button/remove-button.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamicRemoveButton", function() { return _react_components_matrix_actions_remove_button_remove_button__WEBPACK_IMPORTED_MODULE_58__["SurveyQuestionMatrixDynamicRemoveButton"]; });
+/* harmony import */ var _react_components_matrix_actions_remove_button_remove_button__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../react/components/matrix-actions/remove-button/remove-button */ "./src/react/components/matrix-actions/remove-button/remove-button.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamicRemoveButton", function() { return _react_components_matrix_actions_remove_button_remove_button__WEBPACK_IMPORTED_MODULE_59__["SurveyQuestionMatrixDynamicRemoveButton"]; });
 
-/* harmony import */ var _react_components_matrix_actions_detail_button_detail_button__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../react/components/matrix-actions/detail-button/detail-button */ "./src/react/components/matrix-actions/detail-button/detail-button.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDetailButton", function() { return _react_components_matrix_actions_detail_button_detail_button__WEBPACK_IMPORTED_MODULE_59__["SurveyQuestionMatrixDetailButton"]; });
+/* harmony import */ var _react_components_matrix_actions_detail_button_detail_button__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../react/components/matrix-actions/detail-button/detail-button */ "./src/react/components/matrix-actions/detail-button/detail-button.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDetailButton", function() { return _react_components_matrix_actions_detail_button_detail_button__WEBPACK_IMPORTED_MODULE_60__["SurveyQuestionMatrixDetailButton"]; });
 
-/* harmony import */ var _react_components_matrix_actions_drag_drop_icon_drag_drop_icon__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../react/components/matrix-actions/drag-drop-icon/drag-drop-icon */ "./src/react/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamicDragDropIcon", function() { return _react_components_matrix_actions_drag_drop_icon_drag_drop_icon__WEBPACK_IMPORTED_MODULE_60__["SurveyQuestionMatrixDynamicDragDropIcon"]; });
+/* harmony import */ var _react_components_matrix_actions_drag_drop_icon_drag_drop_icon__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../react/components/matrix-actions/drag-drop-icon/drag-drop-icon */ "./src/react/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDynamicDragDropIcon", function() { return _react_components_matrix_actions_drag_drop_icon_drag_drop_icon__WEBPACK_IMPORTED_MODULE_61__["SurveyQuestionMatrixDynamicDragDropIcon"]; });
 
-/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_add_btn__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-add-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-add-btn.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicAddButton", function() { return _react_components_paneldynamic_actions_paneldynamic_add_btn__WEBPACK_IMPORTED_MODULE_61__["SurveyQuestionPanelDynamicAddButton"]; });
+/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_add_btn__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-add-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-add-btn.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicAddButton", function() { return _react_components_paneldynamic_actions_paneldynamic_add_btn__WEBPACK_IMPORTED_MODULE_62__["SurveyQuestionPanelDynamicAddButton"]; });
 
-/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_remove_btn__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-remove-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-remove-btn.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicRemoveButton", function() { return _react_components_paneldynamic_actions_paneldynamic_remove_btn__WEBPACK_IMPORTED_MODULE_62__["SurveyQuestionPanelDynamicRemoveButton"]; });
+/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_remove_btn__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-remove-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-remove-btn.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicRemoveButton", function() { return _react_components_paneldynamic_actions_paneldynamic_remove_btn__WEBPACK_IMPORTED_MODULE_63__["SurveyQuestionPanelDynamicRemoveButton"]; });
 
-/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-prev-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-prev-btn.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicPrevButton", function() { return _react_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_63__["SurveyQuestionPanelDynamicPrevButton"]; });
+/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-prev-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-prev-btn.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicPrevButton", function() { return _react_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_64__["SurveyQuestionPanelDynamicPrevButton"]; });
 
-/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-next-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-next-btn.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicNextButton", function() { return _react_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_64__["SurveyQuestionPanelDynamicNextButton"]; });
+/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-next-btn */ "./src/react/components/paneldynamic-actions/paneldynamic-next-btn.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicNextButton", function() { return _react_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_65__["SurveyQuestionPanelDynamicNextButton"]; });
 
-/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-progress-text */ "./src/react/components/paneldynamic-actions/paneldynamic-progress-text.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicProgressText", function() { return _react_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_65__["SurveyQuestionPanelDynamicProgressText"]; });
+/* harmony import */ var _react_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../react/components/paneldynamic-actions/paneldynamic-progress-text */ "./src/react/components/paneldynamic-actions/paneldynamic-progress-text.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamicProgressText", function() { return _react_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_66__["SurveyQuestionPanelDynamicProgressText"]; });
 
-/* harmony import */ var _react_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../react/components/survey-actions/survey-nav-button */ "./src/react/components/survey-actions/survey-nav-button.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyNavigationButton", function() { return _react_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_66__["SurveyNavigationButton"]; });
+/* harmony import */ var _react_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../react/components/survey-actions/survey-nav-button */ "./src/react/components/survey-actions/survey-nav-button.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyNavigationButton", function() { return _react_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_67__["SurveyNavigationButton"]; });
 
-/* harmony import */ var _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../react/components/matrix/row */ "./src/react/components/matrix/row.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixRow", function() { return _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_67__["MatrixRow"]; });
+/* harmony import */ var _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../react/components/matrix/row */ "./src/react/components/matrix/row.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixRow", function() { return _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_68__["MatrixRow"]; });
 
-/* harmony import */ var _react_components_skeleton__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../react/components/skeleton */ "./src/react/components/skeleton.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Skeleton", function() { return _react_components_skeleton__WEBPACK_IMPORTED_MODULE_68__["Skeleton"]; });
+/* harmony import */ var _react_components_skeleton__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../react/components/skeleton */ "./src/react/components/skeleton.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Skeleton", function() { return _react_components_skeleton__WEBPACK_IMPORTED_MODULE_69__["Skeleton"]; });
 
-/* harmony import */ var _react_components_notifier__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../react/components/notifier */ "./src/react/components/notifier.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NotifierComponent", function() { return _react_components_notifier__WEBPACK_IMPORTED_MODULE_69__["NotifierComponent"]; });
+/* harmony import */ var _react_components_notifier__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../react/components/notifier */ "./src/react/components/notifier.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NotifierComponent", function() { return _react_components_notifier__WEBPACK_IMPORTED_MODULE_70__["NotifierComponent"]; });
 
-/* harmony import */ var _react_components_components_container__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../react/components/components-container */ "./src/react/components/components-container.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentsContainer", function() { return _react_components_components_container__WEBPACK_IMPORTED_MODULE_70__["ComponentsContainer"]; });
+/* harmony import */ var _react_components_components_container__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../react/components/components-container */ "./src/react/components/components-container.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentsContainer", function() { return _react_components_components_container__WEBPACK_IMPORTED_MODULE_71__["ComponentsContainer"]; });
 
-/* harmony import */ var _react_components_character_counter__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../react/components/character-counter */ "./src/react/components/character-counter.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CharacterCounterComponent", function() { return _react_components_character_counter__WEBPACK_IMPORTED_MODULE_71__["CharacterCounterComponent"]; });
+/* harmony import */ var _react_components_character_counter__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../react/components/character-counter */ "./src/react/components/character-counter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CharacterCounterComponent", function() { return _react_components_character_counter__WEBPACK_IMPORTED_MODULE_72__["CharacterCounterComponent"]; });
 
-/* harmony import */ var _react_string_viewer__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../react/string-viewer */ "./src/react/string-viewer.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() { return _react_string_viewer__WEBPACK_IMPORTED_MODULE_72__["SurveyLocStringViewer"]; });
+/* harmony import */ var _react_string_viewer__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../react/string-viewer */ "./src/react/string-viewer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() { return _react_string_viewer__WEBPACK_IMPORTED_MODULE_73__["SurveyLocStringViewer"]; });
 
-/* harmony import */ var _react_string_editor__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../react/string-editor */ "./src/react/string-editor.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return _react_string_editor__WEBPACK_IMPORTED_MODULE_73__["SurveyLocStringEditor"]; });
+/* harmony import */ var _react_string_editor__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../react/string-editor */ "./src/react/string-editor.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return _react_string_editor__WEBPACK_IMPORTED_MODULE_74__["SurveyLocStringEditor"]; });
 
 // react
 
@@ -10332,6 +10833,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -10344,7 +10846,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
+/*! exports provided: Version, checkLibraryVersion, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, QuestionMultipleTextModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryNavigateToPage, createTOCListModel, getTocRootCss, SurveyProgressModel, SurveyProgressButtonsModel, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, sanitizeEditableContent, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropSurveyElements, DragDropChoices, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, createDropdownActionModel, createDropdownActionModelAdvanced, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, TooltipManager, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, SurveyLocStringViewer, SurveyLocStringEditor */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10586,6 +11088,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["createTOCListModel"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["getTocRootCss"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyProgressButtonsModel"]; });
@@ -10807,6 +11311,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RatingItemStar", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["RatingItemStar"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RatingItemSmiley", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["RatingItemSmiley"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TagboxFilterString", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["TagboxFilterString"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionOptionItem", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyQuestionOptionItem"]; });
@@ -16478,6 +16984,158 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/smiley sync \\.svg$":
+/*!****************************************************!*\
+  !*** ./src/images/smiley sync nonrecursive \.svg$ ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var map = {
+	"./average.svg": "./src/images/smiley/average.svg",
+	"./excellent.svg": "./src/images/smiley/excellent.svg",
+	"./good.svg": "./src/images/smiley/good.svg",
+	"./normal.svg": "./src/images/smiley/normal.svg",
+	"./not-good.svg": "./src/images/smiley/not-good.svg",
+	"./perfect.svg": "./src/images/smiley/perfect.svg",
+	"./poor.svg": "./src/images/smiley/poor.svg",
+	"./terrible.svg": "./src/images/smiley/terrible.svg",
+	"./very-good.svg": "./src/images/smiley/very-good.svg",
+	"./very-poor.svg": "./src/images/smiley/very-poor.svg"
+};
+
+
+function webpackContext(req) {
+	var id = webpackContextResolve(req);
+	return __webpack_require__(id);
+}
+function webpackContextResolve(req) {
+	if(!__webpack_require__.o(map, req)) {
+		var e = new Error("Cannot find module '" + req + "'");
+		e.code = 'MODULE_NOT_FOUND';
+		throw e;
+	}
+	return map[req];
+}
+webpackContext.keys = function webpackContextKeys() {
+	return Object.keys(map);
+};
+webpackContext.resolve = webpackContextResolve;
+module.exports = webpackContext;
+webpackContext.id = "./src/images/smiley sync \\.svg$";
+
+/***/ }),
+
+/***/ "./src/images/smiley/average.svg":
+/*!***************************************!*\
+  !*** ./src/images/smiley/average.svg ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.00572 7C6.45572 7 6.00572 6.55 6.00572 6V2C6.00572 1.45 6.45572 1 7.00572 1C7.55572 1 8.00572 1.45 8.00572 2V6C8.00572 6.55 7.55572 7 7.00572 7ZM18.0057 6V2C18.0057 1.45 17.5557 1 17.0057 1C16.4557 1 16.0057 1.45 16.0057 2V6C16.0057 6.55 16.4557 7 17.0057 7C17.5557 7 18.0057 6.55 18.0057 6ZM19.9457 21.33C20.1257 20.81 19.8557 20.24 19.3357 20.05C14.5457 18.35 9.45572 18.35 4.66572 20.05C4.14572 20.23 3.87572 20.81 4.05572 21.33C4.23572 21.85 4.80572 22.12 5.33572 21.94C9.69572 20.4 14.3057 20.4 18.6657 21.94C18.7757 21.98 18.8857 22 18.9957 22C19.4057 22 19.7957 21.74 19.9357 21.33H19.9457Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/excellent.svg":
+/*!*****************************************!*\
+  !*** ./src/images/smiley/excellent.svg ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.01 24C6.85767 24 1.15509 20.96 0.0145752 14.16C-0.0354475 13.87 0.0445888 13.57 0.234675 13.35C0.424761 13.13 0.704888 13 0.995019 13H23.005C23.2951 13 23.5752 13.13 23.7653 13.35C23.9554 13.57 24.0354 13.87 23.9854 14.16C22.8549 20.95 17.1423 24 11.99 24H12.01ZM2.25559 15C3.61621 19.82 8.0182 22 12.01 22C16.0018 22 20.4038 19.82 21.7644 15H2.25559ZM8.00819 6V2C8.00819 1.45 7.55799 1 7.00774 1C6.45749 1 6.00729 1.45 6.00729 2V6C6.00729 6.55 6.45749 7 7.00774 7C7.55799 7 8.00819 6.55 8.00819 6ZM18.0127 6V2C18.0127 1.45 17.5625 1 17.0123 1C16.462 1 16.0118 1.45 16.0118 2V6C16.0118 6.55 16.462 7 17.0123 7C17.5625 7 18.0127 6.55 18.0127 6Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/good.svg":
+/*!************************************!*\
+  !*** ./src/images/smiley/good.svg ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.0022 23.99C11.452 23.99 11.0018 23.5402 11.0018 22.9904C11.0018 22.4407 11.452 21.9909 12.0022 21.9909C16.3137 21.9909 21.0755 19.472 22.0158 13.8344C22.1058 13.2947 22.616 12.9248 23.1662 13.0148C23.7064 13.1047 24.0765 13.6245 23.9865 14.1643C22.8561 20.9513 17.144 24 11.9922 24L12.0022 23.99ZM8.00072 5.99783V1.99957C8.00072 1.4498 7.55056 1 7.00036 1C6.45016 1 6 1.4498 6 1.99957V5.99783C6 6.54759 6.45016 6.99739 7.00036 6.99739C7.55056 6.99739 8.00072 6.54759 8.00072 5.99783ZM18.0043 5.99783V1.99957C18.0043 1.4498 17.5542 1 17.004 1C16.4538 1 16.0036 1.4498 16.0036 1.99957V5.99783C16.0036 6.54759 16.4538 6.99739 17.004 6.99739C17.5542 6.99739 18.0043 6.54759 18.0043 5.99783Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/normal.svg":
+/*!**************************************!*\
+  !*** ./src/images/smiley/normal.svg ***!
+  \**************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7 7C6.45 7 6 6.55 6 6V2C6 1.45 6.45 1 7 1C7.55 1 8 1.45 8 2V6C8 6.55 7.55 7 7 7ZM18 6V2C18 1.45 17.55 1 17 1C16.45 1 16 1.45 16 2V6C16 6.55 16.45 7 17 7C17.55 7 18 6.55 18 6ZM21 21C21 20.45 20.55 20 20 20H4C3.45 20 3 20.45 3 21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/not-good.svg":
+/*!****************************************!*\
+  !*** ./src/images/smiley/not-good.svg ***!
+  \****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.06927 7C6.51927 7 6.06927 6.55 6.06927 6V2C6.06927 1.45 6.51927 1 7.06927 1C7.61927 1 8.06927 1.45 8.06927 2V6C8.06927 6.55 7.61927 7 7.06927 7ZM18.0693 6V2C18.0693 1.45 17.6193 1 17.0693 1C16.5193 1 16.0693 1.45 16.0693 2V6C16.0693 6.55 16.5193 7 17.0693 7C17.6193 7 18.0693 6.55 18.0693 6ZM22.5693 21.9C23.0693 21.66 23.2793 21.07 23.0393 20.57C21.1093 16.52 16.9093 14 12.0693 14C7.22927 14 3.02927 16.52 1.09927 20.57C0.859273 21.07 1.06927 21.67 1.56927 21.9C2.06927 22.14 2.65927 21.93 2.89927 21.43C4.49927 18.08 8.00927 16 12.0593 16C16.1093 16 19.6293 18.08 21.2193 21.43C21.3893 21.79 21.7493 22 22.1193 22C22.2593 22 22.4093 21.97 22.5493 21.9H22.5693Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/perfect.svg":
+/*!***************************************!*\
+  !*** ./src/images/smiley/perfect.svg ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.01 23C6.85721 23 1.15412 19.9621 0.0134987 13.1669C-0.0765501 12.6272 0.293651 12.1076 0.833944 12.0177C1.38424 11.9277 1.89452 12.2975 1.98457 12.8371C2.92508 18.4732 7.69767 20.9914 12 20.9914C16.3023 20.9914 21.0749 18.4732 22.0154 12.8371C22.1055 12.2975 22.6158 11.9277 23.1661 12.0177C23.7063 12.1076 24.0765 12.6272 23.9865 13.1669C22.8559 19.9521 17.1428 23 11.99 23H12.01ZM21.165 6.15177C22.3056 5.01257 22.3056 3.16386 21.165 2.02465L21.0049 1.85477C19.9143 0.765533 18.1633 0.725561 17.0227 1.71487C15.8821 0.715568 14.1312 0.765533 13.0406 1.85477L12.8705 2.01466C11.7299 3.15386 11.7299 5.00257 12.8705 6.14178L17.0227 10.2889L21.175 6.14178L21.165 6.15177ZM15.742 3.27378L17.0127 4.54289L18.2834 3.27378C18.6436 2.91403 19.2239 2.91403 19.5841 3.27378L19.7442 3.43367C20.1044 3.79342 20.1044 4.37301 19.7442 4.73276L17.0127 7.46086L14.2812 4.73276C13.921 4.37301 13.921 3.79342 14.2812 3.43367L14.4413 3.27378C14.6214 3.09391 14.8515 3.00397 15.0917 3.00397C15.3318 3.00397 15.5619 3.09391 15.742 3.27378ZM11.1595 6.15177C12.3002 5.01257 12.3002 3.16386 11.1595 2.02465L10.9995 1.85477C9.90886 0.765533 8.15792 0.725561 7.0173 1.71487C5.87668 0.715568 4.12573 0.765533 3.03514 1.85477L2.86505 2.01466C1.72443 3.15386 1.72443 5.00257 2.86505 6.14178L7.0173 10.2889L11.1695 6.14178L11.1595 6.15177ZM5.7366 3.27378L7.00729 4.54289L8.27798 3.27378C8.63818 2.91403 9.21849 2.91403 9.57869 3.27378L9.73877 3.43367C10.099 3.79342 10.099 4.37301 9.73877 4.73276L7.00729 7.46086L4.27581 4.73276C3.91562 4.37301 3.91562 3.79342 4.27581 3.43367L4.4359 3.27378C4.61599 3.09391 4.84612 3.00397 5.08625 3.00397C5.32638 3.00397 5.5565 3.09391 5.7366 3.27378Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/poor.svg":
+/*!************************************!*\
+  !*** ./src/images/smiley/poor.svg ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.01915 7C6.46961 7 6.01998 6.55 6.01998 6V2C6.01998 1.45 6.46961 1 7.01915 1C7.56869 1 8.01832 1.45 8.01832 2V6C8.01832 6.55 7.56869 7 7.01915 7ZM18.01 6V2C18.01 1.45 17.5604 1 17.0108 1C16.4613 1 16.0117 1.45 16.0117 2V6C16.0117 6.55 16.4613 7 17.0108 7C17.5604 7 18.01 6.55 18.01 6ZM16.4213 21.58L18.01 19.99L19.2989 21.28C19.6886 21.67 20.3181 21.67 20.7077 21.28C21.0974 20.89 21.0974 20.26 20.7077 19.87L19.4188 18.58C18.6395 17.8 17.3705 17.8 16.5912 18.58L15.0025 20.17L13.4138 18.58C12.6345 17.8 11.3655 17.8 10.5862 18.58L8.9975 20.17L7.40883 18.58C6.62948 17.8 5.36053 17.8 4.58118 18.58L3.29226 19.87C2.90258 20.26 2.90258 20.89 3.29226 21.28C3.68193 21.67 4.31141 21.67 4.70108 21.28L5.99001 19.99L7.57868 21.58C8.35803 22.36 9.62698 22.36 10.4063 21.58L11.995 19.99L13.5837 21.58C13.9734 21.97 14.4829 22.16 14.9925 22.16C15.5021 22.16 16.0117 21.97 16.4013 21.58H16.4213Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/terrible.svg":
+/*!****************************************!*\
+  !*** ./src/images/smiley/terrible.svg ***!
+  \****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 4.9938C4 4.44362 4.45 3.99348 5 3.99348H6.59L5.3 2.70306C4.91 2.31293 4.91 1.68272 5.3 1.2926C5.69 0.902468 6.32 0.902468 6.71 1.2926L9.71 4.29357C9.8 4.3836 9.88 4.49364 9.93 4.62368C10.03 4.86376 10.03 5.14385 9.93 5.38393C9.88 5.50397 9.81 5.614 9.71 5.71404L6.71 8.71501C6.51 8.91508 6.26 9.00511 6 9.00511C5.74 9.00511 5.49 8.90508 5.29 8.71501C4.9 8.32489 4.9 7.69468 5.29 7.30456L6.58 6.01413H4.99C4.44 6.01413 3.99 5.56399 3.99 5.01381L4 4.9938ZM14.08 5.37393C14.13 5.49397 14.2 5.604 14.3 5.70403L17.3 8.70501C17.5 8.90508 17.75 8.99511 18.01 8.99511C18.27 8.99511 18.52 8.89507 18.72 8.70501C19.11 8.31488 19.11 7.68468 18.72 7.29455L17.43 6.00413H19.02C19.57 6.00413 20.02 5.55399 20.02 5.00381C20.02 4.45363 19.57 4.00348 19.02 4.00348H17.43L18.72 2.71306C19.11 2.32293 19.11 1.69273 18.72 1.3026C18.33 0.912471 17.7 0.912471 17.31 1.3026L14.31 4.30358C14.22 4.39361 14.14 4.50364 14.09 4.63368C13.99 4.87376 13.99 5.15385 14.09 5.39393L14.08 5.37393ZM22 14.9971V20.999C22 22.6496 20.65 24 19 24H5C3.35 24 2 22.6496 2 20.999V14.9971C2 13.3465 3.35 11.9961 5 11.9961H19C20.65 11.9961 22 13.3465 22 14.9971ZM19 13.9967H16V16.9977H20V14.9971C20 14.4469 19.55 13.9967 19 13.9967ZM14 16.9977V13.9967H10V16.9977H14ZM10 18.9984V21.9993H14V18.9984H10ZM4 14.9971V16.9977H8V13.9967H5C4.45 13.9967 4 14.4469 4 14.9971ZM5 21.9993H8V18.9984H4V20.999C4 21.5492 4.45 21.9993 5 21.9993ZM20 20.999V18.9984H16V21.9993H19C19.55 21.9993 20 21.5492 20 20.999Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/very-good.svg":
+/*!*****************************************!*\
+  !*** ./src/images/smiley/very-good.svg ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.01 24C6.85721 24 1.15412 20.96 0.0134987 14.16C-0.0765501 13.62 0.293651 13.1 0.833944 13.01C1.38424 12.92 1.89452 13.29 1.98457 13.83C2.92508 19.47 7.69767 21.99 12 21.99C16.3023 21.99 21.0749 19.47 22.0154 13.83C22.1055 13.29 22.6158 12.92 23.1661 13.01C23.7063 13.1 24.0765 13.62 23.9865 14.16C22.8559 20.95 17.1428 24 11.99 24H12.01ZM8.00783 6V2C8.00783 1.45 7.55759 1 7.00729 1C6.45699 1 6.00675 1.45 6.00675 2V6C6.00675 6.55 6.45699 7 7.00729 7C7.55759 7 8.00783 6.55 8.00783 6ZM18.0133 6V2C18.0133 1.45 17.563 1 17.0127 1C16.4624 1 16.0122 1.45 16.0122 2V6C16.0122 6.55 16.4624 7 17.0127 7C17.563 7 18.0133 6.55 18.0133 6Z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/smiley/very-poor.svg":
+/*!*****************************************!*\
+  !*** ./src/images/smiley/very-poor.svg ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_15894_140103)\"><path d=\"M4.88291 4.50999C4.47291 4.50999 4.08291 4.24999 3.94291 3.83999C3.76291 3.31999 4.03291 2.74999 4.55291 2.56999L8.32291 1.24999C8.84291 1.05999 9.41291 1.33999 9.59291 1.85999C9.77291 2.37999 9.50291 2.94999 8.98291 3.12999L5.20291 4.44999C5.09291 4.48999 4.98291 4.50999 4.87291 4.50999H4.88291ZM19.8129 3.88999C20.0229 3.37999 19.7729 2.78999 19.2629 2.58999L15.5529 1.06999C15.0429 0.859992 14.4529 1.10999 14.2529 1.61999C14.0429 2.12999 14.2929 2.71999 14.8029 2.91999L18.5029 4.42999C18.6229 4.47999 18.7529 4.49999 18.8829 4.49999C19.2729 4.49999 19.6529 4.26999 19.8129 3.87999V3.88999ZM3.50291 5.99999C2.64291 6.36999 1.79291 6.87999 1.00291 7.47999C0.79291 7.63999 0.64291 7.86999 0.59291 8.13999C0.48291 8.72999 0.87291 9.28999 1.45291 9.39999C2.04291 9.50999 2.60291 9.11999 2.71291 8.53999C2.87291 7.68999 3.12291 6.82999 3.50291 5.98999V5.99999ZM21.0429 8.54999C21.6029 10.48 24.2429 8.83999 22.7529 7.47999C21.9629 6.87999 21.1129 6.36999 20.2529 5.99999C20.6329 6.83999 20.8829 7.69999 21.0429 8.54999ZM21.5729 13.2C21.2529 14.2 22.5429 15.09 23.3629 14.39C23.8529 14 23.9229 13.29 23.5429 12.81C21.7429 10.67 22.1329 10.55 21.5829 13.2H21.5729ZM1.75291 11C1.22291 11.79 -0.14709 12.64 0.0129102 13.75C0.15291 14.36 0.75291 14.74 1.35291 14.6C2.98291 14.1 1.80291 12.22 1.75291 11ZM19.8829 17C19.8829 13.14 16.2929 9.99999 11.8829 9.99999C7.47291 9.99999 3.88291 13.14 3.88291 17C3.88291 20.86 7.47291 24 11.8829 24C16.2929 24 19.8829 20.86 19.8829 17ZM17.8829 17C17.8829 19.76 15.1929 22 11.8829 22C8.57291 22 5.88291 19.76 5.88291 17C5.88291 14.24 8.57291 12 11.8829 12C15.1929 12 17.8829 14.24 17.8829 17Z\"></path></g><defs><clipPath id=\"clip0_15894_140103\"><rect width=\"24\" height=\"24\" fill=\"white\"></rect></clipPath></defs></svg>"
+
+/***/ }),
+
 /***/ "./src/itemvalue.ts":
 /*!**************************!*\
   !*** ./src/itemvalue.ts ***!
@@ -17355,13 +18013,6 @@ var JsonObjectProperty = /** @class */ (function () {
             return objType;
         return objType.replace(this.classNamePart, "");
     };
-    JsonObjectProperty.prototype.getClassName = function (className) {
-        if (className)
-            className = className.toLowerCase();
-        return this.classNamePart && className.indexOf(this.classNamePart) < 0
-            ? className + this.classNamePart
-            : className;
-    };
     Object.defineProperty(JsonObjectProperty.prototype, "choices", {
         /**
          * Depricated, please use getChoices
@@ -18685,17 +19336,27 @@ var JsonObject = /** @class */ (function () {
     };
     JsonObject.prototype.createNewObj = function (value, property) {
         var result = { newObj: null, error: null };
-        var className = value[JsonObject.typePropertyName];
-        if (!className && property != null && property.className) {
-            className = property.className;
-        }
-        className = property.getClassName(className);
+        var className = this.getClassNameForNewObj(value, property);
         result.newObj = className
             ? JsonObject.metaData.createClass(className, value)
             : null;
         result.error = this.checkNewObjectOnErrors(result.newObj, value, property, className);
         return result;
     };
+    JsonObject.prototype.getClassNameForNewObj = function (value, property) {
+        var res = property != null && property.className ? property.className : undefined;
+        if (!res) {
+            res = value[JsonObject.typePropertyName];
+        }
+        if (!res)
+            return res;
+        res = res.toLowerCase();
+        var classNamePart = property.classNamePart;
+        if (classNamePart && res.indexOf(classNamePart) < 0) {
+            res += classNamePart;
+        }
+        return res;
+    };
     JsonObject.prototype.checkNewObjectOnErrors = function (newObj, value, property, className) {
         var error = null;
         if (newObj) {
@@ -18854,13 +19515,14 @@ var defaultListCss = {
 };
 var ListModel = /** @class */ (function (_super) {
     __extends(ListModel, _super);
-    function ListModel(items, onSelectionChanged, allowSelection, selectedItem, onFilterStringChangedCallback) {
+    function ListModel(items, onSelectionChanged, allowSelection, selectedItem, onFilterStringChangedCallback, elementId) {
         var _this = _super.call(this) || this;
         _this.onSelectionChanged = onSelectionChanged;
         _this.allowSelection = allowSelection;
         _this.onFilterStringChangedCallback = onFilterStringChangedCallback;
+        _this.elementId = elementId;
         _this.onItemClick = function (itemValue) {
-            if (_this.isItemDisabled(itemValue) || _this.isItemSelected(itemValue)) {
+            if (_this.isItemDisabled(itemValue)) {
                 return;
             }
             _this.isExpanded = false;
@@ -18930,8 +19592,12 @@ var ListModel = /** @class */ (function (_super) {
         }
     };
     ListModel.prototype.setItems = function (items, sortByVisibleIndex) {
+        var _this = this;
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
         _super.prototype.setItems.call(this, items, sortByVisibleIndex);
+        if (this.elementId) {
+            this.renderedActions.forEach(function (action) { action.elementId = _this.elementId + action.id; });
+        }
         if (!this.isAllDataLoaded && !!this.actions.length) {
             this.actions.push(this.loadingIndicator);
         }
@@ -19540,6 +20206,8 @@ var LocalizableString = /** @class */ (function () {
         return this.htmlValues[loc];
     };
     LocalizableString.prototype.deleteValuesEqualsToDefault = function (defaultValue) {
+        if (_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].storeDuplicatedTranslations)
+            return;
         var keys = this.getValuesKeys();
         for (var i = 0; i < keys.length; i++) {
             if (keys[i] == this.defaultLoc)
@@ -20519,12 +21187,12 @@ var dutchSurveyStrings = {
     urlGetChoicesError: "De vraag gaf een leeg antwoord terug of de 'pad' eigenschap is niet correct",
     exceedMaxSize: "De grootte van het bestand mag niet groter zijn dan {0}",
     otherRequiredError: "Vul het veld 'Anders, nl.' in",
-    uploadingFile: "Uw bestand wordt opgeladen. Gelieve enkele seconden te wachten en opnieuw te proberen.",
-    loadingFile: "Opladen...",
+    uploadingFile: "Uw bestand wordt geüpload. Gelieve enkele seconden te wachten en opnieuw te proberen.",
+    loadingFile: "Laden...",
     chooseFile: "Kies uw bestand(en)...",
     noFileChosen: "Geen bestand gekozen",
     fileDragAreaPlaceholder: "Sleep het bestand naar hier",
-    confirmDelete: "Wil je deze gegevens verwijderen?",
+    confirmDelete: "Wilt u deze gegevens verwijderen?",
     keyDuplicationError: "Deze waarde moet uniek zijn.",
     addColumn: "Voeg kolom toe",
     addRow: "Voeg rij toe",
@@ -20548,14 +21216,14 @@ var dutchSurveyStrings = {
     timerLimitAll: "U heeft {0} van {1} op deze pagina gespendeerd en {2} van {3} in totaal.",
     timerLimitPage: "U heeft {0} van {1} gespendeerd op deze pagina.",
     timerLimitSurvey: "U heeft {0} van {1} in het totaal.",
-    clearCaption: "Kuis op",
+    clearCaption: "Verwijder",
     signaturePlaceHolder: "Hier tekenen",
     chooseFileCaption: "Gekozen bestand",
-    removeFileCaption: "Verwijder deze file",
+    removeFileCaption: "Verwijder dit bestand",
     booleanCheckedLabel: "Ja",
     booleanUncheckedLabel: "Nee",
-    confirmRemoveFile: "Bent u zeker dat u deze file wilt verwijderen: {0}?",
-    confirmRemoveAllFiles: "Bent u zeker dat u al deze files wilt verwijderen?",
+    confirmRemoveFile: "Weet u zeker dat u deze file wilt verwijderen: {0}?",
+    confirmRemoveAllFiles: "Weet u zeker dat u al deze files wilt verwijderen?",
     questionTitlePatternText: "Titel van de vraag",
     // modalCancelButtonText: "Cancel",
     // modalApplyButtonText: "Apply",
@@ -20595,6 +21263,7 @@ var englishStrings = {
     progressText: "Page {0} of {1}",
     indexText: "{0} of {1}",
     panelDynamicProgressText: "{0} of {1}",
+    panelDynamicTabTextFormat: "Panel {0}",
     questionsProgressText: "Answered {0}/{1} questions",
     emptySurvey: "The survey doesn't contain visible pages or questions.",
     completingSurvey: "Thank you for completing the survey",
@@ -25367,7 +26036,7 @@ var QuestionMatrixBaseModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "middle" })
     ], QuestionMatrixBaseModel.prototype, "verticalAlign", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], QuestionMatrixBaseModel.prototype, "alternateRows", void 0);
     return QuestionMatrixBaseModel;
 }(_question__WEBPACK_IMPORTED_MODULE_1__["Question"]));
@@ -25426,8 +26095,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var MultiSelectListModel = /** @class */ (function (_super) {
     __extends(MultiSelectListModel, _super);
-    function MultiSelectListModel(items, onSelectionChanged, allowSelection, selectedItems, onFilterStringChangedCallback) {
-        var _this = _super.call(this, items, onSelectionChanged, allowSelection, undefined, onFilterStringChangedCallback) || this;
+    function MultiSelectListModel(items, onSelectionChanged, allowSelection, selectedItems, onFilterStringChangedCallback, elementId) {
+        var _this = _super.call(this, items, onSelectionChanged, allowSelection, undefined, onFilterStringChangedCallback, elementId) || this;
         _this.onItemClick = function (item) {
             if (_this.isItemDisabled(item))
                 return;
@@ -25612,7 +26281,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./panel */ "./src/panel.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _drag_drop_page_helper_v1__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./drag-drop-page-helper-v1 */ "./src/drag-drop-page-helper-v1.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -25661,6 +26330,7 @@ var PageModel = /** @class */ (function (_super) {
         };
         _this.createLocalizableString("navigationTitle", _this, true);
         _this.createLocalizableString("navigationDescription", _this, true);
+        _this.dragDropPageHelper = new _drag_drop_page_helper_v1__WEBPACK_IMPORTED_MODULE_3__["DragDropPageHelperV1"](_this);
         return _this;
     }
     PageModel.prototype.getType = function () {
@@ -25684,9 +26354,9 @@ var PageModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageModel.prototype, "navigationTitle", {
         /**
-         * A caption displayed on a navigation button in the progress bar. Applies only when [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"buttons"`.
+         * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"buttons"`.
          *
-         * If this property is undefined, the navigation button displays the page's [`name`](https://surveyjs.io/form-library/documentation/pagemodel#name).
+         * If this property is undefined, the navigation buttons display page [titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title) or [names](https://surveyjs.io/form-library/documentation/pagemodel#name).
          */
         get: function () {
             return this.getLocalizableStringText("navigationTitle");
@@ -25941,205 +26611,19 @@ var PageModel = /** @class */ (function (_super) {
             this.survey.pageVisibilityChanged(this, this.isVisible);
         }
     };
-    PageModel.prototype.getDragDropInfo = function () { return this.dragDropInfo; };
+    PageModel.prototype.getDragDropInfo = function () { return this.dragDropPageHelper.getDragDropInfo(); };
     PageModel.prototype.dragDropStart = function (src, target, nestedPanelDepth) {
         if (nestedPanelDepth === void 0) { nestedPanelDepth = -1; }
-        this.dragDropInfo = new _panel__WEBPACK_IMPORTED_MODULE_1__["DragDropInfo"](src, target, nestedPanelDepth);
+        this.dragDropPageHelper.dragDropStart(src, target, nestedPanelDepth);
     };
     PageModel.prototype.dragDropMoveTo = function (destination, isBottom, isEdge) {
         if (isBottom === void 0) { isBottom = false; }
         if (isEdge === void 0) { isEdge = false; }
-        if (!this.dragDropInfo)
-            return false;
-        this.dragDropInfo.destination = destination;
-        this.dragDropInfo.isBottom = isBottom;
-        this.dragDropInfo.isEdge = isEdge;
-        this.correctDragDropInfo(this.dragDropInfo);
-        if (!this.dragDropCanDropTagert())
-            return false;
-        if (!this.dragDropCanDropSource() || !this.dragDropAllowFromSurvey()) {
-            if (!!this.dragDropInfo.source) {
-                var row = this.dragDropFindRow(this.dragDropInfo.target);
-                this.updateRowsRemoveElementFromRow(this.dragDropInfo.target, row);
-            }
-            return false;
-        }
-        this.dragDropAddTarget(this.dragDropInfo);
-        return true;
-    };
-    PageModel.prototype.correctDragDropInfo = function (dragDropInfo) {
-        if (!dragDropInfo.destination)
-            return;
-        var panel = dragDropInfo.destination.isPanel
-            ? dragDropInfo.destination
-            : null;
-        if (!panel)
-            return;
-        if (!dragDropInfo.target.isLayoutTypeSupported(panel.getChildrenLayoutType())) {
-            dragDropInfo.isEdge = true;
-        }
-    };
-    PageModel.prototype.dragDropAllowFromSurvey = function () {
-        var dest = this.dragDropInfo.destination;
-        if (!dest || !this.survey)
-            return true;
-        var insertBefore = null;
-        var insertAfter = null;
-        var parent = dest.isPage || (!this.dragDropInfo.isEdge && dest.isPanel)
-            ? dest
-            : dest.parent;
-        if (!dest.isPage) {
-            var container = dest.parent;
-            if (!!container) {
-                var elements = container.elements;
-                var index = elements.indexOf(dest);
-                if (index > -1) {
-                    insertBefore = dest;
-                    insertAfter = dest;
-                    if (this.dragDropInfo.isBottom) {
-                        insertBefore =
-                            index < elements.length - 1 ? elements[index + 1] : null;
-                    }
-                    else {
-                        insertAfter = index > 0 ? elements[index - 1] : null;
-                    }
-                }
-            }
-        }
-        var options = {
-            allow: true,
-            target: this.dragDropInfo.target,
-            source: this.dragDropInfo.source,
-            parent: parent,
-            insertAfter: insertAfter,
-            insertBefore: insertBefore,
-        };
-        return this.survey.dragAndDropAllow(options);
+        return this.dragDropPageHelper.dragDropMoveTo(destination, isBottom, isEdge);
     };
     PageModel.prototype.dragDropFinish = function (isCancel) {
         if (isCancel === void 0) { isCancel = false; }
-        if (!this.dragDropInfo)
-            return;
-        var target = this.dragDropInfo.target;
-        var src = this.dragDropInfo.source;
-        var dest = this.dragDropInfo.destination;
-        var row = this.dragDropFindRow(target);
-        var targetIndex = this.dragDropGetElementIndex(target, row);
-        this.updateRowsRemoveElementFromRow(target, row);
-        var elementsToSetSWNL = [];
-        var elementsToResetSWNL = [];
-        if (!isCancel && !!row) {
-            var isSamePanel = false;
-            if (this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_3__["settings"].supportCreatorV2) {
-                var srcRow = src && src.parent && src.parent.dragDropFindRow(src);
-                if (row.panel.elements[targetIndex] && row.panel.elements[targetIndex].startWithNewLine && row.elements.length > 1 && row.panel.elements[targetIndex] === dest) {
-                    elementsToSetSWNL.push(target);
-                    elementsToResetSWNL.push(row.panel.elements[targetIndex]);
-                }
-                if (target.startWithNewLine && row.elements.length > 1 && (!row.panel.elements[targetIndex] || !row.panel.elements[targetIndex].startWithNewLine)) {
-                    elementsToResetSWNL.push(target);
-                }
-                if (srcRow && srcRow.elements[0] === src && srcRow.elements[1]) {
-                    elementsToSetSWNL.push(srcRow.elements[1]);
-                }
-                if (row.elements.length <= 1) {
-                    elementsToSetSWNL.push(target);
-                }
-                if (target.startWithNewLine && row.elements.length > 1 && row.elements[0] !== dest) {
-                    elementsToResetSWNL.push(target);
-                }
-            }
-            if (!!src && !!src.parent) {
-                this.survey.startMovingQuestion();
-                isSamePanel = row.panel == src.parent;
-                if (isSamePanel) {
-                    row.panel.dragDropMoveElement(src, target, targetIndex);
-                    targetIndex = -1;
-                }
-                else {
-                    src.parent.removeElement(src);
-                }
-            }
-            if (targetIndex > -1) {
-                row.panel.addElement(target, targetIndex);
-            }
-            this.survey.stopMovingQuestion();
-        }
-        elementsToSetSWNL.map(function (e) { e.startWithNewLine = true; });
-        elementsToResetSWNL.map(function (e) { e.startWithNewLine = false; });
-        this.dragDropInfo = null;
-        return !isCancel ? target : null;
-    };
-    PageModel.prototype.dragDropGetElementIndex = function (target, row) {
-        if (!row)
-            return -1;
-        var index = row.elements.indexOf(target);
-        if (row.index == 0)
-            return index;
-        var prevRow = row.panel.rows[row.index - 1];
-        var prevElement = prevRow.elements[prevRow.elements.length - 1];
-        return index + row.panel.elements.indexOf(prevElement) + 1;
-    };
-    PageModel.prototype.dragDropCanDropTagert = function () {
-        var destination = this.dragDropInfo.destination;
-        if (!destination || destination.isPage)
-            return true;
-        return this.dragDropCanDropCore(this.dragDropInfo.target, destination);
-    };
-    PageModel.prototype.dragDropCanDropSource = function () {
-        var source = this.dragDropInfo.source;
-        if (!source)
-            return true;
-        var destination = this.dragDropInfo.destination;
-        if (!this.dragDropCanDropCore(source, destination))
-            return false;
-        if (this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_3__["settings"].supportCreatorV2) {
-            var rowSource = this.dragDropFindRow(source);
-            var rowDestination = this.dragDropFindRow(destination);
-            if (rowSource !== rowDestination) {
-                if (!source.startWithNewLine && destination.startWithNewLine)
-                    return true;
-                if (source.startWithNewLine && !destination.startWithNewLine) {
-                    return true;
-                }
-            }
-            var row = this.dragDropFindRow(destination);
-            if (row && row.elements.length == 1)
-                return true;
-        }
-        return this.dragDropCanDropNotNext(source, destination, this.dragDropInfo.isEdge, this.dragDropInfo.isBottom);
-    };
-    PageModel.prototype.dragDropCanDropCore = function (target, destination) {
-        if (!destination)
-            return true;
-        if (this.dragDropIsSameElement(destination, target))
-            return false;
-        if (target.isPanel) {
-            var pnl = target;
-            if (pnl.containsElement(destination) ||
-                !!pnl.getElementByName(destination.name))
-                return false;
-        }
-        return true;
-    };
-    PageModel.prototype.dragDropCanDropNotNext = function (source, destination, isEdge, isBottom) {
-        if (!destination || (destination.isPanel && !isEdge))
-            return true;
-        if (typeof source.parent === "undefined" || source.parent !== destination.parent)
-            return true;
-        var pnl = source.parent;
-        var srcIndex = pnl.elements.indexOf(source);
-        var destIndex = pnl.elements.indexOf(destination);
-        if (destIndex < srcIndex && !isBottom)
-            destIndex--;
-        if (isBottom)
-            destIndex++;
-        return srcIndex < destIndex
-            ? destIndex - srcIndex > 1
-            : srcIndex - destIndex > 0;
-    };
-    PageModel.prototype.dragDropIsSameElement = function (el1, el2) {
-        return el1 == el2 || el1.name == el2.name;
+        return this.dragDropPageHelper.dragDropFinish(isCancel);
     };
     PageModel.prototype.ensureRowsVisibility = function () {
         _super.prototype.ensureRowsVisibility.call(this);
@@ -26185,12 +26669,11 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("page", [
 /*!**********************!*\
   !*** ./src/panel.ts ***!
   \**********************/
-/*! exports provided: DragDropInfo, QuestionRowModel, PanelModelBase, PanelModel */
+/*! exports provided: QuestionRowModel, PanelModelBase, PanelModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropInfo", function() { return DragDropInfo; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionRowModel", function() { return QuestionRowModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelModelBase", function() { return PanelModelBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelModel", function() { return PanelModel; });
@@ -26204,6 +26687,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _drag_drop_panel_helper_v1__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./drag-drop-panel-helper-v1 */ "./src/drag-drop-panel-helper-v1.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -26235,15 +26719,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
-var DragDropInfo = /** @class */ (function () {
-    function DragDropInfo(source, target, nestedPanelDepth) {
-        if (nestedPanelDepth === void 0) { nestedPanelDepth = -1; }
-        this.source = source;
-        this.target = target;
-        this.nestedPanelDepth = nestedPanelDepth;
-    }
-    return DragDropInfo;
-}());
 
 var QuestionRowModel = /** @class */ (function (_super) {
     __extends(QuestionRowModel, _super);
@@ -26461,7 +26936,7 @@ var QuestionRowModel = /** @class */ (function (_super) {
     QuestionRowModel.prototype.getRowCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
             .append(this.panel.cssClasses.row)
-            .append(this.panel.cssClasses.pageRow, this.panel.isPage)
+            .append(this.panel.cssClasses.pageRow, this.panel.isPage || (!!this.panel.originalPage && !this.panel.survey.isShowingPreview))
             .append(this.panel.cssClasses.rowMultiple, this.visibleElements.length > 1)
             .toString();
     };
@@ -26494,6 +26969,7 @@ var PanelModelBase = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["questionStartIndex", "showQuestionNumbers"], function () {
             _this.updateVisibleIndexes();
         });
+        _this.dragDropPanelHelper = new _drag_drop_panel_helper_v1__WEBPACK_IMPORTED_MODULE_10__["DragDropPanelHelperV1"](_this);
         return _this;
     }
     PanelModelBase.getPanelId = function () {
@@ -26708,9 +27184,12 @@ var PanelModelBase = /** @class */ (function (_super) {
         configurable: true
     });
     PanelModelBase.prototype.calcCssClasses = function (css) {
-        var classes = { panel: {}, error: {}, row: "", rowMultiple: "" };
+        var classes = { panel: {}, error: {}, row: "", rowMultiple: "", pageRow: "" };
         this.copyCssClasses(classes.panel, css.panel);
         this.copyCssClasses(classes.error, css.error);
+        if (!!css.pageRow) {
+            classes.pageRow = css.pageRow;
+        }
         if (!!css.row) {
             classes.row = css.row;
         }
@@ -26969,7 +27448,7 @@ var PanelModelBase = /** @class */ (function (_super) {
          * @see [Data Validation](https://surveyjs.io/form-library/documentation/data-validation)
          */
         get: function () {
-            return this.getPropertyValue("isRequired", false);
+            return this.getPropertyValue("isRequired");
         },
         set: function (val) {
             this.setPropertyValue("isRequired", val);
@@ -27319,7 +27798,10 @@ var PanelModelBase = /** @class */ (function (_super) {
         element.setSurveyImpl(this.surveyImpl);
         element.parent = this;
         this.markQuestionListDirty();
-        this.updateRowsOnElementAdded(element, index);
+        if (this.canBuildRows()) {
+            var dragDropInfo = _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].supportCreatorV2 ? this.getDragDropInfo() : undefined;
+            this.dragDropPanelHelper.updateRowsOnElementAdded(element, index, dragDropInfo, this);
+        }
         if (element.isPanel) {
             var p = element;
             if (this.survey) {
@@ -27420,29 +27902,6 @@ var PanelModelBase = /** @class */ (function (_super) {
         var page = this.getPage(this.parent);
         return !!page ? page.getDragDropInfo() : undefined;
     };
-    PanelModelBase.prototype.updateRowsOnElementAdded = function (element, index) {
-        if (!this.canBuildRows())
-            return;
-        var dragDropInfo = _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].supportCreatorV2 ? this.getDragDropInfo() : undefined;
-        if (!dragDropInfo) {
-            dragDropInfo = new DragDropInfo(null, element);
-            dragDropInfo.target = element;
-            dragDropInfo.isEdge = this.elements.length > 1;
-            if (this.elements.length < 2) {
-                dragDropInfo.destination = this;
-            }
-            else {
-                dragDropInfo.isBottom = index > 0;
-                if (index == 0) {
-                    dragDropInfo.destination = this.elements[1];
-                }
-                else {
-                    dragDropInfo.destination = this.elements[index - 1];
-                }
-            }
-        }
-        this.dragDropAddTargetToRow(dragDropInfo, null);
-    };
     PanelModelBase.prototype.updateRowsOnElementRemoved = function (element) {
         if (!this.canBuildRows())
             return;
@@ -27762,147 +28221,13 @@ var PanelModelBase = /** @class */ (function (_super) {
         }
     };
     PanelModelBase.prototype.dragDropAddTarget = function (dragDropInfo) {
-        var prevRow = this.dragDropFindRow(dragDropInfo.target);
-        if (this.dragDropAddTargetToRow(dragDropInfo, prevRow)) {
-            this.updateRowsRemoveElementFromRow(dragDropInfo.target, prevRow);
-        }
+        this.dragDropPanelHelper.dragDropAddTarget(dragDropInfo);
     };
     PanelModelBase.prototype.dragDropFindRow = function (findElement) {
-        if (!findElement || findElement.isPage)
-            return null;
-        var element = findElement;
-        var rows = this.rows;
-        for (var i = 0; i < rows.length; i++) {
-            if (rows[i].elements.indexOf(element) > -1)
-                return rows[i];
-        }
-        for (var i = 0; i < this.elements.length; i++) {
-            var pnl = this.elements[i].getPanel();
-            if (!pnl)
-                continue;
-            var row = pnl.dragDropFindRow(element);
-            if (!!row)
-                return row;
-        }
-        return null;
-    };
-    PanelModelBase.prototype.dragDropAddTargetToRow = function (dragDropInfo, prevRow) {
-        if (!dragDropInfo.destination)
-            return true;
-        if (this.dragDropAddTargetToEmptyPanel(dragDropInfo))
-            return true;
-        var dest = dragDropInfo.destination;
-        var destRow = this.dragDropFindRow(dest);
-        if (!destRow)
-            return true;
-        if (_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].supportCreatorV2 && this.isDesignMode) {
-            if (destRow.elements.length > 1)
-                return this.dragDropAddTargetToExistingRow(dragDropInfo, destRow, prevRow);
-            else
-                return this.dragDropAddTargetToNewRow(dragDropInfo, destRow, prevRow);
-        }
-        if (!dragDropInfo.target.startWithNewLine)
-            return this.dragDropAddTargetToExistingRow(dragDropInfo, destRow, prevRow);
-        return this.dragDropAddTargetToNewRow(dragDropInfo, destRow, prevRow);
-    };
-    PanelModelBase.prototype.dragDropAddTargetToEmptyPanel = function (dragDropInfo) {
-        if (dragDropInfo.destination.isPage) {
-            this.dragDropAddTargetToEmptyPanelCore(this.root, dragDropInfo.target, dragDropInfo.isBottom);
-            return true;
-        }
-        var dest = dragDropInfo.destination;
-        if (dest.isPanel && !dragDropInfo.isEdge) {
-            var panel = dest;
-            if (dragDropInfo.target["template"] === dest) {
-                return false;
-            }
-            if (dragDropInfo.nestedPanelDepth < 0 ||
-                dragDropInfo.nestedPanelDepth >= panel.depth) {
-                this.dragDropAddTargetToEmptyPanelCore(dest, dragDropInfo.target, dragDropInfo.isBottom);
-                return true;
-            }
-        }
-        return false;
-    };
-    PanelModelBase.prototype.dragDropAddTargetToExistingRow = function (dragDropInfo, destRow, prevRow) {
-        var index = destRow.elements.indexOf(dragDropInfo.destination);
-        if (index == 0 &&
-            !dragDropInfo.isBottom) {
-            if (this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].supportCreatorV2) {
-            }
-            else if (destRow.elements[0].startWithNewLine) {
-                if (destRow.index > 0) {
-                    dragDropInfo.isBottom = true;
-                    destRow = destRow.panel.rows[destRow.index - 1];
-                    dragDropInfo.destination =
-                        destRow.elements[destRow.elements.length - 1];
-                    return this.dragDropAddTargetToExistingRow(dragDropInfo, destRow, prevRow);
-                }
-                else {
-                    return this.dragDropAddTargetToNewRow(dragDropInfo, destRow, prevRow);
-                }
-            }
-        }
-        var prevRowIndex = -1;
-        if (prevRow == destRow) {
-            prevRowIndex = destRow.elements.indexOf(dragDropInfo.target);
-        }
-        if (dragDropInfo.isBottom)
-            index++;
-        var srcRow = this.findRowByElement(dragDropInfo.source);
-        if (srcRow == destRow &&
-            srcRow.elements.indexOf(dragDropInfo.source) == index)
-            return false;
-        if (index == prevRowIndex)
-            return false;
-        if (prevRowIndex > -1) {
-            destRow.elements.splice(prevRowIndex, 1);
-            if (prevRowIndex < index)
-                index--;
-        }
-        destRow.elements.splice(index, 0, dragDropInfo.target);
-        destRow.updateVisible();
-        return prevRowIndex < 0;
-    };
-    PanelModelBase.prototype.dragDropAddTargetToNewRow = function (dragDropInfo, destRow, prevRow) {
-        var targetRow = destRow.panel.createRowAndSetLazy(destRow.panel.rows.length);
-        if (this.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].supportCreatorV2) {
-            targetRow.setIsLazyRendering(false);
-        }
-        targetRow.addElement(dragDropInfo.target);
-        var index = destRow.index;
-        if (dragDropInfo.isBottom) {
-            index++;
-        }
-        //same row
-        if (!!prevRow && prevRow.panel == targetRow.panel && prevRow.index == index)
-            return false;
-        var srcRow = this.findRowByElement(dragDropInfo.source);
-        if (!!srcRow &&
-            srcRow.panel == targetRow.panel &&
-            srcRow.elements.length == 1 &&
-            srcRow.index == index)
-            return false;
-        destRow.panel.rows.splice(index, 0, targetRow);
-        return true;
-    };
-    PanelModelBase.prototype.dragDropAddTargetToEmptyPanelCore = function (panel, target, isBottom) {
-        var targetRow = panel.createRow();
-        targetRow.addElement(target);
-        if (panel.elements.length == 0 || isBottom) {
-            panel.rows.push(targetRow);
-        }
-        else {
-            panel.rows.splice(0, 0, targetRow);
-        }
+        return this.dragDropPanelHelper.dragDropFindRow(findElement);
     };
     PanelModelBase.prototype.dragDropMoveElement = function (src, target, targetIndex) {
-        var srcIndex = src.parent.elements.indexOf(src);
-        if (targetIndex > srcIndex) {
-            targetIndex--;
-        }
-        this.removeElement(src);
-        this.addElement(target, targetIndex);
+        this.dragDropPanelHelper.dragDropMoveElement(src, target, targetIndex);
     };
     PanelModelBase.prototype.needResponsiveWidth = function () {
         var result = false;
@@ -28064,7 +28389,7 @@ var PanelModel = /** @class */ (function (_super) {
          * @see SurveyModel.questionTitlePattern
          */
         get: function () {
-            return this.getPropertyValue("showNumber", false);
+            return this.getPropertyValue("showNumber");
         },
         set: function (val) {
             this.setPropertyValue("showNumber", val);
@@ -28342,15 +28667,23 @@ var PanelModel = /** @class */ (function (_super) {
             return;
         this.survey.whenPanelFocusIn(this);
     };
-    PanelModel.prototype.getContainerCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]().append(this.cssClasses.panel.container)
-            .append(this.cssClasses.panel.withFrame, this.hasFrameV2)
-            .append(this.cssClasses.panel.nested, !!((this.parent && this.parent.isPanel || !this.isSingleInRow) && !this.isDesignMode))
-            .append(this.cssClasses.panel.collapsed, !!this.isCollapsed)
-            .append(this.cssClasses.panel.expanded, !!this.isExpanded)
-            .append(this.cssClasses.panel.invisible, !this.isDesignMode && this.areInvisibleElementsShowing && !this.visible)
+    PanelModel.prototype.getHasFrameV2 = function () {
+        return _super.prototype.getHasFrameV2.call(this) && (!this.originalPage || this.survey.isShowingPreview);
+    };
+    PanelModel.prototype.getIsNested = function () {
+        return _super.prototype.getIsNested.call(this) && this.parent !== undefined;
+    };
+    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.invisible, !this.isDesignMode && this.areInvisibleElementsShowing && !this.visible)
             .toString();
     };
+    PanelModel.prototype.getContainerCss = function () {
+        return this.getCssRoot(this.cssClasses.panel);
+    };
     return PanelModel;
 }(PanelModelBase));
 
@@ -30656,7 +30989,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         this.switchFocus();
     };
     PopupBaseViewModel.prototype.updateOnHiding = function () {
-        this.prevActiveElement && this.prevActiveElement.focus();
+        if (this.isFocusedContent && this.prevActiveElement) {
+            this.prevActiveElement.focus();
+        }
     };
     PopupBaseViewModel.prototype.focusFirstInput = function () {
         var _this = this;
@@ -31195,7 +31530,6 @@ var Question = /** @class */ (function (_super) {
          * You can use question values as placeholders in the following places:
          *
          * - Survey element titles and descriptions
-         * - The [`expression`](https://surveyjs.io/form-library/documentation/questionexpressionmodel#expression) property of the [Expression](https://surveyjs.io/form-library/documentation/questionexpressionmodel) question
          * - The [`html`](https://surveyjs.io/form-library/documentation/questionhtmlmodel#html) property of the [HTML](https://surveyjs.io/form-library/documentation/questionhtmlmodel) question
          *
          * To use a question value as a placeholder, specify the question `name` in curly brackets: `{questionName}`. Refer to the following help topic for more information: [Dynamic Texts - Question Values](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#question-values).
@@ -31812,6 +32146,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
+            .append(_super.prototype.getCssRoot.call(this, cssClasses))
             .append(this.isFlowLayout && !this.isDesignMode
             ? cssClasses.flowRoot
             : cssClasses.mainRoot)
@@ -31819,10 +32154,6 @@ var Question = /** @class */ (function (_super) {
             .append(cssClasses.hasError, this.errors.length > 0)
             .append(cssClasses.small, !this.width)
             .append(cssClasses.answered, this.isAnswered)
-            .append(cssClasses.expanded, !!this.isExpanded)
-            .append(cssClasses.collapsed, !!this.isCollapsed)
-            .append(cssClasses.withFrame, this.hasFrameV2)
-            .append(cssClasses.nested, (this.hasParent || !this.isSingleInRow) && this.isDefaultV2Theme)
             .toString();
     };
     Object.defineProperty(Question.prototype, "cssHeader", {
@@ -32785,7 +33116,9 @@ var Question = /** @class */ (function (_super) {
         var _this = this;
         this.defaultValueRunner = this.getDefaultRunner(this.defaultValueRunner, this.defaultValueExpression);
         this.setValueAndRunExpression(this.defaultValueRunner, this.getUnbindValue(this.defaultValue), function (val) {
-            _this.value = val;
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(_this.value, val)) {
+                _this.value = val;
+            }
         });
     };
     Question.prototype.isValueExpression = function (val) {
@@ -32816,7 +33149,11 @@ var Question = /** @class */ (function (_super) {
             return false;
         if (!setFunc) {
             setFunc = function (val) {
-                _this.runExpressionSetValue(val, function (val) { _this.value = val; });
+                _this.runExpressionSetValue(val, function (val) {
+                    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(_this.value, val)) {
+                        _this.value = val;
+                    }
+                });
             };
         }
         if (!values)
@@ -33943,7 +34280,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * @see noneText
          */
         get: function () {
-            return this.getPropertyValue("showNoneItem", false);
+            return this.getPropertyValue("showNoneItem");
         },
         set: function (val) {
             this.setPropertyValue("showNoneItem", val);
@@ -34112,6 +34449,19 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.onEnableItemCallBack = function (item) {
         return true;
     };
+    QuestionSelectBase.prototype.onSelectedItemValuesChangedHandler = function (newValue) { };
+    QuestionSelectBase.prototype.getSingleSelectedItem = function () {
+        var selectedItemValues = this.selectedItemValues;
+        if (this.isEmpty())
+            return null;
+        var itemValue = _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(this.visibleChoices, this.value);
+        this.onGetSingleSelectedItem(itemValue);
+        if (!itemValue && !selectedItemValues) {
+            this.updateSelectedItemValues();
+        }
+        return itemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value));
+    };
+    QuestionSelectBase.prototype.onGetSingleSelectedItem = function (selectedItemByValue) { };
     QuestionSelectBase.prototype.setConditionalChoicesRunner = function () {
         if (this.choicesVisibleIf) {
             if (!this.conditionChoicesVisibleIfRunner) {
@@ -34478,7 +34828,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
          * This property is useful if you show or hide choice items at runtime based on a [condition](https://surveyjs.io/form-library/documentation/questionselectbase#choicesVisibleIf).
          */
         get: function () {
-            return this.getPropertyValue("hideIfChoicesEmpty", false);
+            return this.getPropertyValue("hideIfChoicesEmpty");
         },
         set: function (val) {
             this.setPropertyValue("hideIfChoicesEmpty", val);
@@ -35069,7 +35419,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             return;
         this.isUpdatingChoicesDependedQuestions = true;
         for (var i = 0; i < this.dependedQuestions.length; i++) {
-            this.dependedQuestions[i].onVisibleChoicesChanged();
+            var q = this.dependedQuestions[i];
+            q.onVisibleChoicesChanged();
+            q.clearIncorrectValuesCore();
         }
         this.isUpdatingChoicesDependedQuestions = false;
     };
@@ -35474,10 +35826,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return classes;
     };
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ onSet: function (newVal, target) {
+                target.onSelectedItemValuesChangedHandler(newVal);
+            } })
     ], QuestionSelectBase.prototype, "selectedItemValues", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionSelectBase.prototype, "separateSpecialChoices", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: true })
@@ -36429,7 +36783,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
          * @see separateSpecialChoices
          */
         get: function () {
-            return this.getPropertyValue("showSelectAllItem", false);
+            return this.getPropertyValue("showSelectAllItem");
         },
         set: function (val) {
             this.setPropertyValue("showSelectAllItem", val);
@@ -37907,7 +38261,11 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         var questions = this.contentPanel.questions;
         for (var i = 0; i < questions.length; i++) {
             var key = questions[i].getValueName();
-            questions[i].value = !!newValue ? newValue[key] : undefined;
+            var val = !!newValue ? newValue[key] : undefined;
+            var q = questions[i];
+            if (!this.isTwoValueEquals(q.value, val)) {
+                q.value = val;
+            }
         }
         this.settingNewValue = false;
     };
@@ -38088,22 +38446,15 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(QuestionDropdownModel.prototype, "selectedItem", {
-        get: function () {
-            var selectedItemValues = this.selectedItemValues;
-            if (this.isEmpty())
-                return null;
-            var itemValue = _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(this.visibleChoices, this.value);
-            if (!!itemValue) {
-                this.lastSelectedItemValue = itemValue;
-            }
-            else if (!selectedItemValues) {
-                this.updateSelectedItemValues();
-            }
-            return this.lastSelectedItemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value));
-        },
+        get: function () { return this.getSingleSelectedItem(); },
         enumerable: false,
         configurable: true
     });
+    QuestionDropdownModel.prototype.onGetSingleSelectedItem = function (selectedItemByValue) {
+        if (!!selectedItemByValue) {
+            this.lastSelectedItemValue = selectedItemByValue;
+        }
+    };
     QuestionDropdownModel.prototype.supportGoNextPageAutomatic = function () {
         return true;
     };
@@ -38249,20 +38600,41 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionDropdownModel.prototype, "dropdownListModel", {
+        get: function () {
+            if (this.renderAs !== "select" && !this.dropdownListModelValue) {
+                this.dropdownListModelValue = new _dropdownListModel__WEBPACK_IMPORTED_MODULE_5__["DropdownListModel"](this);
+            }
+            return this.dropdownListModelValue;
+        },
+        set: function (val) {
+            this.dropdownListModelValue = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionDropdownModel.prototype, "popupModel", {
         get: function () {
             var _a;
-            if (this.renderAs !== "select" && !this.dropdownListModel) {
-                this.dropdownListModel = new _dropdownListModel__WEBPACK_IMPORTED_MODULE_5__["DropdownListModel"](this);
-            }
             return (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.popupModel;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionDropdownModel.prototype, "ariaExpanded", {
+        get: function () {
+            return this.popupModel.isVisible;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionDropdownModel.prototype.onOpenedCallBack = function () {
         this.onOpened.fire(this, { question: this, choices: this.choices });
     };
+    QuestionDropdownModel.prototype.onSelectedItemValuesChangedHandler = function (newValue) {
+        var _a;
+        (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.setInputStringFromSelectedItem(newValue);
+    };
     QuestionDropdownModel.prototype.hasUnknownValue = function (val, includeOther, isFilteredChoices, checkEmptyValue) {
         if (this.choicesLazyLoadEnabled) {
             return false;
@@ -38297,11 +38669,10 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         }
     };
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: true })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionDropdownModel.prototype, "allowClear", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
-            defaultValue: true,
             onSet: function (newValue, target) {
                 if (!!target.dropdownListModel) {
                     target.dropdownListModel.setSearchEnabled(newValue);
@@ -38316,7 +38687,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: "" })
     ], QuestionDropdownModel.prototype, "readOnlyText", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionDropdownModel.prototype, "choicesLazyLoadEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 25 })
@@ -39711,7 +40082,7 @@ var QuestionHtmlModel = /** @class */ (function (_super) {
         var locHtml = _this.createLocalizableString("html", _this);
         locHtml.onGetTextCallback = function (str) {
             return !!_this.survey && !_this.ignoreHtmlProgressing
-                ? _this.survey.processHtml(str)
+                ? _this.processHtml(str)
                 : str;
         };
         return _this;
@@ -39755,11 +40126,14 @@ var QuestionHtmlModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionHtmlModel.prototype, "processedHtml", {
         get: function () {
-            return this.survey ? this.survey.processHtml(this.html) : this.html;
+            return this.processHtml(this.html);
         },
         enumerable: false,
         configurable: true
     });
+    QuestionHtmlModel.prototype.processHtml = function (html) {
+        return this.survey ? this.survey.processHtml(html, "html-question") : this.html;
+    };
     return QuestionHtmlModel;
 }(_questionnonvalue__WEBPACK_IMPORTED_MODULE_0__["QuestionNonValue"]));
 
@@ -41001,7 +41375,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
          * @see isRequired
          */
         get: function () {
-            return this.getPropertyValue("isAllRowRequired", false);
+            return this.getPropertyValue("isAllRowRequired");
         },
         set: function (val) {
             this.setPropertyValue("isAllRowRequired", val);
@@ -41546,7 +41920,7 @@ var QuestionMatrixDropdownModel = /** @class */ (function (_super) {
          * @see rowsVisibleIf
          */
         get: function () {
-            return this.getPropertyValue("hideIfRowsEmpty", false);
+            return this.getPropertyValue("hideIfRowsEmpty");
         },
         set: function (val) {
             this.setPropertyValue("hideIfRowsEmpty", val);
@@ -42893,7 +43267,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "horizontalScroll", {
         get: function () {
-            return this.getPropertyValue("horizontalScroll", false);
+            return this.getPropertyValue("horizontalScroll");
         },
         set: function (val) {
             this.setPropertyValue("horizontalScroll", val);
@@ -43170,7 +43544,8 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         return this.getColumnByName(columnName);
     };
     QuestionMatrixDropdownModelBase.prototype.getColumnWidth = function (column) {
-        return column.minWidth ? column.minWidth : this.columnMinWidth;
+        var _a;
+        return column.minWidth ? column.minWidth : this.columnMinWidth ? this.columnMinWidth : (((_a = _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].matrix.columnWidthsByType[column.cellType]) === null || _a === void 0 ? void 0 : _a.minWidth) || "");
     };
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "choices", {
         /**
@@ -44040,10 +44415,10 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         return this.SurveyModel.getMatrixCellTemplateData(cell);
     };
     QuestionMatrixDropdownModelBase.prototype.getCellWrapperComponentName = function (cell) {
-        return this.SurveyModel.getElementWrapperComponentName(cell, "cell");
+        return this.SurveyModel.getElementWrapperComponentName(cell, cell.row instanceof MatrixDropdownTotalRowModel ? "row-footer" : "cell");
     };
     QuestionMatrixDropdownModelBase.prototype.getCellWrapperComponentData = function (cell) {
-        return this.SurveyModel.getElementWrapperComponentData(cell, "cell");
+        return this.SurveyModel.getElementWrapperComponentData(cell, cell.row instanceof MatrixDropdownTotalRowModel ? "row-footer" : "cell");
     };
     QuestionMatrixDropdownModelBase.prototype.getColumnHeaderWrapperComponentName = function (cell) {
         return this.SurveyModel.getElementWrapperComponentName(cell, "column-header");
@@ -44486,7 +44861,7 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
     });
     Object.defineProperty(MatrixDropdownColumn.prototype, "showInMultipleColumns", {
         get: function () {
-            return this.getPropertyValue("showInMultipleColumns", false);
+            return this.getPropertyValue("showInMultipleColumns");
         },
         set: function (val) {
             this.setPropertyValue("showInMultipleColumns", val);
@@ -44901,7 +45276,14 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
         serializationProperty: "locRequiredErrorText",
     },
     "readOnly:boolean",
-    "minWidth",
+    {
+        name: "minWidth",
+        onPropertyEditorUpdate: function (obj, editor) {
+            if (!!obj && !!editor) {
+                editor.value = obj.minWidth;
+            }
+        }
+    },
     "width",
     "visibleIf:condition",
     "enableIf:condition",
@@ -46049,7 +46431,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
          * @see confirmDeleteText
          */
         get: function () {
-            return this.getPropertyValue("confirmDelete", false);
+            return this.getPropertyValue("confirmDelete");
         },
         set: function (val) {
             this.setPropertyValue("confirmDelete", val);
@@ -46094,7 +46476,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
          * @see defaultValue
          */
         get: function () {
-            return this.getPropertyValue("defaultValueFromLastRow", false);
+            return this.getPropertyValue("defaultValueFromLastRow");
         },
         set: function (val) {
             this.setPropertyValue("defaultValueFromLastRow", val);
@@ -47777,6 +48159,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _actions_adaptive_container__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./actions/adaptive-container */ "./src/actions/adaptive-container.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -47815,6 +48198,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
     __extends(QuestionPanelDynamicItemTextProcessor, _super);
     function QuestionPanelDynamicItemTextProcessor(data, panelItem, variableName) {
@@ -48267,6 +48651,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                     val = this.panelCount - 1;
                 this.currentIndexValue = val;
                 this.updateFooterActions();
+                this.updateTabToolbarItemsPressedState();
                 this.fireCallback(this.currentIndexChangedCallback);
             }
         },
@@ -48304,7 +48689,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see confirmDeleteText
          */
         get: function () {
-            return this.getPropertyValue("confirmDelete", false);
+            return this.getPropertyValue("confirmDelete");
         },
         set: function (val) {
             this.setPropertyValue("confirmDelete", val);
@@ -48575,6 +48960,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             for (var i = this.panelCount; i < val; i++) {
                 var panel = this.createNewPanel();
                 this.panels.push(panel);
+                this.addTabFromToolbar(panel);
                 if (this.renderMode == "list" && this.panelsState != "default") {
                     if (this.panelsState === "expand") {
                         panel.expand();
@@ -48586,13 +48972,16 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            if (val < this.panelCount)
-                this.panels.splice(val, this.panelCount - val);
+            var removedPanels = [];
+            if (val < this.panelCount) {
+                removedPanels = this.panels.splice(val, this.panelCount - val);
+            }
             this.setValueAfterPanelsCreating();
             this.setValueBasedOnPanelCount();
             this.reRunCondition();
             this.updateFooterActions();
             this.fireCallback(this.panelCountChangedCallback);
+            (removedPanels.length > 0) && this.removeTabFromToolbar(removedPanels);
         },
         enumerable: false,
         configurable: true
@@ -48834,6 +49223,19 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "tabAlign", {
+        get: function () {
+            return this.getPropertyValue("tabAlign");
+        },
+        set: function (val) {
+            this.setPropertyValue("tabAlign", val);
+            if (this.isRenderModeTab) {
+                this.additionalTitleToolbar.containerCss = this.getAdditionalTitleToolbarCss();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isRenderModeList", {
         get: function () {
             return this.renderMode === "list";
@@ -48841,6 +49243,25 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isRenderModeTab", {
+        get: function () {
+            return this.renderMode === "tab";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasTitleOnLeftTop", {
+        get: function () {
+            if (this.isRenderModeTab && !!this.panelCount)
+                return true;
+            if (!this.hasTitle)
+                return false;
+            var location = this.getTitleLocation();
+            return location === "left" || location === "top";
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionPanelDynamicModel.prototype.setVisibleIndex = function (value) {
         if (!this.isVisible)
             return 0;
@@ -48937,6 +49358,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         this.reRunCondition();
         this.updateFooterActions();
         this.fireCallback(this.panelCountChangedCallback);
+        this.updateTabToolbar();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "defaultPanelValue", {
         /**
@@ -48961,7 +49383,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see defaultValue
          */
         get: function () {
-            return this.getPropertyValue("defaultValueFromLastPanel", false);
+            return this.getPropertyValue("defaultValueFromLastPanel");
         },
         set: function (val) {
             this.setPropertyValue("defaultValueFromLastPanel", val);
@@ -49132,6 +49554,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.survey)
             this.survey.dynamicPanelRemoved(this, index, panel);
         this.isValueChangingInternally = false;
+        this.removeTabFromToolbar([panel]);
     };
     QuestionPanelDynamicModel.prototype.getPanelIndex = function (val) {
         if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isNumber(val))
@@ -49789,6 +50212,18 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]().append(_super.prototype.getRootCss.call(this)).append(this.cssClasses.empty, this.getShowNoEntriesPlaceholder()).toString();
     };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "cssHeader", {
+        get: function () {
+            var showTab = this.isRenderModeTab && !!this.panelCount;
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
+                .append(this.cssClasses.header)
+                .append(this.cssClasses.headerTop, this.hasTitleOnTop || showTab)
+                .append(this.cssClasses.headerTab, showTab)
+                .toString();
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionPanelDynamicModel.prototype.getPanelWrapperCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
             .append(this.cssClasses.panelWrapper)
@@ -49850,6 +50285,22 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return true;
         return false;
     };
+    QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbar = function () {
+        if (!this.isRenderModeTab)
+            return null;
+        if (!this.additionalTitleToolbarValue) {
+            this.additionalTitleToolbarValue = new _actions_adaptive_container__WEBPACK_IMPORTED_MODULE_12__["AdaptiveActionContainer"]();
+            this.additionalTitleToolbarValue.containerCss = this.getAdditionalTitleToolbarCss();
+            this.additionalTitleToolbarValue.cssClasses = {
+                item: "sv-tab-item",
+                itemPressed: "sv-tab-item--pressed",
+                itemAsIcon: "sv-tab-item--icon",
+                itemIcon: "sv-tab-item__icon",
+                itemTitle: "sv-tab-item__title"
+            };
+        }
+        return this.additionalTitleToolbarValue;
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "footerToolbar", {
         get: function () {
             if (!this.footerToolbarValue) {
@@ -49924,6 +50375,64 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         this.updateFooterActionsCallback();
         this.footerToolbarValue.setItems(items);
     };
+    QuestionPanelDynamicModel.prototype.createTabByPanel = function (panel) {
+        var _this = this;
+        if (!this.isRenderModeTab)
+            return;
+        var index = this.getPanelIndex(panel);
+        var title = this.getLocalizationFormatString("panelDynamicTabTextFormat", index + 1);
+        var newItem = new _actions_action__WEBPACK_IMPORTED_MODULE_10__["Action"]({
+            id: index.toString(),
+            css: "sv-tab-item__root",
+            pressed: index === this.currentIndex,
+            title: title,
+            action: function () {
+                _this.currentIndex = parseInt(newItem.id);
+                _this.updateTabToolbarItemsPressedState();
+            }
+        });
+        return newItem;
+    };
+    QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbarCss = function () {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
+            .append("sv-tabs-toolbar")
+            .append("sv-tabs-toolbar--left", this.tabAlign === "left")
+            .append("sv-tabs-toolbar--right", this.tabAlign === "right")
+            .append("sv-tabs-toolbar--center", this.tabAlign === "center")
+            .toString();
+    };
+    QuestionPanelDynamicModel.prototype.updateTabToolbarItemsPressedState = function () {
+        var _this = this;
+        if (!this.isRenderModeTab)
+            return;
+        this.additionalTitleToolbar.renderedActions.forEach(function (action) { return action.pressed = parseInt(action.id) === _this.currentIndex; });
+    };
+    QuestionPanelDynamicModel.prototype.updateTabToolbar = function () {
+        var _this = this;
+        if (!this.isRenderModeTab)
+            return;
+        var items = [];
+        this.panels.forEach(function (panel) { return items.push(_this.createTabByPanel(panel)); });
+        this.additionalTitleToolbar.setItems(items);
+    };
+    QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel) {
+        if (!this.isRenderModeTab)
+            return;
+        var newItem = this.createTabByPanel(panel);
+        this.additionalTitleToolbar.actions.push(newItem);
+        this.updateTabToolbarItemsPressedState();
+    };
+    QuestionPanelDynamicModel.prototype.removeTabFromToolbar = function (panels) {
+        var _this = this;
+        if (!this.isRenderModeTab)
+            return;
+        panels.forEach(function (panel) {
+            var index = _this.getPanelIndex(panel);
+            var removedItem = _this.additionalTitleToolbar.getActionById(index.toString());
+            _this.additionalTitleToolbar.actions.splice(_this.additionalTitleToolbar.actions.indexOf(removedItem), 1);
+        });
+        this.updateTabToolbarItemsPressedState();
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "showLegacyNavigation", {
         get: function () {
             return !this.isDefaultV2Theme;
@@ -49997,7 +50506,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_4__["Serializer"].addClass("paneldynamic",
     {
         name: "renderMode",
         default: "list",
-        choices: ["list", "progressTop", "progressBottom", "progressTopBottom"],
+        choices: ["list", "progressTop", "progressBottom", "progressTopBottom", "tab"],
+    },
+    {
+        name: "tabAlign", default: "center", choices: ["center", "left", "right"],
     },
     {
         name: "templateTitleLocation",
@@ -50032,9 +50544,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
 /* harmony import */ var _question_baseselect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question_baseselect */ "./src/question_baseselect.ts");
-/* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
-/* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
-/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -50055,7 +50566,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 /**
  * A class that describes the Radiogroup question type.
  *
@@ -50093,16 +50603,7 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
         /**
          * Returns the selected choice item. If no item is selected, returns `null`.
          */
-        get: function () {
-            var selectedItemValues = this.selectedItemValues;
-            if (this.isEmpty())
-                return null;
-            var itemValue = _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(this.visibleChoices, this.value);
-            if (!itemValue && !selectedItemValues) {
-                this.updateSelectedItemValues();
-            }
-            return itemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value));
-        },
+        get: function () { return this.getSingleSelectedItem(); },
         enumerable: false,
         configurable: true
     });
@@ -50152,12 +50653,12 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
         var _this = this;
         var actions = [];
         if (this.isDefaultV2Theme && !this.isDesignMode) {
-            var clearAction = new _actions_action__WEBPACK_IMPORTED_MODULE_4__["Action"]({
+            var clearAction = new _actions_action__WEBPACK_IMPORTED_MODULE_3__["Action"]({
                 title: this.clearButtonCaption,
                 id: "sv-clr-btn-" + this.id,
                 action: function () { _this.clearValue(); },
                 innerCss: this.cssClasses.clearButton,
-                visible: new _base__WEBPACK_IMPORTED_MODULE_5__["ComputedUpdater"](function () { return _this.canShowClearButton; })
+                visible: new _base__WEBPACK_IMPORTED_MODULE_4__["ComputedUpdater"](function () { return _this.canShowClearButton; })
             });
             actions.push(clearAction);
         }
@@ -50890,10 +51391,19 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionRatingModel.prototype, "isSmiley", {
+        get: function () {
+            return this.rateType == "smileys";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionRatingModel.prototype, "itemComponentName", {
         get: function () {
             if (this.isStar)
                 return "sv-rating-item-star";
+            if (this.isSmiley)
+                return "sv-rating-item-smiley";
             return "sv-rating-item";
         },
         enumerable: false,
@@ -50938,6 +51448,22 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionRatingModel.prototype.getItemSmiley = function (item) {
+        var icons = ["terrible", "very-poor", "poor", "not-good", "average", "normal", "good", "very-good", "excellent", "perfect"];
+        var priority = ["very-good", "not-good", "normal", "good", "average", "excellent", "poor", "perfect", "very-poor", "terrible"];
+        var count = this.rateValues.length || this.rateMax - this.rateMin + 1;
+        var selectedPriority = priority.slice(0, count);
+        var selectedIcons = icons.filter(function (i) { return selectedPriority.indexOf(i) != -1; });
+        if (this.rateValues.length == 0) {
+            return selectedIcons[item.value - this.rateMin];
+        }
+        else {
+            return selectedIcons[this.rateValues.indexOf(item)];
+        }
+    };
+    QuestionRatingModel.prototype.getItemSmileyIconName = function (item) {
+        return "icon-" + this.getItemSmiley(item);
+    };
     QuestionRatingModel.prototype.getItemClass = function (item, highlight) {
         var _this = this;
         if (highlight === void 0) { highlight = "none"; }
@@ -50971,6 +51497,13 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             itemHighlightedClass = this.cssClasses.itemStarHighlighted;
             itemUnhighlightedClass = this.cssClasses.itemStarUnhighlighted;
         }
+        if (this.isSmiley) {
+            itemClass = this.cssClasses.itemSmiley;
+            itemSelectedClass = this.cssClasses.itemSmileySelected;
+            itemDisabledClass = this.cssClasses.itemSmileyDisabled;
+            itemHoverClass = this.cssClasses.itemSmileyHover;
+            itemitemOnErrorClass = this.cssClasses.itemSmileyOnError;
+        }
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(itemClass)
             .append(itemSelectedClass, isSelected)
@@ -51660,6 +52193,13 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionTagboxModel.prototype, "ariaExpanded", {
+        get: function () {
+            return this.popupModel.isVisible;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionTagboxModel.prototype.getControlClass = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_2__["CssClassBuilder"]()
             .append(this.cssClasses.control)
@@ -51715,7 +52255,7 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         return this.inputId + "_0";
     };
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: true })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "allowClear", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
@@ -51729,7 +52269,6 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
     ], QuestionTagboxModel.prototype, "searchEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
-            defaultValue: false,
             onSet: function (newValue, target) {
                 if (!!target.dropdownListModel) {
                     target.dropdownListModel.setHideSelectedItems(newValue);
@@ -51738,7 +52277,7 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         })
     ], QuestionTagboxModel.prototype, "hideSelectedItems", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "choicesLazyLoadEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 25 })
@@ -51848,6 +52387,9 @@ var QuestionTextModel = /** @class */ (function (_super) {
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
             }
+            if (event.keyCode === 13) {
+                _this.survey.questionEditFinishCallback(_this, event);
+            }
         };
         _this.onChange = function (event) {
             if (event.target === document.activeElement) {
@@ -51988,7 +52530,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
          * A value passed on to the [`autocomplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute of the underlying `<input>` element.
          */
         get: function () {
-            return this.getPropertyValue("autocomplete", "");
+            return this.getPropertyValue("autocomplete", null);
         },
         set: function (val) {
             this.setPropertyValue("autocomplete", val);
@@ -53811,7 +54353,7 @@ var ListItem = /** @class */ (function (_super) {
         var style = {
             display: isVisible ? null : "none"
         };
-        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", { className: className, role: "option", style: style, "aria-selected": this.model.isItemSelected(this.item), onClick: function (event) {
+        return Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", { className: className, role: "option", style: style, id: this.item.elementId, "aria-selected": this.model.isItemSelected(this.item), onClick: function (event) {
                 _this.model.onItemClick(_this.item);
                 event.stopPropagation();
             }, onPointerDown: function (event) { return _this.model.onPointerDown(event, _this.item); } },
@@ -53911,7 +54453,7 @@ var List = /** @class */ (function (_super) {
             return null;
         var items = this.renderItems();
         var ulStyle = { display: this.model.isEmpty ? "none" : null };
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", { className: this.model.cssClasses.itemsContainer, style: ulStyle, role: "listbox", onMouseDown: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", { className: this.model.cssClasses.itemsContainer, style: ulStyle, role: "listbox", id: this.model.elementId, onMouseDown: function (e) {
                 e.preventDefault();
             }, onKeyDown: this.handleKeydown, onMouseMove: this.handleMouseMove }, items));
     };
@@ -54861,6 +55403,85 @@ function showDialog(dialogOptions) {
 survey_core__WEBPACK_IMPORTED_MODULE_2__["settings"].showModal = showModal;
 
 
+/***/ }),
+
+/***/ "./src/react/components/rating/rating-item-smiley.tsx":
+/*!************************************************************!*\
+  !*** ./src/react/components/rating/rating-item-smiley.tsx ***!
+  \************************************************************/
+/*! exports provided: RatingItemSmiley */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RatingItemSmiley", function() { return RatingItemSmiley; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../reactquestion_element */ "./src/react/reactquestion_element.tsx");
+/* harmony import */ var _svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+var RatingItemSmiley = /** @class */ (function (_super) {
+    __extends(RatingItemSmiley, _super);
+    function RatingItemSmiley() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(RatingItemSmiley.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RatingItemSmiley.prototype, "item", {
+        get: function () {
+            return this.props.item;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(RatingItemSmiley.prototype, "index", {
+        get: function () {
+            return this.props.index;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    RatingItemSmiley.prototype.getStateElement = function () {
+        return this.item;
+    };
+    RatingItemSmiley.prototype.render = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: "auto", iconName: this.question.getItemSmileyIconName(this.item.itemValue), title: this.item.text })));
+    };
+    return RatingItemSmiley;
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("sv-rating-item-smiley", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(RatingItemSmiley, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/react/components/rating/rating-item-star.tsx":
@@ -55774,7 +56395,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.readOnlyText));
         }
         else {
-            if (!this.question.hasOwnProperty("dropdownListModel")) {
+            if (!this.question["dropdownListModel"]) {
                 this.question["dropdownListModel"] = new survey_core__WEBPACK_IMPORTED_MODULE_1__["DropdownListModel"](this.question);
             }
             selectElement = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
@@ -55803,7 +56424,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, onClick: this.click, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy },
+            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
             dropdownListModel.showHintPrefix ?
                 (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.hintPrefix },
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, dropdownListModel.hintStringPrefix))) : null,
@@ -55813,7 +56434,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: !dropdownListModel.searchEnabled ? true : undefined, tabIndex: dropdownListModel.inputReadOnly ? undefined : -1, disabled: this.question.isInputReadOnly, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
             this.createClearButton()));
     };
     SurveyQuestionDropdownBase.prototype.createClearButton = function () {
@@ -56052,8 +56673,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyElementHeader", function() { return SurveyElementHeader; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _components_title_title_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/title/title-element */ "./src/react/components/title/title-element.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
+/* harmony import */ var _components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/action-bar/action-bar */ "./src/react/components/action-bar/action-bar.tsx");
+/* harmony import */ var _components_title_title_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/title/title-element */ "./src/react/components/title/title-element.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -56072,6 +56694,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyElementHeader = /** @class */ (function (_super) {
     __extends(SurveyElementHeader, _super);
     function SurveyElementHeader() {
@@ -56086,13 +56709,15 @@ var SurveyElementHeader = /** @class */ (function (_super) {
     });
     SurveyElementHeader.prototype.render = function () {
         var element = this.element;
-        var title = element.hasTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_title_title_element__WEBPACK_IMPORTED_MODULE_1__["TitleElement"], { element: element })) : null;
+        var title = element.hasTitle ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_title_title_element__WEBPACK_IMPORTED_MODULE_2__["TitleElement"], { element: element })) : null;
         var description = element.hasDescriptionUnderTitle
-            ? _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"].renderQuestionDescription(this.element)
+            ? _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"].renderQuestionDescription(this.element)
             : null;
+        var additionalTitleToolbarElement = !!element.additionalTitleToolbar ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: element.additionalTitleToolbar }) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: element.cssHeader, onClick: element.clickTitleFunction },
             title,
-            description));
+            description,
+            additionalTitleToolbarElement));
     };
     return SurveyElementHeader;
 }(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
@@ -57729,7 +58354,8 @@ var SurveyProgressToc = /** @class */ (function (_super) {
     }
     SurveyProgressToc.prototype.render = function () {
         var listModel = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createTOCListModel"])(this.props.model);
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.props.containerCss || "sv_progress-toc" },
+        var rootCss = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["getTocRootCss"])(this.props.model);
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: rootCss },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_list_list__WEBPACK_IMPORTED_MODULE_4__["List"], { model: listModel })));
     };
     return SurveyProgressToc;
@@ -58140,7 +58766,7 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
         var survey = this.question.survey;
         var wrapper = null;
         if (survey) {
-            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapMatrixCell(survey, element, cell);
+            wrapper = _reactsurveymodel__WEBPACK_IMPORTED_MODULE_2__["ReactSurveyElementsWrapper"].wrapMatrixCell(survey, element, cell, this.props.reason);
         }
         return wrapper !== null && wrapper !== void 0 ? wrapper : element;
     };
@@ -59943,7 +60569,7 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
         var table = this.question.renderedTable;
         if (!table.showFooter)
             return null;
-        var row = this.renderRow("footer", table.footerRow, this.question.cssClasses);
+        var row = this.renderRow("footer", table.footerRow, this.question.cssClasses, "row-footer");
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tfoot", null, row);
     };
     SurveyQuestionMatrixDropdownBase.prototype.renderRows = function () {
@@ -59955,23 +60581,26 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
         }
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tbody", null, rows);
     };
-    SurveyQuestionMatrixDropdownBase.prototype.renderRow = function (keyValue, row, cssClasses) {
+    SurveyQuestionMatrixDropdownBase.prototype.renderRow = function (keyValue, row, cssClasses, reason) {
         var matrixrow = [];
         var cells = row.cells;
         for (var i = 0; i < cells.length; i++) {
-            matrixrow.push(this.renderCell(cells[i], i, cssClasses));
+            matrixrow.push(this.renderCell(cells[i], i, cssClasses, reason));
         }
         var key = "row" + keyValue;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], { key: key },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_matrix_row__WEBPACK_IMPORTED_MODULE_7__["MatrixRow"], { model: row, parentMatrix: this.question }, matrixrow)));
     };
-    SurveyQuestionMatrixDropdownBase.prototype.renderCell = function (cell, index, cssClasses) {
+    SurveyQuestionMatrixDropdownBase.prototype.renderCell = function (cell, index, cssClasses, reason) {
         var key = "cell" + index;
         if (cell.hasQuestion) {
-            return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator }));
+            return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
         }
-        var reason = cell.hasTitle ? "row-header" : "";
-        var cellContent = this.renderCellContent(cell, reason, cssClasses);
+        var calcReason = reason;
+        if (!calcReason) {
+            calcReason = cell.hasTitle ? "row-header" : "";
+        }
+        var cellContent = this.renderCellContent(cell, calcReason, cssClasses);
         var cellStyle = null;
         if (!!cell.width || !!cell.minWidth) {
             cellStyle = {};
@@ -60591,10 +61220,10 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
     SurveyQuestionPanelDynamic.prototype.renderNavigatorV2 = function () {
         if (this.question.panelCount === 0 || this.question["showLegacyNavigation"])
             return null;
-        var range = this.question.isRangeShowing && !this.question.isProgressTopShowing ? this.renderRange() : null;
         if (!this.question.cssClasses.footer) {
             return null;
         }
+        var range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.footer },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", { className: this.question.cssClasses.separator }),
             range,
@@ -61227,7 +61856,7 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, onClick: this.click, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy },
+            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.controlValue },
                 items,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__["TagboxFilterString"], { model: dropdownMultiSelectListModel, question: this.question })),
@@ -61880,7 +62509,7 @@ var SurveyLocStringViewer = /** @class */ (function (_super) {
     };
     SurveyLocStringViewer.prototype.componentDidUpdate = function (prevProps, prevState) {
         if (!!prevProps.locStr) {
-            this.locStr.onStringChanged.remove(this.onChangedHandler);
+            prevProps.locStr.onStringChanged.remove(this.onChangedHandler);
         }
         this.reactOnStrChanged();
     };
@@ -62003,7 +62632,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
     };
     TagboxFilterString.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: !this.model.searchEnabled ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.filterStringEnabled ? this.question.ariaRole : undefined, "aria-label": this.question.placeholder, "aria-expanded": this.question.ariaExpanded ? "true" : "false", "aria-controls": this.model.listElementId, "aria-activedescendant": this.model.ariaActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: function (e) { _this.keyhandler(e); }, onChange: function (e) { _this.onChange(e); }, onBlur: function (e) { _this.onBlur(e); }, onFocus: function (e) { _this.onFocus(e); } }));
     };
     return TagboxFilterString;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
@@ -62143,6 +62772,10 @@ var RendererFactory = /** @class */ (function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; });
+var columnWidthsByType = {
+    "file": { minWidth: "240px" },
+    "comment": { minWidth: "200px" }
+};
 /**
  * Global settings that apply to all surveys on the page. To specify one of the settings, use the code below:
  *
@@ -62153,6 +62786,16 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  */
 var settings = {
+    /**
+     * Specifies an action to perform when users press the Enter key within a survey.
+     *
+     * Possible values:
+     *
+     * - `"moveToNextEditor"` - Moves focus to the next editor.
+     * - `"loseFocus"` - Removes focus from the current editor.
+     * - `"default"` - Behaves as a standard `<input>` element.
+     */
+    enterKeyAction: "default",
     /**
      * An object that configures string comparison.
      *
@@ -62589,6 +63232,18 @@ var settings = {
             "email",
             "impp",
         ]
+    },
+    /**
+     * Contains properties that apply to [Single-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model), [Multiple-Choice](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list), and [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model) questions.
+     *
+     * Nested properties:
+     *
+     * - `columnWidthsByType`: `Object`\
+     * An object that specifies fixed and minimum column width based on the column type.\
+     * Example: `settings.matrix.columnWidthsByType = { "tagbox": { minWidth: "240px", width: "300px" } }`
+     */
+    matrix: {
+        columnWidthsByType: columnWidthsByType
     }
 };
 
@@ -63957,18 +64612,28 @@ var SurveyElement = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyElement.prototype, "hasParent", {
         get: function () {
-            return (this.parent && !this.parent.isPage) || (this.parent === undefined);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyElement.prototype, "hasFrameV2", {
-        get: function () {
-            return !this.hasParent && this.isDefaultV2Theme && !this.isDesignMode && this.isSingleInRow;
+            return (this.parent && !this.parent.isPage && (!this.parent.originalPage || this.survey.isShowingPreview)) || (this.parent === undefined);
         },
         enumerable: false,
         configurable: true
     });
+    SurveyElement.prototype.shouldAddRunnerStyles = function () {
+        return !this.isDesignMode && this.isDefaultV2Theme;
+    };
+    SurveyElement.prototype.getHasFrameV2 = function () {
+        return this.shouldAddRunnerStyles() && (!this.hasParent && this.isSingleInRow);
+    };
+    SurveyElement.prototype.getIsNested = function () {
+        return this.shouldAddRunnerStyles() && (this.hasParent || !this.isSingleInRow);
+    };
+    SurveyElement.prototype.getCssRoot = function (cssClasses) {
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
+            .append(cssClasses.withFrame, this.getHasFrameV2())
+            .append(cssClasses.collapsed, !!this.isCollapsed)
+            .append(cssClasses.expanded, !!this.isExpanded)
+            .append(cssClasses.nested, this.getIsNested())
+            .toString();
+    };
     Object.defineProperty(SurveyElement.prototype, "width", {
         /**
          * Sets survey element width in CSS values.
@@ -64133,6 +64798,16 @@ var SurveyElement = /** @class */ (function (_super) {
             this.toggleState();
         }
     };
+    Object.defineProperty(SurveyElement.prototype, "additionalTitleToolbar", {
+        get: function () {
+            return this.getAdditionalTitleToolbar();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyElement.prototype.getAdditionalTitleToolbar = function () {
+        return null;
+    };
     SurveyElement.prototype.getCssTitle = function (cssClasses) {
         var isExpandable = this.state !== "default";
         var numInlineLimit = 4;
@@ -64373,9 +65048,10 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onComplete = _this.addEvent();
         /**
-         * An event that is raised before the survey displays a [preview](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page). Use this event to cancel the preview.
-         *
+         * An event that is raised before the survey displays a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page). Use this event to cancel the preview.
          * @see showPreviewBeforeComplete
+         * @see showPreview
+         * @see cancelPreview
          */
         _this.onShowingPreview = _this.addEvent();
         /**
@@ -64578,7 +65254,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onValidatedErrorsOnCurrentPage = _this.addEvent();
         /**
-         * Use this event to modify the HTML content before rendering, for example `completeHtml` or `loadingHtml`.
+         * An event that is raised when the survey processes HTML content. Handle this event to modify HTML content before displaying.
          * @see completedHtml
          * @see loadingHtml
          * @see QuestionHtmlModel.html
@@ -65099,11 +65775,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.updateCss();
         _this.setCalculatedWidthModeUpdater();
         _this.notifier = new _notifier__WEBPACK_IMPORTED_MODULE_19__["Notifier"](_this.css.saveData);
-        _this.notifier.addAction({
-            id: "save-again",
-            title: _this.getLocalizationString("saveAgainButton"),
-            action: function () { _this.doComplete(); }
-        }, "error");
+        _this.notifier.addAction(_this.createTryAgainAction(), "error");
         _this.layoutElements.push({
             id: "timerpanel",
             template: "survey-timerpanel",
@@ -65195,6 +65867,21 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.createTryAgainAction = function () {
+        var _this = this;
+        return {
+            id: "save-again",
+            title: this.getLocalizationString("saveAgainButton"),
+            action: function () {
+                if (_this.isCompleted) {
+                    _this.saveDataOnComplete();
+                }
+                else {
+                    _this.doComplete();
+                }
+            }
+        };
+    };
     SurveyModel.prototype.createHtmlLocString = function (name, locName, func) {
         this.createLocalizableString(name, this, false, locName).onGetLocalizationTextCallback = func;
     };
@@ -65208,9 +65895,10 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "pages", {
         /**
-         * Returns a list of all pages in the survey, including invisible pages.
+         * Returns an array of all pages in the survey.
+         *
+         * To get an array of only visible pages, use the [`visiblePages`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#visiblePages) array.
          * @see PageModel
-         * @see visiblePages
          */
         get: function () {
             return this.getPropertyValue("pages");
@@ -65416,11 +66104,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "calculatedValues", {
         /**
-         * Gets or sets a list of calculated values in the survey.
-         * @see CalculatedValue
-         *
-         * For more information, refer to [Calculated Values](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#calculated-values).
-         *
+         * An array of [calculated values](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#calculated-values).
          */
         get: function () {
             return this.getPropertyValue("calculatedValues");
@@ -65498,7 +66182,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * Refer to the following help topic for more information on the use case: [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete).
          */
         get: function () {
-            return this.getPropertyValue("sendResultOnPageNext", false);
+            return this.getPropertyValue("sendResultOnPageNext");
         },
         set: function (val) {
             this.setPropertyValue("sendResultOnPageNext", val);
@@ -65512,7 +66196,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see surveyPostId
          */
         get: function () {
-            return this.getPropertyValue("surveyShowDataSaving", false);
+            return this.getPropertyValue("surveyShowDataSaving");
         },
         set: function (val) {
             this.setPropertyValue("surveyShowDataSaving", val);
@@ -65589,6 +66273,8 @@ var SurveyModel = /** @class */ (function (_super) {
          * Gets or sets the visibility of the table of contents.
          *
          * Default value: `false`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/toc-feature/ (linkStyle))
          * @see tocLocation
          */
         get: function () {
@@ -65608,6 +66294,8 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * - `"left"` (default)
          * - `"right"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/toc-feature/ (linkStyle))
          * @see showTOC
          */
         get: function () {
@@ -65824,21 +66512,18 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "goNextPageAutomatic", {
         /**
-         * Gets or ses whether user proceeds to the next page without pressing the "Next" button after answering all page questions.
-         * The available options:
+         * Specifies whether the survey switches to the next page automatically after a user answers all questions on the current page.
          *
-         * - `true` - navigate to the next page and submit survey data automatically.
-         * - `autogonext` - navigate to the next page automatically but do not submit survey data.
-         * - `false` - do not navigate to the next page and do not submit survey data automatically.
+         * Default value: `false`
          *
-         * > If any of the following questions is answered last, the survey won't be switched to the next page: Checkbox, Boolean (rendered as Checkbox), Comment, Signature Pad, Image Picker (with Multi Select), File, Single-Choice Matrix (not all rows are answered), Dynamic Matrix, Panel Dynamic.
+         * If you enable this property, the survey is also completed automatically. Set the [`allowCompleteSurveyAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#allowCompleteSurveyAutomatic) property to `false` if you want to disable this behavior.
          *
-         * @see showNavigationButtons
+         * > If any of the following questions is answered last, the survey does not switch to the next page: Checkbox, Boolean (rendered as Checkbox), Comment, Signature Pad, Image Picker (with Multi Select), File, Single-Choice Matrix (not all rows are answered), Dynamic Matrix, Panel Dynamic.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-autonextpage/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/automatically-move-to-next-page-if-answer-selected/ (linkStyle))
          */
         get: function () {
-            return this.getPropertyValue("goNextPageAutomatic", false);
+            return this.getPropertyValue("goNextPageAutomatic");
         },
         set: function (val) {
             this.setPropertyValue("goNextPageAutomatic", val);
@@ -65848,8 +66533,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "allowCompleteSurveyAutomatic", {
         /**
-         * Gets or sets whether a survey is automatically completed when `goNextPageAutomatic = true`. Set it to `false` if you do not want to submit survey automatically on completing the last survey page.
-         * @see goNextPageAutomatic
+         * Specifies whether to complete the survey automatically after a user answers all questions on the last page. Applies only if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is `true`.
+         *
+         * Default value: `true`
          */
         get: function () {
             return this.getPropertyValue("allowCompleteSurveyAutomatic", true);
@@ -65862,14 +66548,15 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "checkErrorsMode", {
         /**
-         * Gets or sets a value that specifies how the survey validates the question answers.
+         * Specifies when the survey validates answers.
          *
-         * The following options are available:
+         * Possible values:
+         *
+         * - `"onNextPage"` (default) - Triggers validation before the survey is switched to the next page or completed.
+         * - `"onValueChanged"` - Triggers validation each time a question value is changed.
+         * - `"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.
          *
-         * - `onNextPage` (default) - check errors on navigating to the next page or on completing the survey.
-         * - `onValueChanged` - check errors on every question value (i.e., answer) changing.
-         * - `onValueChanging` - check errors before setting value into survey. If there is an error, then survey data is not changed, but question value will be keeped.
-         * - `onComplete` - to validate all visible questions on complete button click. If there are errors on previous pages, then the page with the first error becomes the current.
+         * Refer to the following help topic for more information: [Data Validation](https://surveyjs.io/form-library/documentation/data-validation).
          */
         get: function () {
             return this.getPropertyValue("checkErrorsMode");
@@ -65882,9 +66569,11 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "autoGrowComment", {
         /**
-         * Specifies whether the text area of [comment](https://surveyjs.io/Documentation/Library?id=questioncommentmodel) questions/elements automatically expands its height to avoid the vertical scrollbar and to display the entire multi-line contents entered by respondents.
-         * Default value is false.
-         * @see QuestionCommentModel.autoGrow
+         * Specifies whether to increase the height of text areas to accommodate multi-line comments.
+         *
+         * Default value: `false`
+         *
+         * You can override this property for individual Comment questions: [`autoGrow`](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#autoGrow).
          */
         get: function () {
             return this.getPropertyValue("autoGrowComment");
@@ -65989,7 +66678,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see clearIncorrectValues
          */
         get: function () {
-            return this.getPropertyValue("keepIncorrectValues", false);
+            return this.getPropertyValue("keepIncorrectValues");
         },
         set: function (val) {
             this.setPropertyValue("keepIncorrectValues", val);
@@ -66583,11 +67272,10 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "previewText", {
         /**
-         *  Gets or sets the 'Preview' button caption.
-         * @see locale
+         * Gets or sets a caption for the Preview button.
          * @see showPreviewBeforeComplete
-         * @see editText
          * @see showPreview
+         * @see editText
          */
         get: function () {
             return this.getLocalizableStringText("previewText");
@@ -66607,11 +67295,10 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "editText", {
         /**
-         *  Gets or sets the 'Edit' button caption.
-         * @see locale
+         * Gets or sets a caption for the Edit button displayed when the survey shows a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
          * @see showPreviewBeforeComplete
-         * @see previewText
          * @see cancelPreview
+         * @see previewText
          */
         get: function () {
             return this.getLocalizableStringText("editText");
@@ -66785,7 +67472,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
          */
         get: function () {
-            return this.getPropertyValue("showPageNumbers", false);
+            return this.getPropertyValue("showPageNumbers");
         },
         set: function (value) {
             if (value === this.showPageNumbers)
@@ -67324,10 +68011,10 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "visiblePages", {
         /**
-         * Returns a list of visible pages. If all pages are visible, then this property returns the same list as the `pages` property.
-         * @see pages
-         * @see PageModel.visible
-         * @see PageModel.visibleIf
+         * Returns an array of visible pages without the start page.
+         *
+         * To get an array of all pages, use the [`pages`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#pages) property. If all pages are visible, the `pages` and `visiblePages` arrays are identical.
+         * @see [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility)
          */
         get: function () {
             if (this.isDesignMode)
@@ -67365,8 +68052,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "pageCount", {
         /**
-         * Returns the survey page count.
-         * @see visiblePageCount
+         * Returns a total number of survey pages.
+         *
+         * To get the number of visible pages, use the [`visiblePageCount`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#visiblePageCount) property.
          * @see pages
          */
         get: function () {
@@ -67377,9 +68065,11 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "visiblePageCount", {
         /**
-         * Returns a number of visible pages within the survey.
-         * @see pageCount
+         * Returns the number of visible survey pages.
+         *
+         * To get a total number of survey pages, use the [`pageCount`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#pageCount) property.
          * @see visiblePages
+         * @see [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility)
          */
         get: function () {
             return this.visiblePages.length;
@@ -67389,8 +68079,11 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "startedPage", {
         /**
-         * Returns the started page. This property works if the `firstPageIsStarted` property is set to `true`.
+         * Returns the start page. Applies only if the [`firstPageIsStarted`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#firstPageIsStarted) property is set to `true`.
+         *
+         * Refer to the following help topic for more information: [Start Page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#start-page).
          * @see firstPageIsStarted
+         * @see activePage
          */
         get: function () {
             var page = this.firstPageIsStarted && this.pages.length > 1 ? this.pages[0] : null;
@@ -67405,7 +68098,17 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "currentPage", {
         /**
-         * Gets or sets the current survey page. If a survey is rendered, then this property returns a page that a user can see/edit.
+         * Gets or sets the current page.
+         *
+         * If you want to change the current page, set this property to a `PageModel` object. You can get this object in different ways. For example, you can call the [`getPageByName()`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#getPageByName) method to obtain a `PageModel` object with a specific name:
+         *
+         * ```js
+         * survey.currentPage = survey.getPageByName("my-page-name");
+         * ```
+         *
+         * Alternatively, you can change the current page if you set the [`currentPageNo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#currentPageNo) property to the index of the required page.
+         *
+         * The `currentPage` property does not return the start page even if it is current. Use the [`activePage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#activePage) property instead if your survey contains a start page.
          */
         get: function () {
             return this.getPropertyValue("currentPage", null);
@@ -67458,10 +68161,10 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "activePage", {
         /**
-         * Returns the currentPage, unless the started page is showing. In this case returns the started page.
+         * Returns [`startedPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#startedPage) if the survey currently displays a start page; otherwise, returns [`currentPage`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#currentPage).
+         * @see startedPage
          * @see currentPage
          * @see firstPageIsStarted
-         * @see startedPage
          */
         get: function () {
             return this.getPropertyValue("activePage");
@@ -67515,9 +68218,10 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "currentPageNo", {
         /**
-         * The zero-based index of the current page in the visible pages array.
+         * A zero-based index of the current page in the [`visiblePages`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#visiblePages) array.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/survey-editprevious/ (linkStyle))
+         * @see visiblePages
          */
         get: function () {
             return this.visiblePages.indexOf(this.currentPage);
@@ -67533,13 +68237,16 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "questionsOrder", {
         /**
-         * Gets or sets the question display order. Use this property to randomize questions. You can randomize questions on a specific page.
+         * Specifies the sort order of questions in the survey.
          *
-         * The following options are available:
+         * Possible values:
+         *
+         * - `"initial"` (default) - Preserves the original order of questions.
+         * - `"random"` - Displays questions in random order.
          *
-         * - `random` - randomize questions
-         * - `initial` - keep questions in the same order, as in a survey model.
-         * @see SurveyPage.questionsOrder
+         * You can override this property for individual pages and panels.
+         * @see PageModel.questionsOrder
+         * @see PanelModel.questionsOrder
          */
         get: function () {
             return this.getPropertyValue("questionsOrder");
@@ -67699,16 +68406,13 @@ var SurveyModel = /** @class */ (function (_super) {
         this.notifier.notify(message, type, type === "error");
     };
     /**
-     * Clears the survey data and state. If the survey has a `completed` state, it will get a `running` state.
-     * @param clearData clear the data
-     * @param gotoFirstPage make the first page as a current page.
-     * @see data
-     * @see state
-     * @see currentPage
+     * Resets the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) and, optionally, [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data). If `state` is `"completed"`, it becomes `"running"`.
+     * @param clearData *Optional.* Specifies whether to clear survey data. Default value: `true`.
+     * @param goToFirstPage *Optional.* Specifies whether to switch the survey to the first page. Default value: `true`.
      */
-    SurveyModel.prototype.clear = function (clearData, gotoFirstPage) {
+    SurveyModel.prototype.clear = function (clearData, goToFirstPage) {
         if (clearData === void 0) { clearData = true; }
-        if (gotoFirstPage === void 0) { gotoFirstPage = true; }
+        if (goToFirstPage === void 0) { goToFirstPage = true; }
         this.isCompleted = false;
         this.isCompletedBefore = false;
         this.isLoading = false;
@@ -67724,7 +68428,7 @@ var SurveyModel = /** @class */ (function (_super) {
             this.pages[i].passed = false;
         }
         this.onFirstPageIsStartedChanged();
-        if (gotoFirstPage) {
+        if (goToFirstPage) {
             this.currentPage = this.firstVisiblePage;
         }
         if (clearData) {
@@ -67915,8 +68619,10 @@ var SurveyModel = /** @class */ (function (_super) {
      * @param value use true to set the survey into the design mode.
      */
     SurveyModel.prototype.setDesignMode = function (value) {
-        this._isDesignMode = value;
-        this.onQuestionsOnPageModeChanged("standard");
+        if (!!this._isDesignMode != !!value) {
+            this._isDesignMode = !!value;
+            this.onQuestionsOnPageModeChanged("standard");
+        }
     };
     Object.defineProperty(SurveyModel.prototype, "showInvisibleElements", {
         /**
@@ -68352,21 +69058,18 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!!this.mouseDownPage && this.mouseDownPage !== this.activePage)
             return;
         this.mouseDownPage = null;
-        this.nextPage();
+        return this.nextPage();
     };
     SurveyModel.prototype.nextPageMouseDown = function () {
         this.mouseDownPage = this.activePage;
         return this.navigationMouseDown();
     };
     /**
-     * Shows preview for the survey. Switches the survey to the "preview" state.
-     *
-     * Details: [Preview State](https://surveyjs.io/Documentation/Library#states-preview)
-     * @see showPreviewBeforeComplete
+     * Displays a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page). Returns `false` if the preview cannot be displayed because of validation errors.
      * @see cancelPreview
+     * @see showPreviewBeforeComplete
+     * @see onShowingPreview
      * @see state
-     * @see previewText
-     * @see editText
      */
     SurveyModel.prototype.showPreview = function () {
         this.resetNavigationButton();
@@ -68383,12 +69086,10 @@ var SurveyModel = /** @class */ (function (_super) {
         this.isShowingPreview = options.allowShowPreview && options.allow;
     };
     /**
-     * Cancels preview and switches back to the "running" state.
-     *
-     * Details: [Preview State](https://surveyjs.io/Documentation/Library#states-preview)
-     * @param curPage - A new current page. If the parameter is undefined then the last page becomes the current.
-     * @see showPreviewBeforeComplete
+     * Cancels a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page) and switches the survey to the page specified by the `curPage` parameter.
+     * @param curPage A new current page. If you do not specify this parameter, the survey displays the last page.
      * @see showPreview
+     * @see showPreviewBeforeComplete
      * @see state
      */
     SurveyModel.prototype.cancelPreview = function (curPage) {
@@ -68436,12 +69137,13 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "questionsOnPageMode", {
         /**
-         * Gets or sets a value that specifies how the survey combines questions, panels, and pages.
+         * Specifies how to distribute survey elements between pages.
          *
-         * The following options are available:
+         * Possible values:
          *
-         * - `singlePage` - combine all survey pages in a single page. Pages will be converted to panels.
-         * - `questionPerPage` - show one question per page. Survey will create a separate page for every question.
+         * - `"singlePage"` - Combines all survey pages into a single page.
+         * - `"questionPerPage"` - Creates a separate page for every question.
+         * - `"standard"` (default) - Retains the original structure specified in the JSON schema.
          */
         get: function () {
             return this.getPropertyValue("questionsOnPageMode");
@@ -68454,11 +69156,14 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "firstPageIsStarted", {
         /**
-         * Gets or sets whether the first survey page is a start page. Set this property to `true`, to make the first page a starting page.
-         * An end user cannot navigate to the start page and the start page does not affect a survey progress.
+         * Gets or sets a Boolean value that specifies whether the first page is a start page.
+         *
+         * Refer to the following help topic for more information: [Start Page](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#start-page).
+         * @see startedPage
+         * @see activePage
          */
         get: function () {
-            return this.getPropertyValue("firstPageIsStarted", false);
+            return this.getPropertyValue("firstPageIsStarted");
         },
         set: function (val) {
             this.setPropertyValue("firstPageIsStarted", val);
@@ -68761,7 +69466,6 @@ var SurveyModel = /** @class */ (function (_super) {
      * @see navigateToUrlOnCondition
      */
     SurveyModel.prototype.doComplete = function (isCompleteOnTrigger) {
-        var _this = this;
         if (isCompleteOnTrigger === void 0) { isCompleteOnTrigger = false; }
         if (this.isCompleted)
             return;
@@ -68770,11 +69474,17 @@ var SurveyModel = /** @class */ (function (_super) {
             return false;
         }
         this.checkOnPageTriggers(true);
-        var previousCookie = this.hasCookie;
         this.stopTimer();
         this.isCompleted = true;
         this.clearUnusedValues();
         this.setCookie();
+        this.saveDataOnComplete(isCompleteOnTrigger);
+        return true;
+    };
+    SurveyModel.prototype.saveDataOnComplete = function (isCompleteOnTrigger) {
+        var _this = this;
+        if (isCompleteOnTrigger === void 0) { isCompleteOnTrigger = false; }
+        var previousCookie = this.hasCookie;
         var showSaveInProgress = function (text) {
             savingDataStarted = true;
             _this.setCompletedState("saving", text);
@@ -68809,7 +69519,6 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!savingDataStarted) {
             this.navigateTo();
         }
-        return true;
     };
     SurveyModel.prototype.checkOnCompletingEvent = function (isCompleteOnTrigger) {
         var options = {
@@ -68978,7 +69687,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         get: function () {
             var html = this.renderedCompletedHtml;
-            return !!html ? this.processHtml(html) : "";
+            return !!html ? this.processHtml(html, "completed") : "";
         },
         enumerable: false,
         configurable: true
@@ -68990,7 +69699,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * @see cookieName
          */
         get: function () {
-            return this.processHtml(this.completedBeforeHtml);
+            return this.processHtml(this.completedBeforeHtml, "completed-before");
         },
         enumerable: false,
         configurable: true
@@ -69000,7 +69709,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * Returns the HTML content, that is shows when a survey loads the survey JSON.
          */
         get: function () {
-            return this.processHtml(this.loadingHtml);
+            return this.processHtml(this.loadingHtml, "loading");
         },
         enumerable: false,
         configurable: true
@@ -69535,9 +70244,10 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     /**
      * Adds an existing page to the survey.
-     * @param page a newly added page
-     * @param index - a page index to where insert a page. It is -1 by default and the page will be added into the end.
+     * @param page A page to add.
+     * @param index An index at which to insert the page. If you do not specify this parameter, the page will be added to the end.
      * @see addNewPage
+     * @see createNewPage
      */
     SurveyModel.prototype.addPage = function (page, index) {
         if (index === void 0) { index = -1; }
@@ -69551,10 +70261,12 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     /**
-     * Creates a new page and adds it to a survey. Generates a new name if the `name` parameter is not specified.
-     * @param name a page name
-     * @param index - a page index to where insert a new page. It is -1 by default and the page will be added into the end.
+     * Creates a new page and adds it to the survey.
+     * @param name A page name. If you do not specify this parameter, it will be generated automatically.
+     * @param index An index at which to insert the page. If you do not specify this parameter, the page will be added to the end.
+     * @returns The created and added page.
      * @see addPage
+     * @see createNewPage
      */
     SurveyModel.prototype.addNewPage = function (name, index) {
         if (name === void 0) { name = null; }
@@ -69770,8 +70482,9 @@ var SurveyModel = /** @class */ (function (_super) {
         return result;
     };
     /**
-     * Creates and returns a new page, but do not add it into the survey.
-     * You can use addPage(page) function to add it into survey later.
+     * Creates and returns a new page but does not add it to the survey.
+     *
+     * Call the [`addPage(page)`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#addPage) method to add the created page to the survey later or the [`addNewPage(name, index)`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#addNewPage) method to create _and_ add a page to the survey.
      * @see addPage
      * @see addNewPage
      */
@@ -70482,6 +71195,9 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.setVariable = function (name, newValue) {
         if (!name)
             return;
+        if (!!this.valuesHash) {
+            delete this.valuesHash[name];
+        }
         name = name.toLowerCase();
         this.variablesHash[name] = newValue;
         this.notifyElementsOnAnyValueOrVariableChanged(name);
@@ -70901,8 +71617,10 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onValidatePanel.fire(this, options);
         return options.error ? new _error__WEBPACK_IMPORTED_MODULE_9__["CustomError"](options.error, this) : null;
     };
-    SurveyModel.prototype.processHtml = function (html) {
-        var options = { html: html };
+    SurveyModel.prototype.processHtml = function (html, reason) {
+        if (!reason)
+            reason = "";
+        var options = { html: html, reason: reason };
         this.onProcessHtml.fire(this, options);
         return this.processText(options.html, true);
     };
@@ -71440,6 +72158,20 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         return true;
     };
+    SurveyModel.prototype.questionEditFinishCallback = function (question, event) {
+        if (_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].enterKeyAction == "loseFocus")
+            event.target.blur();
+        if (_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].enterKeyAction == "moveToNextEditor") {
+            var allQuestions = this.currentPage.questions;
+            var questionIndex = allQuestions.indexOf(question);
+            if (questionIndex > -1 && questionIndex < allQuestions.length - 1) {
+                allQuestions[questionIndex + 1].focus();
+            }
+            else {
+                event.target.blur();
+            }
+        }
+    };
     SurveyModel.prototype.getElementWrapperComponentName = function (element, reason) {
         if (reason === "logo-image") {
             return "sv-logo-image";
@@ -71479,6 +72211,27 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getSkeletonComponentName = function (element) {
         return this.skeletonComponentName;
     };
+    /**
+     * Adds an element to the survey layout.
+     *
+     * This method accepts an object with the following layout element properties:
+     *
+     * - `id`: `String` | `"timerpanel"` | `"progress-buttons"` | `"progress-questions"` | `"progress-pages"` | `"progress-correctquestions"` | `"progress-requiredquestions"` | `"toc-navigation"` | `"navigationbuttons"`\
+     * A layout element identifier. You can use possible values to access and relocate or customize predefined layout elements.
+     *
+     * - `container`: `"header"` | `"footer"` | `"left"` | `"right"` | `"contentTop"` | `"contentBottom"`\
+     * A layout container that holds the element. If you want to display the element within multiple containers, set this property to an array of possible values.
+     *
+     * - `component`: `String`\
+     * The name of the component that renders the layout element.
+     *
+     * - `data`: `any`\
+     * Data passed as props to `component`.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/progress-bar-with-percentage/ (linkStyle))
+     * @param layoutElement A layout element configuration.
+     * @returns The configuration of the previous layout element with the same `id`.
+     */
     SurveyModel.prototype.addLayoutElement = function (layoutElement) {
         var existingLayoutElement = this.removeLayoutElement(layoutElement.id);
         this.layoutElements.push(layoutElement);
@@ -71532,7 +72285,7 @@ var SurveyModel = /** @class */ (function (_super) {
                     }
                 }
             }
-            else if (isStrCiEqual(layoutElement.id, "toc-navigation") && this.showTOC) {
+            else if (!this.isShowingPreview && isStrCiEqual(layoutElement.id, "toc-navigation") && this.showTOC) {
                 if (container === "left") {
                     if (["left", "both"].indexOf(this.tocLocation) !== -1) {
                         containerLayoutElements.push(layoutElement);
@@ -71581,7 +72334,7 @@ var SurveyModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "containerCss", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "showBrandInfo", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -72244,13 +72997,14 @@ var SurveyTimerModel = /** @class */ (function (_super) {
 /*!**************************!*\
   !*** ./src/surveyToc.ts ***!
   \**************************/
-/*! exports provided: tryNavigateToPage, createTOCListModel */
+/*! exports provided: tryNavigateToPage, createTOCListModel, getTocRootCss */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "tryNavigateToPage", function() { return tryNavigateToPage; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createTOCListModel", function() { return createTOCListModel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTocRootCss", function() { return getTocRootCss; });
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 
@@ -72263,7 +73017,7 @@ function tryNavigateToPage(survey, index) {
     }
     else if (index > survey.currentPageNo) {
         for (var i = survey.currentPageNo; i < index; i++) {
-            if (!survey.nextPage())
+            if (!survey.nextPageUIClick())
                 return false;
         }
     }
@@ -72275,6 +73029,9 @@ function createTOCListModel(survey) {
             id: page.name,
             title: page.navigationTitle || page.title || page.name,
             action: function () {
+                if (typeof document !== undefined && !!document.activeElement) {
+                    !!document.activeElement.blur && document.activeElement.blur();
+                }
                 return tryNavigateToPage(survey, index);
             }
         });
@@ -72291,6 +73048,9 @@ function createTOCListModel(survey) {
     });
     return listModel;
 }
+function getTocRootCss(survey) {
+    return "sv_progress-toc" + (" sv_progress-toc--" + (survey.tocLocation || "").toLowerCase());
+}
 
 
 /***/ }),
@@ -72467,7 +73227,9 @@ var SvgIconRegistry = /** @class */ (function () {
 var SvgRegistry = new SvgIconRegistry();
 var SvgBundleViewModel;
 var path = __webpack_require__("./src/images sync \\.svg$");
+var pathSmiley = __webpack_require__("./src/images/smiley sync \\.svg$");
 SvgRegistry.registerIconsFromFolder(path);
+SvgRegistry.registerIconsFromFolder(pathSmiley);
 
 
 /***/ }),
@@ -72956,7 +73718,7 @@ var Trigger = /** @class */ (function (_super) {
             var firstName = processValue.getFirstName(name);
             if (!keys.hasOwnProperty(firstName))
                 continue;
-            if (name == firstName)
+            if (name === firstName)
                 return true;
             var keyValue = keys[firstName];
             if (keyValue == undefined)
@@ -72969,7 +73731,8 @@ var Trigger = /** @class */ (function (_super) {
             var oldValue = processValue.getValue(name, v);
             v[firstName] = keyValue["newValue"];
             var newValue = processValue.getValue(name, v);
-            return !this.isTwoValueEquals(oldValue, newValue);
+            if (!this.isTwoValueEquals(oldValue, newValue))
+                return true;
         }
         return false;
     };
@@ -73144,7 +73907,7 @@ var SurveyTriggerSetValue = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyTriggerSetValue.prototype, "isVariable", {
         get: function () {
-            return this.getPropertyValue("isVariable", false);
+            return this.getPropertyValue("isVariable");
         },
         set: function (val) {
             this.setPropertyValue("isVariable", val);
@@ -74598,6 +75361,8 @@ var AnswerCountValidator = /** @class */ (function (_super) {
 
 /**
  * Use it to validate the text by regular expressions.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
  */
 var RegexValidator = /** @class */ (function (_super) {
     __extends(RegexValidator, _super);