survey-react 1.10.4 → 1.10.6

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.10.4
+ * surveyjs - Survey JavaScript library v1.10.6
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -686,13 +686,14 @@ class SignaturePad extends SignatureEventTarget {
 /*!*******************************!*\
   !*** ./src/actions/action.ts ***!
   \*******************************/
-/*! exports provided: createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel */
+/*! exports provided: createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModel", function() { return createDropdownActionModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return createDropdownActionModelAdvanced; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createPopupModelWithListModel", function() { return createPopupModelWithListModel; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return getActionDropdownButtonTarget; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return BaseAction; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Action", function() { return Action; });
@@ -733,36 +734,53 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 function createDropdownActionModel(actionOptions, dropdownOptions, locOwner) {
-    return createDropdownActionModelAdvanced(actionOptions, dropdownOptions, dropdownOptions, locOwner);
+    dropdownOptions.locOwner = locOwner;
+    return createDropdownActionModelAdvanced(actionOptions, dropdownOptions, dropdownOptions);
 }
-function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOptions, locOwner) {
-    var listModel = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](listOptions.items, function (item) {
+function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOptions) {
+    var _a;
+    var originalSelectionChanged = listOptions.onSelectionChanged;
+    listOptions.onSelectionChanged = function (item) {
+        var params = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            params[_i - 1] = arguments[_i];
+        }
         if (newAction.hasTitle) {
             newAction.title = item.title;
         }
-        listOptions.onSelectionChanged(item);
-        innerPopupModel.toggleVisibility();
-    }, listOptions.allowSelection, listOptions.selectedItem);
-    listModel.locOwner = locOwner;
-    listModel.setOnFilterStringChangedCallback(listOptions.onFilterStringChangedCallback);
-    var options = popupOptions || {};
-    options.onDispose = function () { listModel.dispose(); };
-    var innerPopupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, options);
-    innerPopupModel.displayMode = popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.displayMode;
+        originalSelectionChanged(item, params);
+    };
+    var popupModel = createPopupModelWithListModel(listOptions, popupOptions);
     var newActionOptions = Object.assign({}, actionOptions, {
         component: "sv-action-bar-item-dropdown",
-        popupModel: innerPopupModel,
+        popupModel: popupModel,
         action: function (action, isUserAction) {
             !!(actionOptions.action) && actionOptions.action();
-            innerPopupModel.isFocusedContent = !isUserAction || listModel.showFilter;
-            innerPopupModel.toggleVisibility();
-            listModel.scrollToSelectedItem();
+            popupModel.isFocusedContent = popupModel.isFocusedContent || !isUserAction;
+            popupModel.show();
         },
     });
     var newAction = new Action(newActionOptions);
-    newAction.data = listModel;
+    newAction.data = (_a = popupModel.contentComponentData) === null || _a === void 0 ? void 0 : _a.model;
     return newAction;
 }
+function createPopupModelWithListModel(listOptions, popupOptions) {
+    var listModel = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](listOptions);
+    listModel.onSelectionChanged = function (item) {
+        listOptions.onSelectionChanged(item);
+        popupModel.hide();
+    };
+    var _popupOptions = popupOptions || {};
+    _popupOptions.onDispose = function () { listModel.dispose(); };
+    var popupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, _popupOptions);
+    popupModel.isFocusedContent = listModel.showFilter;
+    popupModel.onShow = function () {
+        if (!!_popupOptions.onShow)
+            _popupOptions.onShow();
+        listModel.scrollToSelectedItem();
+    };
+    return popupModel;
+}
 function getActionDropdownButtonTarget(container) {
     return container === null || container === void 0 ? void 0 : container.previousElementSibling;
 }
@@ -5430,6 +5448,7 @@ var defaultV2Css = {
     rootFitToContainer: "sd-root-modern--full-container",
     rootWrapper: "sd-root-modern__wrapper",
     rootWrapperFixed: "sd-root-modern__wrapper--fixed",
+    rootWrapperHasImage: "sd-root-modern__wrapper--has-image",
     rootBackgroundImage: "sd-root_background-image",
     container: "sd-container-modern",
     header: "sd-title sd-container-modern__title",
@@ -5989,6 +6008,7 @@ var defaultV2Css = {
         dragElementDecorator: "sd-drag-element__svg",
         iconDragElement: "#icon-v2dragelement_16x16",
         footer: "sd-matrixdynamic__footer",
+        footerTotalCell: "sd-table__cell sd-table__cell--footer-total",
         emptyRowsSection: "sd-matrixdynamic__placeholder sd-question__placeholder",
         iconDrag: "sv-matrixdynamic__drag-icon",
         ghostRow: "sv-matrix-row--drag-drop-ghost-mod",
@@ -8263,10 +8283,17 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.question.value = item.id;
                 if (_this.question.searchEnabled)
                     _this.applyInputString(item);
-                _this.popupModel.isVisible = false;
+                _this.popupModel.hide();
             };
         }
-        var res = new _list__WEBPACK_IMPORTED_MODULE_4__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.listElementId);
+        var listOptions = {
+            items: visibleItems,
+            onSelectionChanged: _onSelectionChanged,
+            allowSelection: false,
+            locOwner: this.question,
+            elementId: this.listElementId
+        };
+        var res = new _list__WEBPACK_IMPORTED_MODULE_4__["ListModel"](listOptions);
         this.setOnTextSearchCallbackForListModel(res);
         res.renderElements = false;
         res.forceShowFilter = true;
@@ -8278,7 +8305,6 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.updateAfterListModelCreated = function (model) {
         var _this = this;
         model.isItemSelected = function (action) { return !!action.selected; };
-        model.locOwner = this.question;
         model.onPropertyChanged.add(function (sender, options) {
             if (options.name == "hasVerticalScroller") {
                 _this.hasScroll = options.newValue;
@@ -8310,7 +8336,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.question.survey.onChoicesSearch.fire(this.question.survey, options);
         this.filteredItems = options.filteredChoices;
         if (!!this.filterString && !this.popupModel.isVisible) {
-            this.popupModel.isVisible = true;
+            this.popupModel.show();
         }
         var updateAfterFilterStringChanged = function () {
             _this.setFilterStringToListModel(_this.filterString);
@@ -8530,8 +8556,8 @@ var DropdownListModel = /** @class */ (function (_super) {
             this.changeSelectionWithKeyboard(false);
     };
     DropdownListModel.prototype.onClear = function (event) {
-        this.question.clearValue();
-        this._popupModel.isVisible = false;
+        this.question.clearValue(true);
+        this._popupModel.hide();
         if (event) {
             event.preventDefault();
             event.stopPropagation();
@@ -8587,19 +8613,17 @@ var DropdownListModel = /** @class */ (function (_super) {
             event.stopPropagation();
         }
         else if (event.keyCode === 40) {
-            if (!this.popupModel.isVisible) {
-                this.popupModel.toggleVisibility();
-            }
+            this.popupModel.show();
             this.changeSelectionWithKeyboard(false);
             event.preventDefault();
             event.stopPropagation();
         }
         if (event.keyCode === 9) {
-            this.popupModel.isVisible = false;
+            this.popupModel.hide();
         }
         else if (!this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32)) {
             if (event.keyCode === 32) {
-                this.popupModel.toggleVisibility();
+                this.popupModel.show();
                 this.changeSelectionWithKeyboard(false);
             }
             if (event.keyCode === 13) {
@@ -8610,7 +8634,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         }
         else if (this.popupModel.isVisible && (event.keyCode === 13 || event.keyCode === 32 && (!this.question.searchEnabled || !this.inputString))) {
             if (event.keyCode === 13 && this.question.searchEnabled && !this.inputString && this.question instanceof _question_dropdown__WEBPACK_IMPORTED_MODULE_6__["QuestionDropdownModel"] && !this._markdownMode && this.question.value) {
-                this._popupModel.isVisible = false;
+                this._popupModel.hide();
                 this.onClear(event);
             }
             else {
@@ -8626,7 +8650,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             }
         }
         else if (event.keyCode === 27) {
-            this._popupModel.isVisible = false;
+            this._popupModel.hide();
             this.hintString = "";
             this.onEscape();
         }
@@ -8654,11 +8678,11 @@ var DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.onBlur = function (event) {
         this.focused = false;
         if (this.popupModel.isVisible && _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"]) {
-            this._popupModel.isVisible = true;
+            this._popupModel.show();
             return;
         }
         Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["doKey2ClickBlur"])(event);
-        this._popupModel.isVisible = false;
+        this._popupModel.hide();
         this.resetFilterString();
         this.inputString = null;
         this.hintString = "";
@@ -8849,7 +8873,14 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
                 }
             };
         }
-        var res = new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false, undefined, this.listElementId);
+        var listOptions = {
+            items: visibleItems,
+            onSelectionChanged: _onSelectionChanged,
+            allowSelection: false,
+            locOwner: this.question,
+            elementId: this.listElementId
+        };
+        var res = new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](listOptions);
         res.actions.forEach(function (a) { return a.disableTabStop = true; });
         this.setOnTextSearchCallbackForListModel(res);
         res.forceShowFilter = true;
@@ -9269,6 +9300,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _localization_vietnamese__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../../localization/vietnamese */ "./src/localization/vietnamese.ts");
 /* harmony import */ var _localization_welsh__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../../localization/welsh */ "./src/localization/welsh.ts");
 /* harmony import */ var _localization_telugu__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../../localization/telugu */ "./src/localization/telugu.ts");
+/* harmony import */ var _localization_philippines__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../../localization/philippines */ "./src/localization/philippines.ts");
+
 
 
 
@@ -9824,8 +9857,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.10.4";
-ReleaseDate = "" + "2024-05-15";
+Version = "" + "1.10.6";
+ReleaseDate = "" + "2024-05-28";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -10006,7 +10039,7 @@ function checkPrefix(prefix) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, 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, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, 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, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, 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, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, 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, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10443,6 +10476,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["createDropdownActionModelAdvanced"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModelWithListModel", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["createPopupModelWithListModel"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["getActionDropdownButtonTarget"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return _actions_action__WEBPACK_IMPORTED_MODULE_7__["BaseAction"]; });
@@ -10501,7 +10536,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, 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, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, 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, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, 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, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, 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, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10931,6 +10966,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createDropdownActionModelAdvanced"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModelWithListModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["createPopupModelWithListModel"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["getActionDropdownButtonTarget"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["BaseAction"]; });
@@ -11390,7 +11427,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, 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, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, 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, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, 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, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, 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, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, 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, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, 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, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, 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, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, 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, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, 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, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11820,6 +11857,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["createDropdownActionModelAdvanced"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModelWithListModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["createPopupModelWithListModel"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getActionDropdownButtonTarget", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["getActionDropdownButtonTarget"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BaseAction", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["BaseAction"]; });
@@ -21457,8 +21496,28 @@ var ListModel = /** @class */ (function (_super) {
             var level = itemValue.level || 0;
             return (level + 1) * ListModel.INDENT + "px";
         };
-        _this.setItems(items);
-        _this.selectedItem = selectedItem;
+        if (Object.keys(items).indexOf("items") !== -1) {
+            var options_1 = items;
+            Object.keys(options_1).forEach(function (key) {
+                switch (key) {
+                    case "items":
+                        _this.setItems(options_1.items);
+                        break;
+                    case "onFilterStringChangedCallback":
+                        _this.setOnFilterStringChangedCallback(options_1.onFilterStringChangedCallback);
+                        break;
+                    case "onTextSearchCallback":
+                        _this.setOnTextSearchCallback(options_1.onTextSearchCallback);
+                        break;
+                    default:
+                        _this[key] = options_1[key];
+                }
+            });
+        }
+        else {
+            _this.setItems(items);
+            _this.selectedItem = selectedItem;
+        }
         return _this;
     }
     ListModel.prototype.hasText = function (item, filterStringInLow) {
@@ -21685,6 +21744,7 @@ var ListModel = /** @class */ (function (_super) {
     };
     ListModel.prototype.addScrollEventListener = function (handler) {
         if (!!handler) {
+            this.removeScrollEventListener();
             this.scrollHandler = handler;
         }
         if (!!this.scrollHandler) {
@@ -27015,6 +27075,134 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fa"]
 // signaturePlaceHolderReadOnly: "No signature" => "بدون امضا"
 
 
+/***/ }),
+
+/***/ "./src/localization/philippines.ts":
+/*!*****************************************!*\
+  !*** ./src/localization/philippines.ts ***!
+  \*****************************************/
+/*! exports provided: philippinesStrings */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "philippinesStrings", function() { return philippinesStrings; });
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
+// Uncomment the line below if you create a custom dictionary
+
+var philippinesStrings = {
+    pagePrevText: "Nakaraang",
+    pageNextText: "Susunod",
+    completeText: "Kumpleto",
+    previewText: "Silipin",
+    editText: "I-edit",
+    startSurveyText: "Magsimula",
+    otherItemText: "Iba pa (ilarawan)",
+    noneItemText: "wala",
+    refuseItemText: "Tumangging sumagot",
+    dontKnowItemText: "hindi ko alam",
+    selectAllItemText: "Piliin lahat",
+    progressText: "Pahina {0} ng {1}",
+    indexText: "{0} ng {1}",
+    panelDynamicProgressText: "{0} ng {1}",
+    panelDynamicTabTextFormat: "Panel {panelIndex}",
+    questionsProgressText: "Sinagot ang {0}/{1} mga tanong",
+    emptySurvey: "Ang survey ay hindi naglalaman ng anumang nakikitang elemento.",
+    completingSurvey: "Salamat sa pagkumpleto ng survey",
+    completingSurveyBefore: "Nakumpleto mo na ang survey na ito.",
+    loadingSurvey: "Nilo-load ang Survey...",
+    placeholder: "Pumili...",
+    ratingOptionsCaption: "Pumili...",
+    value: "halaga",
+    requiredError: "Kinakailangan ang tugon.",
+    requiredErrorInPanel: "Kinakailangan ang tugon: sagutin ang kahit isang tanong.",
+    requiredInAllRowsError: "Kinakailangan ang tugon: sagutin ang mga tanong sa lahat ng row.",
+    eachRowUniqueError: "Ang bawat hilera ay dapat may natatanging halaga.",
+    numericError: "Ang halaga ay dapat na numero.",
+    minError: "Ang halaga ay hindi dapat mas mababa sa {0}",
+    maxError: "Ang halaga ay hindi dapat mas malaki sa {0}",
+    textMinLength: "Mangyaring magpasok ng hindi bababa sa {0} (mga) character.",
+    textMaxLength: "Mangyaring magpasok ng hindi hihigit sa {0} (mga) character.",
+    textMinMaxLength: "Mangyaring magpasok ng hindi bababa sa {0} at hindi hihigit sa {1} (na) character.",
+    minRowCountError: "Mangyaring punan ang hindi bababa sa {0} (na) hilera.",
+    minSelectError: "Mangyaring pumili ng hindi bababa sa {0} (mga) opsyon.",
+    maxSelectError: "Mangyaring pumili ng hindi hihigit sa {0} (mga) opsyon.",
+    numericMinMax: "Ang '{0}' ay dapat na hindi bababa sa {1} at hindi hihigit sa {2}",
+    numericMin: "Ang '{0}' ay dapat na hindi bababa sa {1}",
+    numericMax: "Ang '{0}' ay dapat na hindi hihigit sa {1}",
+    invalidEmail: "Mangyaring magpasok ng wastong e-mail address.",
+    invalidExpression: "Ang expression na: {0} ay dapat magbalik ng 'true'.",
+    urlRequestError: "Ang kahilingan ay nagbalik ng error na '{0}'. {1}",
+    urlGetChoicesError: "Ang kahilingan ay nagbalik ng walang laman na data o ang 'path' property ay hindi tama",
+    exceedMaxSize: "Ang laki ng file ay hindi dapat lumampas sa {0}.",
+    noUploadFilesHandler: "Hindi ma-upload ang mga file. Mangyaring magdagdag ng handler para sa kaganapang 'onUploadFiles'.",
+    otherRequiredError: "Kinakailangan ang tugon: maglagay ng isa pang halaga.",
+    uploadingFile: "Ina-upload ang iyong file. Mangyaring maghintay ng ilang segundo at subukang muli.",
+    loadingFile: "Naglo-load...",
+    chooseFile: "Pumili ng (mga) file...",
+    noFileChosen: "Walang napiling file",
+    filePlaceholder: "I-drag at i-drop ang isang file dito o i-click ang button sa ibaba upang pumili ng file na ia-upload.",
+    confirmDelete: "Sigurado ka bang gusto mong tanggalin ang talang ito?",
+    keyDuplicationError: "Ang halagang ito ay dapat na natatangi.",
+    addColumn: "Magdagdag ng Column",
+    addRow: "Magdagdag ng hilera",
+    removeRow: "Alisin",
+    emptyRowsText: "Walang mga hilera.",
+    addPanel: "Magdagdag ng bago",
+    removePanel: "Alisin",
+    showDetails: "Ipakita ang mga detalye",
+    hideDetails: "Itago ang Mga Detalye",
+    choices_Item: "aytem",
+    matrix_column: "Kolum",
+    matrix_row: "hilera",
+    multipletext_itemname: "text",
+    savingData: "Ang mga resulta ay sini-save sa server...",
+    savingDataError: "May naganap na error at hindi namin mai-save ang mga resulta.",
+    savingDataSuccess: "Matagumpay na na-save ang mga resulta!",
+    savingExceedSize: "Ang iyong tugon ay lumampas sa 64KB. Mangyaring bawasan ang laki ng iyong (mga) file at subukang muli o makipag-ugnayan sa may-ari ng survey.",
+    saveAgainButton: "Subukan muli",
+    timerMin: "min",
+    timerSec: "sec",
+    timerSpentAll: "Gumastos ka ng {0} sa pahinang ito at {1} sa kabuuan.",
+    timerSpentPage: "Gumastos ka ng {0} sa pahinang ito.",
+    timerSpentSurvey: "Gumastos ka ng {0} sa kabuuan.",
+    timerLimitAll: "Gumastos ka ng {0} ng {1} sa pahinang ito at {2} ng {3} sa kabuuan.",
+    timerLimitPage: "Gumastos ka ng {0} sa {1} sa pahinang ito.",
+    timerLimitSurvey: "Gumastos ka ng {0} sa {1} sa kabuuan.",
+    clearCaption: "Maaliwalas",
+    signaturePlaceHolder: "Pumirma dito",
+    signaturePlaceHolderReadOnly: "Walang pirma",
+    chooseFileCaption: "Piliin ang File",
+    takePhotoCaption: "Kunan ng litrato",
+    photoPlaceholder: "I-click ang button sa ibaba para kumuha ng larawan gamit ang camera.",
+    fileOrPhotoPlaceholder: "I-drag at i-drop o pumili ng file na ia-upload o kumuha ng larawan gamit ang camera.",
+    replaceFileCaption: "Palitan ang file",
+    removeFileCaption: "Alisin ang file na ito",
+    booleanCheckedLabel: "Oo",
+    booleanUncheckedLabel: "Hindi",
+    confirmRemoveFile: "Sigurado ka bang gusto mong alisin ang file na ito: {0}?",
+    confirmRemoveAllFiles: "Sigurado ka bang gusto mong alisin ang lahat ng file?",
+    questionTitlePatternText: "Pamagat ng Tanong",
+    modalCancelButtonText: "Kanselahin",
+    modalApplyButtonText: "Mag-apply",
+    filterStringPlaceholder: "I-type para maghanap...",
+    emptyMessage: "walang maipakitang datos",
+    noEntriesText: "Wala pang entry.\nI-click ang button sa ibaba para magdagdag ng bagong entry.",
+    noEntriesReadonlyText: "Walang entry",
+    more: "Higit pa",
+    tagboxDoneButtonCaption: "OK",
+    selectToRankEmptyRankedAreaText: "Ang lahat ng mga pagpipilian ay pinili para sa pagraranggo",
+    selectToRankEmptyUnrankedAreaText: "I-drag ang mga pagpipilian dito upang i-rank ang mga ito",
+    ok: "OK",
+    cancel: "Kanselahin",
+};
+// Uncomment the lines below if you create a custom dictionary.
+// Replace "en" with a custom locale code (for example, "fr" or "de"),
+// Replace `englishStrings` with the name of the variable that contains the custom dictionary.
+survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].locales["fil"] = philippinesStrings;
+survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fil"] = "Filipino";
+
+
 /***/ }),
 
 /***/ "./src/localization/polish.ts":
@@ -31530,12 +31718,53 @@ var InputMaskNumeric = /** @class */ (function (_super) {
             if (Number.isNaN(value)) {
                 return true;
             }
+            if (value >= min && value <= max)
+                return true;
             if (!matchWholeMask) {
+                if (!number.hasDecimalSeparator) {
+                    var test_high = value;
+                    var test_low = value;
+                    if (value >= 0) {
+                        if (value + 1 > min && value <= max)
+                            return true;
+                        while (true) {
+                            test_high = test_high * 10 + 9;
+                            test_low = test_low * 10;
+                            if (test_low > max) {
+                                break;
+                            }
+                            if (test_high > min) {
+                                return true;
+                            }
+                        }
+                        return false;
+                    }
+                    if (value < 0) {
+                        if (value >= min && value - 1 < max)
+                            return true;
+                        while (true) {
+                            test_high = test_high * 10;
+                            test_low = test_low * 10 - 9;
+                            if (test_high < min) {
+                                break;
+                            }
+                            if (test_low < max) {
+                                return true;
+                            }
+                        }
+                        return false;
+                    }
+                }
+                else {
+                    var delta = Math.pow(0.1, (number.fractionalPart || "").length);
+                    if (value >= 0)
+                        return value + delta > min && value <= max;
+                    if (value < 0)
+                        return value >= min && value - delta < max;
+                }
                 return value >= 0 && value <= max || value < 0 && value >= min;
             }
-            else {
-                return value >= min && value <= max;
-            }
+            return false;
         }
         return true;
     };
@@ -31931,8 +32160,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var MultiSelectListModel = /** @class */ (function (_super) {
     __extends(MultiSelectListModel, _super);
-    function MultiSelectListModel(items, onSelectionChanged, allowSelection, selectedItems, elementId) {
-        var _this = _super.call(this, items, onSelectionChanged, allowSelection, undefined, elementId) || this;
+    function MultiSelectListModel(options) {
+        var _this = _super.call(this, options) || this;
         _this.onItemClick = function (item) {
             if (_this.isItemDisabled(item))
                 return;
@@ -31952,7 +32181,7 @@ var MultiSelectListModel = /** @class */ (function (_super) {
         _this.isItemSelected = function (itemValue) {
             return !!_this.allowSelection && _this.selectedItems.filter(function (item) { return _this.areSameItems(item, itemValue); }).length > 0;
         };
-        _this.setSelectedItems(selectedItems || []);
+        _this.setSelectedItems(options.selectedItems || []);
         return _this;
     }
     MultiSelectListModel.prototype.updateItemState = function () {
@@ -33582,7 +33811,7 @@ var PanelModelBase = /** @class */ (function (_super) {
             else {
                 var question = element;
                 if (!question.validate(rec.fireCallback, rec)) {
-                    if (rec.focuseOnFirstError && rec.firstErrorQuestion == null) {
+                    if (!rec.firstErrorQuestion) {
                         rec.firstErrorQuestion = question;
                     }
                     rec.result = true;
@@ -37316,9 +37545,11 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
                 if (!val) {
                     _this.updateOnHiding();
                     _this.updateIsVisible(val);
+                    _this.updateAfterHiding();
                     _this._isPositionSetValue = false;
                 }
                 else {
+                    _this.updateBeforeShowing();
                     _this.updateIsVisible(val);
                 }
             }
@@ -37336,6 +37567,12 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         this._isVisible = val;
         this.onVisibilityChanged.fire(this, { isVisible: val });
     };
+    PopupBaseViewModel.prototype.updateBeforeShowing = function () {
+        this.model.onShow();
+    };
+    PopupBaseViewModel.prototype.updateAfterHiding = function () {
+        this.model.onHiding();
+    };
     PopupBaseViewModel.prototype.getLeaveOptions = function () {
         return { cssClass: "sv-popup--animate-leave" };
     };
@@ -37763,13 +38000,6 @@ var PopupModel = /** @class */ (function (_super) {
             }
             this.setPropertyValue("isVisible", value);
             this.onVisibilityChanged.fire(this, { model: this, isVisible: value });
-            if (this.isVisible) {
-                this.onShow();
-            }
-            else {
-                this.refreshInnerModel();
-                this.onHide();
-            }
         },
         enumerable: false,
         configurable: true
@@ -37777,6 +38007,14 @@ var PopupModel = /** @class */ (function (_super) {
     PopupModel.prototype.toggleVisibility = function () {
         this.isVisible = !this.isVisible;
     };
+    PopupModel.prototype.show = function () {
+        if (!this.isVisible)
+            this.isVisible = true;
+    };
+    PopupModel.prototype.hide = function () {
+        if (this.isVisible)
+            this.isVisible = false;
+    };
     PopupModel.prototype.recalculatePosition = function (isResetHeight) {
         this.onRecalculatePosition.fire(this, { isResetHeight: isResetHeight });
     };
@@ -37785,6 +38023,10 @@ var PopupModel = /** @class */ (function (_super) {
         this.onFooterActionsCreated.fire(this, options);
         return options.actions;
     };
+    PopupModel.prototype.onHiding = function () {
+        this.refreshInnerModel();
+        this.onHide();
+    };
     PopupModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
         this.onDispose();
@@ -39966,15 +40208,18 @@ var Question = /** @class */ (function (_super) {
      * @see value
      * @see comment
      */
-    Question.prototype.clearValue = function () {
+    Question.prototype.clearValue = function (keepComment) {
         if (this.value !== undefined) {
             this.value = undefined;
         }
-        if (!!this.comment) {
+        if (!!this.comment && keepComment !== true) {
             this.comment = undefined;
         }
         this.setValueChangedDirectly(false);
     };
+    Question.prototype.clearValueOnly = function () {
+        this.clearValue(true);
+    };
     Question.prototype.unbindValue = function () {
         this.clearValue();
     };
@@ -40658,6 +40903,8 @@ var Question = /** @class */ (function (_super) {
         return new _error__WEBPACK_IMPORTED_MODULE_3__["CustomError"](error, this.survey);
     };
     Question.prototype.removeError = function (error) {
+        if (!error)
+            return;
         var errors = this.errors;
         var index = errors.indexOf(error);
         if (index !== -1)
@@ -41102,14 +41349,18 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getDesktopRenderAs = function () {
         return "default";
     };
+    Question.prototype.onBeforeSetCompactRenderer = function () { };
+    Question.prototype.onBeforeSetDesktopRenderer = function () { };
     Question.prototype.processResponsiveness = function (requiredWidth, availableWidth) {
         availableWidth = Math.round(availableWidth);
         if (Math.abs(requiredWidth - availableWidth) > 2) {
             var oldRenderAs = this.renderAs;
             if (requiredWidth > availableWidth) {
+                this.onBeforeSetCompactRenderer();
                 this.renderAs = this.getCompactRenderAs();
             }
             else {
+                this.onBeforeSetDesktopRenderer();
                 this.renderAs = this.getDesktopRenderAs();
             }
             return oldRenderAs !== this.renderAs;
@@ -41441,8 +41692,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
         visibleIf: function (obj) {
             return obj.showCommentArea;
         },
-        serializationProperty: "locCommentText",
-        layout: "row",
+        serializationProperty: "locCommentText"
     },
     {
         name: "commentPlaceholder",
@@ -42338,8 +42588,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.isSettingComment = false;
         }
     };
-    QuestionSelectBase.prototype.clearValue = function () {
-        _super.prototype.clearValue.call(this);
+    QuestionSelectBase.prototype.clearValue = function (keepComment) {
+        _super.prototype.clearValue.call(this, keepComment);
         this.prevOtherValue = undefined;
     };
     QuestionSelectBase.prototype.updateCommentFromSurvey = function (newValue) {
@@ -42596,6 +42846,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             this.isLockVisibleChoices = !!question && question.name === val;
             if (!!question && question.name !== val) {
                 question.removeDependedQuestion(this);
+                if (this.isDesignMode && !this.isLoadingFromJson && !!val) {
+                    this.setPropertyValue("choicesFromQuestion", undefined);
+                }
             }
             this.setPropertyValue("choicesFromQuestion", val);
             this.isLockVisibleChoices = false;
@@ -42881,13 +43134,18 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
     };
     QuestionSelectBase.prototype.addNewItemToVisibleChoices = function (items, isAddAll) {
+        var _this = this;
         if (!isAddAll)
             return;
         if (!this.newItemValue) {
             this.newItemValue = this.createItemValue("newitem"); //TODO
             this.newItemValue.isGhost = true;
+            this.newItemValue.registerFunctionOnPropertyValueChanged("isVisible", function () {
+                _this.updateVisibleChoices();
+            });
         }
-        if (!this.isUsingCarryForward && this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
+        if (this.newItemValue.isVisible && !this.isUsingCarryForward
+            && this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
             this.footItemsCount = 1;
             items.push(this.newItemValue);
         }
@@ -43545,7 +43803,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.clearIncorrectValuesCore = function () {
         var val = this.value;
         if (this.canClearValueAnUnknown(val)) {
-            this.clearValue();
+            this.clearValue(true);
         }
     };
     QuestionSelectBase.prototype.canClearValueAnUnknown = function (val) {
@@ -43555,7 +43813,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.clearDisabledValuesCore = function () {
         if (this.isValueDisabled(this.value)) {
-            this.clearValue();
+            this.clearValue(true);
         }
     };
     QuestionSelectBase.prototype.clearUnusedValues = function () {
@@ -44983,7 +45241,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
                 this.selectAll();
             }
             else {
-                this.clearValue();
+                this.clearValue(true);
             }
         },
         enumerable: false,
@@ -45395,7 +45653,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
                     this.value = null;
                 }
                 else {
-                    this.clearValue();
+                    this.clearValue(true);
                 }
             }
             this.isChangingValueOnClearIncorrect = false;
@@ -45426,7 +45684,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             return;
         this.isChangingValueOnClearIncorrect = true;
         if (newValue.length == 0) {
-            this.clearValue();
+            this.clearValue(true);
         }
         else {
             this.value = newValue;
@@ -47332,9 +47590,9 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     QuestionDropdownModel.prototype.getInputId = function () {
         return this.inputId + "_0";
     };
-    QuestionDropdownModel.prototype.clearValue = function () {
+    QuestionDropdownModel.prototype.clearValue = function (keepComment) {
         var _a;
-        _super.prototype.clearValue.call(this);
+        _super.prototype.clearValue.call(this, keepComment);
         this.lastSelectedItemValue = null;
         (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.clear();
     };
@@ -47344,7 +47602,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     QuestionDropdownModel.prototype.onKeyUp = function (event) {
         var char = event.which || event.keyCode;
         if (char === 46) {
-            this.clearValue();
+            this.clearValue(true);
             event.preventDefault();
             event.stopPropagation();
         }
@@ -48165,9 +48423,9 @@ var QuestionFileModelBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionFileModelBase.prototype.clearValue = function () {
+    QuestionFileModelBase.prototype.clearValue = function (keepComment) {
         this.clearOnDeletingContainer();
-        _super.prototype.clearValue.call(this);
+        _super.prototype.clearValue.call(this, keepComment);
     };
     QuestionFileModelBase.prototype.clearOnDeletingContainer = function () {
         if (!this.survey)
@@ -50074,7 +50332,7 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
             if (!val)
                 return;
             if (!Array.isArray(val) || val.length == 0) {
-                this.clearValue();
+                this.clearValue(true);
                 return;
             }
             var newValue = [];
@@ -50086,7 +50344,7 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
             if (newValue.length == val.length)
                 return;
             if (newValue.length == 0) {
-                this.clearValue();
+                this.clearValue(true);
             }
             else {
                 this.value = newValue;
@@ -52024,10 +52282,10 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
             this.detailPanel.runCondition(values, newProps);
         }
     };
-    MatrixDropdownRowModelBase.prototype.clearValue = function () {
+    MatrixDropdownRowModelBase.prototype.clearValue = function (keepComment) {
         var questions = this.questions;
         for (var i = 0; i < questions.length; i++) {
-            questions[i].clearValue();
+            questions[i].clearValue(keepComment);
         }
     };
     MatrixDropdownRowModelBase.prototype.onAnyValueChanged = function (name, questionName) {
@@ -53433,23 +53691,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     QuestionMatrixDropdownModelBase.prototype.checkIfValueInRowDuplicated = function (checkedRow, cellQuestion) {
         if (!this.generatedVisibleRows)
             return false;
-        var res = false;
-        for (var i = 0; i < this.generatedVisibleRows.length; i++) {
-            var row = this.generatedVisibleRows[i];
-            if (checkedRow === row)
-                continue;
-            if (_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(row.getValue(cellQuestion.name), cellQuestion.value, true, this.isUniqueCaseSensitive)) {
-                res = true;
-                break;
-            }
-        }
-        if (res) {
-            this.addDuplicationError(cellQuestion);
-        }
-        else {
-            cellQuestion.clearErrors();
-        }
-        return res;
+        return this.isValueInColumnDuplicated(cellQuestion.name, true, checkedRow);
     };
     /**
      * Assigns values to a row.
@@ -53787,51 +54029,104 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     QuestionMatrixDropdownModelBase.prototype.isValueDuplicated = function () {
         if (!this.generatedVisibleRows)
             return false;
-        var columns = this.getUniqueColumns();
-        var res = false;
-        for (var i = 0; i < columns.length; i++) {
-            res = this.isValueInColumnDuplicated(columns[i]) || res;
-        }
-        return res;
-    };
-    QuestionMatrixDropdownModelBase.prototype.isValueInColumnDuplicated = function (column) {
-        var keyValues = [];
+        var names = this.getUniqueColumnsNames();
         var res = false;
-        for (var i = 0; i < this.generatedVisibleRows.length; i++) {
-            res =
-                this.isValueDuplicatedInRow(this.generatedVisibleRows[i], column, keyValues) || res;
+        for (var i = 0; i < names.length; i++) {
+            res = this.isValueInColumnDuplicated(names[i], true) || res;
         }
         return res;
     };
-    QuestionMatrixDropdownModelBase.prototype.getUniqueColumns = function () {
+    QuestionMatrixDropdownModelBase.prototype.getUniqueColumnsNames = function () {
         var res = new Array();
         for (var i = 0; i < this.columns.length; i++) {
             if (this.columns[i].isUnique) {
-                res.push(this.columns[i]);
+                res.push(this.columns[i].name);
             }
         }
         return res;
     };
-    QuestionMatrixDropdownModelBase.prototype.isValueDuplicatedInRow = function (row, column, keyValues) {
-        var question = row.getQuestionByColumn(column);
-        if (!question || question.isEmpty())
-            return false;
-        var value = question.value;
-        for (var i = 0; i < keyValues.length; i++) {
-            if (_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(value, keyValues[i], true, this.isUniqueCaseSensitive)) {
-                this.addDuplicationError(question);
-                return true;
+    QuestionMatrixDropdownModelBase.prototype.isValueInColumnDuplicated = function (columnName, showErrors, row) {
+        var rows = this.getDuplicatedRows(columnName);
+        if (showErrors) {
+            this.showDuplicatedErrorsInRows(rows, columnName);
+        }
+        this.removeDuplicatedErrorsInRows(rows, columnName);
+        return !!row ? rows.indexOf(row) > -1 : rows.length > 0;
+    };
+    QuestionMatrixDropdownModelBase.prototype.getDuplicatedRows = function (columnName) {
+        var keyValues = {};
+        var res = [];
+        var rows = this.generatedVisibleRows;
+        for (var i = 0; i < rows.length; i++) {
+            var val = undefined;
+            var question = rows[i].getQuestionByName(columnName);
+            if (!!question) {
+                val = question.value;
+            }
+            else {
+                var rowVal = this.getRowValue(i);
+                val = !!rowVal ? rowVal[columnName] : undefined;
+            }
+            if (!this.isValueEmpty(val)) {
+                if (!this.isUniqueCaseSensitive && typeof val === "string") {
+                    val = val.toLocaleLowerCase();
+                }
+                if (!keyValues[val]) {
+                    keyValues[val] = [];
+                }
+                keyValues[val].push(rows[i]);
             }
         }
-        keyValues.push(value);
-        return false;
+        for (var key in keyValues) {
+            if (keyValues[key].length > 1) {
+                keyValues[key].forEach(function (row) { return res.push(row); });
+            }
+        }
+        return res;
+    };
+    QuestionMatrixDropdownModelBase.prototype.showDuplicatedErrorsInRows = function (duplicatedRows, columnName) {
+        var _this = this;
+        duplicatedRows.forEach(function (row) {
+            var question = row.getQuestionByName(columnName);
+            if (!question && _this.detailPanel.getQuestionByName(columnName)) {
+                row.showDetailPanel();
+                if (row.detailPanel) {
+                    question = row.detailPanel.getQuestionByName(columnName);
+                }
+            }
+            if (question) {
+                row.showDetailPanel();
+                _this.addDuplicationError(question);
+            }
+        });
+    };
+    QuestionMatrixDropdownModelBase.prototype.removeDuplicatedErrorsInRows = function (duplicatedRows, columnName) {
+        var _this = this;
+        this.generatedVisibleRows.forEach(function (row) {
+            if (duplicatedRows.indexOf(row) < 0) {
+                var question = row.getQuestionByName(columnName);
+                if (question) {
+                    _this.removeDuplicationError(question);
+                }
+            }
+        });
+    };
+    QuestionMatrixDropdownModelBase.prototype.getDuplicationError = function (question) {
+        var errors = question.errors;
+        for (var i = 0; i < errors.length; i++) {
+            if (errors[i].getErrorType() === "keyduplicationerror")
+                return errors[i];
+        }
+        return null;
     };
     QuestionMatrixDropdownModelBase.prototype.addDuplicationError = function (question) {
-        var keyError = question.errors.find(function (error) { return error.getErrorType() === "keyduplicationerror"; });
-        if (!keyError) {
+        if (!this.getDuplicationError(question)) {
             question.addError(new _error__WEBPACK_IMPORTED_MODULE_10__["KeyDuplicationError"](this.keyDuplicationError, this));
         }
     };
+    QuestionMatrixDropdownModelBase.prototype.removeDuplicationError = function (question) {
+        question.removeError(this.getDuplicationError(question));
+    };
     QuestionMatrixDropdownModelBase.prototype.getFirstQuestionToFocus = function (withError) {
         return this.getFirstCellQuestion(withError);
     };
@@ -53977,6 +54272,9 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 this.onCellValueChanged(row, columnName, combine.rowValue);
             }
         }
+        if (this.getUniqueColumnsNames().indexOf(columnName) > -1) {
+            this.isValueInColumnDuplicated(columnName, !!rowObj);
+        }
     };
     QuestionMatrixDropdownModelBase.prototype.getNewValueOnRowChanged = function (row, columnName, newRowValue, isDeletingValue, newValue) {
         var rowValue = this.getRowValueCore(row, newValue, true);
@@ -57537,13 +57835,11 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         }
         return setRowCount < this.minRowCount;
     };
-    QuestionMatrixDynamicModel.prototype.getUniqueColumns = function () {
-        var res = _super.prototype.getUniqueColumns.call(this);
-        if (!!this.keyName) {
-            var column = this.getColumnByName(this.keyName);
-            if (!!column && res.indexOf(column) < 0) {
-                res.push(column);
-            }
+    QuestionMatrixDynamicModel.prototype.getUniqueColumnsNames = function () {
+        var res = _super.prototype.getUniqueColumnsNames.call(this);
+        var name = this.keyName;
+        if (!!name && res.indexOf(name) < 0) {
+            res.push(name);
         }
         return res;
     };
@@ -62100,7 +62396,7 @@ var QuestionRadiogroupModel = /** @class */ (function (_super) {
             var clearAction = new _actions_action__WEBPACK_IMPORTED_MODULE_3__["Action"]({
                 title: this.clearButtonCaption,
                 id: "sv-clr-btn-" + this.id,
-                action: function () { _this.clearValue(); },
+                action: function () { _this.clearValue(true); },
                 innerCss: this.cssClasses.clearButton,
                 visible: new _base__WEBPACK_IMPORTED_MODULE_4__["ComputedUpdater"](function () { return _this.canShowClearButton; })
             });
@@ -62317,7 +62613,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         _this.createNewArray("rankingChoices");
         _this.createNewArray("unRankingChoices");
         _this.registerFunctionOnPropertyValueChanged("selectToRankEnabled", function () {
-            _this.clearValue();
+            _this.clearValue(true);
             _this.setDragDropRankingChoices();
             _this.updateRankingChoicesSync();
         });
@@ -62932,8 +63228,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
-/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./global_variables_utils */ "./src/global_variables_utils.ts");
+/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./dropdownListModel */ "./src/dropdownListModel.ts");
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/devices */ "./src/utils/devices.ts");
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./global_variables_utils */ "./src/global_variables_utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -62966,6 +63263,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 var RenderedRatingItem = /** @class */ (function (_super) {
     __extends(RenderedRatingItem, _super);
     function RenderedRatingItem(itemValue, locString) {
@@ -63257,19 +63555,19 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.updateColors = function (themeVariables) {
         if (this.colorMode === "monochrome")
             return;
-        if (!_global_variables_utils__WEBPACK_IMPORTED_MODULE_10__["DomDocumentHelper"].isAvailable())
+        if (!_global_variables_utils__WEBPACK_IMPORTED_MODULE_11__["DomDocumentHelper"].isAvailable())
             return;
         if (QuestionRatingModel.colorsCalculated)
             return;
         function getRGBColor(colorName, varName) {
             var str = !!themeVariables && themeVariables[colorName];
             if (!str) {
-                var style = getComputedStyle(_global_variables_utils__WEBPACK_IMPORTED_MODULE_10__["DomDocumentHelper"].getDocumentElement());
+                var style = getComputedStyle(_global_variables_utils__WEBPACK_IMPORTED_MODULE_11__["DomDocumentHelper"].getDocumentElement());
                 str = style.getPropertyValue && style.getPropertyValue(varName);
             }
             if (!str)
                 return null;
-            var canvasElement = _global_variables_utils__WEBPACK_IMPORTED_MODULE_10__["DomDocumentHelper"].createElement("canvas");
+            var canvasElement = _global_variables_utils__WEBPACK_IMPORTED_MODULE_11__["DomDocumentHelper"].createElement("canvas");
             if (!canvasElement)
                 return null;
             var ctx = canvasElement.getContext("2d");
@@ -63541,7 +63839,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     };
     QuestionRatingModel.prototype.setValueFromClick = function (value) {
         if (this.value === parseFloat(value)) {
-            this.clearValue();
+            this.clearValue(true);
         }
         else {
             this.value = value;
@@ -63551,7 +63849,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
     };
     QuestionRatingModel.prototype.onItemMouseIn = function (item) {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"])
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"])
             return;
         if (this.isReadOnly || !item.itemValue.isEnabled || this.isDesignMode)
             return;
@@ -63570,7 +63868,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         }
     };
     QuestionRatingModel.prototype.onItemMouseOut = function (item) {
-        if (_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"])
+        if (_utils_devices__WEBPACK_IMPORTED_MODULE_10__["IsTouch"])
             return;
         this.renderedRateItems.forEach(function (item) { return item.highlight = "none"; });
     };
@@ -63841,6 +64139,11 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.supportResponsiveness = function () {
         return true;
     };
+    QuestionRatingModel.prototype.onBeforeSetCompactRenderer = function () {
+        if (!this.dropdownListModelValue) {
+            this.dropdownListModel = new _dropdownListModel__WEBPACK_IMPORTED_MODULE_9__["DropdownListModel"](this);
+        }
+    };
     QuestionRatingModel.prototype.getCompactRenderAs = function () {
         return (this.displayMode == "buttons") ? "default" : "dropdown";
     };
@@ -63860,6 +64163,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionRatingModel.prototype, "dropdownListModel", {
         get: function () {
+            if (this.renderAs === "dropdown") {
+                this.onBeforeSetCompactRenderer();
+            }
             return this.dropdownListModelValue;
         },
         set: function (val) {
@@ -64505,9 +64811,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         this.value = (arg === null || arg === void 0 ? void 0 : arg.length) ? arg.map(function (r) { return r.content; })[0] : undefined;
         this.valueIsUpdatingInternally = false;
     };
-    QuestionSignaturePadModel.prototype.clearValue = function () {
+    QuestionSignaturePadModel.prototype.clearValue = function (keepComment) {
         this.valueWasChangedFromLastUpload = false;
-        _super.prototype.clearValue.call(this);
+        _super.prototype.clearValue.call(this, keepComment);
         this.refreshCanvas();
     };
     QuestionSignaturePadModel.prototype.endLoadingFromJson = function () {
@@ -64903,9 +65209,9 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
             this.dropdownListModel.dispose();
         }
     };
-    QuestionTagboxModel.prototype.clearValue = function () {
+    QuestionTagboxModel.prototype.clearValue = function (keepComment) {
         var _a;
-        _super.prototype.clearValue.call(this);
+        _super.prototype.clearValue.call(this, keepComment);
         (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.clear();
     };
     Object.defineProperty(QuestionTagboxModel.prototype, "showClearButton", {
@@ -69788,9 +70094,6 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                 this.renderReadOnlyElement());
         }
         else {
-            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,
                 this.renderInput(this.question["dropdownListModel"]),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_popup_popup__WEBPACK_IMPORTED_MODULE_2__["Popup"], { model: (_b = (_a = this.question) === null || _a === void 0 ? void 0 : _a.dropdownListModel) === null || _b === void 0 ? void 0 : _b.popupModel }));
@@ -74496,6 +74799,8 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
         return this.cell.headers;
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderQuestion = function () {
+        if (!this.question.isVisible)
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
         if (!this.cell.isChoice)
             return _reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestion"].renderQuestionBody(this.creator, this.question);
         if (this.cell.isOtherChoice)
@@ -75088,7 +75393,7 @@ var SurveyQuestionRadiogroup = /** @class */ (function (_super) {
         var clearButton = null;
         if (this.question.showClearButtonInContent) {
             clearButton = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(); }, value: this.question.clearButtonCaption })));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { type: "button", className: this.question.cssClasses.clearButton, onClick: function () { return _this.question.clearValue(true); }, value: this.question.clearButtonCaption })));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss(), ref: function (fieldset) { return (_this.setControl(fieldset)); }, role: this.question.a11y_input_ariaRole, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage },
             this.question.hasColumns
@@ -76150,7 +76455,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
             return null;
         var cssClasses = this.question.cssClasses;
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.controls },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", { type: "button", className: cssClasses.clearButton, title: this.question.clearButtonCaption, onClick: function () { return _this.question.clearValue(); } }, this.question.cssClasses.clearButtonIconId ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: this.question.cssClasses.clearButtonIconId, size: "auto" }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, "\u2716")));
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", { type: "button", className: cssClasses.clearButton, title: this.question.clearButtonCaption, onClick: function () { return _this.question.clearValue(true); } }, this.question.cssClasses.clearButtonIconId ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: this.question.cssClasses.clearButtonIconId, size: "auto" }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, "\u2716")));
     };
     return SurveyQuestionSignaturePad;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["SurveyQuestionElementBase"]));
@@ -80262,7 +80567,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.onPopupVisibleChanged.add(function (_, opt) {
             if (opt.visible) {
                 _this.onScrollCallback = function () {
-                    opt.popup.toggleVisibility();
+                    opt.popup.hide();
                 };
             }
             else {
@@ -81755,7 +82060,8 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.updateWrapperFormCss = function () {
         this.wrapperFormCss = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
             .append(this.css.rootWrapper)
-            .append(this.css.rootWrapperFixed, this.backgroundImageAttachment === "fixed")
+            .append(this.css.rootWrapperHasImage, !!this.backgroundImage)
+            .append(this.css.rootWrapperFixed, !!this.backgroundImage && this.backgroundImageAttachment === "fixed")
             .toString();
     };
     Object.defineProperty(SurveyModel.prototype, "completedHtml", {
@@ -83569,7 +83875,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this.isValidateOnComplete) {
             if (!this.isLastPage)
                 return false;
-            return this.validate(true, true, func) !== true && !skipValidation;
+            return this.validate(true, this.focusOnFirstError, func, true) !== true && !skipValidation;
         }
         return this.validateCurrentPage(func) !== true && !skipValidation;
     };
@@ -83701,25 +84007,27 @@ var SurveyModel = /** @class */ (function (_super) {
      * @see validateCurrentPage
      * @see validatePage
      */
-    SurveyModel.prototype.validate = function (fireCallback, focusOnFirstError, onAsyncValidation) {
+    SurveyModel.prototype.validate = function (fireCallback, focusOnFirstError, onAsyncValidation, changeCurrentPage) {
         if (fireCallback === void 0) { fireCallback = true; }
         if (focusOnFirstError === void 0) { focusOnFirstError = false; }
         if (!!onAsyncValidation) {
             fireCallback = true;
         }
         var visPages = this.visiblePages;
-        var firstErrorPage = null;
         var res = true;
         var rec = { fireCallback: fireCallback, focuseOnFirstError: focusOnFirstError, firstErrorQuestion: null, result: false };
         for (var i = 0; i < visPages.length; i++) {
             if (!visPages[i].validate(fireCallback, focusOnFirstError, rec)) {
-                if (!firstErrorPage)
-                    firstErrorPage = visPages[i];
                 res = false;
             }
         }
-        if (focusOnFirstError && !!firstErrorPage && !!rec.firstErrorQuestion) {
-            rec.firstErrorQuestion.focus(true);
+        if (!!rec.firstErrorQuestion && (focusOnFirstError || changeCurrentPage)) {
+            if (focusOnFirstError) {
+                rec.firstErrorQuestion.focus(true);
+            }
+            else {
+                this.currentPage = rec.firstErrorQuestion.page;
+            }
         }
         if (!res || !onAsyncValidation)
             return res;
@@ -85513,7 +85821,7 @@ var SurveyModel = /** @class */ (function (_super) {
         page.name = name;
         return page;
     };
-    SurveyModel.prototype.questionOnValueChanging = function (valueName, newValue) {
+    SurveyModel.prototype.questionOnValueChanging = function (valueName, newValue, questionValueName) {
         if (!!this.editingObj) {
             var prop = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(this.editingObj.getType(), valueName);
             if (!!prop)
@@ -85523,7 +85831,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return newValue;
         var options = {
             name: valueName,
-            question: this.getQuestionByValueName(valueName),
+            question: this.getQuestionByValueName(questionValueName || valueName),
             value: this.getUnbindValue(newValue),
             oldValue: this.getValue(valueName),
         };
@@ -85708,6 +86016,12 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.isTriggerIsRunning = false;
     };
+    SurveyModel.prototype.checkTriggersAndRunConditions = function (name, newValue, oldValue) {
+        var triggerKeys = {};
+        triggerKeys[name] = { newValue: newValue, oldValue: oldValue };
+        this.runConditionOnValueChanged(name, newValue);
+        this.checkTriggers(triggerKeys, false, false, name);
+    };
     Object.defineProperty(SurveyModel.prototype, "hasRequiredValidQuestionTrigger", {
         get: function () {
             for (var i = 0; i < this.triggers.length; i++) {
@@ -86265,10 +86579,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.variablesHash[name] = newValue;
         this.notifyElementsOnAnyValueOrVariableChanged(name);
         if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(oldValue, newValue)) {
-            this.runConditionOnValueChanged(name, newValue);
-            var triggerKeys = {};
-            triggerKeys[name] = { newValue: newValue, oldValue: oldValue };
-            this.checkTriggers(triggerKeys, false, false, name);
+            this.checkTriggersAndRunConditions(name, newValue, oldValue);
             this.onVariableChanged.fire(this, { name: name, value: newValue });
         }
     };
@@ -86357,10 +86668,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (locNotification === true || this.isDisposed || this.isRunningElementsBindings)
             return;
         questionName = questionName || name;
-        var triggerKeys = {};
-        triggerKeys[name] = { newValue: newValue, oldValue: oldValue };
-        this.runConditionOnValueChanged(name, newValue);
-        this.checkTriggers(triggerKeys, false, false, name);
+        this.checkTriggersAndRunConditions(name, newValue, oldValue);
         if (allowNotifyValueChanged)
             this.notifyQuestionOnValueChanged(name, newValue, questionName);
         if (locNotification !== "text") {
@@ -86478,6 +86786,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this.isTwoValueEquals(newValue, this.getComment(name)))
             return;
         var commentName = name + this.commentSuffix;
+        newValue = this.questionOnValueChanging(commentName, newValue, name);
         if (this.isValueEmpty(newValue)) {
             this.deleteDataValueCore(this.valuesHash, commentName);
         }
@@ -86492,7 +86801,7 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         }
         if (!locNotification) {
-            this.runConditionOnValueChanged(name, this.getValue(name));
+            this.checkTriggersAndRunConditions(name, this.getValue(name), undefined);
         }
         if (locNotification !== "text") {
             this.tryGoNextPageAutomatic(name);
@@ -86504,6 +86813,10 @@ var SurveyModel = /** @class */ (function (_super) {
                 question: question,
                 value: newValue,
             });
+            question.comment = newValue;
+            if (question.comment != newValue) {
+                question.comment = newValue;
+            }
         }
     };
     /**
@@ -87651,7 +87964,11 @@ var SurveyModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "_isCompact", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (newValue, target) {
+                target.updateCss();
+            }
+        })
     ], SurveyModel.prototype, "backgroundImage", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -88477,14 +88794,21 @@ function createTOCListModel(survey, onAction) {
             visible: new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return page.isVisible && !(page["isStartPage"]); })
         });
     });
-    var listModel = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](items, function (item) {
-        if (!!item.action()) {
-            listModel.selectedItem = item;
-        }
-    }, true, items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0]);
+    var selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0] || items.filter(function (i) { return i.id === pagesSource[0].name; })[0];
+    var listOptions = {
+        items: items,
+        onSelectionChanged: function (item) {
+            if (!!item.action()) {
+                listModel.selectedItem = item;
+            }
+        },
+        allowSelection: true,
+        searchEnabled: false,
+        locOwner: survey,
+        selectedItem: selectedItem
+    };
+    var listModel = new _list__WEBPACK_IMPORTED_MODULE_3__["ListModel"](listOptions);
     listModel.allowSelection = false;
-    listModel.locOwner = survey;
-    listModel.searchEnabled = false;
     survey.onCurrentPageChanged.add(function (s, o) {
         listModel.selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0];
     });