survey-react 1.12.21 → 1.12.23

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.21
+ * surveyjs - Survey JavaScript library v1.12.23
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4466,12 +4466,14 @@ var JsonMetadata = /** @class */ (function () {
             return;
         var schemaProperties = classSchema.properties;
         var requiredProps = [];
-        if (classInfo.name === "question" || classInfo.name === "panel") {
+        if (classInfo.name === "question") {
             schemaProperties.type = { type: "string" };
             requiredProps.push("type");
         }
         for (var i = 0; i < classInfo.properties.length; i++) {
             var prop = classInfo.properties[i];
+            if (prop.isSerializable === false)
+                continue;
             if (!!classInfo.parentName && !!Serializer.findProperty(classInfo.parentName, prop.name))
                 continue;
             schemaProperties[prop.name] = this.generateSchemaProperty(prop, schemaDef, isRoot);
@@ -10508,6 +10510,8 @@ var base_Base = /** @class */ (function () {
      * @param val A new value for the property.
      */
     Base.prototype.setPropertyValue = function (name, val) {
+        if (this.isDisposedValue)
+            return;
         if (!this.isLoadingFromJson) {
             var prop = this.getPropertyByName(name);
             if (!!prop) {
@@ -10524,9 +10528,11 @@ var base_Base = /** @class */ (function () {
             }
         }
         else {
-            this.setPropertyValueDirectly(name, val);
-            if (!this.isDisposedValue && !this.isTwoValueEquals(oldValue, val)) {
-                this.propertyValueChanged(name, oldValue, val);
+            if (val !== oldValue) {
+                this.setPropertyValueDirectly(name, val);
+                if (!this.isTwoValueEquals(oldValue, val)) {
+                    this.propertyValueChanged(name, oldValue, val);
+                }
             }
         }
     };
@@ -15430,15 +15436,13 @@ var localizablestring_LocalizableString = /** @class */ (function () {
         configurable: true
     });
     LocalizableString.prototype.calcText = function () {
-        var res = this.pureText;
-        if (res &&
-            this.owner &&
-            this.owner.getProcessedText &&
-            res.indexOf("{") > -1) {
+        var pureText = this.pureText;
+        var res = pureText;
+        if (res && this.owner && this.owner.getProcessedText && res.indexOf("{") > -1) {
             res = this.owner.getProcessedText(res);
         }
         if (this.onGetTextCallback)
-            res = this.onGetTextCallback(res);
+            res = this.onGetTextCallback(res, pureText);
         return res;
     };
     Object.defineProperty(LocalizableString.prototype, "pureText", {
@@ -19059,8 +19063,8 @@ var question_Question = /** @class */ (function (_super) {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.storeDefaultText = true;
-        locTitleValue.onGetTextCallback = function (text) {
-            if (!text) {
+        locTitleValue.onGetTextCallback = function (text, nonProcessedText) {
+            if (!text && !nonProcessedText) {
                 text = _this.getDefaultTitle();
             }
             if (!_this.survey)
@@ -21431,8 +21435,10 @@ var question_Question = /** @class */ (function (_super) {
         }
         if (!values)
             values = this.defaultValueExpression ? this.data.getFilteredValues() : {};
-        if (!properties)
+        if (!properties) {
             properties = this.defaultValueExpression ? this.data.getFilteredProperties() : {};
+            properties["question"] = this;
+        }
         if (!!runner && runner.canRun) {
             runner.onRunComplete = function (res) {
                 if (res == undefined)
@@ -23995,9 +24001,12 @@ var choicesRestful_ChoicesRestful = /** @class */ (function (_super) {
         if (this.processedPath.indexOf(";") > -1) {
             pathes = this.path.split(";");
         }
-        else {
+        else if (this.processedPath.indexOf(",") > -1) {
             pathes = this.processedPath.split(",");
         }
+        else {
+            pathes = this.processedPath.split(".");
+        }
         if (pathes.length == 0)
             pathes.push(this.processedPath);
         return pathes;
@@ -24522,9 +24531,7 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    TextPreProcessor.prototype.process = function (text, returnDisplayValue, doEncoding) {
-        if (returnDisplayValue === void 0) { returnDisplayValue = false; }
-        if (doEncoding === void 0) { doEncoding = false; }
+    TextPreProcessor.prototype.process = function (text, returnDisplayValue, doEncoding, replaceUndefinedValues) {
         this.hasAllValuesOnLastRunValue = true;
         if (!text)
             return text;
@@ -24533,28 +24540,28 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
         var items = this.getItems(text);
         for (var i = items.length - 1; i >= 0; i--) {
             var item = items[i];
-            var name = this.getName(text.substring(item.start + 1, item.end));
-            if (!name)
-                continue;
-            var textValue = new TextPreProcessorValue(name, returnDisplayValue);
-            this.onProcess(textValue);
-            if (!textValue.isExists) {
-                if (textValue.canProcess) {
-                    this.hasAllValuesOnLastRunValue = false;
+            var name_1 = this.getName(text.substring(item.start + 1, item.end));
+            if (!!name_1) {
+                var textValue = new TextPreProcessorValue(name_1, returnDisplayValue === true);
+                this.onProcess(textValue);
+                if (!textValue.isExists) {
+                    if (textValue.canProcess) {
+                        this.hasAllValuesOnLastRunValue = false;
+                    }
+                }
+                if (textValue.isExists || replaceUndefinedValues) {
+                    if (helpers_Helpers.isValueEmpty(textValue.value)) {
+                        this.hasAllValuesOnLastRunValue = false;
+                    }
+                    var replacedValue = !helpers_Helpers.isValueEmpty(textValue.value)
+                        ? textValue.value
+                        : "";
+                    if (doEncoding) {
+                        replacedValue = encodeURIComponent(replacedValue);
+                    }
+                    text = text.substring(0, item.start) + replacedValue + text.substring(item.end + 1);
                 }
-                continue;
-            }
-            if (helpers_Helpers.isValueEmpty(textValue.value)) {
-                this.hasAllValuesOnLastRunValue = false;
-            }
-            var replacedValue = !helpers_Helpers.isValueEmpty(textValue.value)
-                ? textValue.value
-                : "";
-            if (doEncoding) {
-                replacedValue = encodeURIComponent(replacedValue);
             }
-            text =
-                text.substring(0, item.start) + replacedValue + text.substring(item.end + 1);
         }
         return text;
     };
@@ -24566,12 +24573,19 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
         return textValue;
     };
     Object.defineProperty(TextPreProcessor.prototype, "hasAllValuesOnLastRun", {
-        get: function () {
-            return !!this.hasAllValuesOnLastRunValue;
-        },
+        get: function () { return !!this.hasAllValuesOnLastRunValue; },
         enumerable: false,
         configurable: true
     });
+    TextPreProcessor.prototype.processText = function (text, returnDisplayValue) {
+        return this.process(text, returnDisplayValue);
+    };
+    TextPreProcessor.prototype.processTextEx = function (params) {
+        var res = { hasAllValuesOnLastRun: true, text: params.text };
+        res.text = this.process(params.text, params.returnDisplayValue, params.doEncoding, params.replaceUndefinedValues);
+        res.hasAllValuesOnLastRun = this.hasAllValuesOnLastRun;
+        return res;
+    };
     TextPreProcessor.prototype.getItems = function (text) {
         var items = [];
         var length = text.length;
@@ -24586,13 +24600,18 @@ var textPreProcessor_TextPreProcessor = /** @class */ (function () {
                     var item = new TextPreProcessorItem();
                     item.start = start;
                     item.end = i;
-                    items.push(item);
+                    if (this.isValidItemName(text.substring(start + 1, i - 1))) {
+                        items.push(item);
+                    }
                 }
                 start = -1;
             }
         }
         return items;
     };
+    TextPreProcessor.prototype.isValidItemName = function (name) {
+        return !!name && name.indexOf(":") < 0;
+    };
     TextPreProcessor.prototype.getName = function (name) {
         if (!name)
             return;
@@ -24672,27 +24691,31 @@ var textPreProcessor_QuestionTextProcessor = /** @class */ (function () {
         textValue.value = new conditionProcessValue_ProcessValue().getValue(textValue.name, values);
     };
     QuestionTextProcessor.prototype.processText = function (text, returnDisplayValue) {
-        if (this.survey && this.survey.isDesignMode)
-            return text;
-        text = this.textPreProcessor.process(text, returnDisplayValue);
-        text = this.processTextCore(this.getParentTextProcessor(), text, returnDisplayValue);
-        return this.processTextCore(this.survey, text, returnDisplayValue);
+        var params = { text: text, returnDisplayValue: returnDisplayValue };
+        return this.processTextEx(params).text;
     };
     QuestionTextProcessor.prototype.processTextEx = function (params) {
-        params.text = this.processText(params.text, params.returnDisplayValue);
-        var hasAllValuesOnLastRun = this.textPreProcessor.hasAllValuesOnLastRun;
+        var _a;
         var res = { hasAllValuesOnLastRun: true, text: params.text };
-        if (this.survey) {
-            res = this.survey.processTextEx(params);
+        if (!params.runAtDesign && ((_a = this.survey) === null || _a === void 0 ? void 0 : _a.isDesignMode))
+            return res;
+        var processors = new Array();
+        this.addTextPreProcessor(processors, this.textPreProcessor);
+        this.addTextPreProcessor(processors, this.getParentTextProcessor());
+        this.addTextPreProcessor(processors, this.survey);
+        for (var i = 0; i < processors.length; i++) {
+            var processor = processors[i];
+            params.text = res.text;
+            var processorRes = processor.processTextEx(params);
+            res.text = processorRes.text;
+            res.hasAllValuesOnLastRun = res.hasAllValuesOnLastRun && processorRes.hasAllValuesOnLastRun;
         }
-        res.hasAllValuesOnLastRun =
-            res.hasAllValuesOnLastRun && hasAllValuesOnLastRun;
         return res;
     };
-    QuestionTextProcessor.prototype.processTextCore = function (textProcessor, text, returnDisplayValue) {
-        if (!textProcessor)
-            return text;
-        return textProcessor.processText(text, returnDisplayValue);
+    QuestionTextProcessor.prototype.addTextPreProcessor = function (list, textProcessor) {
+        if (!textProcessor || list.indexOf(textProcessor) > -1)
+            return;
+        list.push(textProcessor);
     };
     return QuestionTextProcessor;
 }());
@@ -24722,6 +24745,7 @@ var question_custom_extends = (undefined && undefined.__extends) || (function ()
 
 
 
+
 var question_custom_ComponentQuestionJSON = /** @class */ (function () {
     function ComponentQuestionJSON(name, json) {
         this.name = name;
@@ -25625,9 +25649,10 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
         }
         this.initElement(res);
         res.readOnly = this.isReadOnly;
-        res.questions.forEach(function (q) { return q.onUpdateCssClassesCallback = function (css) {
-            _this.onUpdateQuestionCssClasses(q, css);
-        }; });
+        res.questions.forEach(function (q) {
+            q.setParentQuestion(_this);
+            q.onUpdateCssClassesCallback = function (css) { _this.onUpdateQuestionCssClasses(q, css); };
+        });
         this.setAfterRenderCallbacks(res);
         return res;
     };
@@ -25724,6 +25749,36 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
         this.settingNewValue = false;
         this.runPanelTriggers(QuestionCompositeModel.ItemVariableName + "." + name, newValue);
     };
+    QuestionCompositeModel.prototype.setComment = function (name, newValue, locNotification) {
+        var val = this.getUnbindValue(this.value);
+        var commentName = this.getCommentName(name);
+        if (!val && !newValue || !!newValue && !!val && val[commentName] === newValue)
+            return;
+        if (!!newValue) {
+            if (!val) {
+                val = {};
+            }
+            val[commentName] = newValue;
+        }
+        else {
+            delete val[commentName];
+        }
+        var q = this.getQuestionByName(name);
+        if (!!q && q.comment !== newValue) {
+            q.comment = newValue;
+        }
+        this.value = val;
+    };
+    QuestionCompositeModel.prototype.getComment = function (name) {
+        var q = this.getQuestionByName(name);
+        if (!!q)
+            return q.comment;
+        var val = this.value;
+        return !!val && val[this.getCommentName(name)] || "";
+    };
+    QuestionCompositeModel.prototype.getCommentName = function (name) {
+        return name + settings.commentSuffix;
+    };
     QuestionCompositeModel.prototype.runPanelTriggers = function (name, value) {
         if (!!this.contentPanel) {
             this.contentPanel.questions.forEach(function (q) {
@@ -25803,19 +25858,24 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
         _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
     };
     QuestionCompositeModel.prototype.setValuesIntoQuestions = function (newValue) {
-        if (!this.contentPanel)
+        if (!this.contentPanel || this.settingNewValue)
             return;
         newValue = this.getValueForContentPanel(newValue);
         var oldSettingNewValue = this.settingNewValue;
         this.settingNewValue = true;
         var questions = this.contentPanel.questions;
         for (var i = 0; i < questions.length; i++) {
-            var key = questions[i].getValueName();
-            var val = !!newValue ? newValue[key] : undefined;
             var q = questions[i];
+            var key = q.getValueName();
+            var commentKey = this.getCommentName(key);
+            var val = !!newValue ? newValue[key] : undefined;
+            var commentVal = !!newValue && newValue[commentKey] || "";
             if (!this.isTwoValueEquals(q.value, val) && (val !== undefined || !q.isEmpty())) {
                 q.value = val;
             }
+            if (q.comment !== commentVal) {
+                q.comment = commentVal;
+            }
         }
         this.settingNewValue = oldSettingNewValue;
     };
@@ -28561,11 +28621,10 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             if (this.matrix.isMobile) {
                 actions.unshift(new action_Action({
                     id: "show-detail-mobile",
-                    title: "Show Details",
+                    title: new ComputedUpdater(function () { return row.isDetailPanelShowing ? _this.matrix.getLocalizationString("hideDetails") : _this.matrix.getLocalizationString("showDetails"); }),
                     showTitle: true,
                     location: "end",
                     action: function (context) {
-                        context.title = row.isDetailPanelShowing ? _this.matrix.getLocalizationString("showDetails") : _this.matrix.getLocalizationString("hideDetails");
                         row.showHideDetailPanelClick();
                     },
                 }));
@@ -34243,6 +34302,8 @@ var defaultV2Css = {
         progressBtnIcon: "icon-progressbuttonv2",
         noEntriesPlaceholder: "sd-paneldynamic__placeholder sd-question__placeholder",
         compact: "sd-element--with-frame sd-element--compact",
+        tabsContainer: "sd-paneldynamic__tabs-container",
+        tabsContainerWithHeader: "sd-paneldynamic__tabs-container--with-header",
         tabsRoot: "sd-tabs-toolbar",
         tabsLeft: "sd-tabs-toolbar--left",
         tabsRight: "sd-tabs-toolbar--right",
@@ -36871,7 +36932,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     };
     PanelModelBase.prototype.randomizeElements = function (isRandom) {
         if (!this.canRandomize(isRandom) || this.isRandomizing)
-            return;
+            return false;
         this.isRandomizing = true;
         var oldElements = [];
         var elements = this.elements;
@@ -36883,6 +36944,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         this.updateRows();
         this.updateVisibleIndexes();
         this.isRandomizing = false;
+        return true;
     };
     Object.defineProperty(PanelModelBase.prototype, "areQuestionsRandomized", {
         /**
@@ -37441,6 +37503,14 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         return null;
     };
+    PanelModelBase.prototype.getFirstVisibleQuestion = function () {
+        var qs = this.questions;
+        for (var i = 0; i < qs.length; i++) {
+            if (qs[i].isVisible)
+                return qs[i];
+        }
+        return null;
+    };
     /**
      * Focuses the first question in this panel/page.
      * @see focusFirstErrorQuestion
@@ -39653,6 +39723,7 @@ var page_PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     PageModel.prototype.setWasShown = function (val) {
+        var _a;
         if (val == this.hasShownValue)
             return;
         this.hasShownValue = val;
@@ -39664,7 +39735,12 @@ var page_PageModel = /** @class */ (function (_super) {
                 els[i].randomizeElements(this.areQuestionsRandomized);
             }
         }
-        this.randomizeElements(this.areQuestionsRandomized);
+        if (this.randomizeElements(this.areQuestionsRandomized)) {
+            var singleQuestion = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleQuestion;
+            if ((singleQuestion === null || singleQuestion === void 0 ? void 0 : singleQuestion.page) === this) {
+                this.survey.currentSingleQuestion = this.getFirstVisibleQuestion();
+            }
+        }
     };
     /**
      * Scrolls this page to the top.
@@ -40884,12 +40960,15 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this.onTimer = _this.onTimerTick;
         _this.onTimerPanelInfoText = _this.addEvent();
         /**
-         * An event that is raised after an item value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
+         * An event that is raised after a value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
          */
         _this.onDynamicPanelValueChanged = _this.addEvent();
+        /**
+         * @deprecated Use the [`onDynamicPanelValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelValueChanged) event instead.
+         */
         _this.onDynamicPanelItemValueChanged = _this.onDynamicPanelValueChanged;
         /**
-         * An event that is raised after an item value is changing in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
+         * An event that is raised before a value is changed in a panel within a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) question.
          */
         _this.onDynamicPanelValueChanging = _this.addEvent();
         /**
@@ -43319,6 +43398,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return this.getPropertyValue("showProgressBar");
         },
         set: function (newValue) {
+            if (newValue === true)
+                newValue = "auto";
+            if (newValue === false)
+                newValue = "off";
             this.setPropertyValue("showProgressBar", newValue.toLowerCase());
         },
         enumerable: false,
@@ -43990,7 +44073,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             if (newPage == this.currentPage)
                 return;
             var oldValue = this.currentPage;
-            if (!this.isShowingPreview && !this.currentPageChanging(newPage, oldValue))
+            if (!this.isShowingPreview && !this.currentSingleQuestion && !this.currentPageChanging(newPage, oldValue))
                 return;
             this.setPropertyValue("currentPage", newPage);
             if (!!newPage) {
@@ -44019,6 +44102,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.performValidationOnPageChanging = function (page) {
         if (this.isDesignMode)
             return false;
+        if (this.canGoTroughValidation())
+            return true;
         var index = this.visiblePages.indexOf(page);
         if (index < 0 || index >= this.visiblePageCount)
             return false;
@@ -44382,20 +44467,22 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         page.updateCustomWidgets();
     };
-    SurveyModel.prototype.currentPageChanging = function (newValue, oldValue) {
-        var options = this.createPageChangeEventOptions(newValue, oldValue);
+    SurveyModel.prototype.currentPageChanging = function (newValue, oldValue, newQuestion, oldQuestion) {
+        var options = this.createPageChangeEventOptions(newValue, oldValue, newQuestion, oldQuestion);
+        return this.currentPageChangingFromOptions(options);
+    };
+    SurveyModel.prototype.currentPageChangingFromOptions = function (options) {
         options.allow = true;
         options.allowChanging = true;
         this.onCurrentPageChanging.fire(this, options);
         var allow = options.allowChanging && options.allow;
-        if (allow) {
+        if (allow && options.newCurrentPage !== options.oldCurrentPage) {
             this.isCurrentPageRendering = true;
         }
         return allow;
     };
     SurveyModel.prototype.currentPageChanged = function (newValue, oldValue) {
         this.notifyQuestionsOnHidingContent(oldValue);
-        var options = this.createPageChangeEventOptions(newValue, oldValue);
         if (oldValue && !oldValue.isDisposed && !oldValue.passed) {
             if (oldValue.validate(false)) {
                 oldValue.passed = true;
@@ -44404,22 +44491,31 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (this.isCurrentPageRendered === true) {
             this.isCurrentPageRendered = false;
         }
-        this.onCurrentPageChanged.fire(this, options);
+        if (!this.currentSingleQuestion) {
+            var options = this.createPageChangeEventOptions(newValue, oldValue);
+            this.onCurrentPageChanged.fire(this, options);
+        }
     };
     SurveyModel.prototype.notifyQuestionsOnHidingContent = function (page) {
         if (page && !page.isDisposed) {
             page.questions.forEach(function (q) { return q.onHidingContent(); });
         }
     };
-    SurveyModel.prototype.createPageChangeEventOptions = function (newValue, oldValue) {
+    SurveyModel.prototype.createPageChangeEventOptions = function (newValue, oldValue, newQuestion, oldQuestion) {
         var diff = !!newValue && !!oldValue ? newValue.visibleIndex - oldValue.visibleIndex : 0;
+        var qDiff = diff;
+        if (qDiff === 0 && !!oldQuestion && !!newQuestion) {
+            qDiff = newValue.elements.indexOf(newQuestion) - newValue.elements.indexOf(oldQuestion);
+        }
         return {
+            oldCurrentQuestion: oldQuestion,
+            newCurrentQuestion: newQuestion,
             oldCurrentPage: oldValue,
             newCurrentPage: newValue,
             isNextPage: diff === 1,
             isPrevPage: diff === -1,
-            isGoingForward: diff > 0,
-            isGoingBackward: diff < 0,
+            isGoingForward: qDiff > 0,
+            isGoingBackward: qDiff < 0,
             isAfterPreview: this.changeCurrentPageFromPreview === true
         };
     };
@@ -44642,6 +44738,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * @see completeLastPage
      */
     SurveyModel.prototype.nextPage = function () {
+        if (this.currentSingleQuestion)
+            return this.performNext();
         if (this.isLastPage)
             return false;
         return this.doCurrentPageComplete(false);
@@ -44672,7 +44770,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.hasErrorsOnNavigate = function (doComplete) {
         var _this = this;
-        if (!this.isEditMode || this.ignoreValidation)
+        if (this.canGoTroughValidation())
             return false;
         var skipValidation = doComplete && this.validationAllowComplete || !doComplete && this.validationAllowSwitchPages;
         var func = function (hasErrors) {
@@ -44687,6 +44785,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         return this.validateCurrentPage(func) !== true && !skipValidation;
     };
+    SurveyModel.prototype.canGoTroughValidation = function () { return !this.isEditMode || !this.validationEnabled; };
     SurveyModel.prototype.checkForAsyncQuestionValidation = function (questions, func) {
         var _this = this;
         this.clearAsyncValidationQuesitons();
@@ -44964,6 +45063,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      */
     SurveyModel.prototype.prevPage = function () {
         var _this = this;
+        if (this.currentSingleQuestion)
+            return this.performPrevious();
         if (this.isFirstPage || this.state === "starting")
             return false;
         this.resetNavigationButton();
@@ -45105,7 +45206,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          * Possible values:
          *
          * - `"singlePage"` - Combines all survey pages into a single page.
-         * - `"questionPerPage"` - Creates a separate page for every question.
+         * - `"questionPerPage"` - Displays each question on a separate page.
          * - `"standard"` (default) - Retains the original structure specified in the JSON schema.
          */
         get: function () {
@@ -45245,7 +45346,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     Object.defineProperty(SurveyModel.prototype, "currentSingleQuestion", {
         get: function () { return this.currentSingleQuestionValue; },
         set: function (val) {
-            if (val !== this.currentSingleQuestion) {
+            var oldVal = this.currentSingleQuestion;
+            if (val !== oldVal) {
+                var options = !!val && !!oldVal ? this.createPageChangeEventOptions(val.page, oldVal.page, val, oldVal) : undefined;
+                if (!!options && !this.currentPageChangingFromOptions(options))
+                    return;
                 this.currentSingleQuestionValue = val;
                 if (!!val) {
                     var page = val.page;
@@ -45259,6 +45364,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                         }
                     }
                     this.updateButtonsVisibility();
+                    if (!!options) {
+                        this.onCurrentPageChanged.fire(this, options);
+                    }
                 }
                 else {
                     this.visiblePages.forEach(function (page) { return page.updateRows(); });
@@ -46129,7 +46237,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         return options.error ? new CustomError(options.error, this) : null;
     };
     SurveyModel.prototype.dynamicPanelAdded = function (question, panelIndex, panel) {
-        if (!this.isLoadingFromJson && this.hasQuestionVisibleIndeces(question, true)) {
+        if (!this.isLoadingFromJson && this.hasQuestionVisibleIndeces(question)) {
             this.updateVisibleIndexes(question.page);
         }
         if (this.onDynamicPanelAdded.isEmpty)
@@ -46146,7 +46254,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         for (var i = 0; i < questions.length; i++) {
             questions[i].clearOnDeletingContainer();
         }
-        if (this.hasQuestionVisibleIndeces(question, false)) {
+        if (this.hasQuestionVisibleIndeces(question)) {
             this.updateVisibleIndexes(question.page);
         }
         this.onDynamicPanelRemoved.fire(this, {
@@ -46155,10 +46263,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             panel: panel,
         });
     };
-    SurveyModel.prototype.hasQuestionVisibleIndeces = function (question, checkIndex) {
-        if (checkIndex) {
-            question.setVisibleIndex(this.getStartVisibleIndex());
-        }
+    SurveyModel.prototype.hasQuestionVisibleIndeces = function (question) {
         var qList = question.getNestedQuestions(true);
         for (var i = 0; i < qList.length; i++) {
             if (qList[i].visibleIndex > -1)
@@ -47973,7 +48078,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var doEncoding = params.doEncoding === undefined ? settings.web.encodeUrlParams : params.doEncoding;
         var text = params.text;
         if (params.runAtDesign || !this.isDesignMode) {
-            text = this.textPreProcessor.process(text, params.returnDisplayValue === true, doEncoding);
+            text = this.textPreProcessor.process(text, params.returnDisplayValue === true, doEncoding, params.replaceUndefinedValues);
         }
         var res = { text: text, hasAllValuesOnLastRun: true };
         res.hasAllValuesOnLastRun = this.textPreProcessor.hasAllValuesOnLastRun;
@@ -51085,6 +51190,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         var chQuestion = this.choicesFromQuestion;
         if (!!name && chQuestion && (name === chQuestion || questionName === chQuestion)) {
             this.onVisibleChoicesChanged();
+            this.clearIncorrectValues();
         }
     };
     QuestionSelectBase.prototype.updateValueFromSurvey = function (newValue, clearData) {
@@ -56899,6 +57005,9 @@ var question_multipletext_QuestionMultipleTextModel = /** @class */ (function (_
     QuestionMultipleTextModel.prototype.onSurveyLoad = function () {
         this.editorsOnSurveyLoad();
         _super.prototype.onSurveyLoad.call(this);
+        if (!helpers_Helpers.isValueEmpty(this.rows)) {
+            this.calcVisibleRows();
+        }
     };
     QuestionMultipleTextModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
@@ -66778,6 +66887,13 @@ var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
     };
     return QuestionPanelDynamicItemTextProcessor;
 }(textPreProcessor_QuestionTextProcessor));
+var PanelDynamicTabbedMenuItem = /** @class */ (function (_super) {
+    question_paneldynamic_extends(PanelDynamicTabbedMenuItem, _super);
+    function PanelDynamicTabbedMenuItem(innerItem) {
+        return _super.call(this, innerItem) || this;
+    }
+    return PanelDynamicTabbedMenuItem;
+}(action_Action));
 var question_paneldynamic_QuestionPanelDynamicItem = /** @class */ (function () {
     function QuestionPanelDynamicItem(data, panel) {
         this.data = data;
@@ -68161,7 +68277,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         set: function (val) {
             this.setPropertyValue("tabAlign", val);
             if (this.isRenderModeTab) {
-                this.additionalTitleToolbar.containerCss = this.getAdditionalTitleToolbarCss();
+                this.tabbedMenu.containerCss = this.getTabbedMenuCss();
             }
         },
         enumerable: false,
@@ -68181,18 +68297,6 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasTitleOnLeftTop", {
-        get: function () {
-            if (this.isRenderModeTab && this.visiblePanelCount > 0)
-                return true;
-            if (!this.hasTitle)
-                return false;
-            var location = this.getTitleLocation();
-            return location === "left" || location === "top";
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionPanelDynamicModel.prototype.setVisibleIndex = function (value) {
         if (!this.isVisible)
             return 0;
@@ -68579,8 +68683,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         for (var i = 0; i < panels.length; i++) {
             panels[i].locStrsChanged();
         }
-        if (this.additionalTitleToolbar) {
-            this.additionalTitleToolbar.locStrsChanged();
+        if (this.tabbedMenu) {
+            this.tabbedMenu.locStrsChanged();
         }
     };
     QuestionPanelDynamicModel.prototype.clearIncorrectValues = function () {
@@ -69316,14 +69420,16 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         get: function () {
             var showTab = this.isRenderModeTab && !!this.visiblePanelCount;
             return new CssClassBuilder()
-                .append(this.cssClasses.header)
-                .append(this.cssClasses.headerTop, this.hasTitleOnTop || showTab)
-                .append(this.cssClasses.headerTab, showTab)
+                .append(_super.prototype.getCssHeader.call(this, this.cssClasses))
+                .append(this.cssClasses.headerTab, this.hasTitleOnTop && showTab)
                 .toString();
         },
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.getTabsContainerCss = function () {
+        return new CssClassBuilder().append(this.cssClasses.tabsContainer).append(this.cssClasses.tabsContainerWithHeader, this.hasTitleOnTop).toString();
+    };
     QuestionPanelDynamicModel.prototype.getPanelWrapperCss = function (panel) {
         return new CssClassBuilder()
             .append(this.cssClasses.panelWrapper, !panel || panel.visible)
@@ -69386,25 +69492,29 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             return true;
         return false;
     };
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasAdditionalTitleToolbar", {
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasTabbedMenu", {
         get: function () {
             return this.isRenderModeTab && this.visiblePanels.length > 0;
         },
         enumerable: false,
         configurable: true
     });
-    QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbar = function () {
-        if (!this.isRenderModeTab)
-            return null;
-        if (!this.additionalTitleToolbarValue) {
-            this.additionalTitleToolbarValue = new adaptive_container_AdaptiveActionContainer();
-            this.additionalTitleToolbarValue.dotsItem.popupModel.showPointer = false;
-            this.additionalTitleToolbarValue.dotsItem.popupModel.verticalPosition = "bottom";
-            this.additionalTitleToolbarValue.dotsItem.popupModel.horizontalPosition = "center";
-            this.updateElementCss(false);
-        }
-        return this.additionalTitleToolbarValue;
-    };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "tabbedMenu", {
+        get: function () {
+            if (!this.isRenderModeTab)
+                return null;
+            if (!this.tabbedMenuValue) {
+                this.tabbedMenuValue = new adaptive_container_AdaptiveActionContainer();
+                this.tabbedMenuValue.dotsItem.popupModel.showPointer = false;
+                this.tabbedMenuValue.dotsItem.popupModel.verticalPosition = "bottom";
+                this.tabbedMenuValue.dotsItem.popupModel.horizontalPosition = "center";
+                this.updateElementCss(false);
+            }
+            return this.tabbedMenuValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "footerToolbar", {
         get: function () {
             if (!this.footerToolbarValue) {
@@ -69499,19 +69609,21 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             return options.title;
         };
         locTitle.sharedData = this.locTemplateTabTitle;
-        var isActive = this.getPanelVisibleIndexById(panel.id) === this.currentIndex;
-        var newItem = new action_Action({
-            id: panel.id,
+        var panelId = panel.id;
+        var isActive = this.getPanelVisibleIndexById(panelId) === this.currentIndex;
+        var newItem = new PanelDynamicTabbedMenuItem({
+            id: this.id + "_tab_" + panelId,
+            panelId: panelId,
             pressed: isActive,
             locTitle: locTitle,
             disableHide: isActive,
             action: function () {
-                _this.currentIndex = _this.getPanelVisibleIndexById(newItem.id);
+                _this.currentIndex = _this.getPanelVisibleIndexById(panelId);
             }
         });
         return newItem;
     };
-    QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbarCss = function (cssClasses) {
+    QuestionPanelDynamicModel.prototype.getTabbedMenuCss = function (cssClasses) {
         var css = cssClasses !== null && cssClasses !== void 0 ? cssClasses : this.cssClasses;
         return new CssClassBuilder()
             .append(css.tabsRoot)
@@ -69526,8 +69638,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         if (this.currentIndex < 0 || this.currentIndex >= this.visiblePanelCount)
             return;
         var panel = this.visiblePanelsCore[this.currentIndex];
-        this.additionalTitleToolbar.renderedActions.forEach(function (action) {
-            var isActive = action.id === panel.id;
+        this.tabbedMenu.renderedActions.forEach(function (action) {
+            var isActive = action.panelId === panel.id;
             action.pressed = isActive;
             action.disableHide = isActive;
             //should raise update if dimensions are not changed but action is active now
@@ -69549,22 +69661,22 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         for (var i = 0; i < visPanels.length; i++) {
             _loop_1(i);
         }
-        this.additionalTitleToolbar.setItems(items);
+        this.tabbedMenu.setItems(items);
     };
     QuestionPanelDynamicModel.prototype.addTabFromToolbar = function (panel, index) {
         if (!this.isRenderModeTab)
             return;
         var newItem = this.createTabByPanel(panel, index);
-        this.additionalTitleToolbar.actions.splice(index, 0, newItem);
+        this.tabbedMenu.actions.splice(index, 0, newItem);
         this.updateTabToolbarItemsPressedState();
     };
     QuestionPanelDynamicModel.prototype.removeTabFromToolbar = function (panel) {
         if (!this.isRenderModeTab)
             return;
-        var removedItem = this.additionalTitleToolbar.getActionById(panel.id);
+        var removedItem = this.tabbedMenu.actions.find(function (a) { return a.panelId == panel.id; });
         if (!removedItem)
             return;
-        this.additionalTitleToolbar.actions.splice(this.additionalTitleToolbar.actions.indexOf(removedItem), 1);
+        this.tabbedMenu.actions.splice(this.tabbedMenu.actions.indexOf(removedItem), 1);
         this.updateTabToolbarItemsPressedState();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "showLegacyNavigation", {
@@ -69588,12 +69700,12 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     };
     QuestionPanelDynamicModel.prototype.calcCssClasses = function (css) {
         var classes = _super.prototype.calcCssClasses.call(this, css);
-        var additionalTitleToolbar = this.additionalTitleToolbar;
-        if (!!additionalTitleToolbar) {
-            additionalTitleToolbar.containerCss = this.getAdditionalTitleToolbarCss(classes);
-            additionalTitleToolbar.cssClasses = classes.tabs;
-            additionalTitleToolbar.dotsItem.cssClasses = classes.tabs;
-            additionalTitleToolbar.dotsItem.popupModel.contentComponentData.model.cssClasses = css.list;
+        var tabbedMenu = this.tabbedMenu;
+        if (!!tabbedMenu) {
+            tabbedMenu.containerCss = this.getTabbedMenuCss(classes);
+            tabbedMenu.cssClasses = classes.tabs;
+            tabbedMenu.dotsItem.cssClasses = classes.tabs;
+            tabbedMenu.dotsItem.popupModel.contentComponentData.model.cssClasses = css.list;
         }
         return classes;
     };
@@ -69715,21 +69827,10 @@ Serializer.addClass("paneldynamic", [
         default: "off",
         choices: ["off", "onPanel", "onSurvey"],
     },
-    {
-        name: "showRangeInProgress:boolean",
-        default: true,
-        visible: false
-        // visibleIf: (obj: any) => { return obj.displayMode !== "list"; }
-    },
-    {
-        name: "renderMode",
-        default: "list",
-        choices: ["list", "progressTop", "progressBottom", "progressTopBottom", "tab"],
-        visible: false,
-    },
+    { name: "renderMode", visible: false, isSerializable: false },
     { name: "displayMode", default: "list", choices: ["list", "carousel", "tab"] },
     {
-        name: "showProgressBar:boolean",
+        name: "showProgressBar:boolean", alternativeName: "showRangeInProgress",
         default: true,
         visibleIf: function (obj) { return obj.displayMode === "carousel"; }
     },
@@ -72632,9 +72733,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.21";
+Version = "" + "1.12.23";
 settings.version = Version;
-ReleaseDate = "" + "2025-01-28";
+ReleaseDate = "" + "2025-02-11";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -89674,6 +89775,8 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.root },
+            this.question.hasTabbedMenu ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.getTabsContainerCss() },
+                external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](action_bar_SurveyActionBar, { model: this.question.tabbedMenu })) : null,
             noEntriesPlaceholder,
             navTop,
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.panelsContainer }, panels),