survey-react 1.12.29 → 1.12.30

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/defaultV2.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.12.29",
+  "version": "1.12.30",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -7,6 +7,7 @@ declare module "packages/survey-core/src/global_variables_utils" {
         static getVisualViewport(): VisualViewport | null;
         static getInnerWidth(): number;
         static getInnerHeight(): number;
+        static getDevicePixelRatio(): number;
         static getWindow(): Window;
         static hasOwn(propertyName: string): boolean;
         static getSelection(): Selection | null;
@@ -7194,6 +7195,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
          * @see addPanel
          */
         removePanel(value: any): void;
+        private notifyOnPanelAddedRemoved;
         private getVisualPanelIndex;
         private getPanelVisibleIndexById;
         locStrsChanged(): void;
@@ -11973,11 +11975,12 @@ declare module "packages/survey-core/src/survey" {
         private disposeContainerPage;
         private updatePagesContainer;
         private currentSingleElementValue;
-        private getSingleQuestions;
+        private getSingleElements;
         get currentSingleElement(): IElement;
         set currentSingleElement(val: IElement);
         get currentSingleQuestion(): Question;
         set currentSingleQuestion(val: Question);
+        private changeCurrentSingleElementOnVisibilityChanged;
         private changeCurrentPageFromPreview;
         protected onQuestionsOnPageModeChanged(oldValue: string): void;
         private getPageStartIndex;
@@ -12142,9 +12145,8 @@ declare module "packages/survey-core/src/survey" {
         private get isValidateOnValueChange();
         private get isValidateOnComplete();
         matrixCellValidate(question: QuestionMatrixDropdownModelBase, options: MatrixCellValidateEvent): SurveyError;
-        dynamicPanelAdded(question: QuestionPanelDynamicModel, panelIndex?: number, panel?: PanelModel): void;
-        dynamicPanelRemoved(question: QuestionPanelDynamicModel, panelIndex: number, panel: PanelModel): void;
-        private hasQuestionVisibleIndeces;
+        dynamicPanelAdded(question: QuestionPanelDynamicModel, panelIndex: number, panel: PanelModel, updateIndexes: boolean): void;
+        dynamicPanelRemoved(question: QuestionPanelDynamicModel, panelIndex: number, panel: PanelModel, updateIndexes: boolean): void;
         dynamicPanelRemoving(question: QuestionPanelDynamicModel, panelIndex: number, panel: PanelModel): boolean;
         dynamicPanelItemValueChanged(question: IQuestion, options: any): void;
         dynamicPanelItemValueChanging(question: IQuestion, options: any): void;
@@ -15281,8 +15283,8 @@ declare module "packages/survey-core/src/base-interfaces" {
         getValidateVisitedEmptyFields(): boolean;
         multipleTextItemAdded(question: IQuestion, item: any): void;
         matrixCellValidate(question: IQuestion, options: any): SurveyError;
-        dynamicPanelAdded(question: IQuestion, panelIndex?: number, panel?: IPanel): void;
-        dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): void;
+        dynamicPanelAdded(question: IQuestion, panelIndex: number, panel: IPanel, updateIndexes: boolean): void;
+        dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel, updateIndexes: boolean): void;
         dynamicPanelRemoving(question: IQuestion, panelIndex: number, panel: IPanel): boolean;
         dynamicPanelItemValueChanged(question: IQuestion, options: any): void;
         dynamicPanelItemValueChanging(question: IQuestion, options: any): void;
@@ -17223,7 +17225,7 @@ declare module "packages/survey-core/src/dropdownListModel" {
         private applyInputString;
         private cleanHtml;
         protected fixInputCase(): void;
-        protected applyHintString(item: ItemValue): void;
+        protected applyHintString(): void;
         get inputStringRendered(): string;
         set inputStringRendered(val: string);
         get placeholderRendered(): any;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.29
+ * surveyjs - Survey JavaScript library v1.12.30
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2101,6 +2101,11 @@ var DomWindowHelper = /** @class */ (function () {
             return null;
         return window.innerHeight;
     };
+    DomWindowHelper.getDevicePixelRatio = function () {
+        if (!DomWindowHelper.isAvailable())
+            return null;
+        return window.devicePixelRatio;
+    };
     DomWindowHelper.getWindow = function () {
         if (!DomWindowHelper.isAvailable())
             return;
@@ -44496,7 +44501,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (goToFirstPage) {
             this.currentPage = this.firstVisiblePage;
             if (this.currentSingleElement) {
-                var questions = this.getSingleQuestions();
+                var questions = this.getSingleElements();
                 this.currentSingleElement = questions.length > 0 ? questions[0] : undefined;
             }
         }
@@ -44805,7 +44810,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return this.nextPage();
         if (this.validationEnabled && !q.validate(true))
             return false;
-        var questions = this.getSingleQuestions();
+        var questions = this.getSingleElements();
         var index = questions.indexOf(q);
         if (index < 0 || index === questions.length - 1)
             return false;
@@ -44826,7 +44831,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var q = this.currentSingleElement;
         if (!q)
             return this.prevPage();
-        var questions = this.getSingleQuestions();
+        var questions = this.getSingleElements();
         var index = questions.indexOf(q);
         if (index === 0)
             return false;
@@ -45417,17 +45422,16 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         });
         this.updateButtonsVisibility();
     };
-    SurveyModel.prototype.getSingleQuestions = function () {
+    SurveyModel.prototype.getSingleElements = function (includeEl) {
         var res = new Array();
         var pages = this.pages;
         var _loop_3 = function () {
             var p = pages[i];
             if (!p.isStartPage && p.isVisible) {
-                var qs_1 = [];
-                //p.addQuestionsToList(qs, true);
-                p.elements.forEach(function (el) { return qs_1.push(el); });
-                qs_1.forEach(function (q) { if (q.isVisible)
-                    res.push(q); });
+                var els_1 = [];
+                p.elements.forEach(function (el) { return els_1.push(el); });
+                els_1.forEach(function (el) { if (el === includeEl || el.isVisible)
+                    res.push(el); });
             }
         };
         for (var i = 0; i < pages.length; i++) {
@@ -45484,6 +45488,15 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.changeCurrentSingleElementOnVisibilityChanged = function () {
+        var el = this.currentSingleElement;
+        if (!el || el.isVisible)
+            return;
+        var els = this.getSingleElements(el);
+        var index = els.indexOf(el);
+        var newEl = (index > 0) ? els[index - 1] : (index < els.length - 1 ? els[index + 1] : undefined);
+        this.currentSingleElement = newEl;
+    };
     SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue) {
         if (this.isShowingPreview || this.isDesignMode)
             return;
@@ -45495,9 +45508,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             this.updatePagesContainer();
         }
         if (this.isSingleVisibleQuestion) {
-            var questions = this.getSingleQuestions();
-            if (questions.length > 0) {
-                this.currentSingleElement = questions[0];
+            var els = this.getSingleElements();
+            if (els.length > 0) {
+                this.currentSingleElement = els[0];
             }
         }
     };
@@ -45589,7 +45602,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var lVal = undefined;
         var q = this.currentSingleElement;
         if (!!q) {
-            var questions = this.getSingleQuestions();
+            var questions = this.getSingleElements();
             var index = questions.indexOf(q);
             if (index >= 0) {
                 fVal = index === 0;
@@ -46345,25 +46358,18 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onMatrixCellValidate.fire(this, options);
         return options.error ? new CustomError(options.error, this) : null;
     };
-    SurveyModel.prototype.dynamicPanelAdded = function (question, panelIndex, panel) {
-        if (!this.isLoadingFromJson && this.hasQuestionVisibleIndeces(question)) {
+    SurveyModel.prototype.dynamicPanelAdded = function (question, panelIndex, panel, updateIndexes) {
+        if (!this.isLoadingFromJson && updateIndexes) {
             this.updateVisibleIndexes(question.page);
         }
-        if (this.onDynamicPanelAdded.isEmpty)
-            return;
-        var panels = question.panels;
-        if (panelIndex === undefined) {
-            panelIndex = panels.length - 1;
-            panel = panels[panelIndex];
-        }
         this.onDynamicPanelAdded.fire(this, { question: question, panel: panel, panelIndex: panelIndex });
     };
-    SurveyModel.prototype.dynamicPanelRemoved = function (question, panelIndex, panel) {
+    SurveyModel.prototype.dynamicPanelRemoved = function (question, panelIndex, panel, updateIndexes) {
         var questions = !!panel ? panel.questions : [];
         for (var i = 0; i < questions.length; i++) {
             questions[i].clearOnDeletingContainer();
         }
-        if (this.hasQuestionVisibleIndeces(question)) {
+        if (updateIndexes) {
             this.updateVisibleIndexes(question.page);
         }
         this.onDynamicPanelRemoved.fire(this, {
@@ -46372,14 +46378,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             panel: panel,
         });
     };
-    SurveyModel.prototype.hasQuestionVisibleIndeces = function (question) {
-        var qList = question.getNestedQuestions(true);
-        for (var i = 0; i < qList.length; i++) {
-            if (qList[i].visibleIndex > -1)
-                return true;
-        }
-        return false;
-    };
     SurveyModel.prototype.dynamicPanelRemoving = function (question, panelIndex, panel) {
         var options = {
             question: question,
@@ -48010,6 +48008,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (resetIndexes) {
             this.updateVisibleIndexes(question.page);
         }
+        if (!newValue) {
+            this.changeCurrentSingleElementOnVisibilityChanged();
+        }
         this.onQuestionVisibleChanged.fire(this, {
             question: question,
             name: question.name,
@@ -48023,6 +48024,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             this.updateCurrentPage();
         }
         this.updateVisibleIndexes();
+        if (!newValue) {
+            this.changeCurrentSingleElementOnVisibilityChanged();
+        }
         this.onPageVisibleChanged.fire(this, {
             page: page,
             visible: newValue,
@@ -48030,6 +48034,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.panelVisibilityChanged = function (panel, newValue) {
         this.updateVisibleIndexes(panel.page);
+        if (!newValue) {
+            this.changeCurrentSingleElementOnVisibilityChanged();
+        }
         this.onPanelVisibleChanged.fire(this, {
             panel: panel,
             visible: newValue,
@@ -53429,6 +53436,8 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         }
         var updateAfterFilterStringChanged = function () {
             _this.setFilterStringToListModel(_this.filterString);
+            if (_this.filterString)
+                _this.applyHintString();
             _this.popupRecalculatePosition(true);
         };
         if (this.question.choicesLazyLoadEnabled) {
@@ -53476,7 +53485,8 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         if (hintStringMiddle && this.inputString != hintStringMiddle)
             this.inputString = hintStringMiddle;
     };
-    DropdownListModel.prototype.applyHintString = function (item) {
+    DropdownListModel.prototype.applyHintString = function () {
+        var item = this.listModel.focusedItem || this.question.selectedItem;
         var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
         if (hasHtml || this.question.inputFieldComponentName) {
             this._markdownMode = true;
@@ -53496,9 +53506,6 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
             if (!val) {
                 this.hintString = "";
             }
-            else {
-                this.applyHintString(this.listModel.focusedItem || this.question.selectedItem);
-            }
         },
         enumerable: false,
         configurable: true
@@ -53559,7 +53566,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "hintStringSuffix", {
         get: function () {
-            return this.hintString.substring(this.hintStringLC.indexOf(this.inputStringLC) + this.inputStringLC.length);
+            return this.hintStringLC.indexOf(this.inputStringLC) >= 0 ? this.hintString.substring(this.hintStringLC.indexOf(this.inputStringLC) + this.inputStringLC.length) : "";
         },
         enumerable: false,
         configurable: true
@@ -53688,7 +53695,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
             this.applyInputString(this.listModel.focusedItem || this.question.selectedItem);
         }
         else {
-            this.applyHintString(this.listModel.focusedItem || this.question.selectedItem);
+            this.applyHintString();
         }
         this.fixInputCase();
         this.ariaActivedescendant = (_a = this.listModel.focusedItem) === null || _a === void 0 ? void 0 : _a.elementId;
@@ -59221,7 +59228,7 @@ var dropdownMultiSelectListModel_DropdownMultiSelectListModel = /** @class */ (f
         var newValue = [].concat(this.question.renderedValue || []);
         newValue.splice(newValue.indexOf(id), 1);
         this.question.renderedValue = newValue;
-        this.applyHintString(this.listModel.focusedItem);
+        this.applyHintString();
         this.updateListState();
     };
     DropdownMultiSelectListModel.prototype.clear = function () {
@@ -59264,7 +59271,7 @@ var dropdownMultiSelectListModel_DropdownMultiSelectListModel = /** @class */ (f
     DropdownMultiSelectListModel.prototype.afterScrollToFocusedItem = function () {
         var _a;
         if (!((_a = this.listModel.focusedItem) === null || _a === void 0 ? void 0 : _a.selected)) {
-            this.applyHintString(this.listModel.focusedItem || this.question.selectedItem);
+            this.applyHintString();
         }
         else {
             this.hintString = "";
@@ -66349,8 +66356,7 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
         _this._loadedData = undefined;
         _this.updateValueHandler = function () {
             _this._loadedData = undefined;
-            _this.scaleCanvas(false, true);
-            _this.loadPreview(_this.value);
+            _this.scaleCanvas(true, true);
         };
         return _this;
     }
@@ -66458,7 +66464,13 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
     QuestionSignaturePadModel.prototype.fromDataUrl = function (data) {
         this._loadedData = data;
         if (this.signaturePad) {
-            this.signaturePad.fromDataURL(data, { width: this.canvas.width * this.scale, height: this.canvas.height * this.scale });
+            var devicePixelRatio_1 = DomWindowHelper.getDevicePixelRatio();
+            var ratio = (this.dataFormat === "svg" && !!devicePixelRatio_1) ? devicePixelRatio_1 : 1;
+            var options = {
+                width: this.canvas.width * this.scale / ratio,
+                height: this.canvas.height * this.scale / ratio
+            };
+            this.signaturePad.fromDataURL(data, options);
         }
     };
     Object.defineProperty(QuestionSignaturePadModel.prototype, "loadedData", {
@@ -68691,8 +68703,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         if (!this.isRenderModeList) {
             this.currentIndex = index;
         }
-        if (this.survey)
-            this.survey.dynamicPanelAdded(this);
+        this.notifyOnPanelAddedRemoved(true, index);
         return this.panelsCore[index];
     };
     QuestionPanelDynamicModel.prototype.updateValueOnAddingPanel = function (prevIndex, index) {
@@ -68825,10 +68836,26 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         this.value = value;
         this.updateFooterActions();
         this.fireCallback(this.panelCountChangedCallback);
-        if (this.survey)
-            this.survey.dynamicPanelRemoved(this, index, panel);
+        this.notifyOnPanelAddedRemoved(false, index, panel);
         this.isValueChangingInternally = false;
     };
+    QuestionPanelDynamicModel.prototype.notifyOnPanelAddedRemoved = function (isAdded, index, panel) {
+        if (!panel) {
+            panel = this.panelsCore[index];
+        }
+        if (this.survey) {
+            var updateIndeces = this.showQuestionNumbers === "onSurvey";
+            if (isAdded) {
+                this.survey.dynamicPanelAdded(this, index, panel, updateIndeces);
+            }
+            else {
+                this.survey.dynamicPanelRemoved(this, index, panel, updateIndeces);
+            }
+        }
+        if (isAdded && !!panel && this.showQuestionNumbers === "onPanel") {
+            panel.setVisibleIndex(0);
+        }
+    };
     QuestionPanelDynamicModel.prototype.getVisualPanelIndex = function (val) {
         if (helpers_Helpers.isNumber(val))
             return val;
@@ -69021,7 +69048,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         this.assignOnPropertyChangedToTemplate();
         if (!!this.survey) {
             for (var i = 0; i < this.panelCount; i++) {
-                this.survey.dynamicPanelAdded(this);
+                this.notifyOnPanelAddedRemoved(true, i);
             }
         }
         this.updateIsReady();
@@ -72903,9 +72930,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.29";
+Version = "" + "1.12.30";
 settings.version = Version;
-ReleaseDate = "" + "2025-03-24";
+ReleaseDate = "" + "2025-03-31";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName