survey-react 1.12.18 → 1.12.20

package/defaultV2.css

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

@@ -9107,6 +9107,7 @@ declare module "packages/survey-core/src/question_text" {
         set inputType(val: string);
         getMaxLength(): any;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         isLayoutTypeSupported(layoutType: string): boolean;
         /**
          * A value passed on to the [`size`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size) attribute of the underlying `<input>` element.
@@ -11560,6 +11561,7 @@ declare module "packages/survey-core/src/survey" {
         get currentPage(): any;
         set currentPage(value: any);
         tryNavigateToPage(page: PageModel): boolean;
+        private performValidationOnPageChanging;
         private updateCurrentPage;
         private get isCurrentPageAvailable();
         private isPageExistsInSurvey;
@@ -11980,7 +11982,7 @@ declare module "packages/survey-core/src/survey" {
         private setIsValidatingOnServer;
         private createServerValidationOptions;
         protected onIsValidatingOnServerChanged(): void;
-        protected doServerValidation(doComplete: boolean, isPreview?: boolean): boolean;
+        protected doServerValidation(doComplete: boolean, isPreview?: boolean, page?: PageModel): boolean;
         private completeServerValidation;
         protected doNextPage(): void;
         setCompleted(trigger: Trigger): void;
@@ -12410,6 +12412,7 @@ declare module "packages/survey-core/src/survey" {
         protected doOnPageRemoved(page: PageModel): void;
         private generateNewName;
         protected tryGoNextPageAutomatic(name: string): void;
+        private tryCompleteOrShowPreview;
         /**
          * Returns a comment value from a question with a specified `name`.
          * @param name A question name.
@@ -13545,6 +13548,7 @@ declare module "packages/survey-core/src/question" {
         private triggersInfo;
         private addTriggerInfo;
         private runTriggerInfo;
+        private canExecuteTriggerByKeys;
         runTriggers(name: string, value: any, keys?: any): void;
         private runConditions;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -18453,6 +18457,7 @@ declare module "packages/survey-core/src/question_rating" {
     import { DropdownListModel } from "packages/survey-core/src/dropdownListModel";
     import { ISurveyImpl } from "packages/survey-core/src/base-interfaces";
     import { ITheme } from "packages/survey-core/src/themes";
+    import { HashTable } from "packages/survey-core/src/helpers";
     export class RenderedRatingItem extends Base {
         itemValue: ItemValue;
         private locString;
@@ -18565,8 +18570,16 @@ declare module "packages/survey-core/src/question_rating" {
         get visibleRateValues(): ItemValue[];
         protected supportEmptyValidation(): boolean;
         itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
-        private createRenderedRateItems;
-        renderedRateItems: Array<RenderedRatingItem>;
+        protected runConditionCore(values: HashTable<any>, properties: HashTable<any>): void;
+        protected runRateItesmCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        private getRateValuesCore;
+        private calculateRateValues;
+        private calculateRenderedRateItems;
+        private calculateVisibleChoices;
+        private iCounter;
+        private resetRenderedItems;
+        get renderedRateItems(): Array<RenderedRatingItem>;
+        get visibleChoices(): ItemValue[];
         private createRateValues;
         private getRatingItemValue;
         private correctValue;
@@ -18721,8 +18734,6 @@ declare module "packages/survey-core/src/question_rating" {
         get renderedValue(): any;
         set renderedValue(val: any);
         isItemSelected(item: ItemValue): boolean;
-        private visibleChoicesValue;
-        get visibleChoices(): ItemValue[];
         get readOnlyText(): any;
         needResponsiveWidth(): boolean;
         protected supportResponsiveness(): boolean;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.18
+ * surveyjs - Survey JavaScript library v1.12.20
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -10407,8 +10407,15 @@ var base_Base = /** @class */ (function () {
             if (!!calcFunc) {
                 var newVal = calcFunc();
                 if (newVal !== undefined) {
-                    this.setPropertyValueDirectly(name, newVal);
-                    return newVal;
+                    if (Array.isArray(newVal)) {
+                        var array = this.createNewArray(name);
+                        array.splice.apply(array, base_spreadArray([0, 0], newVal));
+                        return array;
+                    }
+                    else {
+                        this.setPropertyValueDirectly(name, newVal);
+                        return newVal;
+                    }
                 }
             }
             var propDefaultValue = this.getDefaultPropertyValue(name);
@@ -19521,7 +19528,7 @@ var question_Question = /** @class */ (function (_super) {
         this.ensureSetValueExpressionRunner();
         if (!this.setValueExpressionRunner)
             return false;
-        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, this.setValueExpressionRunner.getVariables());
+        return this.canExecuteTriggerByKeys(keys, this.setValueExpressionRunner);
     };
     Question.prototype.addTriggerInfo = function (name, canRun, doComplete) {
         var info = new TriggerExpressionInfo(name, canRun, doComplete);
@@ -19548,11 +19555,17 @@ var question_Question = /** @class */ (function (_super) {
         else {
             info.runner.expression = expression;
         }
-        if (!new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, info.runner.getVariables()) && !info.runSecondCheck(keys))
+        if (!this.canExecuteTriggerByKeys(keys, info.runner) && !info.runSecondCheck(keys))
             return;
         info.isRunning = true;
         info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
     };
+    Question.prototype.canExecuteTriggerByKeys = function (keys, runner) {
+        var vars = runner.getVariables();
+        if ((!vars || vars.length === 0) && runner.hasFunction())
+            return true;
+        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, vars);
+    };
     Question.prototype.runTriggers = function (name, value, keys) {
         var _this = this;
         if (this.isSettingQuestionValue || (this.parentQuestion && this.parentQuestion.getValueName() === name))
@@ -28034,6 +28047,9 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             },
             getEnterOptions: function (_, info) {
                 return { cssClass: _this.cssClasses.rowEnter, onBeforeRunAnimation: onBeforeRunAnimation, onAfterRunAnimation: onAfterRunAnimation };
+            },
+            getKey: function (item) {
+                return item.id;
             }
         };
     };
@@ -28801,6 +28817,7 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
         var res = new question_matrixdropdownrendered_QuestionMatrixDropdownRenderedCell();
         res.cell = cell;
         res.row = cell.row;
+        res.column = cell.column;
         res.question = cell.question;
         res.matrix = this.matrix;
         res.item = choiceItem;
@@ -37896,8 +37913,10 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.onElementStartWithNewLineChanged = function (element) {
         if (this.locCountRowUpdates > 0)
             return;
+        this.blockAnimations();
         this.updateRowsBeforeElementRemoved(element);
         this.updateRowsOnElementAdded(element);
+        this.releaseAnimations();
     };
     PanelModelBase.prototype.updateRowsVisibility = function (element) {
         var rows = this.rows;
@@ -40071,11 +40090,6 @@ function createTOCListModel(survey, onAction) {
     var items = getTOCItems(survey, onAction);
     var listOptions = {
         items: items,
-        onSelectionChanged: function (item) {
-            if (!!item.action()) {
-                listModel.selectedItem = item;
-            }
-        },
         searchEnabled: false,
         locOwner: survey,
     };
@@ -40108,7 +40122,6 @@ function getTOCItems(survey, onAction) {
                 if (page.isPage) {
                     return survey.tryNavigateToPage(page);
                 }
-                return tryFocusPage(survey, page);
             },
             visible: new ComputedUpdater(function () {
                 return page.isVisible && !(page["isStartPage"]);
@@ -43988,7 +44001,17 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyModel.prototype.tryNavigateToPage = function (page) {
+    SurveyModel.prototype.tryNavigateToPage = function (page /*, serverValidationRes?: (res: boolean)=> void*/) {
+        if (!this.performValidationOnPageChanging(page))
+            return false;
+        var index = this.visiblePages.indexOf(page);
+        var res = index < this.currentPageNo || !this.doServerValidation(false, false, page);
+        if (res) {
+            this.currentPage = page;
+        }
+        return res;
+    };
+    SurveyModel.prototype.performValidationOnPageChanging = function (page) {
         if (this.isDesignMode)
             return false;
         var index = this.visiblePages.indexOf(page);
@@ -43996,10 +44019,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return false;
         if (index === this.currentPageNo)
             return false;
-        if (index < this.currentPageNo || this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages) {
-            this.currentPageNo = index;
+        if (index < this.currentPageNo || this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages)
             return true;
-        }
         if (!this.validateCurrentPage())
             return false;
         for (var i = this.currentPageNo + 1; i < index; i++) {
@@ -44008,7 +44029,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 return false;
             page_1.passed = true;
         }
-        this.currentPage = page;
         return true;
     };
     SurveyModel.prototype.updateCurrentPage = function () {
@@ -45551,14 +45571,14 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.setPropertyValue("isValidatingOnServer", val);
         this.onIsValidatingOnServerChanged();
     };
-    SurveyModel.prototype.createServerValidationOptions = function (doComplete, isPreview) {
+    SurveyModel.prototype.createServerValidationOptions = function (doComplete, isPreview, page) {
         var self = this;
         var options = {
             data: {},
             errors: {},
             survey: this,
             complete: function () {
-                self.completeServerValidation(options, isPreview);
+                self.completeServerValidation(options, isPreview, page);
             },
         };
         if (doComplete && this.isValidateOnComplete) {
@@ -45578,7 +45598,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         return options;
     };
     SurveyModel.prototype.onIsValidatingOnServerChanged = function () { };
-    SurveyModel.prototype.doServerValidation = function (doComplete, isPreview) {
+    SurveyModel.prototype.doServerValidation = function (doComplete, isPreview, page) {
         var _this = this;
         if (isPreview === void 0) { isPreview = false; }
         if (!this.onServerValidateQuestions ||
@@ -45590,14 +45610,14 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var isFunc = typeof this.onServerValidateQuestions === "function";
         this.serverValidationEventCount = !isFunc ? this.onServerValidateQuestions.length : 1;
         if (isFunc) {
-            this.onServerValidateQuestions(this, this.createServerValidationOptions(doComplete, isPreview));
+            this.onServerValidateQuestions(this, this.createServerValidationOptions(doComplete, isPreview, page));
         }
         else {
-            this.onServerValidateQuestions.fireByCreatingOptions(this, function () { return _this.createServerValidationOptions(doComplete, isPreview); });
+            this.onServerValidateQuestions.fireByCreatingOptions(this, function () { return _this.createServerValidationOptions(doComplete, isPreview, page); });
         }
         return true;
     };
-    SurveyModel.prototype.completeServerValidation = function (options, isPreview) {
+    SurveyModel.prototype.completeServerValidation = function (options, isPreview, page) {
         if (this.serverValidationEventCount > 1) {
             this.serverValidationEventCount--;
             if (!!options && !!options.errors && Object.keys(options.errors).length === 0)
@@ -45632,10 +45652,15 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 this.showPreviewCore();
             }
             else {
-                if (self.isLastPage)
-                    self.doComplete();
-                else
-                    self.doNextPage();
+                if (page) {
+                    this.currentPage = page;
+                }
+                else {
+                    if (self.isLastPage)
+                        self.doComplete();
+                    else
+                        self.doNextPage();
+                }
             }
         }
     };
@@ -47620,6 +47645,22 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         if (!question.validate(false) && !question.supportGoNextPageError())
             return;
+        if (!!this.currentSingleQuestion) {
+            var curQuestion_1 = this.currentSingleQuestion;
+            var goNextQuestion = function () {
+                if (curQuestion_1 !== _this.currentSingleQuestion)
+                    return;
+                if (!_this.isLastElement) {
+                    _this.performNext();
+                }
+                else {
+                    if (_this.allowCompleteSurveyAutomatic) {
+                        _this.tryCompleteOrShowPreview();
+                    }
+                }
+            };
+            surveyTimerFunctions.safeTimeOut(goNextQuestion, settings.autoAdvanceDelay);
+        }
         var questions = this.getCurrentPageQuestions();
         if (questions.indexOf(question) < 0)
             return;
@@ -47639,16 +47680,19 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 _this.nextPage();
             }
             else {
-                if (_this.isShowPreviewBeforeComplete) {
-                    _this.showPreview();
-                }
-                else {
-                    _this.tryComplete();
-                }
+                _this.tryCompleteOrShowPreview();
             }
         };
         surveyTimerFunctions.safeTimeOut(goNextPage, settings.autoAdvanceDelay);
     };
+    SurveyModel.prototype.tryCompleteOrShowPreview = function () {
+        if (this.isShowPreviewBeforeComplete) {
+            this.showPreview();
+        }
+        else {
+            this.tryComplete();
+        }
+    };
     /**
      * Returns a comment value from a question with a specified `name`.
      * @param name A question name.
@@ -55481,6 +55525,11 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
             this.setRenderedMinMax(values, properties);
         }
     };
+    QuestionTextModel.prototype.getDisplayValueCore = function (keysAsText, value) {
+        if (!this.maskTypeIsEmpty && !helpers_Helpers.isValueEmpty(value))
+            return this.maskInstance.getMaskedValue(value);
+        return _super.prototype.getDisplayValueCore.call(this, keysAsText, value);
+    };
     QuestionTextModel.prototype.isLayoutTypeSupported = function (layoutType) {
         return true;
     };
@@ -62909,24 +62958,24 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     function QuestionRatingModel(name) {
         var _this = _super.call(this, name) || this;
         _this._syncPropertiesChanging = false;
+        _this.iCounter = 0;
         _this.createItemValues("rateValues");
-        _this.createRenderedRateItems();
         _this.createLocalizableString("ratingOptionsCaption", _this, false, true);
         _this.registerFunctionOnPropertiesValueChanged(["rateMin", "rateMax",
-            "minRateDescription", "maxRateDescription", "rateStep", "displayRateDescriptionsAsExtremeItems"], function () { return _this.createRenderedRateItems(); });
+            "minRateDescription", "maxRateDescription", "rateStep", "displayRateDescriptionsAsExtremeItems"], function () { return _this.resetRenderedItems(); });
         _this.registerFunctionOnPropertiesValueChanged(["rateType"], function () {
             _this.setIconsToRateValues();
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
             _this.updateRateCount();
         });
         _this.registerFunctionOnPropertiesValueChanged(["rateValues"], function () {
             _this.setIconsToRateValues();
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
         });
         _this.registerSychProperties(["rateValues"], function () {
             _this.autoGenerate = _this.rateValues.length == 0;
             _this.setIconsToRateValues();
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
         });
         _this.registerFunctionOnPropertiesValueChanged(["rateColorMode", "scaleColorMode"], function () {
             _this.updateColors(_this.survey.themeVariables);
@@ -62942,7 +62991,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
                 _this.rateValues.splice(0, _this.rateValues.length);
                 _this.updateRateMax();
             }
-            _this.createRenderedRateItems();
+            _this.resetRenderedItems();
         });
         _this.createLocalizableString("minRateDescription", _this, true)
             .onStringChanged.add(function (sender, options) {
@@ -62973,7 +63022,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             this.autoGenerate = !this.jsonObj.rateValues.length;
         this.updateRateCount();
         this.setIconsToRateValues();
-        this.createRenderedRateItems();
     };
     QuestionRatingModel.prototype.registerSychProperties = function (names, func) {
         var _this = this;
@@ -63077,7 +63125,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("rateValues", val);
-            this.createRenderedRateItems();
         },
         enumerable: false,
         configurable: true
@@ -63186,6 +63233,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
         QuestionRatingModel.normalColorLight = getRGBColor("--sjs-special-yellow-light", "--sd-rating-normal-color-light");
         QuestionRatingModel.goodColorLight = getRGBColor("--sjs-special-green-light", "--sd-rating-good-color-light");
         this.colorsCalculated = true;
+        this.resetRenderedItems();
     };
     QuestionRatingModel.prototype.getDisplayValueCore = function (keysAsText, value) {
         if (!this.useRateValues)
@@ -63206,22 +63254,55 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             this.autoGenerate = false;
         _super.prototype.itemValuePropertyChanged.call(this, item, name, oldValue, newValue);
     };
-    QuestionRatingModel.prototype.createRenderedRateItems = function () {
-        var _this = this;
-        var rateValues = [];
-        if (this.useRateValues()) {
-            rateValues = this.rateValues;
+    QuestionRatingModel.prototype.runConditionCore = function (values, properties) {
+        _super.prototype.runConditionCore.call(this, values, properties);
+        this.runRateItesmCondition(values, properties);
+    };
+    QuestionRatingModel.prototype.runRateItesmCondition = function (values, properties) {
+        var _a;
+        if (!this.useRateValues())
+            return;
+        var isChanged = false;
+        if ((_a = this.survey) === null || _a === void 0 ? void 0 : _a.areInvisibleElementsShowing) {
+            this.rateValues.forEach(function (item) {
+                isChanged = isChanged || !item.isVisible;
+                item.setIsVisible(item, true);
+            });
         }
         else {
-            rateValues = this.createRateValues();
+            isChanged = itemvalue_ItemValue.runConditionsForItems(this.rateValues, undefined, undefined, values, properties, true);
         }
-        if (this.autoGenerate) {
-            this.rateMax = rateValues[rateValues.length - 1].value;
+        if (isChanged) {
+            this.resetRenderedItems();
+            if (!this.isEmpty() && !this.isReadOnly) {
+                var item = itemvalue_ItemValue.getItemByValue(this.rateValues, this.value);
+                if (item && !item.isVisible) {
+                    this.clearValue();
+                }
+            }
         }
+    };
+    QuestionRatingModel.prototype.getRateValuesCore = function () {
+        if (!this.useRateValues())
+            return this.createRateValues();
+        var items = new Array();
+        this.rateValues.forEach(function (item) {
+            if (item.isVisible) {
+                items.push(item);
+            }
+        });
+        return items;
+    };
+    QuestionRatingModel.prototype.calculateRateValues = function () {
+        var rateValues = this.getRateValuesCore();
         if (this.rateType == "smileys" && rateValues.length > 10)
             rateValues = rateValues.slice(0, 10);
-        this.visibleChoicesValue = rateValues.map(function (i, idx) { return _this.getRatingItemValue(i, idx); });
-        this.renderedRateItems = rateValues.map(function (v, i) {
+        return rateValues;
+    };
+    QuestionRatingModel.prototype.calculateRenderedRateItems = function () {
+        var _this = this;
+        var rateValues = this.calculateRateValues();
+        return rateValues.map(function (v, i) {
             var renderedItem = null;
             if (_this.displayRateDescriptionsAsExtremeItems) {
                 if (i == 0)
@@ -63234,6 +63315,39 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             return renderedItem;
         });
     };
+    QuestionRatingModel.prototype.calculateVisibleChoices = function () {
+        var _this = this;
+        var rateValues = this.calculateRateValues();
+        return rateValues.map(function (i, idx) { return _this.getRatingItemValue(i, idx); });
+    };
+    QuestionRatingModel.prototype.resetRenderedItems = function () {
+        if (this.autoGenerate) {
+            var rateValues = this.getRateValuesCore();
+            this.rateMax = rateValues[rateValues.length - 1].value;
+        }
+        if (Array.isArray(this.getPropertyValueWithoutDefault("renderedRateItems"))) {
+            this.setArrayPropertyDirectly("renderedRateItems", this.calculateRenderedRateItems());
+        }
+        if (Array.isArray(this.getPropertyValueWithoutDefault("visibleChoices"))) {
+            this.setArrayPropertyDirectly("visibleChoices", this.calculateVisibleChoices);
+        }
+    };
+    Object.defineProperty(QuestionRatingModel.prototype, "renderedRateItems", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("renderedRateItems", undefined, function () { return _this.calculateRenderedRateItems(); });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRatingModel.prototype, "visibleChoices", {
+        get: function () {
+            var _this = this;
+            return this.getPropertyValue("visibleChoices", undefined, function () { return _this.calculateVisibleChoices(); });
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionRatingModel.prototype.createRateValues = function () {
         var res = [];
         var value = this.rateMin;
@@ -63707,13 +63821,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.isItemSelected = function (item) {
         return item.value == this.value;
     };
-    Object.defineProperty(QuestionRatingModel.prototype, "visibleChoices", {
-        get: function () {
-            return this.visibleChoicesValue;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(QuestionRatingModel.prototype, "readOnlyText", {
         get: function () {
             if (this.readOnly)
@@ -63782,7 +63889,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.themeChanged = function (theme) {
         this.colorsCalculated = false;
         this.updateColors(theme.cssVariables);
-        this.createRenderedRateItems();
     };
     QuestionRatingModel.prototype.setSurveyImpl = function (value, isLight) {
         _super.prototype.setSurveyImpl.call(this, value, isLight);
@@ -63808,9 +63914,6 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     question_rating_decorate([
         jsonobject_property()
     ], QuestionRatingModel.prototype, "rateCount", void 0);
-    question_rating_decorate([
-        propertyArray()
-    ], QuestionRatingModel.prototype, "renderedRateItems", void 0);
     question_rating_decorate([
         jsonobject_property({ defaultValue: false })
     ], QuestionRatingModel.prototype, "hasMinRateDescription", void 0);
@@ -72518,9 +72621,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.18";
+Version = "" + "1.12.20";
 settings.version = Version;
-ReleaseDate = "" + "2025-01-10";
+ReleaseDate = "" + "2025-01-21";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -89125,7 +89228,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
         var content = _super.prototype.renderCellContent.call(this);
-        var responsiveTitle = this.cell.showResponsiveTitle ? (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
+        var responsiveTitle = this.cell.showResponsiveTitle ? (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.cell.responsiveTitleCss },
+            this.renderLocString(this.cell.responsiveLocTitle),
+            external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: this.cell.column, question: this.cell.matrix }))) : null;
         return external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], null,
             responsiveTitle,
             content);