survey-react 1.12.32 → 1.12.34

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.32
+ * surveyjs - Survey JavaScript library v1.12.34
  * 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.32
+ * surveyjs - Survey JavaScript library v1.12.34
  * 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.32",
+  "version": "1.12.34",
   "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.32
+ * surveyjs - Survey JavaScript library v1.12.34
  * 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.32
+ * surveyjs - Survey JavaScript library v1.12.34
  * 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

@@ -3635,6 +3635,7 @@ declare module "packages/survey-core/src/panel" {
         updateElementVisibility(): void;
         getFirstQuestionToFocus(withError?: boolean, ignoreCollapseState?: boolean): Question;
         getFirstVisibleQuestion(): Question;
+        getFirstVisibleElement(): IElement;
         /**
          * Focuses the first question in this panel/page.
          * @see focusFirstErrorQuestion
@@ -4241,6 +4242,7 @@ declare module "packages/survey-core/src/question_file" {
         get multipleRendered(): string;
         get showChooseButton(): boolean;
         get showFileDecorator(): boolean;
+        get showDragAreaPlaceholder(): boolean;
         get allowShowPreview(): boolean;
         get showPreviewContainer(): boolean;
         get showRemoveButtonCore(): boolean;
@@ -9281,6 +9283,7 @@ declare module "packages/survey-core/src/question_text" {
         onCompositionUpdate: (event: any) => void;
         onKeyUp: (event: any) => void;
         private updateDateValidationMessage;
+        readOnlyBlocker: (event: any) => boolean;
         onKeyDown: (event: any) => void;
         onChange: (event: any) => void;
         protected onBlurCore(event: any): void;
@@ -14665,6 +14668,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         getAllValues(): any;
         getFilteredValues(): any;
         getFilteredProperties(): any;
+        private getDataRowValue;
         private applyRowVariablesToValues;
         runCondition(values: HashTable<any>, properties: HashTable<any>, rowsVisibleIf?: string): void;
         updateElementVisibility(): void;
@@ -17237,7 +17241,8 @@ declare module "packages/survey-core/src/dropdownListModel" {
         protected applyHintString(): void;
         get inputStringRendered(): string;
         set inputStringRendered(val: string);
-        get placeholderRendered(): any;
+        inputPlaceholder: string;
+        get placeholderRendered(): string;
         get listElementId(): string;
         hasScroll: boolean;
         hintString: string;
@@ -17257,6 +17262,7 @@ declare module "packages/survey-core/src/dropdownListModel" {
         get inputMode(): "none" | "text";
         setSearchEnabled(newValue: boolean): void;
         setChoicesLazyLoadEnabled(newValue: boolean): void;
+        setInputPlaceholder(newValue: string): void;
         updateItems(): void;
         onClick(event: any): void;
         chevronPointerDown(event: any): void;
@@ -17292,9 +17298,10 @@ declare module "packages/survey-core/src/question_dropdown" {
     export class QuestionDropdownModel extends QuestionSelectBase {
         dropdownListModelValue: DropdownListModel;
         lastSelectedItemValue: ItemValue;
-        updateReadOnlyText(): void;
         constructor(name: string);
         locStrsChanged(): void;
+        private updateReadOnlyText;
+        private updateInputPlaceholder;
         get showOptionsCaption(): boolean;
         set showOptionsCaption(val: boolean);
         get showClearButton(): boolean;
@@ -17390,7 +17397,10 @@ declare module "packages/survey-core/src/question_dropdown" {
          */
         textWrapEnabled: boolean;
         inputHasValue: boolean;
-        readOnlyText: string;
+        get readOnlyText(): string;
+        set readOnlyText(val: string);
+        get locReadOnlyText(): LocalizableString;
+        protected calculateReadOnlyText(): string;
         /**
          * Enables lazy loading. If you set this property to `true`, you should implement the Survey's [`onChoicesLazyLoad`](https://surveyjs.io/form-library/documentation/surveymodel#onChoicesLazyLoad) event handler.
          * @see choicesLazyLoadPageSize
@@ -18568,6 +18578,8 @@ declare module "packages/survey-core/src/question_rating" {
     export class QuestionRatingModel extends Question {
         constructor(name: string);
         private setIconsToRateValues;
+        locStrsChanged(): void;
+        private updateReadOnlyText;
         endLoadingFromJson(): void;
         private _syncPropertiesChanging;
         private registerSychProperties;
@@ -18825,7 +18837,9 @@ declare module "packages/survey-core/src/question_rating" {
         get renderedValue(): any;
         set renderedValue(val: any);
         isItemSelected(item: ItemValue): boolean;
-        get readOnlyText(): any;
+        get readOnlyText(): string;
+        set readOnlyText(val: string);
+        get locReadOnlyText(): LocalizableString;
         needResponsiveWidth(): boolean;
         protected supportResponsiveness(): boolean;
         protected onBeforeSetCompactRenderer(): void;
@@ -19229,6 +19243,8 @@ declare module "packages/survey-core/src/question_buttongroup" {
      */
     export class QuestionButtonGroupModel extends QuestionCheckboxBase {
         constructor(name: string);
+        locStrsChanged(): void;
+        private updateReadOnlyText;
         getType(): string;
         protected getItemValueType(): string;
         supportOther(): boolean;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.32
+ * surveyjs - Survey JavaScript library v1.12.34
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -25814,7 +25814,9 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
         if (!!q && q.comment !== newValue) {
             q.comment = newValue;
         }
-        this.value = val;
+        if (!this.settingNewValue) {
+            this.value = val;
+        }
     };
     QuestionCompositeModel.prototype.getComment = function (name) {
         var q = this.getQuestionByName(name);
@@ -29418,7 +29420,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
         this.isCreatingDetailPanel = true;
         this.detailPanelValue = this.data.createRowDetailPanel(this);
         var questions = this.detailPanelValue.questions;
-        var value = this.data.getRowValue(this.data.getRowIndex(this));
+        var value = this.getDataRowValue();
         if (!helpers_Helpers.isValueEmpty(value)) {
             for (var i = 0; i < questions.length; i++) {
                 var key = questions[i].getValueName();
@@ -29443,12 +29445,27 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
             }
         }
         res.row = this.getAllValues();
+        if (this.data) {
+            var rowVal = this.getDataRowValue();
+            if (rowVal) {
+                for (var key in rowVal) {
+                    if (res.row[key] === undefined) {
+                        res.row[key] = rowVal[key];
+                    }
+                }
+            }
+        }
         this.applyRowVariablesToValues(res, this.rowIndex);
         return res;
     };
     MatrixDropdownRowModelBase.prototype.getFilteredProperties = function () {
         return { survey: this.getSurvey(), row: this };
     };
+    MatrixDropdownRowModelBase.prototype.getDataRowValue = function () {
+        if (!this.data)
+            return null;
+        return this.data.getRowValue(this.data.getRowIndex(this));
+    };
     MatrixDropdownRowModelBase.prototype.applyRowVariablesToValues = function (res, rowIndex) {
         res[MatrixDropdownRowModelBase.IndexVariableName] = rowIndex;
         res[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
@@ -29462,7 +29479,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
         this.applyRowVariablesToValues(values, rowIndex);
         var newProps = helpers_Helpers.createCopy(properties);
         newProps[MatrixDropdownRowModelBase.RowVariableName] = this;
-        var rowValues = rowIndex > 0 ? this.data.getRowValue(this.rowIndex - 1) : this.value;
+        var rowValues = rowIndex > 0 ? this.getDataRowValue() : this.value;
         if (!!rowsVisibleIf) {
             values[MatrixDropdownRowModelBase.RowVariableName] = rowValues;
             this.setRowsVisibleIfValues(values);
@@ -37579,6 +37596,14 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         return null;
     };
+    PanelModelBase.prototype.getFirstVisibleElement = function () {
+        var els = this.elements;
+        for (var i = 0; i < els.length; i++) {
+            if (els[i].isVisible)
+                return els[i];
+        }
+        return null;
+    };
     /**
      * Focuses the first question in this panel/page.
      * @see focusFirstErrorQuestion
@@ -39818,7 +39843,7 @@ var page_PageModel = /** @class */ (function (_super) {
      */
     PageModel.prototype.scrollToTop = function () {
         if (!!this.survey) {
-            this.survey.scrollElementToTop(this, null, this, this.id);
+            this.survey.scrollElementToTop(this, null, this, this.id, true, { block: "start" });
         }
     };
     /**
@@ -42773,7 +42798,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         get: function () {
             if (this.isDesignMode)
                 return this.isPropertyVisible("description");
-            return !!this.hasDescription;
+            return !!this.hasDescription && this.showTitle;
         },
         enumerable: false,
         configurable: true
@@ -48038,6 +48063,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (!newValue) {
             this.changeCurrentSingleElementOnVisibilityChanged();
         }
+        var el = this.currentSingleElement;
+        var curPage = this.currentPage;
+        if (!!el && !!curPage && el.page !== curPage) {
+            this.currentSingleElement = curPage.getFirstVisibleElement();
+        }
         this.onPageVisibleChanged.fire(this, {
             page: page,
             visible: newValue,
@@ -49080,12 +49110,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             }
             else if (isStrCiEqual(layoutElement.id, "buttons-navigation")) {
                 if (container === "contentTop") {
-                    if (["top", "both"].indexOf(this.isNavigationButtonsShowing) !== -1) {
+                    if (this.isNavigationButtonsShowingOnTop) {
                         containerLayoutElements.push(layoutElement);
                     }
                 }
                 if (container === "contentBottom") {
-                    if (["bottom", "both"].indexOf(this.isNavigationButtonsShowing) !== -1) {
+                    if (this.isNavigationButtonsShowingOnBottom) {
                         containerLayoutElements.push(layoutElement);
                     }
                 }
@@ -51357,7 +51387,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.updateValueFromSurvey = function (newValue, clearData) {
         var newComment = "";
-        if (this.hasOther &&
+        if (this.hasOther && this.activeChoices.length > 0 &&
             !this.isRunningChoices &&
             !this.choicesByUrl.isRunning &&
             this.getStoreOthersAsComment()) {
@@ -53199,6 +53229,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         _this.listModel = _this.createListModel();
         _this.updateAfterListModelCreated(_this.listModel);
         _this.setChoicesLazyLoadEnabled(_this.question.choicesLazyLoadEnabled);
+        _this.setInputPlaceholder(_this.question.placeholder);
         _this.setSearchEnabled(_this.question.searchEnabled);
         _this.setTextWrapEnabled(_this.question.textWrapEnabled);
         _this.createPopup();
@@ -53524,7 +53555,7 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(DropdownListModel.prototype, "placeholderRendered", {
         get: function () {
-            return this.hintString ? "" : this.question.readOnlyText;
+            return (this.hintString || this.question.readOnly || !this.question.isEmpty()) ? "" : this.inputPlaceholder;
         },
         enumerable: false,
         configurable: true
@@ -53635,6 +53666,9 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
     DropdownListModel.prototype.setChoicesLazyLoadEnabled = function (newValue) {
         this.listModel.setOnFilterStringChangedCallback(newValue ? this.listModelFilterStringChanged : undefined);
     };
+    DropdownListModel.prototype.setInputPlaceholder = function (newValue) {
+        this.inputPlaceholder = newValue;
+    };
     DropdownListModel.prototype.updateItems = function () {
         this.listModel.setItems(this.getAvailableItems());
     };
@@ -53851,6 +53885,9 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
     dropdownListModel_decorate([
         jsonobject_property()
     ], DropdownListModel.prototype, "ariaActivedescendant", void 0);
+    dropdownListModel_decorate([
+        jsonobject_property()
+    ], DropdownListModel.prototype, "inputPlaceholder", void 0);
     dropdownListModel_decorate([
         jsonobject_property({
             defaultValue: false,
@@ -53915,33 +53952,29 @@ var question_dropdown_QuestionDropdownModel = /** @class */ (function (_super) {
         _this.ariaExpanded = "false";
         _this.createLocalizableString("placeholder", _this, false, true);
         _this.createLocalizableString("clearCaption", _this, false, true);
+        _this.createLocalizableString("readOnlyText", _this, true);
         _this.registerPropertyChangedHandlers(["choicesMin", "choicesMax", "choicesStep"], function () {
             _this.onVisibleChoicesChanged();
         });
         _this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], function () {
+            _this.getSingleSelectedItem();
             _this.updateReadOnlyText();
         });
         _this.updateReadOnlyText();
         return _this;
     }
-    QuestionDropdownModel.prototype.updateReadOnlyText = function () {
-        var result = !!this.selectedItem ? "" : this.placeholder;
-        if (this.renderAs == "select") {
-            if (this.isOtherSelected) {
-                result = this.otherText;
-            }
-            else if (this.isNoneSelected) {
-                result = this.noneText;
-            }
-            else if (!!this.selectedItem) {
-                result = this.selectedItemText;
-            }
-        }
-        this.readOnlyText = result;
-    };
     QuestionDropdownModel.prototype.locStrsChanged = function () {
         _super.prototype.locStrsChanged.call(this);
         this.updateReadOnlyText();
+        this.updateInputPlaceholder(this.placeholder);
+    };
+    QuestionDropdownModel.prototype.updateReadOnlyText = function () {
+        this.readOnlyText = this.calculateReadOnlyText();
+    };
+    QuestionDropdownModel.prototype.updateInputPlaceholder = function (val) {
+        if (!!this.dropdownListModelValue) {
+            this.dropdownListModel.setInputPlaceholder(val);
+        }
     };
     Object.defineProperty(QuestionDropdownModel.prototype, "showOptionsCaption", {
         get: function () {
@@ -53979,6 +54012,7 @@ var question_dropdown_QuestionDropdownModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setLocalizableStringText("placeholder", val);
+            this.updateInputPlaceholder(val);
         },
         enumerable: false,
         configurable: true
@@ -54126,6 +54160,34 @@ var question_dropdown_QuestionDropdownModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionDropdownModel.prototype, "readOnlyText", {
+        get: function () {
+            return this.getLocalizableStringText("readOnlyText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("readOnlyText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionDropdownModel.prototype, "locReadOnlyText", {
+        get: function () {
+            return this.getLocalizableString("readOnlyText");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionDropdownModel.prototype.calculateReadOnlyText = function () {
+        if (this.renderAs == "select") {
+            if (this.isOtherSelected)
+                return this.otherText;
+            if (this.isNoneSelected)
+                return this.noneText;
+            if (!!this.selectedItem)
+                return this.selectedItemText;
+        }
+        return !!this.selectedItem ? this.selectedItemText : this.placeholder;
+    };
     QuestionDropdownModel.prototype.getControlClass = function () {
         return new CssClassBuilder()
             .append(this.cssClasses.control)
@@ -54313,9 +54375,6 @@ var question_dropdown_QuestionDropdownModel = /** @class */ (function (_super) {
     question_dropdown_decorate([
         jsonobject_property({ defaultValue: false })
     ], QuestionDropdownModel.prototype, "inputHasValue", void 0);
-    question_dropdown_decorate([
-        jsonobject_property({ defaultValue: "" })
-    ], QuestionDropdownModel.prototype, "readOnlyText", void 0);
     question_dropdown_decorate([
         jsonobject_property({
             onSet: function (newValue, target) {
@@ -55517,7 +55576,7 @@ var InputElementAdapter = /** @class */ (function () {
         if (_value === null || _value === undefined) {
             _value = "";
         }
-        this.setInputValue(inputMaskInstance.getMaskedValue(_value));
+        this.setInputValue(inputMaskInstance.saveMaskedValue ? _value : inputMaskInstance.getMaskedValue(_value));
         this.prevUnmaskedValue = _value;
         inputMaskInstance.onPropertyChanged.add(this.inputMaskInstancePropertyChangedHandler);
         this.addInputEventListener();
@@ -55654,7 +55713,16 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
             }
             _this.updateRemainingCharacterCounter(event.target.value);
         };
+        _this.readOnlyBlocker = function (event) {
+            if (_this.isReadOnlyAttr) {
+                event.preventDefault();
+                return true;
+            }
+        };
         _this.onKeyDown = function (event) {
+            if (_this.readOnlyBlocker(event)) {
+                return;
+            }
             _this.onKeyDownPreprocess && _this.onKeyDownPreprocess(event);
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
@@ -56664,7 +56732,9 @@ var question_multipletext_MultipleTextItemModel = /** @class */ (function (_supe
             _this.title = title;
         }
         _this.editor.onPropertyChanged.add(function (sender, options) {
-            _this.onPropertyChanged.fire(_this, options);
+            if (options.name !== "maskSettings") {
+                _this.onPropertyChanged.fire(_this, options);
+            }
         });
         return _this;
     }
@@ -59402,6 +59472,9 @@ var question_tagbox_QuestionTagboxModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setLocalizableStringText("placeholder", val);
+            if (!!this.dropdownListModelValue) {
+                this.dropdownListModel.setInputPlaceholder(val);
+            }
         },
         enumerable: false,
         configurable: true
@@ -62308,6 +62381,13 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionFileModel.prototype, "showDragAreaPlaceholder", {
+        get: function () {
+            return !this.isAnswered;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "allowShowPreview", {
         get: function () {
             var isShowLoadingIndicator = this.showLoadingIndicator;
@@ -63292,6 +63372,11 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             .onStringChanged.add(function (sender, options) {
             _this.hasMaxRateDescription = !sender.isEmpty;
         });
+        _this.createLocalizableString("readOnlyText", _this, true);
+        _this.registerPropertyChangedHandlers(["value", "renderAs", "placeholder", "choices", "visibleChoices"], function () {
+            _this.updateReadOnlyText();
+        });
+        _this.updateReadOnlyText();
         _this.initPropertyDependencies();
         return _this;
     }
@@ -63301,6 +63386,15 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             this.rateValues.map(function (item) { return item.icon = _this.getItemSmiley(item); });
         }
     };
+    QuestionRatingModel.prototype.locStrsChanged = function () {
+        var _a;
+        _super.prototype.locStrsChanged.call(this);
+        this.updateReadOnlyText();
+        (_a = this.dropdownListModelValue) === null || _a === void 0 ? void 0 : _a.locStrsChanged();
+    };
+    QuestionRatingModel.prototype.updateReadOnlyText = function () {
+        this.readOnlyText = this.displayValue || this.placeholder;
+    };
     QuestionRatingModel.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
         if (this.jsonObj.rateMin !== undefined && this.jsonObj.rateCount !== undefined && this.jsonObj.rateMax === undefined) {
@@ -64106,9 +64200,17 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionRatingModel.prototype, "readOnlyText", {
         get: function () {
-            if (this.readOnly)
-                return (this.displayValue || this.placeholder);
-            return this.isEmpty() ? this.placeholder : "";
+            return this.getLocalizableStringText("readOnlyText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("readOnlyText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionRatingModel.prototype, "locReadOnlyText", {
+        get: function () {
+            return this.getLocalizableString("readOnlyText");
         },
         enumerable: false,
         configurable: true
@@ -71365,8 +71467,24 @@ var question_buttongroup_ButtonGroupItemValue = /** @class */ (function (_super)
 var QuestionButtonGroupModel = /** @class */ (function (_super) {
     question_buttongroup_extends(QuestionButtonGroupModel, _super);
     function QuestionButtonGroupModel(name) {
-        return _super.call(this, name) || this;
+        var _this = _super.call(this, name) || this;
+        _this.createLocalizableString("buttongroupOptionsCaption", _this, false, true);
+        _this.createLocalizableString("readOnlyText", _this, true);
+        _this.registerPropertyChangedHandlers(["value", "renderAs", "placeholder", "choices", "visibleChoices"], function () {
+            _this.updateReadOnlyText();
+        });
+        _this.updateReadOnlyText();
+        return _this;
     }
+    QuestionButtonGroupModel.prototype.locStrsChanged = function () {
+        var _a;
+        _super.prototype.locStrsChanged.call(this);
+        this.updateReadOnlyText();
+        (_a = this.dropdownListModelValue) === null || _a === void 0 ? void 0 : _a.locStrsChanged();
+    };
+    QuestionButtonGroupModel.prototype.updateReadOnlyText = function () {
+        this.readOnlyText = this.displayValue || this.placeholder;
+    };
     QuestionButtonGroupModel.prototype.getType = function () {
         return "buttongroup";
     };
@@ -72951,9 +73069,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.32";
+Version = "" + "1.12.34";
 settings.version = Version;
-ReleaseDate = "" + "2025-04-13";
+ReleaseDate = "" + "2025-04-29";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -86987,7 +87105,7 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
     };
     SurveyQuestionRankingItem.prototype.renderElement = function () {
         var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { id: this.question.getItemId(this.item), tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { tabIndex: -1, style: { outline: "none" } },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.cssClasses.itemGhostNode }),
                 external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.cssClasses.itemContent },
@@ -87467,19 +87585,21 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         return this.questionBase.renderedValue;
     };
     SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
-        return external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", null, this.question.readOnlyText);
+        if (this.question.locReadOnlyText) {
+            return this.renderLocString(this.question.locReadOnlyText);
+        }
+        else {
+            return null;
+        }
     };
     SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
         var _this = this;
         var _a, _b;
         var selectElement = null;
         if (this.question.isReadOnly) {
-            var text = (this.question.selectedItemLocText) ? this.renderLocString(this.question.selectedItemLocText) : "";
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            selectElement = external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: function (div) { return (_this.setControl(div)); } },
-                text,
-                this.renderReadOnlyElement());
+            selectElement = external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: function (div) { return (_this.setControl(div)); } }, this.renderReadOnlyElement());
         }
         else {
             selectElement = external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], null,
@@ -88251,7 +88371,7 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
         var actionsContainer = this.question.actionsContainerVisible ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
         var noFileChosen = this.question.isEmpty() ? (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.getFileDecoratorCss() },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
+            this.question.showDragAreaPlaceholder ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)) : false,
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.wrapper },
                 chooseButton,
                 actionsContainer,
@@ -88872,7 +88992,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
                 // disabled={this.isDisplayMode}
                 disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: inputClass, type: this.question.inputType, 
                 //ref={this.controlRef}
-                ref: function (input) { return (_this.setControl(input)); }, style: this.question.inputStyle, maxLength: this.question.getMaxLength(), min: this.question.renderedMin, max: this.question.renderedMax, step: this.question.renderedStep, size: this.question.inputSize, placeholder: placeholder, list: this.question.dataListId, autoComplete: this.question.autocomplete, onBlur: function (event) { _this.question.onBlur(event); }, onFocus: function (event) { _this.question.onFocus(event); }, onChange: this.question.onChange, onKeyUp: this.question.onKeyUp, onKeyDown: this.question.onKeyDown, onCompositionUpdate: function (event) { return _this.question.onCompositionUpdate(event.nativeEvent); }, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
+                ref: function (input) { return (_this.setControl(input)); }, style: this.question.inputStyle, maxLength: this.question.getMaxLength(), min: this.question.renderedMin, max: this.question.renderedMax, step: this.question.renderedStep, size: this.question.inputSize, placeholder: placeholder, list: this.question.dataListId, autoComplete: this.question.autocomplete, onBlur: function (event) { _this.question.onBlur(event); }, onFocus: function (event) { _this.question.onFocus(event); }, onChange: this.question.onChange, onClick: this.question.readOnlyBlocker, onPointerDown: this.question.readOnlyBlocker, onKeyUp: this.question.onKeyUp, onKeyDown: this.question.onKeyDown, onCompositionUpdate: function (event) { return _this.question.onCompositionUpdate(event.nativeEvent); }, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
             counter));
     };
     SurveyQuestionText.prototype.renderElement = function () {