survey-react 1.12.12 → 1.12.13

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.12
+ * surveyjs - Survey JavaScript library v1.12.13
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2427,13 +2427,16 @@ var helpers_Helpers = /** @class */ (function () {
     };
     Helpers.getNumberCore = function (value) {
         if (typeof value == "string") {
-            if (!value.trim())
+            value = value.trim();
+            if (!value)
                 return NaN;
             if (value.indexOf("0x") == 0) {
                 if (value.length > 32)
                     return NaN;
                 return parseInt(value);
             }
+            if (value.length > 15 && Helpers.isDigitsOnly(value))
+                return NaN;
             if (Helpers.isStringHasOperator(value))
                 return NaN;
         }
@@ -2545,6 +2548,15 @@ var helpers_Helpers = /** @class */ (function () {
     Helpers.isCharDigit = function (ch) {
         return ch >= "0" && ch <= "9";
     };
+    Helpers.isDigitsOnly = function (str) {
+        if (!str)
+            return false;
+        for (var i = 0; i < str.length; i++) {
+            if (!Helpers.isCharDigit(str[i]))
+                return false;
+        }
+        return true;
+    };
     Helpers.getNumberFromStr = function (str, index) {
         if (!this.isCharDigit(str[index]))
             return NaN;
@@ -3607,7 +3619,7 @@ var CustomPropertiesCollection = /** @class */ (function () {
             prop.serializationProperty &&
             obj.createCustomLocalizableObj) {
             var locStr = obj.createCustomLocalizableObj(prop.name);
-            locStr.defaultValue = prop.defaultValue;
+            locStr.defaultValue = prop.getDefaultValue(obj);
             var locDesc = {
                 get: function () {
                     return obj.getLocalizableString(prop.name);
@@ -3625,7 +3637,6 @@ var CustomPropertiesCollection = /** @class */ (function () {
             Object.defineProperty(obj, prop.name, desc);
         }
         else {
-            var defaultValue = prop.defaultValue;
             var isArrayProp = prop.isArray || prop.type === "multiplevalues";
             if (typeof obj.createNewArray === "function") {
                 if (Serializer.isDescendantOf(prop.className, "itemvalue")) {
@@ -3642,10 +3653,10 @@ var CustomPropertiesCollection = /** @class */ (function () {
                     }
                 }
                 if (isArrayProp) {
+                    var defaultValue = prop.getDefaultValue(obj);
                     if (Array.isArray(defaultValue)) {
                         obj.setPropertyValue(prop.name, defaultValue);
                     }
-                    defaultValue = null;
                 }
             }
             if (!!obj.getPropertyValue && !!obj.setPropertyValue) {
@@ -3654,7 +3665,7 @@ var CustomPropertiesCollection = /** @class */ (function () {
                         if (!!prop.onGetValue) {
                             return prop.onGetValue(obj);
                         }
-                        return obj.getPropertyValue(prop.name, defaultValue);
+                        return obj.getPropertyValue(prop.name, undefined);
                     },
                     set: function (v) {
                         if (!!prop.onSetValue) {
@@ -10378,9 +10389,9 @@ var base_Base = /** @class */ (function () {
         var prop = this.getPropertyByName(name);
         if (!prop || prop.isCustom && this.isCreating)
             return undefined;
-        var dValue = prop.defaultValue;
         if (!!prop.defaultValueFunc)
-            return dValue;
+            return prop.defaultValueFunc(this);
+        var dValue = prop.getDefaultValue(this);
         if (!this.isPropertyEmpty(dValue) && !Array.isArray(dValue))
             return dValue;
         var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
@@ -14157,6 +14168,7 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
     SurveyElement.prototype.getTitleToolbar = function () {
         if (!this.titleToolbarValue) {
             this.titleToolbarValue = this.createActionContainer(true);
+            this.titleToolbarValue.locOwner = this;
             this.titleToolbarValue.containerCss = (this.isPanel ? this.cssClasses.panel.titleBar : this.cssClasses.titleBar) || "sv-action-title-bar";
             this.titleToolbarValue.setItems(this.getTitleActions());
         }
@@ -14193,6 +14205,12 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         }
         this.setPropertyValue("titleActions", actions);
     };
+    SurveyElement.prototype.locStrsChanged = function () {
+        _super.prototype.locStrsChanged.call(this);
+        if (!!this.titleToolbarValue) {
+            this.titleToolbarValue.locStrsChanged();
+        }
+    };
     Object.defineProperty(SurveyElement.prototype, "hasTitleActions", {
         get: function () {
             return this.getTitleActions().length > 0;
@@ -19389,10 +19407,8 @@ var question_Question = /** @class */ (function (_super) {
         this.triggersInfo.push(info);
         return info;
     };
-    Question.prototype.runTriggerInfo = function (info, name, value) {
+    Question.prototype.runTriggerInfo = function (info, keys) {
         var expression = this[info.name];
-        var keys = {};
-        keys[name] = value;
         if (!expression || info.isRunning || !info.canRun()) {
             if (info.runSecondCheck(keys)) {
                 info.doComplete();
@@ -19416,12 +19432,16 @@ var question_Question = /** @class */ (function (_super) {
         info.isRunning = true;
         info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
     };
-    Question.prototype.runTriggers = function (name, value) {
+    Question.prototype.runTriggers = function (name, value, keys) {
         var _this = this;
         if (this.isSettingQuestionValue || (this.parentQuestion && this.parentQuestion.getValueName() === name))
             return;
+        if (!keys) {
+            keys = {};
+            keys[name] = value;
+        }
         this.triggersInfo.forEach(function (info) {
-            _this.runTriggerInfo(info, name, value);
+            _this.runTriggerInfo(info, keys);
         });
     };
     Question.prototype.runConditions = function () {
@@ -20063,8 +20083,8 @@ var question_Question = /** @class */ (function (_super) {
     };
     Question.prototype.getCssDescription = function (cssClasses) {
         return new CssClassBuilder()
-            .append(cssClasses.description, this.hasDescriptionUnderTitle)
-            .append(cssClasses.descriptionUnderInput, this.hasDescriptionUnderInput)
+            .append(cssClasses.description)
+            .append(cssClasses.descriptionUnderInput, this.getDescriptionLocation() == "underInput")
             .toString();
     };
     Question.prototype.showErrorOnCore = function (location) {
@@ -28117,7 +28137,7 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             return;
         this.headerRowValue = this.createRenderedRow(this.cssClasses);
         if (this.isRowsDragAndDrop) {
-            this.headerRow.cells.push(this.createHeaderCell(null, "action"));
+            this.headerRow.cells.push(this.createHeaderCell(null, "action", this.cssClasses.actionsCellDrag));
         }
         if (this.hasActionCellInRows("start")) {
             this.headerRow.cells.push(this.createHeaderCell(null, "action"));
@@ -28665,22 +28685,23 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
             return null;
         return choices;
     };
-    QuestionMatrixDropdownRenderedTable.prototype.setHeaderCellCssClasses = function (cell, cellType) {
+    QuestionMatrixDropdownRenderedTable.prototype.setHeaderCellCssClasses = function (cell, cellType, classMod) {
         cell.className = new CssClassBuilder()
             .append(this.cssClasses.headerCell)
             .append(this.cssClasses.columnTitleCell, this.matrix.isColumnLayoutHorizontal)
             .append(this.cssClasses.emptyCell, !!cell.isEmpty)
             .append(this.cssClasses.cell + "--" + cellType, !!cellType)
+            .append(classMod, !!classMod)
             .toString();
     };
-    QuestionMatrixDropdownRenderedTable.prototype.createHeaderCell = function (column, cellType) {
+    QuestionMatrixDropdownRenderedTable.prototype.createHeaderCell = function (column, cellType, classMod) {
         if (cellType === void 0) { cellType = null; }
         var cell = !!column ? this.createTextCell(column.locTitle) : this.createEmptyCell();
         cell.column = column;
         this.setHeaderCell(column, cell);
         if (!cellType)
             cellType = (!!column && column.cellType !== "default") ? column.cellType : this.matrix.cellType;
-        this.setHeaderCellCssClasses(cell, cellType);
+        this.setHeaderCellCssClasses(cell, cellType, classMod);
         return cell;
     };
     QuestionMatrixDropdownRenderedTable.prototype.setHeaderCell = function (column, cell) {
@@ -30316,9 +30337,9 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             counter < 3);
         this.updateVisibilityBasedOnRows();
     };
-    QuestionMatrixDropdownModelBase.prototype.runTriggers = function (name, value) {
-        _super.prototype.runTriggers.call(this, name, value);
-        this.runFuncForCellQuestions(function (q) { q.runTriggers(name, value); });
+    QuestionMatrixDropdownModelBase.prototype.runTriggers = function (name, value, keys) {
+        _super.prototype.runTriggers.call(this, name, value, keys);
+        this.runFuncForCellQuestions(function (q) { q.runTriggers(name, value, keys); });
     };
     QuestionMatrixDropdownModelBase.prototype.updateElementVisibility = function () {
         _super.prototype.updateElementVisibility.call(this);
@@ -30553,7 +30574,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         /**
          * An error message displayed when users enter a duplicate value into a column that accepts only unique values (`isUnique` is set to `true` or `keyName` is specified).
          *
-         * A default value for this property is taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/master/src/localization). Refer to the following help topic for more information: [Localization & Globalization](https://surveyjs.io/form-library/documentation/localization).
+         * A default value for this property is taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/01bd8abd0c574719956d4d579d48c8010cd389d4/packages/survey-core/src/localization). Refer to the following help topic for more information: [Localization & Globalization](https://surveyjs.io/form-library/documentation/localization).
          * @see isUniqueCaseSensitive
          */
         get: function () {
@@ -32816,7 +32837,7 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
         return true;
     };
     QuestionMatrixDynamicModel.prototype.onPointerDown = function (pointerDownEvent, row) {
-        if (!row || !this.isRowsDragAndDrop)
+        if (!row || !this.isRowsDragAndDrop || this.isDesignMode)
             return;
         if (this.isBanStartDrag(pointerDownEvent))
             return;
@@ -34131,7 +34152,7 @@ var defaultV2Css = {
         requiredText: "sd-question__required-text",
         number: "sd-element__num",
         description: "sd-description sd-question__description",
-        descriptionUnderInput: "sd-description sd-question__description sd-question__description--under-input",
+        descriptionUnderInput: "sd-question__description--under-input",
         comment: "sd-input sd-comment",
         other: "sd-input sd-comment",
         required: "sd-question--required",
@@ -45847,7 +45868,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 }, elementsToRenderBefore);
             }
             else {
-                if (!elementPage_1 && !this.isSinglePage && !this.isDesignMode && this.rootElement) {
+                if (element.isPage && !this.isSinglePage && !this.isDesignMode && this.rootElement) {
                     var elementToScroll = this.rootElement.querySelector(classesToSelector(this.css.rootWrapper));
                     survey_element_SurveyElement.ScrollElementToViewCore(elementToScroll, false, scrollIfVisible, scrollIntoViewOptions, onScolledCallback);
                 }
@@ -46372,12 +46393,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 var question = questions[i];
                 this.checkQuestionErrorOnValueChanged(question);
                 question.onSurveyValueChanged(newValue);
-                this.fireOnValueChanged(valueName, newValue, question);
             }
         }
-        else {
-            this.fireOnValueChanged(valueName, newValue, null);
-        }
+        this.fireOnValueChanged(valueName, newValue, !!questionName ? this.getQuestionByName(questionName) : undefined);
         if (this.isDisposed)
             return;
         this.checkElementsBindings(valueName, newValue);
@@ -46551,11 +46569,17 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.runConditionOnValueChanged = function (name, value) {
         if (this.isRunningConditions) {
             this.conditionValues[name] = value;
+            if (this.questionTriggersKeys) {
+                this.questionTriggersKeys[name] = value;
+            }
             this.isValueChangedOnRunningCondition = true;
         }
         else {
+            this.questionTriggersKeys = {};
+            this.questionTriggersKeys[name] = value;
             this.runConditions();
             this.runQuestionsTriggers(name, value);
+            this.questionTriggersKeys = undefined;
         }
     };
     SurveyModel.prototype.runConditionsCore = function (properties) {
@@ -46572,10 +46596,13 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
     };
     SurveyModel.prototype.runQuestionsTriggers = function (name, value) {
+        var _this = this;
         if (this.isDisplayMode || this.isDesignMode)
             return;
         var questions = this.getAllQuestions();
-        questions.forEach(function (q) { return q.runTriggers(name, value); });
+        questions.forEach(function (q) {
+            q.runTriggers(name, value, _this.questionTriggersKeys);
+        });
     };
     SurveyModel.prototype.checkIfNewPagesBecomeVisible = function (oldCurrentPageIndex) {
         var newCurrentPageIndex = this.pages.indexOf(this.currentPage);
@@ -52479,11 +52506,8 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
         var _this = this;
         var isUpdate = (this.itemsSettings.skip + 1) < this.itemsSettings.totalCount;
         if (!this.itemsSettings.skip || isUpdate) {
+            this.resetTimer();
             if (!!this.filterString && settings.dropdownSearchDelay > 0) {
-                if (!!this.timer) {
-                    clearTimeout(this.timer);
-                    this.timer = undefined;
-                }
                 this.timer = setTimeout(function () {
                     _this.loadQuestionChoices(callbackAfterItemsLoaded);
                 }, settings.dropdownSearchDelay);
@@ -52493,6 +52517,12 @@ var dropdownListModel_DropdownListModel = /** @class */ (function (_super) {
             }
         }
     };
+    DropdownListModel.prototype.resetTimer = function () {
+        if (!!this.timer) {
+            clearTimeout(this.timer);
+            this.timer = undefined;
+        }
+    };
     DropdownListModel.prototype.updatePopupFocusFirstInputSelector = function () {
         this._popupModel.focusFirstInputSelector = this.focusFirstInputSelector;
     };
@@ -60349,6 +60379,12 @@ var question_comment_QuestionCommentModel = /** @class */ (function (_super) {
         _super.prototype.setNewValue.call(this, newValue);
     };
     QuestionCommentModel.prototype.getValueSeparator = function () { return "\n"; };
+    QuestionCommentModel.prototype.notifyStateChanged = function (prevState) {
+        _super.prototype.notifyStateChanged.call(this, prevState);
+        if (!this.isCollapsed) {
+            this.textAreaModel.updateElement();
+        }
+    };
     Object.defineProperty(QuestionCommentModel.prototype, "className", {
         get: function () {
             return (this.cssClasses ? this.getControlClass() : "panel-comment-root") || undefined;
@@ -62267,7 +62303,7 @@ var question_radiogroup_QuestionRadiogroupModel = /** @class */ (function (_supe
         var actions = [];
         if (this.isDefaultV2Theme && !this.isDesignMode) {
             var clearAction = new action_Action({
-                title: this.clearButtonCaption,
+                locTitleName: "clearCaption",
                 id: "sv-clr-btn-" + this.id,
                 action: function () { _this.clearValue(true); },
                 innerCss: this.cssClasses.clearButton,
@@ -66514,7 +66550,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         /**
          * A placeholder for tab titles that applies when the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) expression doesn't produce a meaningful value.
          *
-         * Default value: `"New Panel"` (taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/master/src/localization))
+         * Default value: `"New Panel"` (taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/01bd8abd0c574719956d4d579d48c8010cd389d4/packages/survey-core/src/localization))
          */
         get: function () {
             return this.locTabTitlePlaceholder.text;
@@ -66942,7 +66978,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         /**
          * An error message displayed when users enter a duplicate value into a question that accepts only unique values (`isUnique` is set to `true` or `keyName` is specified).
          *
-         * A default value for this property is taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/master/src/localization). Refer to the following help topic for more information: [Localization & Globalization](https://surveyjs.io/form-library/documentation/localization).
+         * A default value for this property is taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/01bd8abd0c574719956d4d579d48c8010cd389d4/packages/survey-core/src/localization). Refer to the following help topic for more information: [Localization & Globalization](https://surveyjs.io/form-library/documentation/localization).
          * @see keyName
          */
         get: function () {
@@ -68165,10 +68201,10 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         _super.prototype.runCondition.call(this, values, properties);
         this.runPanelsCondition(this.panelsCore, values, properties);
     };
-    QuestionPanelDynamicModel.prototype.runTriggers = function (name, value) {
-        _super.prototype.runTriggers.call(this, name, value);
+    QuestionPanelDynamicModel.prototype.runTriggers = function (name, value, keys) {
+        _super.prototype.runTriggers.call(this, name, value, keys);
         this.visiblePanelsCore.forEach(function (p) {
-            p.questions.forEach(function (q) { return q.runTriggers(name, value); });
+            p.questions.forEach(function (q) { return q.runTriggers(name, value, keys); });
         });
     };
     QuestionPanelDynamicModel.prototype.reRunCondition = function () {
@@ -70614,7 +70650,7 @@ var mask_base_InputMaskBase = /** @class */ (function (_super) {
         var properties = Serializer.getProperties(this.getType());
         properties.forEach(function (property) {
             var currentValue = json[property.name];
-            _this[property.name] = currentValue !== undefined ? currentValue : property.defaultValue;
+            _this[property.name] = currentValue !== undefined ? currentValue : property.getDefaultValue(_this);
         });
     };
     InputMaskBase.prototype.getData = function () {
@@ -71995,8 +72031,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.12";
-ReleaseDate = "" + "2024-11-26";
+Version = "" + "1.12.13";
+ReleaseDate = "" + "2024-12-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -83451,7 +83487,7 @@ var title_element_TitleElement = /** @class */ (function (_super) {
         if (!this.element.getCssTitleExpandableSvg())
             return null;
         var iconName = this.element.isExpanded ? "icon-collapse-16x16" : "icon-expand-16x16";
-        return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: 16 });
+        return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: "auto" });
     };
     TitleElement.prototype.render = function () {
         var element = this.element;
@@ -83563,6 +83599,7 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
     function TextAreaComponent(props) {
         var _this = _super.call(this, props) || this;
         _this.initialValue = _this.viewModel.getTextValue() || "";
+        _this.textareaRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
         return _this;
     }
     Object.defineProperty(TextAreaComponent.prototype, "viewModel", {
@@ -83575,9 +83612,20 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
     TextAreaComponent.prototype.canRender = function () {
         return !!this.viewModel.question;
     };
+    TextAreaComponent.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        var el = this.textareaRef.current;
+        if (!!el) {
+            this.viewModel.setElement(el);
+        }
+    };
+    TextAreaComponent.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.viewModel.resetElement();
+    };
     TextAreaComponent.prototype.renderElement = function () {
         var _this = this;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: function (textarea) { return (_this.viewModel.setElement(textarea)); }, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: this.textareaRef, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
     };
     return TextAreaComponent;
 }(reactquestion_element_SurveyElementBase));