survey-react 1.11.5 → 1.11.7

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.5
+ * surveyjs - Survey JavaScript library v1.11.7
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1147,6 +1147,23 @@ var Action = /** @class */ (function (_super) {
         this.locTooltipChanged();
         this.locStrChangedInPopupModel();
     };
+    Action.prototype.doAction = function (args) {
+        var evt = !!args.originalEvent ? args.originalEvent : args;
+        this.action(this, evt.isTrusted);
+        evt.preventDefault();
+        evt.stopPropagation();
+        return true;
+    };
+    Action.prototype.doMouseDown = function () {
+        this.isMouseDown = true;
+    };
+    Action.prototype.doFocus = function (args) {
+        if (!!this.onFocus) {
+            var evt = !!args.originalEvent ? args.originalEvent : args;
+            this.onFocus(this.isMouseDown, evt);
+        }
+        this.isMouseDown = false;
+    };
     Action.prototype.locStrChangedInPopupModel = function () {
         if (!this.popupModel || !this.popupModel.contentComponentData || !this.popupModel.contentComponentData.model)
             return;
@@ -1227,6 +1244,9 @@ var Action = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Action.prototype, "action", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
+    ], Action.prototype, "onFocus", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Action.prototype, "_component", void 0);
@@ -2278,6 +2298,8 @@ var Base = /** @class */ (function () {
         if (!prop || prop.isCustom && this.isCreating)
             return undefined;
         var dValue = prop.defaultValue;
+        if (!!prop.defaultValueFunc)
+            return dValue;
         if (!this.isPropertyEmpty(dValue) && !Array.isArray(dValue))
             return dValue;
         var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
@@ -5616,6 +5638,7 @@ var defaultV2Css = {
         titleExpanded: "sd-element__title--expanded",
         titleCollapsed: "sd-element__title--collapsed",
         titleDisabled: "sd-element__title--disabled",
+        titleHidden: "sd-element__title--hidden",
         titleOnExpand: "sd-panel__title--expanded",
         titleOnError: "sd-panel__title--error",
         titleBar: "sd-action-title-bar",
@@ -8184,7 +8207,6 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.selectedItemSelector = ".sv-list__item--selected";
         _this.itemSelector = ".sv-list__item";
         _this.itemsSettings = { skip: 0, take: 0, totalCount: 0, items: [] };
-        _this.isRunningLoadQuestionChoices = false;
         _this.popupCssClasses = "sv-single-select-list";
         _this.listModelFilterStringChanged = function (newValue) {
             if (_this.filterString !== newValue) {
@@ -8235,14 +8257,12 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.loadQuestionChoices = function (callbackAfterItemsLoaded) {
         var _this = this;
-        this.isRunningLoadQuestionChoices = true;
         this.question.survey.loadQuestionChoices({
             question: this.question,
             filter: this.filterString,
             skip: this.itemsSettings.skip,
             take: this.itemsSettings.take,
             setItems: function (items, totalCount) {
-                _this.isRunningLoadQuestionChoices = false;
                 _this.setItems(items || [], totalCount || 0);
                 _this.popupRecalculatePosition(_this.itemsSettings.skip === _this.itemsSettings.take);
                 if (!!callbackAfterItemsLoaded) {
@@ -8254,8 +8274,6 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.updateQuestionChoices = function (callbackAfterItemsLoaded) {
         var _this = this;
-        if (this.isRunningLoadQuestionChoices)
-            return;
         var isUpdate = (this.itemsSettings.skip + 1) < this.itemsSettings.totalCount;
         if (!this.itemsSettings.skip || isUpdate) {
             if (!!this.filterString && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].dropdownSearchDelay > 0) {
@@ -9937,8 +9955,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.5";
-ReleaseDate = "" + "2024-07-03";
+Version = "" + "1.11.7";
+ReleaseDate = "" + "2024-07-16";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -19769,7 +19787,7 @@ var JsonObjectProperty = /** @class */ (function () {
         }
         if (this.isLocalizable)
             return value === null || value === undefined;
-        return ((value === false && (this.type == "boolean" || this.type == "switch")) ||
+        return ((value === false && (this.type == "boolean" || this.type == "switch") && !this.defaultValueFunc) ||
             value === "" || _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(value));
     };
     JsonObjectProperty.prototype.getSerializableValue = function (obj) {
@@ -21233,7 +21251,7 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.toJsonObjectCore = function (obj, property, options) {
         if (!obj || !obj.getType)
             return obj;
-        if (typeof obj.getData === "function")
+        if (!obj.isSurvey && typeof obj.getData === "function")
             return obj.getData();
         var result = {};
         if (property != null && !property.className) {
@@ -23817,7 +23835,7 @@ var dutchSurveyStrings = {
     choices_Item: "onderwerp",
     matrix_column: "Kolom",
     matrix_row: "Rij",
-    multipletext_itemname: "Sms",
+    multipletext_itemname: "Tekst",
     savingData: "De resultaten worden bewaard op de server...",
     savingDataError: "Er was een probleem en we konden de resultaten niet bewaren.",
     savingDataSuccess: "De resultaten werden succesvol bewaard!",
@@ -30783,6 +30801,10 @@ var InputElementAdapter = /** @class */ (function () {
                 event.preventDefault();
             }
         };
+        this.changeHandler = function (event) {
+            var result = _this.inputMaskInstance.processInput({ prevValue: "", insertedChars: event.target.value, selectionStart: 0, selectionEnd: 0 });
+            _this.inputElement.value = result.value;
+        };
         var _value = value;
         if (_value === null || _value === undefined) {
             _value = "";
@@ -30816,6 +30838,7 @@ var InputElementAdapter = /** @class */ (function () {
             this.inputElement.addEventListener("beforeinput", this.beforeInputHandler);
             this.inputElement.addEventListener("click", this.clickHandler);
             this.inputElement.addEventListener("focus", this.clickHandler);
+            this.inputElement.addEventListener("change", this.changeHandler);
         }
     };
     InputElementAdapter.prototype.removeInputEventListener = function () {
@@ -30823,6 +30846,7 @@ var InputElementAdapter = /** @class */ (function () {
             this.inputElement.removeEventListener("beforeinput", this.beforeInputHandler);
             this.inputElement.removeEventListener("click", this.clickHandler);
             this.inputElement.removeEventListener("focus", this.clickHandler);
+            this.inputElement.removeEventListener("change", this.changeHandler);
         }
     };
     InputElementAdapter.prototype.dispose = function () {
@@ -31942,6 +31966,8 @@ var InputMaskNumeric = /** @class */ (function (_super) {
     InputMaskNumeric.prototype.validateNumber = function (number, matchWholeMask) {
         var min = this.min || Number.MIN_SAFE_INTEGER;
         var max = this.max || Number.MAX_SAFE_INTEGER;
+        if (this.numericalCompositionIsEmpty(number))
+            return true;
         if (this.min !== undefined || this.max !== undefined) {
             var value = this.convertNumber(number);
             if (Number.isNaN(value)) {
@@ -32914,6 +32940,12 @@ var PageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    PageModel.prototype.getMaxTimeToFinish = function () {
+        if (this.maxTimeToFinish !== 0)
+            return this.maxTimeToFinish;
+        var res = !!this.survey ? this.survey.maxTimeToFinishPage : 0;
+        return res > 0 ? res : 0;
+    };
     PageModel.prototype.onNumChanged = function (value) { };
     PageModel.prototype.onVisibleChanged = function () {
         if (this.isRandomizing)
@@ -33999,6 +34031,23 @@ var PanelModelBase = /** @class */ (function (_super) {
             this.parent.validateContainerOnly();
         }
     };
+    PanelModelBase.prototype.onQuestionValueChanged = function (el) {
+        var index = this.questions.indexOf(el);
+        if (index < 0)
+            return;
+        var dif = 5;
+        var max = this.questions.length - 1;
+        var start = index - dif > 0 ? index - dif : 0;
+        var end = index + dif < max ? index + dif : max;
+        for (var i = start; i <= end; i++) {
+            if (i === index)
+                continue;
+            var q = this.questions[i];
+            if (q.errors.length > 0 && q.validate(false)) {
+                q.validate(true);
+            }
+        }
+    };
     PanelModelBase.prototype.hasErrorsInPanels = function (rec) {
         var errors = [];
         this.hasRequiredError(rec, errors);
@@ -35186,7 +35235,7 @@ var PanelModel = /** @class */ (function (_super) {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.onGetTextCallback = function (text) {
-            if (!text && (_this.state !== "default")) {
+            if (!text && (_this.state !== "default" || (_this.isDesignMode && _this.isDefaultV2Theme))) {
                 text = _this.name;
             }
             return text;
@@ -35349,7 +35398,10 @@ var PanelModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModel.prototype, "cssTitle", {
         get: function () {
-            return this.getCssTitle(this.cssClasses.panel);
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
+                .append(this.getCssTitle(this.cssClasses.panel))
+                .append(this.cssClasses.panel.titleHidden, !this.title && this.isDesignMode)
+                .toString();
         },
         enumerable: false,
         configurable: true
@@ -39405,8 +39457,12 @@ var Question = /** @class */ (function (_super) {
     Object.defineProperty(Question.prototype, "titleWidth", {
         get: function () {
             if (this.getTitleLocation() === "left") {
-                if (!!this.parent)
-                    return this.parent.getQuestionTitleWidth();
+                if (!!this.parent) {
+                    var width = this.parent.getQuestionTitleWidth();
+                    if (width && !isNaN(width))
+                        width = width + "px";
+                    return width;
+                }
             }
             return undefined;
         },
@@ -40548,14 +40604,23 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getFilteredName = function () { return this.getValueName(); };
     Object.defineProperty(Question.prototype, "valueForSurvey", {
         get: function () {
-            if (!!this.valueToDataCallback) {
-                return this.valueToDataCallback(this.value);
-            }
-            return this.value;
+            return this.valueForSurveyCore(this.value);
         },
         enumerable: false,
         configurable: true
     });
+    Question.prototype.valueForSurveyCore = function (val) {
+        if (!!this.valueToDataCallback) {
+            return this.valueToDataCallback(val);
+        }
+        return val;
+    };
+    Question.prototype.valueFromDataCore = function (val) {
+        if (!!this.valueFromDataCallback) {
+            return this.valueFromDataCallback(val);
+        }
+        return val;
+    };
     /**
      * Sets the question's `value` and `comment` properties to `undefined`.
      * @see value
@@ -41377,6 +41442,9 @@ var Question = /** @class */ (function (_super) {
             this.updateQuestionCss();
         }
         this.isOldAnswered = undefined;
+        if (this.parent) {
+            this.parent.onQuestionValueChanged(this);
+        }
     };
     Question.prototype.checkIsValueCorrect = function (val) {
         var res = this.isValueEmpty(val, !this.allowSpaceAsAnswer) || this.isNewValueCorrect(val);
@@ -41462,9 +41530,7 @@ var Question = /** @class */ (function (_super) {
         var _this = this;
         if (clearData === void 0) { clearData = false; }
         newValue = this.getUnbindValue(newValue);
-        if (!!this.valueFromDataCallback) {
-            newValue = this.valueFromDataCallback(newValue);
-        }
+        newValue = this.valueFromDataCore(newValue);
         if (!this.checkIsValueCorrect(newValue))
             return;
         var isEmpty = this.isValueEmpty(newValue);
@@ -44651,6 +44717,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
             return !obj.choicesFromQuestion;
         },
     },
+    { name: "defaultValue:value", visibleIf: function (obj) { return !obj.choicesFromQuestion; }, dependsOn: "choicesFromQuestion" },
+    { name: "correctAnswer:value", visibleIf: function (obj) { return !obj.choicesFromQuestion; }, dependsOn: "choicesFromQuestion" },
     { name: "separateSpecialChoices:boolean", visible: false },
     { name: "showOtherItem:boolean", alternativeName: "hasOther" },
     { name: "showNoneItem:boolean", alternativeName: "hasNone" },
@@ -44710,8 +44778,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("selectbase", [
         default: "default",
         choices: ["default", true, false],
         visible: false,
-    },
-    // { name: "itemComponent", visible: false }
+    }
 ], null, "question");
 _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("checkboxbase", [
     {
@@ -46368,7 +46435,7 @@ var QuestionCommentModel = /** @class */ (function (_super) {
          * @see allowResize
          */
         get: function () {
-            return this.getPropertyValue("autoGrow") || (this.survey && this.survey.autoGrowComment);
+            return this.getPropertyValue("autoGrow");
         },
         set: function (val) {
             this.setPropertyValue("autoGrow", val);
@@ -46376,9 +46443,16 @@ var QuestionCommentModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionCommentModel.prototype, "renderedAutoGrow", {
+        get: function () {
+            var autoGrow = this.autoGrow;
+            return autoGrow === undefined && this.survey ? this.survey.autoGrowComment : !!autoGrow;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionCommentModel.prototype, "allowResize", {
         /**
-         * Specifies whether to display a resize handle for the comment area.
          *
          * Default value: `true` (inherited from `SurveyModel`'s [`allowResizeComment`](https://surveyjs.io/form-library/documentation/surveymodel#allowResizeComment) property)
          * @see autoGrow
@@ -46394,7 +46468,9 @@ var QuestionCommentModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionCommentModel.prototype, "renderedAllowResize", {
         get: function () {
-            return this.allowResize && (this.survey && this.survey.allowResizeComment) && !this.isPreviewStyle && !this.isReadOnlyStyle;
+            var res = this.allowResize;
+            var allowResize = res === undefined && this.survey ? this.survey.allowResizeComment : !!res;
+            return allowResize && !this.isPreviewStyle && !this.isReadOnlyStyle;
         },
         enumerable: false,
         configurable: true
@@ -46417,7 +46493,7 @@ var QuestionCommentModel = /** @class */ (function (_super) {
     };
     QuestionCommentModel.prototype.updateElement = function () {
         var _this = this;
-        if (this.element && this.autoGrow) {
+        if (this.element && this.renderedAutoGrow) {
             setTimeout(function () { return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["increaseHeightByContent"])(_this.element); }, 1);
         }
     };
@@ -46478,8 +46554,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("comment", [
         default: "default",
         choices: ["default", "onBlur", "onTyping"],
     },
-    { name: "autoGrow:boolean" },
-    { name: "allowResize:boolean", default: true },
+    { name: "autoGrow:boolean", defaultFunc: function () { return undefined; } },
+    { name: "allowResize:boolean", defaultFunc: function () { return undefined; } },
     { name: "acceptCarriageReturn:boolean", default: true, visible: false }
 ], function () {
     return new QuestionCommentModel("");
@@ -47007,6 +47083,9 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
     QuestionCustomModelBase.prototype.validateContainerOnly = function () {
         // do nothing
     };
+    QuestionCustomModelBase.prototype.onQuestionValueChanged = function (el) {
+        // do nothing
+    };
     QuestionCustomModelBase.prototype.getQuestionErrorLocation = function () {
         return this.getErrorLocation();
     };
@@ -53627,6 +53706,9 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionMatrixDropdownModelBase.prototype.isSelectCellType = function () {
+        return _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].isDescendantOf(this.cellType, "selectbase");
+    };
     QuestionMatrixDropdownModelBase.prototype.updateColumnsCellType = function () {
         for (var i = 0; i < this.columns.length; i++) {
             this.columns[i].defaultCellTypeChanged();
@@ -53781,13 +53863,17 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
                 break;
             columnName = path[i] + columnName;
         }
+        var question = undefined;
         var column = this.getColumnByName(columnName);
-        if (!column)
-            return null;
-        var question = column.createCellQuestion(null);
-        if (!question)
-            return null;
-        return question.getConditionJson(operator);
+        if (!!column) {
+            question = column.createCellQuestion(null);
+        }
+        else {
+            if (this.detailPanelMode !== "none") {
+                question = this.detailPanel.getQuestionByName(columnName);
+            }
+        }
+        return !!question ? question.getConditionJson(operator) : null;
     };
     QuestionMatrixDropdownModelBase.prototype.clearIncorrectValues = function () {
         var rows = this.visibleRows;
@@ -54266,7 +54352,11 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         return questionPlainData;
     };
     QuestionMatrixDropdownModelBase.prototype.addConditionObjectsByContext = function (objects, context) {
-        var hasColumnContext = !!context && this.columns.indexOf(context) > -1;
+        var rowElements = [].concat(this.columns);
+        if (this.detailPanelMode !== "none") {
+            rowElements = rowElements.concat(this.detailPanel.questions);
+        }
+        var hasColumnContext = !!context && rowElements.indexOf(context) > -1;
         var hasContext = context === true || hasColumnContext;
         var rowsIndeces = this.getConditionObjectsRowIndeces();
         if (hasContext) {
@@ -54282,13 +54372,13 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             var dot = hasQuestionPrefix && index === -1 ? "." : "";
             var prefixName = (hasQuestionPrefix ? this.getValueName() : "") + dot + rowName + ".";
             var prefixTitle = (hasQuestionPrefix ? this.processedTitle : "") + dot + rowText + ".";
-            for (var j = 0; j < this.columns.length; j++) {
-                var column = this.columns[j];
-                if (index === -1 && context === column)
+            for (var j = 0; j < rowElements.length; j++) {
+                var rowElement = rowElements[j];
+                if (index === -1 && context === rowElement)
                     continue;
                 var obj = {
-                    name: prefixName + column.name,
-                    text: prefixTitle + column.fullTitle,
+                    name: prefixName + rowElement.name,
+                    text: prefixTitle + rowElement.fullTitle,
                     question: this
                 };
                 if (index === -1 && context === true) {
@@ -54355,9 +54445,11 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             var col = this.columns[i];
             if (!col.templateQuestion.hasInput)
                 continue;
+            var hasValue = !_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(rowValue[col.name]);
+            if (!hasValue && !!col.templateQuestion.visibleIf)
+                continue;
             res.questionCount += 1;
             res.requiredQuestionCount += col.isRequired;
-            var hasValue = !_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(rowValue[col.name]);
             res.answeredQuestionCount += hasValue ? 1 : 0;
             res.requiredAnsweredQuestionCount += hasValue && col.isRequired ? 1 : 0;
         }
@@ -54564,14 +54656,17 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         var _this = this;
         duplicatedRows.forEach(function (row) {
             var question = row.getQuestionByName(columnName);
-            if (!question && _this.detailPanel.getQuestionByName(columnName)) {
+            var inDetailPanel = _this.detailPanel.getQuestionByName(columnName);
+            if (!question && inDetailPanel) {
                 row.showDetailPanel();
                 if (row.detailPanel) {
                     question = row.detailPanel.getQuestionByName(columnName);
                 }
             }
             if (question) {
-                row.showDetailPanel();
+                if (inDetailPanel) {
+                    row.showDetailPanel();
+                }
                 _this.addDuplicationError(question);
             }
         });
@@ -54992,6 +55087,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownb
     { name: "horizontalScroll:boolean", visible: false, },
     {
         name: "choices:itemvalue[]", uniqueProperty: "value",
+        visibleIf: function (obj) { return obj.isSelectCellType(); }
     },
     { name: "placeholder", alternativeName: "optionsCaption", serializationProperty: "locPlaceholder" },
     {
@@ -59616,6 +59712,9 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.validateContainerOnly = function () {
         // do nothing
     };
+    QuestionMultipleTextModel.prototype.onQuestionValueChanged = function (el) {
+        // do nothing
+    };
     QuestionMultipleTextModel.prototype.getItemLabelCss = function (item) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]()
             .append(this.cssClasses.itemLabel)
@@ -61673,9 +61772,10 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
         return -1;
     };
-    QuestionPanelDynamicModel.prototype.getPanelIndexById = function (id) {
-        for (var i = 0; i < this.panelsCore.length; i++) {
-            if (this.panelsCore[i].id === id)
+    QuestionPanelDynamicModel.prototype.getPanelVisibleIndexById = function (id) {
+        var visPanels = this.visiblePanelsCore;
+        for (var i = 0; i < visPanels.length; i++) {
+            if (visPanels[i].id === id)
                 return i;
         }
         return -1;
@@ -62590,14 +62690,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return options.title;
         };
         locTitle.sharedData = this.locTemplateTabTitle;
-        var isActive = this.getPanelIndexById(panel.id) === this.currentIndex;
+        var isActive = this.getPanelVisibleIndexById(panel.id) === this.currentIndex;
         var newItem = new _actions_action__WEBPACK_IMPORTED_MODULE_11__["Action"]({
             id: panel.id,
             pressed: isActive,
             locTitle: locTitle,
             disableHide: isActive,
             action: function () {
-                _this.currentIndex = _this.getPanelIndexById(newItem.id);
+                _this.currentIndex = _this.getPanelVisibleIndexById(newItem.id);
             }
         });
         return newItem;
@@ -63049,7 +63149,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         _this.domNode = null;
         _this.onVisibleChoicesChanged = function () {
             _super.prototype.onVisibleChoicesChanged.call(_this);
-            if (_this.carryForwardStartUnranked && !_this.isValueSetByUser && !_this.selectToRankEnabled) {
+            if (_this.carryForwardStartUnranked && !_this.isValueSetByUser && !_this.selectToRankEnabled && !_this.defaultValue) {
                 _this.value = [];
             }
             // ranking question with only one choice doesn't make sense
@@ -63274,6 +63374,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.onSurveyLoad = function () {
         this.blockAnimations();
         _super.prototype.onSurveyLoad.call(this);
+        this.updateRankingChoices();
         this.releaseAnimations();
     };
     QuestionRankingModel.prototype.addToValueByVisibleChoices = function () {
@@ -66353,6 +66454,24 @@ var QuestionTextModel = /** @class */ (function (_super) {
             this._inputValue = this.maskInstance.getMaskedValue(this.value);
         }
     };
+    QuestionTextModel.prototype.hasToConvertToUTC = function (val) {
+        return _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].storeUtcDates && this.isDateTimeLocaleType() && !!val;
+    };
+    QuestionTextModel.prototype.valueForSurveyCore = function (val) {
+        if (this.hasToConvertToUTC(val)) {
+            val = new Date(val).toISOString();
+        }
+        return _super.prototype.valueForSurveyCore.call(this, val);
+    };
+    QuestionTextModel.prototype.valueFromDataCore = function (val) {
+        if (this.hasToConvertToUTC(val)) {
+            var d = new Date(val);
+            var locale_d = new Date(d.getTime() - d.getTimezoneOffset() * 60 * 1000);
+            var res = locale_d.toISOString();
+            val = res.substring(0, res.length - 2);
+        }
+        return _super.prototype.valueFromDataCore.call(this, val);
+    };
     QuestionTextModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         var _this = this;
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
@@ -66424,11 +66543,14 @@ var QuestionTextModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionTextModel.prototype, "isDateInputType", {
         get: function () {
-            return this.inputType === "date" || this.inputType === "datetime-local";
+            return this.inputType === "date" || this.isDateTimeLocaleType();
         },
         enumerable: false,
         configurable: true
     });
+    QuestionTextModel.prototype.isDateTimeLocaleType = function () {
+        return this.inputType === "datetime-local";
+    };
     QuestionTextModel.prototype.getCalculatedMinMax = function (minMax) {
         if (this.isValueEmpty(minMax))
             return minMax;
@@ -66480,11 +66602,10 @@ var QuestionTextModel = /** @class */ (function (_super) {
         return this.maskTypeIsEmpty ? _super.prototype.getIsInputTextUpdate.call(this) : false;
     };
     QuestionTextModel.prototype.supportGoNextPageAutomatic = function () {
-        return !this.getIsInputTextUpdate() &&
-            ["date", "datetime-local"].indexOf(this.inputType) < 0;
+        return !this.getIsInputTextUpdate() && !this.isDateInputType;
     };
     QuestionTextModel.prototype.supportGoNextPageError = function () {
-        return ["date", "datetime-local"].indexOf(this.inputType) < 0;
+        return !this.isDateInputType;
     };
     Object.defineProperty(QuestionTextModel.prototype, "dataList", {
         /**
@@ -66525,9 +66646,13 @@ var QuestionTextModel = /** @class */ (function (_super) {
     QuestionTextModel.prototype.correctValueType = function (newValue) {
         if (!newValue)
             return newValue;
-        if (this.inputType == "number" || this.inputType == "range") {
+        if (this.inputType === "number" || this.inputType === "range") {
             return _helpers__WEBPACK_IMPORTED_MODULE_3__["Helpers"].isNumber(newValue) ? _helpers__WEBPACK_IMPORTED_MODULE_3__["Helpers"].getNumber(newValue) : "";
         }
+        if (this.inputType === "month") {
+            var d = new Date(newValue);
+            return d.getFullYear() + "-" + (d.getMonth() + 1);
+        }
         return newValue;
     };
     QuestionTextModel.prototype.hasPlaceholder = function () {
@@ -67740,7 +67865,7 @@ var SurveyActionBarItem = /** @class */ (function (_super) {
         var title = this.item.tooltip || this.item.title;
         var buttonContent = this.renderButtonContent();
         var tabIndex = this.item.disableTabStop ? -1 : undefined;
-        var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
+        var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: function () { return _this.item.doMouseDown(); }, onFocus: function (args) { return _this.item.doFocus(args); }, onClick: function (args) { return _this.item.doAction(args); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
         return button;
     };
     return SurveyActionBarItem;
@@ -72967,7 +73092,7 @@ function attachKey2click(element, viewModel, options) {
             return false;
         },
         onKeyDown: function (evt) { return Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["doKey2ClickDown"])(evt, options); },
-        onBlur: function (evt) { return Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["doKey2ClickBlur"])(evt); }
+        onBlur: function (evt) { return Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["doKey2ClickBlur"])(evt); },
     });
 }
 
@@ -74697,7 +74822,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
 /* harmony import */ var _components_loading_indicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/loading-indicator */ "./src/react/components/loading-indicator.tsx");
 /* harmony import */ var _components_action_bar_action_bar_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/action-bar/action-bar-item */ "./src/react/components/action-bar/action-bar-item.tsx");
-/* harmony import */ var _entries_react_ui_model__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../entries/react-ui-model */ "./src/entries/react-ui-model.ts");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _components_file_file_choose_button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/file/file-choose-button */ "./src/react/components/file/file-choose-button.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -74721,6 +74847,8 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
+// import { ReactElementFactory, SurveyFileChooseButton } from "../entries/react-ui-model";
 var SurveyQuestionFile = /** @class */ (function (_super) {
     __extends(SurveyQuestionFile, _super);
     function SurveyQuestionFile(props) {
@@ -74778,7 +74906,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
                 noFileChosen)));
     };
     SurveyQuestionFile.prototype.renderChooseButton = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_7__["SurveyFileChooseButton"], { data: { question: this.question } });
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_file_file_choose_button__WEBPACK_IMPORTED_MODULE_8__["SurveyFileChooseButton"], { data: { question: this.question } });
     };
     SurveyQuestionFile.prototype.renderClearButton = function (className) {
         return !this.question.isUploading ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", { type: "button", onClick: this.question.doClean, className: className },
@@ -74786,7 +74914,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
             (!!this.question.cssClasses.removeButtonIconId) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.removeButtonIconId, size: "auto", title: this.question.clearButtonCaption }) : null)) : null;
     };
     SurveyQuestionFile.prototype.renderPreview = function () {
-        return _entries_react_ui_model__WEBPACK_IMPORTED_MODULE_7__["ReactElementFactory"].Instance.createElement("sv-file-preview", { question: this.question });
+        return _element_factory__WEBPACK_IMPORTED_MODULE_7__["ReactElementFactory"].Instance.createElement("sv-file-preview", { question: this.question });
     };
     SurveyQuestionFile.prototype.renderLoadingIndicator = function () {
         return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.loadingIndicator },
@@ -78517,7 +78645,8 @@ var settings = {
             "a": /[a-zA-Z]/,
             "#": /[a-zA-Z0-9]/
         }
-    }
+    },
+    storeUtcDates: false
 };
 
 
@@ -78984,6 +79113,42 @@ var SurveyElementCore = /** @class */ (function (_super) {
     SurveyElementCore.prototype.createLocTitleProperty = function () {
         return this.createLocalizableString("title", this, true);
     };
+    Object.defineProperty(SurveyElementCore.prototype, "isPage", {
+        /**
+         * Returns `true` if the survey element is a page.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElementCore.prototype, "isPanel", {
+        /**
+         * Returns `true` if the survey element is a panel.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElementCore.prototype, "isQuestion", {
+        /**
+         * Returns `true` if the survey element is a question.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElementCore.prototype, "isSurvey", {
+        /**
+         * Returns `true` if the element is a survey.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyElementCore.prototype, "title", {
         /**
          * A title for the survey element. If `title` is undefined, the `name` property value is displayed instead.
@@ -79815,39 +79980,6 @@ var SurveyElement = /** @class */ (function (_super) {
     SurveyElement.prototype.setVisibleIndex = function (index) {
         return 0;
     };
-    Object.defineProperty(SurveyElement.prototype, "isPage", {
-        /**
-         * Returns `true` if the survey element is a page.
-         * @see Base.getType
-         */
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyElement.prototype, "isPanel", {
-        /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
-         */
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyElement.prototype, "isQuestion", {
-        /**
-         * Returns `true` if the survey element is a question.
-         * @see Base.getType
-         */
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
     SurveyElement.prototype.delete = function (doDispose) { };
     /**
      * Returns the survey's [locale](https://surveyjs.io/form-library/documentation/surveymodel#locale).
@@ -83733,6 +83865,30 @@ var SurveyModel = /** @class */ (function (_super) {
         this.runConditions();
         this.updateAllQuestionsValue(clearData);
     };
+    Object.defineProperty(SurveyModel.prototype, "isSurvey", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Returns an object with survey results.
+     *
+     * If you want to get a survey results object that mirrors the survey structure, call the `getData()` method with an object that has the `includePages` and `includePanels` properties enabled. Without this object, the `getData()` method returns the [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data) property value.
+     *
+     * ```js
+     * import { Model } from "survey-core";
+     *
+     * const surveyJson = { ... };
+     * const survey = new Model(surveyJson);
+     * survey.getData({ includePages: true, includePanels: true });
+     * ```
+     */
+    SurveyModel.prototype.getData = function (options) {
+        var opt = options || { includePages: false, includePanels: false };
+        if (!opt.includePages && !opt.includePanels)
+            return this.data;
+        return this.getStructuredData(!!opt.includePages, !opt.includePanels ? (opt.includePages ? 1 : 0) : -1);
+    };
     SurveyModel.prototype.getStructuredData = function (includePages, level) {
         if (includePages === void 0) { includePages = true; }
         if (level === void 0) { level = -1; }
@@ -84212,7 +84368,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     SurveyModel.prototype.updateActivePage = function () {
         var newPage = this.isShowStartingPage ? this.startedPage : this.currentPage;
-        this.setPropertyValue("activePage", newPage);
+        if (newPage !== this.activePage) {
+            this.setPropertyValue("activePage", newPage);
+        }
     };
     SurveyModel.prototype.onStateAndCurrentPageChanged = function () {
         this.updateActivePage();
@@ -85431,7 +85589,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (this.isFirstPage || !this.showPrevButton || this.state !== "running")
             return false;
         var page = this.visiblePages[this.currentPageNo - 1];
-        return this.getPageMaxTimeToFinish(page) <= 0;
+        return page && page.getMaxTimeToFinish() <= 0;
     };
     SurveyModel.prototype.calcIsShowNextButton = function () {
         return this.state === "running" && !this.isLastPage && !this.canBeCompletedByTrigger;
@@ -87085,19 +87243,19 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onLoadingSurveyFromService();
         if (clientId) {
             this.createSurveyService().getSurveyJsonAndIsCompleted(this.surveyId, this.clientId, function (success, json, isCompleted, response) {
-                self.isLoading = false;
                 if (success) {
                     self.isCompletedBefore = isCompleted == "completed";
                     self.loadSurveyFromServiceJson(json);
                 }
+                self.isLoading = false;
             });
         }
         else {
             this.createSurveyService().loadSurvey(this.surveyId, function (success, result, response) {
-                self.isLoading = false;
                 if (success) {
                     self.loadSurveyFromServiceJson(result);
                 }
+                self.isLoading = false;
             });
         }
     };
@@ -88201,7 +88359,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return { spent: 0, limit: 0 };
         var pageSpent = page.timeSpent;
         var surveySpent = this.timeSpent;
-        var pageLimitSec = this.getPageMaxTimeToFinish(page);
+        var pageLimitSec = page.getMaxTimeToFinish();
         var surveyLimit = this.maxTimeToFinish;
         if (this.showTimerPanelMode == "page") {
             return { spent: pageSpent, limit: pageLimitSec };
@@ -88230,7 +88388,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return "";
         var pageSpent = this.getDisplayTime(page.timeSpent);
         var surveySpent = this.getDisplayTime(this.timeSpent);
-        var pageLimitSec = this.getPageMaxTimeToFinish(page);
+        var pageLimitSec = page.getMaxTimeToFinish();
         var pageLimit = this.getDisplayTime(pageLimitSec);
         var surveyLimit = this.getDisplayTime(this.maxTimeToFinish);
         if (this.showTimerPanelMode == "page")
@@ -88251,7 +88409,7 @@ var SurveyModel = /** @class */ (function (_super) {
         return "";
     };
     SurveyModel.prototype.getTimerInfoPageText = function (page, pageSpent, pageLimit) {
-        return this.getPageMaxTimeToFinish(page) > 0
+        return !!page && page.getMaxTimeToFinish() > 0
             ? this.getLocalizationFormatString("timerLimitPage", pageSpent, pageLimit)
             : this.getLocalizationFormatString("timerSpentPage", pageSpent, pageLimit);
     };
@@ -88376,20 +88534,14 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.getPageMaxTimeToFinish = function (page) {
-        if (!page || page.maxTimeToFinish < 0)
-            return 0;
-        return page.maxTimeToFinish > 0
-            ? page.maxTimeToFinish
-            : this.maxTimeToFinishPage;
-    };
     SurveyModel.prototype.doTimer = function (page) {
         this.onTimer.fire(this, {});
-        if (this.maxTimeToFinish > 0 && this.maxTimeToFinish == this.timeSpent) {
+        if (this.maxTimeToFinish > 0 && this.maxTimeToFinish <= this.timeSpent) {
+            this.timeSpent = this.maxTimeToFinish;
             this.completeLastPage();
         }
         if (page) {
-            var pageLimit = this.getPageMaxTimeToFinish(page);
+            var pageLimit = page.getMaxTimeToFinish();
             if (pageLimit > 0 && pageLimit == page.timeSpent) {
                 if (this.isLastPage) {
                     this.completeLastPage();
@@ -88772,10 +88924,21 @@ var SurveyModel = /** @class */ (function (_super) {
             this.disposeCallback();
         }
     };
+    // private _lastScrollTop = 0;
+    SurveyModel.prototype._isElementShouldBeSticky = function (selector) {
+        if (!selector)
+            return false;
+        var topStickyContainer = this.rootElement.querySelector(selector);
+        if (!!topStickyContainer) {
+            // const scrollDirection = this.rootElement.scrollTop > this._lastScrollTop ? "down" : "up";
+            // this._lastScrollTop = this.rootElement.scrollTop;
+            return this.rootElement.scrollTop > 0 && topStickyContainer.getBoundingClientRect().y <= this.rootElement.getBoundingClientRect().y;
+        }
+        return false;
+    };
     SurveyModel.prototype.onScroll = function () {
         if (!!this.rootElement) {
-            var topStickyContainer = this.rootElement.querySelector(".sv-components-container-center");
-            if (!!topStickyContainer && topStickyContainer.getBoundingClientRect().y <= this.rootElement.getBoundingClientRect().y) {
+            if (this._isElementShouldBeSticky(".sv-components-container-center")) {
                 this.rootElement.classList && this.rootElement.classList.add("sv-root--sticky-top");
             }
             else {
@@ -89518,7 +89681,7 @@ var SurveyTimerModel = /** @class */ (function (_super) {
         this.survey.onCurrentPageChanged.add(function () {
             _this.update();
         });
-        this.timerFunc = function () { _this.doTimer(); };
+        this.timerFunc = function (sender, options) { _this.doTimer(options.seconds); };
         this.setIsRunning(true);
         this.update();
         _surveytimer__WEBPACK_IMPORTED_MODULE_1__["SurveyTimer"].instance.start(this.timerFunc);
@@ -89543,12 +89706,16 @@ var SurveyTimerModel = /** @class */ (function (_super) {
         this.updateText();
         this.updateProgress();
     };
-    SurveyTimerModel.prototype.doTimer = function () {
+    SurveyTimerModel.prototype.doTimer = function (seconds) {
         var page = this.survey.currentPage;
         if (page) {
-            page.timeSpent = page.timeSpent + 1;
+            var pageMaxTime = page.getMaxTimeToFinish();
+            if (pageMaxTime > 0 && pageMaxTime < page.timeSpent + seconds) {
+                seconds = pageMaxTime - page.timeSpent;
+            }
+            page.timeSpent = page.timeSpent + seconds;
         }
-        this.spent = this.spent + 1;
+        this.spent = this.spent + seconds;
         this.update();
         if (this.onTimer) {
             this.onTimer(page);
@@ -89834,13 +90001,14 @@ var surveyTimerFunctions = {
         else {
             return setTimeout(func, delay);
         }
-    }
+    },
+    now: function () { return Date.now(); }
 };
 var SurveyTimer = /** @class */ (function () {
     function SurveyTimer() {
         this.listenerCounter = 0;
         this.timerId = -1;
-        this.onTimer = new _base__WEBPACK_IMPORTED_MODULE_0__["Event"]();
+        this.onTimer = new _base__WEBPACK_IMPORTED_MODULE_0__["EventBase"]();
     }
     Object.defineProperty(SurveyTimer, "instance", {
         get: function () {
@@ -89858,6 +90026,7 @@ var SurveyTimer = /** @class */ (function () {
         if (func) {
             this.onTimer.add(func);
         }
+        this.prevTimeInMs = surveyTimerFunctions.now();
         if (this.timerId < 0) {
             this.timerId = surveyTimerFunctions.setTimeout(function () {
                 _this.doTimer();
@@ -89883,8 +90052,14 @@ var SurveyTimer = /** @class */ (function () {
         }
         if (this.timerId < 0)
             return;
+        var newTimer = surveyTimerFunctions.now();
+        var seconds = Math.floor((newTimer - this.prevTimeInMs) / 1000);
+        this.prevTimeInMs = newTimer;
+        if (seconds < 0) {
+            seconds = 1;
+        }
         var prevItem = this.timerId;
-        this.onTimer.fire(this, {});
+        this.onTimer.fire(this, { seconds: seconds });
         //We have to check that we have the same timerId
         //It could be changed during events execution and it will lead to double timer events
         if (prevItem !== this.timerId)
@@ -92424,7 +92599,7 @@ function navigateToUrl(url) {
     var location = _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].getLocation();
     if (!url || !location)
         return;
-    location.href = url;
+    location.href = encodeURIComponent(url);
 }
 function wrapUrlForBackgroundImage(url) {
     return !!url ? ["url(", url, ")"].join("") : "";