survey-react 1.12.20 → 1.12.21

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * 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.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * 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.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * 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.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * 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.20",
+  "version": "1.12.21",
   "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.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * 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.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * 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

@@ -8317,7 +8317,7 @@ declare module "packages/survey-core/src/survey-events-api" {
          */
         text: string;
     }
-    export interface DynamicPanelItemValueChangedEvent extends PanelDynamicQuestionEventMixin {
+    export interface DynamicPanelValueChangedEvent extends PanelDynamicQuestionEventMixin {
         /**
          * The panel's data object that includes all item values.
          */
@@ -8341,6 +8341,14 @@ declare module "packages/survey-core/src/survey-events-api" {
          */
         panel: PanelModel;
     }
+    export interface DynamicPanelValueChangingEvent extends DynamicPanelValueChangedEvent {
+        /**
+         * The item's old value.
+         */
+        oldValue: any;
+    }
+    export interface DynamicPanelItemValueChangedEvent extends DynamicPanelValueChangedEvent {
+    }
     export interface DynamicPanelCurrentIndexChangedEvent extends PanelDynamicQuestionEventMixin {
         /**
          * A panel for which the event is raised.
@@ -9905,7 +9913,7 @@ declare module "packages/survey-core/src/survey" {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * To handle value changes in matrix cells or panels within a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), use the [`onMatrixCellValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixCellValueChanged) or [`onDynamicPanelItemValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelItemValueChanged) event.
+         * To handle value changes in matrix cells or panels within a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), use the [`onMatrixCellValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixCellValueChanged) or [`onDynamicPanelValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelValueChanged) event.
          * @see setValue
          */
         onValueChanged: EventBase<SurveyModel, ValueChangedEvent>;
@@ -10435,7 +10443,12 @@ declare module "packages/survey-core/src/survey" {
         /**
          * 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.
          */
+        onDynamicPanelValueChanged: EventBase<SurveyModel, DynamicPanelItemValueChangedEvent>;
         onDynamicPanelItemValueChanged: EventBase<SurveyModel, DynamicPanelItemValueChangedEvent>;
+        /**
+         * 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.
+         */
+        onDynamicPanelValueChanging: EventBase<SurveyModel, DynamicPanelItemValueChangedEvent>;
         /**
          * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
          *
@@ -12085,6 +12098,7 @@ declare module "packages/survey-core/src/survey" {
         private hasQuestionVisibleIndeces;
         dynamicPanelRemoving(question: QuestionPanelDynamicModel, panelIndex: number, panel: PanelModel): boolean;
         dynamicPanelItemValueChanged(question: IQuestion, options: any): void;
+        dynamicPanelItemValueChanging(question: IQuestion, options: any): void;
         dynamicPanelGetTabTitle(question: IQuestion, options: any): void;
         dynamicPanelCurrentIndexChanged(question: IQuestion, options: any): void;
         dragAndDropAllow(options: DragDropAllowEvent): boolean;
@@ -15216,7 +15230,8 @@ declare module "packages/survey-core/src/base-interfaces" {
         dynamicPanelAdded(question: IQuestion, panelIndex?: number, panel?: IPanel): void;
         dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): void;
         dynamicPanelRemoving(question: IQuestion, panelIndex: number, panel: IPanel): boolean;
-        dynamicPanelItemValueChanged(question: IQuestion, options: any): any;
+        dynamicPanelItemValueChanged(question: IQuestion, options: any): void;
+        dynamicPanelItemValueChanging(question: IQuestion, options: any): void;
         dynamicPanelGetTabTitle(question: IQuestion, options: any): any;
         dynamicPanelCurrentIndexChanged(question: IQuestion, options: any): void;
         dragAndDropAllow(options: DragDropAllowEvent): boolean;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.20
+ * surveyjs - Survey JavaScript library v1.12.21
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -40356,7 +40356,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * To handle value changes in matrix cells or panels within a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), use the [`onMatrixCellValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixCellValueChanged) or [`onDynamicPanelItemValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelItemValueChanged) event.
+         * To handle value changes in matrix cells or panels within a [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model), use the [`onMatrixCellValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixCellValueChanged) or [`onDynamicPanelValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onDynamicPanelValueChanged) event.
          * @see setValue
          */
         _this.onValueChanged = _this.addEvent();
@@ -40886,7 +40886,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         /**
          * 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.
          */
-        _this.onDynamicPanelItemValueChanged = _this.addEvent();
+        _this.onDynamicPanelValueChanged = _this.addEvent();
+        _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.
+         */
+        _this.onDynamicPanelValueChanging = _this.addEvent();
         /**
          * An event that is raised before a [Dynamic Panel](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/) renders [tab titles](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle). Use this event to change individual tab titles.
          *
@@ -45972,7 +45977,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         var id = question.inputId;
         var root = settings.environment.root;
-        if (!!id && htmlElement.id !== id && typeof root !== "undefined") {
+        if (!!id && (!htmlElement || htmlElement.id !== id) && typeof root !== "undefined") {
             var el = root.getElementById(id);
             if (!!el) {
                 htmlElement = el;
@@ -46173,9 +46178,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.dynamicPanelItemValueChanged = function (question, options) {
         options.question = question;
-        options.panelIndex = options.itemIndex;
-        options.panelData = options.itemValue;
-        this.onDynamicPanelItemValueChanged.fire(this, options);
+        this.onDynamicPanelValueChanged.fire(this, options);
+    };
+    SurveyModel.prototype.dynamicPanelItemValueChanging = function (question, options) {
+        options.question = question;
+        this.onDynamicPanelValueChanging.fire(this, options);
     };
     SurveyModel.prototype.dynamicPanelGetTabTitle = function (question, options) {
         options.question = question;
@@ -69217,6 +69224,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         }
         if (!qValue[index])
             qValue[index] = {};
+        var oldVal = qValue[index][name];
         if (!this.isValueEmpty(val)) {
             qValue[index][name] = val;
         }
@@ -69226,17 +69234,20 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         if (index >= 0 && index < this.panelsCore.length) {
             this.changingValueQuestion = this.panelsCore[index].getQuestionByValueName(name);
         }
+        var options = {
+            panel: item.panel,
+            name: name,
+            panelIndex: index,
+            panelData: qValue[index],
+            value: val,
+            oldValue: oldVal
+        };
+        if (this.survey) {
+            this.survey.dynamicPanelItemValueChanging(this, options);
+        }
         this.value = qValue;
         this.changingValueQuestion = null;
         if (this.survey) {
-            var options = {
-                question: this,
-                panel: item.panel,
-                name: name,
-                itemIndex: index,
-                itemValue: qValue[index],
-                value: val,
-            };
             this.survey.dynamicPanelItemValueChanged(this, options);
         }
         this.isSetPanelItemData[name]--;
@@ -72621,9 +72632,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.20";
+Version = "" + "1.12.21";
 settings.version = Version;
-ReleaseDate = "" + "2025-01-21";
+ReleaseDate = "" + "2025-01-28";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName