survey-react 1.9.78 → 1.9.80

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.78
+ * surveyjs - Survey JavaScript library v1.9.80
  * 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);
@@ -4965,6 +4962,8 @@ var modernCss = {
         filterStringInput: "sv-dropdown__filter-string-input",
         controlValue: "sv-dropdown__value",
         controlInputFieldComponent: "sv_dropdown_control__input-field-component",
+        hintPrefix: "sv-dropdown__hint-prefix",
+        hintSuffix: "sv-dropdown__hint-suffix"
     },
     tagbox: {
         root: "",
@@ -5115,6 +5114,7 @@ var modernCss = {
         error: "sv-save-data_error",
         success: "sv-save-data_success",
         button: "sv-save-data_button",
+        shown: "sv-save-data_root--shown"
     },
     window: {
         root: "sv_window",
@@ -5315,7 +5315,9 @@ var defaultStandardCss = {
         cleanButtonSvg: "sv_q_dropdown_clean-button-svg",
         cleanButtonIconId: "icon-clear_16x16",
         controlValue: "sv_q_dropdown__value",
-        filterStringInput: "sv_q_dropdown__filter-string-input"
+        filterStringInput: "sv_q_dropdown__filter-string-input",
+        hintPrefix: "sv_q_dropdown__hint-prefix",
+        hintSuffix: "sv_q_dropdown__hint-suffix"
     },
     html: { root: "" },
     image: {
@@ -5484,6 +5486,7 @@ var defaultStandardCss = {
         error: "sv-save-data_error",
         success: "sv-save-data_success",
         button: "sv-save-data_button",
+        shown: "sv-save-data_root--shown"
     },
     window: {
         root: "sv_window",
@@ -5591,9 +5594,11 @@ 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",
+        titleNumInline: "sd-element__title--num-inline",
         titleExpanded: "sd-element__title--expanded",
         titleCollapsed: "sd-element__title--collapsed",
         titleDisabled: "sd-element__title--disabled",
@@ -5682,6 +5687,7 @@ var defaultV2Css = {
         headerBottom: "sd-question__header--location--bottom",
         content: "sd-question__content",
         contentLeft: "sd-question__content--left",
+        titleNumInline: "sd-element__title--num-inline",
         titleLeftRoot: "sd-question--left",
         titleOnAnswer: "sd-question__title--answer",
         titleOnError: "sd-question__title--error",
@@ -5831,6 +5837,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"
     },
@@ -5858,7 +5865,9 @@ var defaultV2Css = {
         controlEmpty: "sd-dropdown--empty",
         controlLabel: "sd-item__control-label",
         filterStringInput: "sd-dropdown__filter-string-input",
-        materialDecorator: "sd-item__decorator sd-radio__decorator"
+        materialDecorator: "sd-item__decorator sd-radio__decorator",
+        hintPrefix: "sd-dropdown__hint-prefix",
+        hintSuffix: "sd-dropdown__hint-suffix"
     },
     imagepicker: {
         mainRoot: "sd-element sd-question sd-row__question",
@@ -5941,6 +5950,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",
@@ -5986,6 +5996,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",
@@ -6061,6 +6076,7 @@ var defaultV2Css = {
         error: "sv-save-data_error",
         success: "sv-save-data_success",
         button: "sv-save-data_button",
+        shown: "sv-save-data_root--shown"
     },
     window: {
         root: "sv_window",
@@ -6286,10 +6302,6 @@ var DragDropChoices = /** @class */ (function (_super) {
         draggedElementShortcut.appendChild(imageNode);
         return draggedElementShortcut;
     };
-    DragDropChoices.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
-        var result = dragOverNode.closest(this.dropTargetDataAttributeName);
-        return result;
-    };
     DragDropChoices.prototype.getDropTargetByDataAttributeValue = function (dataAttributeValue) {
         var dragOverChoice;
         dragOverChoice = this.parentElement.choices.filter(function (choice) { return "" + choice.value == dataAttributeValue; })[0];
@@ -6787,9 +6799,8 @@ var DragDropCore = /** @class */ (function (_super) {
         return this.findDropTargetNodeByDragOverNode(dragOverNode);
     };
     DragDropCore.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
-        var result = dragOverNode.querySelector(this.dropTargetDataAttributeName) ||
-            dragOverNode.closest(this.dropTargetDataAttributeName);
-        return result;
+        var dropTargetNode = dragOverNode.closest(this.dropTargetDataAttributeName);
+        return dropTargetNode;
     };
     DragDropCore.prototype.doClear = function () { };
     DragDropCore.PreventScrolling = false;
@@ -6903,10 +6914,6 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
     DragDropMatrixRows.prototype.isDropTargetValid = function (dropTarget) {
         return true;
     };
-    DragDropMatrixRows.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
-        var result = dragOverNode.closest(this.dropTargetDataAttributeName);
-        return result;
-    };
     DragDropMatrixRows.prototype.calculateIsBottom = function (clientY) {
         var rendreredRows = this.parentElement.renderedTable.rows;
         var rows = rendreredRows.map(function (rendredRow) { return rendredRow.row; });
@@ -7062,7 +7069,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     };
     DragDropRankingChoices.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
         this.isDragOverRootNode = this.getIsDragOverRootNode(dragOverNode);
-        return dragOverNode.closest(this.dropTargetDataAttributeName);
+        return _super.prototype.findDropTargetNodeByDragOverNode.call(this, dragOverNode);
     };
     DragDropRankingChoices.prototype.getIsDragOverRootNode = function (dragOverNode) {
         // dragOverNode might be <path></path> for example and the className prop is obj
@@ -7553,9 +7560,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./list */ "./src/list.ts");
 /* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./popup */ "./src/popup.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _question_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./question_dropdown */ "./src/question_dropdown.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7584,6 +7592,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var DropdownListModel = /** @class */ (function (_super) {
     __extends(DropdownListModel, _super);
     function DropdownListModel(question, onSelectionChanged) {
@@ -7592,11 +7601,20 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.onSelectionChanged = onSelectionChanged;
         _this.minPageSize = 25;
         _this.loadingItemHeight = 40;
+        _this._markdownMode = false;
         _this.selectedItemSelector = ".sv-list__item--selected";
         _this.itemSelector = ".sv-list__item";
         _this.itemsSettings = { skip: 0, take: 0, totalCount: 0, items: [] };
         _this.isRunningLoadQuestionChoices = false;
         _this.popupCssClasses = "sv-single-select-list";
+        question.onPropertyChanged.add(function (sender, options) {
+            if (options.name == "value") {
+                _this.showInputFieldComponent = _this.question.showInputFieldComponent;
+                _this.showSelectedItemLocText = _this.question.showSelectedItemLocText;
+            }
+        });
+        _this.showInputFieldComponent = _this.question.showInputFieldComponent;
+        _this.showSelectedItemLocText = _this.question.showSelectedItemLocText;
         _this.listModel = _this.createListModel();
         _this.updateAfterListModelCreated(_this.listModel);
         _this.setSearchEnabled(_this.question.searchEnabled);
@@ -7612,7 +7630,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         configurable: true
     });
     DropdownListModel.prototype.getFocusFirstInputSelector = function () {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"]) {
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"]) {
             return this.isValueEmpty(this.question.value) ? this.itemSelector : this.selectedItemSelector;
         }
         else {
@@ -7661,10 +7679,10 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.createPopup = function () {
         var _this = this;
         this._popupModel = new _popup__WEBPACK_IMPORTED_MODULE_3__["PopupModel"]("sv-list", { model: this.listModel }, "bottom", "center", false);
-        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"] ? "overlay" : "popup";
+        this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"] ? "overlay" : "popup";
         this._popupModel.positionMode = "fixed";
-        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"];
-        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"];
+        this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"];
+        this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"];
         this.updatePopupFocusFirstInputSelector();
         this.listModel.registerPropertyChangedHandlers(["showFilter"], function () {
             _this.updatePopupFocusFirstInputSelector();
@@ -7691,7 +7709,13 @@ var DropdownListModel = /** @class */ (function (_super) {
         });
     };
     DropdownListModel.prototype.setFilterStringToListModel = function (newValue) {
+        var _this = this;
         this.listModel.filterString = newValue;
+        this.listModel.resetFocusedItem();
+        if (this.question.selectedItem && this.question.selectedItem.text.indexOf(newValue) >= 0) {
+            this.listModel.focusedItem = this.getAvailableItems().filter(function (item) { return item.id == _this.question.selectedItem.value; })[0];
+            return;
+        }
         if (!this.listModel.focusedItem || !this.listModel.isItemVisible(this.listModel.focusedItem)) {
             this.listModel.focusFirstVisibleItem();
         }
@@ -7715,11 +7739,13 @@ var DropdownListModel = /** @class */ (function (_super) {
         var _onSelectionChanged = this.onSelectionChanged;
         if (!_onSelectionChanged) {
             _onSelectionChanged = function (item) {
-                _this.question.value = item.value;
+                _this.question.value = item.id;
+                if (_this.question.searchEnabled)
+                    _this.applyInputString(item);
                 _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;
@@ -7738,7 +7764,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         model.isAllDataLoaded = !this.question.choicesLazyLoadEnabled;
     };
     DropdownListModel.prototype.updateCssClasses = function (popupCssClass, listCssClasses) {
-        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
+        this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
         this.listModel.cssClasses = listCssClasses;
     };
     DropdownListModel.prototype.resetFilterString = function () {
@@ -7751,7 +7777,6 @@ var DropdownListModel = /** @class */ (function (_super) {
         if (!!this.filterString && !this.popupModel.isVisible) {
             this.popupModel.isVisible = true;
         }
-        this.setInputHasValue(!!this.filterString);
         var updateAfterFilterStringChanged = function () {
             _this.setFilterStringToListModel(_this.filterString);
             _this.popupRecalculatePosition(true);
@@ -7764,9 +7789,99 @@ var DropdownListModel = /** @class */ (function (_super) {
             updateAfterFilterStringChanged();
         }
     };
-    DropdownListModel.prototype.setInputHasValue = function (newValue) {
-        this.question.inputHasValue = newValue;
+    DropdownListModel.prototype.applyInputString = function (item) {
+        var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
+        if (hasHtml || this.question.inputFieldComponentName) {
+            this._markdownMode = true;
+            this.inputString = "";
+        }
+        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) {
+        var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
+        if (hasHtml || this.question.inputFieldComponentName) {
+            this._markdownMode = true;
+            this.hintString = "";
+        }
+        else {
+            this.hintString = item === null || item === void 0 ? void 0 : item.title;
+        }
+    };
+    Object.defineProperty(DropdownListModel.prototype, "inputStringRendered", {
+        get: function () {
+            return this.getPropertyValue("inputString") || "";
+        },
+        set: function (val) {
+            this.setPropertyValue("inputString", val);
+            this.filterString = val;
+            this.applyHintString(this.listModel.focusedItem);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DropdownListModel.prototype, "placeholderRendered", {
+        get: function () {
+            return this.hintString ? "" : this.question.readOnlyText;
+        },
+        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;
+            return ((_a = this.hintString) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DropdownListModel.prototype, "inputStringLC", {
+        get: function () {
+            var _a;
+            return ((_a = this.inputString) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DropdownListModel.prototype, "showHintPrefix", {
+        get: function () {
+            return !!this.inputString && this.hintStringLC.indexOf(this.inputStringLC) > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DropdownListModel.prototype, "hintStringPrefix", {
+        get: function () {
+            if (!this.inputString)
+                return null;
+            return this.hintString.substring(0, this.hintStringLC.indexOf(this.inputStringLC));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DropdownListModel.prototype, "showHintString", {
+        get: function () {
+            return !!this.question.searchEnabled && this.hintStringLC && this.hintStringLC.indexOf(this.inputStringLC) >= 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DropdownListModel.prototype, "hintStringSuffix", {
+        get: function () {
+            return this.hintString.substring(this.hintStringLC.indexOf(this.inputStringLC) + this.inputStringLC.length);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DropdownListModel.prototype, "popupModel", {
         get: function () {
             return this._popupModel;
@@ -7790,14 +7905,14 @@ var DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "inputMode", {
         get: function () {
-            return _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"] ? "none" : "text";
+            return _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"] ? "none" : "text";
         },
         enumerable: false,
         configurable: true
     });
     DropdownListModel.prototype.setSearchEnabled = function (newValue) {
-        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"];
-        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"];
+        this.listModel.searchEnabled = _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"];
+        this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"];
         this.searchEnabled = newValue;
     };
     DropdownListModel.prototype.updateItems = function () {
@@ -7805,7 +7920,6 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onClick = function (event) {
         this._popupModel.toggleVisibility();
-        this.listModel.focusNextVisibleItem();
         if (this.searchEnabled && !!event && !!event.target) {
             var input = event.target.querySelector("input");
             if (!!input) {
@@ -7815,18 +7929,38 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.onClear = function (event) {
         this.question.clearValue();
+        this.inputString = null;
+        this.hintString = "";
         this.resetFilterString();
-        event.preventDefault();
-        event.stopPropagation();
+        if (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
     };
     DropdownListModel.prototype.getSelectedAction = function () {
         return this.question.selectedItem || null;
     };
+    DropdownListModel.prototype.changeSelectionWithKeyboard = function (reverse) {
+        var _a;
+        if (reverse) {
+            this.listModel.focusPrevVisibleItem();
+        }
+        else {
+            this.listModel.focusNextVisibleItem();
+        }
+        this.scrollToFocusedItem();
+        if (this.question.value && this.question.searchEnabled && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_4__["QuestionDropdownModel"]) {
+            this.applyInputString(this.listModel.focusedItem);
+        }
+        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;
         if (this.popupModel.isVisible && event.keyCode === 38) {
-            this.listModel.focusPrevVisibleItem();
-            this.scrollToFocusedItem();
+            this.changeSelectionWithKeyboard(true);
             event.preventDefault();
             event.stopPropagation();
         }
@@ -7834,28 +7968,48 @@ var DropdownListModel = /** @class */ (function (_super) {
             if (!this.popupModel.isVisible) {
                 this.popupModel.toggleVisibility();
             }
-            this.listModel.focusNextVisibleItem();
-            this.scrollToFocusedItem();
+            this.changeSelectionWithKeyboard(false);
             event.preventDefault();
             event.stopPropagation();
         }
-        else if (this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32)) {
-            this.listModel.selectFocusedItem();
+        else if (!this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32)) {
+            this.popupModel.toggleVisibility();
+            this.changeSelectionWithKeyboard(false);
             event.preventDefault();
             event.stopPropagation();
         }
-        else if (char === 46) {
-            this.onClear(event);
+        else if (this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32 && !this.question.searchEnabled)) {
+            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);
+            }
+            else {
+                this.listModel.selectFocusedItem();
+                this.onFocus(event);
+            }
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        else if (char === 46 || char === 8) {
+            if (!this.searchEnabled) {
+                this.onClear(event);
+            }
         }
         else if (event.keyCode === 27) {
-            this.popupModel.isVisible = false;
+            this._popupModel.isVisible = false;
+            this.hintString = "";
+            if (this.question.searchEnabled && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_4__["QuestionDropdownModel"])
+                this.applyInputString(this.question.selectedItem);
         }
         else {
-            if (event.keyCode === 38 || event.keyCode === 40 || event.keyCode === 32) {
+            if (event.keyCode === 38 || event.keyCode === 40 || event.keyCode === 32 && !this.question.searchEnabled) {
                 event.preventDefault();
                 event.stopPropagation();
             }
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
+            if (event.keyCode === 32 && this.question.searchEnabled) {
+                return;
+            }
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_7__["doKey2ClickUp"])(event, { processEsc: false, disableTabStop: this.question.isInputReadOnly });
         }
     };
     DropdownListModel.prototype.onScroll = function (event) {
@@ -7865,7 +8019,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         }
     };
     DropdownListModel.prototype.onBlur = function (event) {
-        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_5__["IsTouch"]) {
+        if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"]) {
             this._popupModel.isVisible = true;
             return;
         }
@@ -7873,9 +8027,22 @@ var DropdownListModel = /** @class */ (function (_super) {
             this.listModel.selectFocusedItem();
         }
         this.resetFilterString();
+        this.inputString = null;
+        this.hintString = "";
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_7__["doKey2ClickBlur"])(event);
         this._popupModel.isVisible = false;
-        this.setInputHasValue(false);
-        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["doKey2ClickBlur"])(event);
+        event.stopPropagation();
+    };
+    DropdownListModel.prototype.onFocus = function (event) {
+        this.setInputStringFromSelectedItem();
+    };
+    DropdownListModel.prototype.setInputStringFromSelectedItem = function (newValue) {
+        if (this.question.searchEnabled) {
+            this.applyInputString(newValue || this.question.selectedItem);
+        }
+        else {
+            this.inputString = null;
+        }
     };
     DropdownListModel.prototype.scrollToFocusedItem = function () {
         this.listModel.scrollToFocusedItem();
@@ -7891,6 +8058,24 @@ var DropdownListModel = /** @class */ (function (_super) {
             }
         })
     ], DropdownListModel.prototype, "filterString", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            defaultValue: "",
+            onSet: function (newValue, target) {
+                target.question.inputHasValue = !!newValue;
+                target.showSelectedItemLocText = target.question.showSelectedItemLocText;
+            }
+        })
+    ], DropdownListModel.prototype, "inputString", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({})
+    ], DropdownListModel.prototype, "showSelectedItemLocText", void 0);
+    __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,
@@ -7904,6 +8089,9 @@ var DropdownListModel = /** @class */ (function (_super) {
             }
         })
     ], DropdownListModel.prototype, "hasScroll", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
+    ], DropdownListModel.prototype, "hintString", void 0);
     return DropdownListModel;
 }(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
 
@@ -8013,7 +8201,7 @@ 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);
     };
     Object.defineProperty(DropdownMultiSelectListModel.prototype, "shouldResetAfterCancel", {
         get: function () {
@@ -8088,6 +8276,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);
@@ -8853,7 +9046,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.78";
+Version = "" + "1.9.80";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9836,7 +10029,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";
@@ -9902,194 +10095,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
 
@@ -10164,6 +10360,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -10176,7 +10373,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, 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";
@@ -10639,6 +10836,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"]; });
@@ -16310,6 +16509,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 ***!
@@ -18199,7 +18550,7 @@ var JsonMetadata = /** @class */ (function () {
         var props = {};
         this.generateSchemaProperties(classInfo, props, schemaDef);
         if (hasParent) {
-            res.allOff = [
+            res.allOf = [
                 { $ref: "#" + classInfo.parentName },
                 { properties: props },
             ];
@@ -18686,11 +19037,12 @@ 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)) {
                 return;
@@ -18762,8 +19114,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);
         }
@@ -18789,7 +19145,7 @@ var ListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(ListModel.prototype, "emptyMessage", {
         get: function () {
-            return this.getLocalizationString("emptyMessage");
+            return this.isAllDataLoaded ? this.getLocalizationString("emptyMessage") : this.loadingText;
         },
         enumerable: false,
         configurable: true
@@ -20351,12 +20707,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",
@@ -20380,14 +20736,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",
@@ -25199,7 +25555,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"]));
@@ -25258,9 +25614,11 @@ 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;
             _this.isExpanded = false;
             if (_this.isItemSelected(item)) {
                 _this.selectedItems.splice(_this.selectedItems.indexOf(item), 1)[0];
@@ -25365,6 +25723,7 @@ var Notifier = /** @class */ (function (_super) {
         _this.actionBar.updateCallback = function (isResetInitialized) {
             _this.actionBar.actions.forEach(function (action) { return action.cssClasses = {}; });
         };
+        _this.css = _this.cssClasses.root;
         return _this;
     }
     Notifier.prototype.getCssClass = function (type) {
@@ -25373,27 +25732,35 @@ var Notifier = /** @class */ (function (_super) {
             .append(this.cssClasses.info, type !== "error" && type !== "success")
             .append(this.cssClasses.error, type === "error")
             .append(this.cssClasses.success, type === "success")
+            .append(this.cssClasses.shown, this.active)
             .toString();
     };
     Notifier.prototype.updateActionsVisibility = function (type) {
         var _this = this;
         this.actionBar.actions.forEach(function (action) { return action.visible = (_this.actionsVisibility[action.id] === type); });
     };
-    Notifier.prototype.notify = function (message, type) {
+    Notifier.prototype.notify = function (message, type, waitUserAction) {
         var _this = this;
         if (type === void 0) { type = "info"; }
-        this.updateActionsVisibility(type);
-        this.message = message;
-        this.active = true;
-        this.css = this.getCssClass(type);
-        if (!!this.timer) {
-            clearTimeout(this.timer);
-            this.timer = undefined;
-        }
-        this.timer = setTimeout(function () {
-            _this.timer = undefined;
-            _this.active = false;
-        }, this.timeout);
+        if (waitUserAction === void 0) { waitUserAction = false; }
+        this.isDisplayed = true;
+        setTimeout(function () {
+            _this.updateActionsVisibility(type);
+            _this.message = message;
+            _this.active = true;
+            _this.css = _this.getCssClass(type);
+            if (!!_this.timer) {
+                clearTimeout(_this.timer);
+                _this.timer = undefined;
+            }
+            if (!waitUserAction) {
+                _this.timer = setTimeout(function () {
+                    _this.timer = undefined;
+                    _this.active = false;
+                    _this.css = _this.getCssClass(type);
+                }, _this.timeout);
+            }
+        }, 1);
     };
     Notifier.prototype.addAction = function (action, notificationType) {
         action.visible = false;
@@ -25404,6 +25771,9 @@ var Notifier = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
     ], Notifier.prototype, "active", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: false })
+    ], Notifier.prototype, "isDisplayed", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Notifier.prototype, "message", void 0);
@@ -25502,9 +25872,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");
@@ -26279,7 +26649,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();
     };
@@ -26526,9 +26896,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;
         }
@@ -26787,7 +27160,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);
@@ -27882,7 +28255,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);
@@ -28127,14 +28500,7 @@ var PanelModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModel.prototype, "cssTitle", {
         get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
-                .append(this.cssClasses.panel.title)
-                .append(this.cssClasses.panel.titleExpandable, this.state !== "default")
-                .append(this.cssClasses.panel.titleExpanded, this.isExpanded)
-                .append(this.cssClasses.panel.titleCollapsed, this.isCollapsed)
-                .append(this.cssClasses.panel.titleDisabled, this.isReadOnly)
-                .append(this.cssClasses.panel.titleOnError, this.containsErrors)
-                .toString();
+            return this.getCssTitle(this.cssClasses.panel);
         },
         enumerable: false,
         configurable: true
@@ -28167,15 +28533,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));
 
@@ -28427,6 +28801,8 @@ var defaultCss = {
         cleanButtonSvg: "sv_q_dd_clean-button-svg",
         cleanButtonIconId: "icon-clear_16x16",
         filterStringInput: "sv_q_dd_filter-string-input",
+        hintPrefix: "sv_q_dd_hint-prefix",
+        hintSuffix: "sv_q_dd_hint-suffix"
     },
     tagbox: {
         root: "sv_q_dd_root",
@@ -30479,7 +30855,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;
@@ -30833,6 +31211,9 @@ var Question = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["showCommentArea", "showOtherItem"], function () {
             _this.initCommentFromSurvey();
         });
+        _this.registerFunctionOnPropertiesValueChanged(["no"], function () {
+            _this.updateQuestionCss();
+        });
         _this.registerPropertyChangedHandlers(["isMobile"], function () { _this.onMobileChanged(); });
         return _this;
     }
@@ -31015,7 +31396,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).
@@ -31632,6 +32012,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)
@@ -31639,10 +32020,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", {
@@ -31694,12 +32071,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.getCssTitle = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
-            .append(cssClasses.title)
-            .append(cssClasses.titleExpandable, this.state !== "default")
-            .append(cssClasses.titleExpanded, this.isExpanded)
-            .append(cssClasses.titleCollapsed, this.isCollapsed)
-            .append(cssClasses.titleDisabled, this.isReadOnly)
-            .append(cssClasses.titleOnError, this.containsErrors)
+            .append(_super.prototype.getCssTitle.call(this, cssClasses))
             .append(cssClasses.titleOnAnswer, !this.containsErrors && this.isAnswered)
             .toString();
     };
@@ -32610,7 +32982,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) {
@@ -32641,7 +33015,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)
@@ -33768,7 +34146,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);
@@ -33937,6 +34315,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.onEnableItemCallBack = function (item) {
         return true;
     };
+    QuestionSelectBase.prototype.onSelectedItemValuesChangedHandler = function (newValue) { };
     QuestionSelectBase.prototype.setConditionalChoicesRunner = function () {
         if (this.choicesVisibleIf) {
             if (!this.conditionChoicesVisibleIfRunner) {
@@ -34303,7 +34682,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);
@@ -34627,12 +35006,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             if (this.isBuiltInChoice(choices[i], question))
                 continue;
             if (isSelected === undefined) {
-                res.push(choices[i]);
+                res.push(this.copyChoiceItem(choices[i]));
                 continue;
             }
             var itemsSelected = question.isItemSelected(choices[i]);
             if ((itemsSelected && isSelected) || (!itemsSelected && !isSelected)) {
-                res.push(choices[i]);
+                res.push(this.copyChoiceItem(choices[i]));
             }
         }
         if (this.choicesFromQuestionMode === "selected" && question.isOtherSelected && !!question.comment) {
@@ -34640,6 +35019,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
         return res;
     };
+    QuestionSelectBase.prototype.copyChoiceItem = function (item) {
+        return new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](item.value, item.text);
+    };
     Object.defineProperty(QuestionSelectBase.prototype, "hasActiveChoices", {
         get: function () {
             var choices = this.visibleChoices;
@@ -34891,7 +35273,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;
     };
@@ -35296,10 +35680,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 })
@@ -36251,7 +36637,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);
@@ -37036,6 +37422,11 @@ var ComponentQuestionJSON = /** @class */ (function () {
             return;
         this.json.onValueChanged(question, name, newValue);
     };
+    ComponentQuestionJSON.prototype.onValueChanging = function (question, name, newValue) {
+        if (!this.json.onValueChanging)
+            return newValue;
+        return this.json.onValueChanging(question, name, newValue);
+    };
     ComponentQuestionJSON.prototype.onItemValuePropertyChanged = function (question, item, propertyName, name, newValue) {
         if (!this.json.onItemValuePropertyChanged)
             return;
@@ -37246,6 +37637,23 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
             this.customQuestion.onValueChanged(this, name, newValue);
         }
     };
+    QuestionCustomModelBase.prototype.getQuestionByName = function (name) {
+        return undefined;
+    };
+    QuestionCustomModelBase.prototype.isValueChanging = function (name, newValue) {
+        if (!!this.customQuestion) {
+            var qValue = newValue;
+            newValue = this.customQuestion.onValueChanging(this, name, newValue);
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_3__["Helpers"].isTwoValueEquals(newValue, qValue)) {
+                var q = this.getQuestionByName(name);
+                if (!!q) {
+                    q.value = newValue;
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
     QuestionCustomModelBase.prototype.convertDataName = function (name) {
         return this.getValueName();
     };
@@ -37336,6 +37744,14 @@ var QuestionCustomModel = /** @class */ (function (_super) {
             this.contentQuestion.onAnyValueChanged(name);
         }
     };
+    QuestionCustomModel.prototype.getQuestionByName = function (name) {
+        return this.contentQuestion;
+    };
+    QuestionCustomModel.prototype.setValue = function (name, newValue, locNotification, allowNotifyValueChanged) {
+        if (this.isValueChanging(name, newValue))
+            return;
+        _super.prototype.setValue.call(this, name, newValue, locNotification, allowNotifyValueChanged);
+    };
     QuestionCustomModel.prototype.hasErrors = function (fireCallback, rec) {
         if (fireCallback === void 0) { fireCallback = true; }
         if (rec === void 0) { rec = null; }
@@ -37642,9 +38058,14 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         var val = this.value;
         return !!val ? val[name] : null;
     };
+    QuestionCompositeModel.prototype.getQuestionByName = function (name) {
+        return !!this.contentPanel ? this.contentPanel.getQuestionByName(name) : undefined;
+    };
     QuestionCompositeModel.prototype.setValue = function (name, newValue, locNotification, allowNotifyValueChanged) {
         if (this.settingNewValue)
             return;
+        if (this.isValueChanging(name, newValue))
+            return;
         this.settingNewValue = true;
         if (!this.isEditingSurveyElement && !!this.contentPanel) {
             var panelValue = this.contentPanel.getValue();
@@ -37694,7 +38115,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;
     };
@@ -37886,7 +38311,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
             else if (!selectedItemValues) {
                 this.updateSelectedItemValues();
             }
-            return this.lastSelectedItemValue || selectedItemValues || new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value);
+            return this.lastSelectedItemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value));
         },
         enumerable: false,
         configurable: true
@@ -38036,20 +38461,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;
@@ -38084,11 +38530,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);
@@ -38103,7 +38548,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 })
@@ -39498,7 +39943,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;
@@ -39542,11 +39987,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"]));
 
@@ -40788,7 +41236,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);
@@ -41333,7 +41781,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);
@@ -42680,7 +43128,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);
@@ -44273,7 +44721,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);
@@ -45836,7 +46284,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);
@@ -45881,7 +46329,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);
@@ -48091,7 +48539,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);
@@ -48748,7 +49196,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);
@@ -49888,7 +50336,7 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
             if (!itemValue && !selectedItemValues) {
                 this.updateSelectedItemValues();
             }
-            return itemValue || selectedItemValues || new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value);
+            return itemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : new _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"](this.value));
         },
         enumerable: false,
         configurable: true
@@ -50677,10 +51125,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,
@@ -50725,9 +51182,34 @@ 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"; }
-        var isSelected = this.isStar ? this.value >= item.value : this.value == item.value;
+        var isSelected = this.value == item.value;
+        if (this.isStar) {
+            if (this.rateValues.length == 0) {
+                isSelected = this.value >= item.value;
+            }
+            else {
+                isSelected = this.rateValues.indexOf(this.rateValues.filter(function (i) { return i.value == _this.value; })[0]) >= this.rateValues.indexOf(item);
+            }
+        }
         var isDisabled = this.isReadOnly || !item.isEnabled;
         var allowHover = !isDisabled && (this.value != item.value) && !(!!this.survey && this.survey.isDesignMode);
         var renderedItem = this.renderedRateItems.filter(function (i) { return i.itemValue == item; })[0];
@@ -50749,6 +51231,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)
@@ -51438,6 +51927,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)
@@ -51493,7 +51989,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"])({
@@ -51507,7 +52003,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);
@@ -51516,7 +52011,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 })
@@ -51766,7 +52261,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);
@@ -53589,7 +54084,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); } },
@@ -53689,7 +54184,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));
     };
@@ -54087,7 +54582,9 @@ var NotifierComponent = /** @class */ (function (_super) {
         return this.notifier;
     };
     NotifierComponent.prototype.renderElement = function () {
-        var style = { display: this.notifier.active ? "" : "none" };
+        if (!this.notifier.isDisplayed)
+            return null;
+        var style = { visibility: this.notifier.active ? "visible" : "hidden" };
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: this.notifier.css, style: style },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", null, this.notifier.message),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_3__["SurveyActionBar"], { model: this.notifier.actionBar })));
@@ -54637,6 +55134,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":
@@ -54706,8 +55282,8 @@ var RatingItemStar = /** @class */ (function (_super) {
         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"], { className: "sv-star", size: 48, iconName: "icon-rating-star", title: this.item.text }),
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: "sv-star-2", size: 48, iconName: "icon-rating-star-2", title: this.item.text })));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: "sv-star", size: "auto", iconName: "icon-rating-star", title: this.item.text }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: "sv-star-2", size: "auto", iconName: "icon-rating-star-2", title: this.item.text })));
     };
     return RatingItemStar;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
@@ -55523,8 +56099,15 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
             (_a = _this.question.dropdownListModel) === null || _a === void 0 ? void 0 : _a.onBlur(event);
             _this.updateInputDomElement();
         };
+        _this.focus = function (event) {
+            var _a;
+            (_a = _this.question.dropdownListModel) === null || _a === void 0 ? void 0 : _a.onFocus(event);
+        };
         return _this;
     }
+    SurveyQuestionDropdownBase.prototype.getStateElement = function () {
+        return this.question["dropdownListModel"];
+    };
     SurveyQuestionDropdownBase.prototype.setValueCore = function (newValue) {
         this.questionBase.renderedValue = newValue;
     };
@@ -55543,7 +56126,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,
@@ -55566,16 +56149,23 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         var valueElement = this.renderValueElement(dropdownListModel);
         var onInputChange = function (e) {
             if (e.target === document.activeElement) {
-                dropdownListModel.filterString = e.target.value;
+                dropdownListModel.inputStringRendered = e.target.value;
             }
         };
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.inputReadOnly ? undefined : 0, 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,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.controlValue },
+                dropdownListModel.showHintString ?
+                    (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.hintSuffix },
+                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, 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: this.question.readOnlyText, 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 })),
+                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 () {
@@ -55600,9 +56190,9 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
     SurveyQuestionDropdownBase.prototype.updateInputDomElement = function () {
         if (!!this.inputElement) {
             var control = this.inputElement;
-            var newValue = this.question.dropdownListModel.filterString;
+            var newValue = this.question.dropdownListModel.inputStringRendered;
             if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
-                control.value = this.question.dropdownListModel.filterString;
+                control.value = this.question.dropdownListModel.inputStringRendered;
             }
         }
     };
@@ -58248,6 +58838,8 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
     SurveyQuestionCheckboxItem.prototype.shouldComponentUpdate = function (nextProps, nextState) {
         if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
             return false;
+        if (!this.question)
+            return false;
         return (!this.question.customWidget ||
             !!this.question.customWidgetData.isNeedRender ||
             !!this.question.customWidget.widgetJson.isDefaultRender ||
@@ -60624,6 +61216,8 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
     SurveyQuestionRadioItem.prototype.shouldComponentUpdate = function (nextProps, nextState) {
         if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
             return false;
+        if (!this.question)
+            return false;
         return (!this.question.customWidget ||
             !!this.question.customWidgetData.isNeedRender ||
             !!this.question.customWidget.widgetJson.isDefaultRender ||
@@ -60985,7 +61579,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 })),
@@ -61638,7 +62232,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();
     };
@@ -61736,15 +62330,15 @@ var TagboxFilterString = /** @class */ (function (_super) {
     TagboxFilterString.prototype.updateDomElement = function () {
         if (!!this.inputElement) {
             var control = this.inputElement;
-            var newValue = this.model.filterString;
+            var newValue = this.model.inputStringRendered;
             if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
-                control.value = this.model.filterString;
+                control.value = this.model.inputStringRendered;
             }
         }
     };
     TagboxFilterString.prototype.onChange = function (e) {
         if (e.target === document.activeElement) {
-            this.model.filterString = e.target.value;
+            this.model.inputStringRendered = e.target.value;
         }
     };
     TagboxFilterString.prototype.keyhandler = function (e) {
@@ -61753,12 +62347,15 @@ var TagboxFilterString = /** @class */ (function (_super) {
     TagboxFilterString.prototype.onBlur = function (e) {
         this.model.onBlur(e);
     };
+    TagboxFilterString.prototype.onFocus = function (e) {
+        this.model.onFocus(e);
+    };
     TagboxFilterString.prototype.getStateElement = function () {
         return this.model;
     };
     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.filterString ? 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); } }));
+        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"]));
@@ -62397,6 +62994,7 @@ var modernThemeColors = {
     "$clean-button-color": "#1948b3",
     "$body-background-color": "#ffffff",
     "$foreground-light": "#909090",
+    "$font-family": "Raleway",
 };
 var defaultThemeColors = {
     "$header-background-color": "#e7e7e7",
@@ -62746,6 +63344,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 /* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -62773,6 +63372,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A base class for the [`SurveyElement`](https://surveyjs.io/form-library/documentation/surveyelement) and [`SurveyModel`](https://surveyjs.io/form-library/documentation/surveymodel) classes.
  */
@@ -63709,18 +64309,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.
@@ -63885,6 +64495,18 @@ var SurveyElement = /** @class */ (function (_super) {
             this.toggleState();
         }
     };
+    SurveyElement.prototype.getCssTitle = function (cssClasses) {
+        var isExpandable = this.state !== "default";
+        var numInlineLimit = 4;
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
+            .append(cssClasses.title)
+            .append(cssClasses.titleNumInline, (this.no || "").length > numInlineLimit || isExpandable)
+            .append(cssClasses.titleExpandable, isExpandable)
+            .append(cssClasses.titleExpanded, this.isExpanded)
+            .append(cssClasses.titleCollapsed, this.isCollapsed)
+            .append(cssClasses.titleDisabled, this.isReadOnly)
+            .append(cssClasses.titleOnError, this.containsErrors).toString();
+    };
     SurveyElement.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
         this.updateDescriptionVisibility(this.description);
@@ -64318,7 +64940,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
@@ -64839,11 +65461,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",
@@ -64935,6 +65553,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;
     };
@@ -65238,7 +65871,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);
@@ -65252,7 +65885,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);
@@ -65329,6 +65962,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 () {
@@ -65348,6 +65983,8 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * - `"left"` (default)
          * - `"right"`
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/toc-feature/ (linkStyle))
          * @see showTOC
          */
         get: function () {
@@ -65578,7 +66215,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * [View Demo](https://surveyjs.io/form-library/examples/survey-autonextpage/ (linkStyle))
          */
         get: function () {
-            return this.getPropertyValue("goNextPageAutomatic", false);
+            return this.getPropertyValue("goNextPageAutomatic");
         },
         set: function (val) {
             this.setPropertyValue("goNextPageAutomatic", val);
@@ -65729,7 +66366,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);
@@ -66525,7 +67162,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)
@@ -67436,7 +68073,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     SurveyModel.prototype.notify = function (message, type) {
-        this.notifier.notify(message, type);
+        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.
@@ -67655,8 +68292,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", {
         /**
@@ -68092,7 +68731,7 @@ 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;
@@ -68176,12 +68815,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");
@@ -68198,7 +68838,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * An end user cannot navigate to the start page and the start page does not affect a survey progress.
          */
         get: function () {
-            return this.getPropertyValue("firstPageIsStarted", false);
+            return this.getPropertyValue("firstPageIsStarted");
         },
         set: function (val) {
             this.setPropertyValue("firstPageIsStarted", val);
@@ -68501,7 +69141,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;
@@ -68510,11 +69149,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);
@@ -68549,7 +69194,6 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!savingDataStarted) {
             this.navigateTo();
         }
-        return true;
     };
     SurveyModel.prototype.checkOnCompletingEvent = function (isCompleteOnTrigger) {
         var options = {
@@ -68718,7 +69362,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
@@ -68730,7 +69374,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
@@ -68740,7 +69384,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
@@ -70222,6 +70866,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);
@@ -70641,8 +71288,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);
     };
@@ -71021,11 +71670,12 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "timeSpent", {
         /**
-         * Returns the time in seconds an end user spends on the survey
+         * Gets or set the time in seconds an end user spends on the survey.
          * @see startTimer
          * @see PageModel.timeSpent
          */
         get: function () { return this.timerModel.spent; },
+        set: function (val) { this.timerModel.spent = val; },
         enumerable: false,
         configurable: true
     });
@@ -71218,6 +71868,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);
@@ -71320,7 +71991,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"])()
@@ -72002,7 +72673,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;
         }
     }
@@ -72014,6 +72685,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);
             }
         });
@@ -72206,7 +72880,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);
 
 
 /***/ }),
@@ -72695,7 +73371,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)
@@ -72708,7 +73384,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;
     };
@@ -72883,7 +73560,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);
@@ -74337,6 +75014,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);