survey-core 1.12.16-patch.1 → 1.12.17

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.16-patch.1
+ * surveyjs - Survey JavaScript library v1.12.17
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3887,6 +3887,24 @@ function dateDiff(params) {
     return dateDiffMonths(params[0], params[1], (params.length > 2 ? params[2] : "") || "days");
 }
 functionsfactory_FunctionFactory.Instance.register("dateDiff", dateDiff);
+function dateAdd(params) {
+    if (!Array.isArray(params) || params.length < 2 || !params[0] || !params[1])
+        return null;
+    var date = createDate("function-dateAdd", params[0]);
+    var valToAdd = params[1];
+    var interval = params[2] || "days";
+    if (interval === "days") {
+        date.setDate(date.getDate() + valToAdd);
+    }
+    if (interval === "months") {
+        date.setMonth(date.getMonth() + valToAdd);
+    }
+    if (interval === "years") {
+        date.setFullYear(date.getFullYear() + valToAdd);
+    }
+    return date;
+}
+functionsfactory_FunctionFactory.Instance.register("dateAdd", dateAdd);
 function isContainerReadyCore(container) {
     if (!container)
         return false;
@@ -10167,13 +10185,13 @@ var list_ListModel = /** @class */ (function (_super) {
         var _this = this;
         this.isEmpty = this.renderedActions.filter(function (action) { return _this.isItemVisible(action); }).length === 0;
     };
-    ListModel.prototype.scrollToItem = function (selector, ms) {
+    ListModel.prototype.scrollToItem = function (classes, ms) {
         var _this = this;
         if (ms === void 0) { ms = 0; }
         setTimeout(function () {
             if (!_this.listContainerHtmlElement)
                 return;
-            var item = _this.listContainerHtmlElement.querySelector("." + selector);
+            var item = _this.listContainerHtmlElement.querySelector(classesToSelector(classes));
             if (item) {
                 setTimeout(function () {
                     item.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "start" });
@@ -10241,7 +10259,7 @@ var list_ListModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(ListModel.prototype, "scrollableContainer", {
         get: function () {
-            return this.listContainerHtmlElement.querySelector("." + this.cssClasses.itemsContainer);
+            return this.listContainerHtmlElement.querySelector(classesToSelector(this.cssClasses.itemsContainer));
         },
         enumerable: false,
         configurable: true
@@ -12758,9 +12776,11 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
     SurveyElement.prototype.createCssClassesValue = function () {
         var res = this.calcCssClasses(this.css);
         this.setPropertyValue("cssClassesValue", res);
+        this.onCalcCssClasses(res);
         this.updateElementCssCore(this.cssClassesValue);
         return res;
     };
+    SurveyElement.prototype.onCalcCssClasses = function (classes) { };
     Object.defineProperty(SurveyElement.prototype, "cssClasses", {
         /**
          * Returns an object in which keys are UI elements and values are CSS classes applied to them.
@@ -13245,17 +13265,26 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
             var columns = this.parent.getColumsForElement(this);
             _width = columns.reduce(function (sum, col) { return col.effectiveWidth + sum; }, 0);
             if (!!_width && _width !== 100) {
-                style["flexGrow"] = 0;
+                style["flexGrow"] = 1;
                 style["flexShrink"] = 0;
                 style["flexBasis"] = _width + "%";
                 style["minWidth"] = undefined;
-                style["maxWidth"] = undefined;
+                style["maxWidth"] = this.maxWidth;
             }
         }
         if (Object.keys(style).length == 0) {
-            var minWidth = this.minWidth;
-            if (minWidth != "auto")
+            var minWidth = "" + this.minWidth;
+            if (!!minWidth && minWidth != "auto") {
+                if (minWidth.indexOf("px") != -1 && this.survey) {
+                    minWidth = minWidth.replace("px", "");
+                    var minWidthNum = parseFloat(minWidth);
+                    if (!isNaN(minWidthNum)) {
+                        minWidth = minWidthNum * this.survey.widthScale / 100;
+                        minWidth = "" + minWidth + "px";
+                    }
+                }
                 minWidth = "min(100%, " + minWidth + ")";
+            }
             if (this.allowRootStyle && this.renderWidth) {
                 // style["width"] = this.renderWidth;
                 style["flexGrow"] = 1;
@@ -14963,8 +14992,8 @@ function cleanHtmlElementAfterAnimation(el) {
         delete el["__sv_created_properties"];
     }
 }
-function roundTo2Decimals(number) {
-    return Math.round(number * 100) / 100;
+function floorTo2Decimals(number) {
+    return Math.floor(number * 100) / 100;
 }
 
 
@@ -16644,7 +16673,7 @@ var validator_ExpressionValidator = /** @class */ (function (_super) {
     });
     Object.defineProperty(ExpressionValidator.prototype, "isAsync", {
         get: function () {
-            if (!this.ensureConditionRunner())
+            if (!this.ensureConditionRunner(false))
                 return false;
             return this.conditionRunner.isAsync;
         },
@@ -16663,8 +16692,12 @@ var validator_ExpressionValidator = /** @class */ (function (_super) {
         if (name === void 0) { name = null; }
         if (values === void 0) { values = null; }
         if (properties === void 0) { properties = null; }
-        if (!this.ensureConditionRunner())
+        if (!this.expression)
             return null;
+        if (!!this.conditionRunner) {
+            this.conditionRunner.onRunComplete = null;
+        }
+        this.ensureConditionRunner(true);
         this.conditionRunner.onRunComplete = function (res) {
             _this.isRunningValue = false;
             if (!!_this.onAsyncCompleted) {
@@ -16687,14 +16720,15 @@ var validator_ExpressionValidator = /** @class */ (function (_super) {
     ExpressionValidator.prototype.getDefaultErrorText = function (name) {
         return this.getLocalizationFormatString("invalidExpression", this.expression);
     };
-    ExpressionValidator.prototype.ensureConditionRunner = function () {
-        if (!!this.conditionRunner) {
-            this.conditionRunner.expression = this.expression;
-            return true;
-        }
+    ExpressionValidator.prototype.ensureConditionRunner = function (reNew) {
         if (!this.expression)
             return false;
-        this.conditionRunner = new ConditionRunner(this.expression);
+        if (reNew || !this.conditionRunner) {
+            this.conditionRunner = new ConditionRunner(this.expression);
+        }
+        else {
+            this.conditionRunner.expression = this.expression;
+        }
         return true;
     };
     Object.defineProperty(ExpressionValidator.prototype, "expression", {
@@ -18351,13 +18385,16 @@ var question_Question = /** @class */ (function (_super) {
         this.copyCssClasses(classes, css.question);
         this.copyCssClasses(classes.error, css.error);
         this.updateCssClasses(classes, css);
+        return classes;
+    };
+    Question.prototype.onCalcCssClasses = function (classes) {
+        _super.prototype.onCalcCssClasses.call(this, classes);
         if (this.survey) {
             this.survey.updateQuestionCssClasses(this, classes);
         }
         if (this.onUpdateCssClassesCallback) {
             this.onUpdateCssClassesCallback(classes);
         }
-        return classes;
     };
     Object.defineProperty(Question.prototype, "cssRoot", {
         get: function () {
@@ -18543,18 +18580,33 @@ var question_Question = /** @class */ (function (_super) {
             .toString();
     };
     Question.prototype.updateElementCss = function (reNew) {
-        _super.prototype.updateElementCss.call(this, reNew);
-        if (reNew) {
-            this.updateQuestionCss(true);
+        if (this.wasRendered) {
+            _super.prototype.updateElementCss.call(this, reNew);
+            if (reNew) {
+                this.updateQuestionCss(true);
+            }
+        }
+        else {
+            this.isRequireUpdateElements = true;
         }
         this.resetIndents();
     };
+    Question.prototype.onFirstRenderingCore = function () {
+        if (this.isRequireUpdateElements) {
+            this.isRequireUpdateElements = false;
+            this.updateElementCss(true);
+        }
+        _super.prototype.onFirstRenderingCore.call(this);
+    };
     Question.prototype.updateQuestionCss = function (reNew) {
-        if (this.isLoadingFromJson ||
-            !this.survey ||
-            (reNew !== true && !this.cssClassesValue))
+        if (this.isLoadingFromJson || !this.survey)
             return;
-        this.updateElementCssCore(this.cssClasses);
+        if (this.wasRendered) {
+            this.updateElementCssCore(this.cssClasses);
+        }
+        else {
+            this.isRequireUpdateElements = true;
+        }
     };
     Question.prototype.ensureElementCss = function () {
         if (!this.cssClassesValue) {
@@ -19468,7 +19520,7 @@ var question_Question = /** @class */ (function (_super) {
         /**
          * A correct answer to this question. Specify this property if you want to [create a quiz](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
          * @see SurveyModel.getCorrectAnswerCount
-         * @see SurveyModel.getInCorrectAnswerCount
+         * @see SurveyModel.getIncorrectAnswerCount
          */
         get: function () {
             return this.getPropertyValue("correctAnswer");
@@ -19517,7 +19569,14 @@ var question_Question = /** @class */ (function (_super) {
     Question.prototype.checkIfAnswerCorrect = function () {
         var isEqual = helpers_Helpers.isTwoValueEquals(this.value, this.correctAnswer, this.getAnswerCorrectIgnoreOrder(), settings.comparator.caseSensitive, true);
         var correct = isEqual ? 1 : 0;
-        var options = { result: isEqual, correctAnswer: correct, correctAnswers: correct, incorrectAnswers: this.quizQuestionCount - correct };
+        var incorrect = this.quizQuestionCount - correct;
+        var options = {
+            result: isEqual,
+            correctAnswers: correct,
+            correctAnswerCount: correct,
+            incorrectAnswers: incorrect,
+            incorrectAnswerCount: incorrect,
+        };
         if (!!this.survey) {
             this.survey.onCorrectQuestionAnswer(this, options);
         }
@@ -33145,6 +33204,7 @@ var defaultV2Css = {
         itemBody: "sv-list__item-body sd-list__item-body",
         itemSelected: "sv-list__item--selected sd-list__item--selected",
         itemFocused: "sv-list__item--focused sd-list__item--focused",
+        itemHovered: "sv-list__item--hovered sd-list__item--hovered",
     },
     actionBar: {
         root: "sd-action-bar",
@@ -34798,7 +34858,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         _this.isRandomizing = false;
         _this.onColumnPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
             if (_this._columnsReady) {
-                _this.updateColumnWidth(_this.layoutColumns);
+                _this.updateColumnWidth(_this.gridLayoutColumns);
                 _this.updateRootStyle();
             }
         };
@@ -34842,7 +34902,8 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             isAnimationEnabled: function () { return _this.animationAllowed; },
             getAnimatedElement: function (row) { return row.getRootElement(); },
             getLeaveOptions: function (row, info) {
-                return { cssClass: _this.cssClasses.rowLeave,
+                return {
+                    cssClass: _this.cssClasses.rowLeave,
                     onBeforeRunAnimation: prepareElementForVerticalAnimation,
                     onAfterRunAnimation: cleanHtmlElementAfterAnimation,
                 };
@@ -34895,7 +34956,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         this.updateDescriptionVisibility(this.description);
         this.markQuestionListDirty();
         this.onRowsChanged();
-        this.layoutColumns.forEach(function (col) {
+        this.gridLayoutColumns.forEach(function (col) {
             col.onPropertyValueChangedCallback = _this.onColumnPropertyValueChangedCallback;
         });
     };
@@ -35723,7 +35784,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             }
         });
         if (!!remainingColCount) {
-            var oneColumnWidth = roundTo2Decimals((100 - remainingSpace) / remainingColCount);
+            var oneColumnWidth = floorTo2Decimals((100 - remainingSpace) / remainingColCount);
             for (var index = 0; index < columns.length; index++) {
                 if (!columns[index].width) {
                     columns[index].setPropertyValue("effectiveWidth", oneColumnWidth);
@@ -35812,12 +35873,12 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     });
     PanelModelBase.prototype.generateColumns = function () {
         var maxRowColSpan = this.calcMaxRowColSpan();
-        var columns = [].concat(this.layoutColumns);
-        if (maxRowColSpan <= this.layoutColumns.length) {
-            columns = this.layoutColumns.slice(0, maxRowColSpan);
+        var columns = [].concat(this.gridLayoutColumns);
+        if (maxRowColSpan <= this.gridLayoutColumns.length) {
+            columns = this.gridLayoutColumns.slice(0, maxRowColSpan);
         }
         else {
-            for (var index = this.layoutColumns.length; index < maxRowColSpan; index++) {
+            for (var index = this.gridLayoutColumns.length; index < maxRowColSpan; index++) {
                 var newCol = new panel_layout_column_PanelLayoutColumnModel();
                 newCol.onPropertyValueChangedCallback = this.onColumnPropertyValueChangedCallback;
                 columns.push(newCol);
@@ -35831,7 +35892,13 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         finally {
             this._columnsReady = true;
         }
-        this.layoutColumns = columns;
+        this.gridLayoutColumns = columns;
+    };
+    PanelModelBase.prototype.updateGridColumns = function () {
+        this.updateColumns();
+        this.elements.forEach(function (el) {
+            el.isPanel && el.updateGridColumns();
+        });
     };
     PanelModelBase.prototype.getColumsForElement = function (el) {
         var row = this.findRowByElement(el);
@@ -36687,13 +36754,13 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     };
     PanelModelBase.prototype.getSerializableColumnsValue = function () {
         var tailIndex = -1;
-        for (var index = this.layoutColumns.length - 1; index >= 0; index--) {
-            if (!this.layoutColumns[index].isEmpty()) {
+        for (var index = this.gridLayoutColumns.length - 1; index >= 0; index--) {
+            if (!this.gridLayoutColumns[index].isEmpty()) {
                 tailIndex = index;
                 break;
             }
         }
-        return this.layoutColumns.slice(0, tailIndex + 1);
+        return this.gridLayoutColumns.slice(0, tailIndex + 1);
     };
     PanelModelBase.prototype.afterRender = function (el) {
         this.afterRenderCore(el);
@@ -36717,7 +36784,7 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.panelCounter = 100;
     panel_decorate([
         propertyArray()
-    ], PanelModelBase.prototype, "layoutColumns", void 0);
+    ], PanelModelBase.prototype, "gridLayoutColumns", void 0);
     panel_decorate([
         jsonobject_property({ defaultValue: true })
     ], PanelModelBase.prototype, "showTitle", void 0);
@@ -36890,13 +36957,18 @@ var panel_PanelModel = /** @class */ (function (_super) {
          * @see visibleIf
          */
         get: function () {
-            return this.getPropertyValue("no", "");
+            var _this = this;
+            return this.getPropertyValue("no", undefined, function () { return _this.calcNo(); });
         },
         enumerable: false,
         configurable: true
     });
-    PanelModel.prototype.setNo = function (visibleIndex) {
-        this.setPropertyValue("no", helpers_Helpers.getNumberByIndex(this.visibleIndex, this.getStartIndex()));
+    PanelModel.prototype.calcNo = function () {
+        var no = helpers_Helpers.getNumberByIndex(this.visibleIndex, this.getStartIndex());
+        if (this.survey) {
+            no = this.survey.getUpdatedPanelNo(this, no);
+        }
+        return no || "";
     };
     PanelModel.prototype.notifyStateChanged = function (prevState) {
         if (!this.isLoadingFromJson) {
@@ -36923,7 +36995,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
             visibleIndex = index;
         }
         this.setPropertyValue("visibleIndex", visibleIndex);
-        this.setNo(visibleIndex);
+        this.resetPropertyValue("no");
         return visibleIndex < 0 ? 0 : 1;
     };
     PanelModel.prototype.getPanelStartIndex = function (index) {
@@ -37211,7 +37283,7 @@ Serializer.addClass("panelbase", [
         choices: ["default", "top", "bottom", "left", "hidden"],
     },
     {
-        name: "layoutColumns:panellayoutcolumns",
+        name: "gridLayoutColumns:panellayoutcolumns",
         className: "panellayoutcolumn", isArray: true,
         onSerializeValue: function (obj) { return obj.getSerializableColumnsValue(); },
         visibleIf: function (obj) { return !!obj && !!obj.survey && obj.survey.gridLayoutEnabled; }
@@ -38742,9 +38814,16 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetQuestionNumber = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onGetQuestionNumber`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetQuestionNumber) event instead.
+         * Obsolete. Use the [`onGetQuestionNumber`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetQuestionNumber) event instead.
+         * @deprecated
          */
         _this.onGetQuestionNo = _this.onGetQuestionNumber;
+        /**
+         * An event that is raised before the survey calculates a panel number. Handle this event to modify panel numbers.
+         *
+         * This event is raised only for the panels with a [specified title](https://surveyjs.io/form-library/documentation/api-reference/panel-model#title) and [visible number](https://surveyjs.io/form-library/documentation/api-reference/panel-model#showNumber).
+         */
+        _this.onGetPanelNumber = _this.addEvent();
         /**
          * An event that is raised before the survey calculates a page number. Handle this event to modify page numbers.
          *
@@ -38760,7 +38839,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          * @see showProgressBar
          * @see progressBarType
          */
-        _this.onProgressText = _this.addEvent();
+        _this.onGetProgressText = _this.addEvent();
+        /**
+         * Obsolete. Use the [`onGetProgressText`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetProgressText) event instead.
+         * @deprecated
+         */
+        _this.onProgressText = _this.onGetProgressText;
         /**
          * An event that is raised to convert Markdown content to HTML.
          *
@@ -38962,7 +39046,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.onMatrixRowAdding = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onMatrixRowAdding`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
+         * Obsolete. Use the [`onMatrixRowAdding`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
+         * @deprecated
          */
         _this.onMatrixBeforeRowAdded = _this.onMatrixRowAdding;
         /**
@@ -38982,7 +39067,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.onMatrixRenderRemoveButton = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
+         * Obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
+         * @deprecated
          */
         _this.onMatrixAllowRemoveRow = _this.onMatrixRenderRemoveButton;
         /**
@@ -39005,7 +39091,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          */
         _this.onAfterRenderMatrixCell = _this.addEvent();
         /**
-         * This event is obsolete. Use the [`onAfterRenderMatrixCell`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
+         * Obsolete. Use the [`onAfterRenderMatrixCell`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
+         * @deprecated
          */
         _this.onMatrixAfterCellRender = _this.onAfterRenderMatrixCell;
         /**
@@ -39079,7 +39166,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         /**
          * An event that is raised to define whether a question answer is correct. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
          */
-        _this.onIsAnswerCorrect = _this.addEvent();
+        _this.onCheckAnswerCorrect = _this.addEvent();
+        /**
+         * Obsolete. Use the [`onCheckAnswerCorrect`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onCheckAnswerCorrect) event instead.
+         * @deprecated
+         */
+        _this.onIsAnswerCorrect = _this.onCheckAnswerCorrect;
         /**
          * An event that is raised when users drag and drop survey elements while designing the survey in [Survey Creator](https://surveyjs.io/survey-creator/documentation/overview). Use this event to control drag and drop operations.
          * @see isDesignMode
@@ -39088,7 +39180,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         /**
          * An event this is raised before a survey element (usually page) is scrolled to the top. Use this event to cancel the scroll operation.
          */
-        _this.onScrollingElementToTop = _this.addEvent();
+        _this.onScrollToTop = _this.addEvent();
+        /**
+         * Obsolete. Use the [`onScrollToTop`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onScrollToTop) event instead.
+         * @deprecated
+         */
+        _this.onScrollingElementToTop = _this.onScrollToTop;
         _this.onLocaleChangedEvent = _this.addEvent();
         /**
          * An event that allows you to add, delete, or modify actions in a question title.
@@ -39127,9 +39224,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          * @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
          */
         _this.onGetMatrixRowActions = _this.addEvent();
-        /**
-         * An event that is raised after a survey element is [expanded or collapsed](https://surveyjs.io/form-library/documentation/api-reference/question#state).
-         */
         _this.onElementContentVisibilityChanged = _this.addEvent();
         /**
          * An event that is raised before an [Expression](https://surveyjs.io/form-library/documentation/api-reference/expression-model) question displays a value. Use this event to override the display value.
@@ -39303,7 +39397,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this.onGetQuestionNumber.onCallbacksChanged = function () {
             _this.resetVisibleIndexes();
         };
-        _this.onProgressText.onCallbacksChanged = function () {
+        _this.onGetPanelNumber.onCallbacksChanged = function () {
+            _this.resetVisibleIndexes();
+        };
+        _this.onGetProgressText.onCallbacksChanged = function () {
             _this.updateProgressText();
         };
         _this.onTextMarkdown.onCallbacksChanged = function () {
@@ -41373,6 +41470,13 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onGetQuestionNumber.fire(this, options);
         return options.no === no ? options.number : options.no;
     };
+    SurveyModel.prototype.getUpdatedPanelNo = function (panel, no) {
+        if (this.onGetPanelNumber.isEmpty)
+            return no;
+        var options = { panel: panel, number: no };
+        this.onGetPanelNumber.fire(this, options);
+        return options.number;
+    };
     SurveyModel.prototype.getUpdatedPageNo = function (page, no) {
         if (this.onGetPageNumber.isEmpty)
             return no;
@@ -42760,7 +42864,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "ignoreValidation", {
         /**
-         * This property is obsolete. Use the [`validationEnabled`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#validationEnabled) property instead.
+         * Obsolete. Use the [`validationEnabled`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#validationEnabled) property instead.
+         * @deprecated
          */
         get: function () { return !this.validationEnabled; },
         set: function (val) { this.validationEnabled = !val; },
@@ -43115,7 +43220,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * @see isCurrentPageValid
      * @see nextPage
      */
-    SurveyModel.prototype.completeLastPage = function () {
+    SurveyModel.prototype.tryComplete = function () {
         if (this.isValidateOnComplete) {
             this.cancelPreview();
         }
@@ -43125,6 +43230,13 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         return res;
     };
+    /**
+     * Obsolete. Use the [`tryComplete`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#tryComplete) method instead.
+     * @deprecated
+     */
+    SurveyModel.prototype.completeLastPage = function () {
+        return this.tryComplete();
+    };
     SurveyModel.prototype.navigationMouseDown = function () {
         this.isNavigationButtonPressed = true;
         return true;
@@ -43896,7 +44008,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "progressText", {
         /**
-         * Returns text displayed by the progress bar (for instance, "Page 2 of 3" or "Answered 3/8 questions"). Handle the [`onProgressText`](#onProgressText) event to change this text.
+         * Returns text displayed by the progress bar (for instance, "Page 2 of 3" or "Answered 3/8 questions"). Handle the [`onGetProgressText`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetProgressText) event to change this text.
          * @see progressValue
          * @see showProgressBar
          * @see progressBarType
@@ -43918,7 +44030,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         if (onValueChanged &&
             this.progressBarType == "pages" &&
-            this.onProgressText.isEmpty)
+            this.onGetProgressText.isEmpty)
             return;
         this.isCalculatingProgressText = true;
         this.setPropertyValue("progressText", this.getProgressText());
@@ -43939,7 +44051,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (type === "questions" ||
             type === "requiredquestions" ||
             type === "correctquestions" ||
-            !this.onProgressText.isEmpty) {
+            !this.onGetProgressText.isEmpty) {
             var info = this.getProgressInfo();
             options.questionCount = info.questionCount;
             options.answeredQuestionCount = info.answeredQuestionCount;
@@ -43948,7 +44060,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 info.requiredAnsweredQuestionCount;
         }
         options.text = this.getProgressTextCore(options);
-        this.onProgressText.fire(this, options);
+        this.onGetProgressText.fire(this, options);
         return options.text;
     };
     SurveyModel.prototype.getProgressTextCore = function (info) {
@@ -44333,29 +44445,39 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return this.getUpdatedPanelTitleActions(element, titleActions);
         return this.getUpdatedQuestionTitleActions(element, titleActions);
     };
+    SurveyModel.prototype.getTitleActionsResult = function (titleActions, options) {
+        if (titleActions != options.actions)
+            return options.actions;
+        if (titleActions != options.titleActions)
+            return options.titleActions;
+        return titleActions;
+    };
     SurveyModel.prototype.getUpdatedQuestionTitleActions = function (question, titleActions) {
         var options = {
             question: question,
+            actions: titleActions,
             titleActions: titleActions,
         };
         this.onGetQuestionTitleActions.fire(this, options);
-        return options.titleActions;
+        return this.getTitleActionsResult(titleActions, options);
     };
     SurveyModel.prototype.getUpdatedPanelTitleActions = function (panel, titleActions) {
         var options = {
             panel: panel,
+            actions: titleActions,
             titleActions: titleActions,
         };
         this.onGetPanelTitleActions.fire(this, options);
-        return options.titleActions;
+        return this.getTitleActionsResult(titleActions, options);
     };
     SurveyModel.prototype.getUpdatedPageTitleActions = function (page, titleActions) {
         var options = {
             page: page,
+            actions: titleActions,
             titleActions: titleActions,
         };
         this.onGetPageTitleActions.fire(this, options);
-        return options.titleActions;
+        return this.getTitleActionsResult(titleActions, options);
     };
     SurveyModel.prototype.getUpdatedMatrixRowActions = function (question, row, actions) {
         var options = {
@@ -44374,9 +44496,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             page: page,
             elementId: id,
             cancel: false,
+            allow: true,
         };
-        this.onScrollingElementToTop.fire(this, options);
-        if (!options.cancel) {
+        this.onScrollToTop.fire(this, options);
+        if (!options.cancel && options.allow) {
             var elementPage_1 = this.getPageByElement(element);
             if (this.isLazyRendering && !!elementPage_1) {
                 var elementsToRenderBefore = 1;
@@ -44663,13 +44786,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         return null;
     };
-    /**
-     * Returns an array of questions with specified [names](https://surveyjs.io/form-library/documentation/api-reference/question#name).
-     * @param names An array of question names.
-     * @param caseInsensitive *(Optional)* A Boolean value that specifies case sensitivity when searching for the questions. Default value: `false` (uppercase and lowercase letters are treated as distinct).
-     * @returns An array of questions with specified names
-     * @see getAllQuestions
-     */
     SurveyModel.prototype.getQuestionsByNames = function (names, caseInsensitive) {
         if (caseInsensitive === void 0) { caseInsensitive = false; }
         var result = [];
@@ -44714,10 +44830,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         return null;
     };
-    /**
-     * Returns an array of pages with specified names.
-     * @param names An array of page names.
-     */
     SurveyModel.prototype.getPagesByNames = function (names) {
         var result = [];
         if (!names)
@@ -45411,7 +45523,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 mouseDown: function () { return _this.navigationMouseDown(); },
             },
             locTitle: this.locCompleteText,
-            action: function () { return _this.taskManager.waitAndExecute(function () { return _this.completeLastPage(); }); },
+            action: function () { return _this.taskManager.waitAndExecute(function () { return _this.tryComplete(); }); },
             component: defaultComponent
         });
         this.updateNavigationItemCssCallback = function () {
@@ -45782,7 +45894,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                     _this.showPreview();
                 }
                 else {
-                    _this.completeLastPage();
+                    _this.tryComplete();
                 }
             }
         };
@@ -46100,7 +46212,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * For more information about quizzes, refer to the following tutorial: [Create a Quiz](https://surveyjs.io/form-library/documentation/design-survey/create-a-quiz).
      * @returns The number of correct answers in a quiz.
      * @see getQuizQuestionCount
-     * @see getInCorrectAnswerCount
+     * @see getIncorrectAnswerCount
      */
     SurveyModel.prototype.getCorrectAnswerCount = function () {
         return this.getCorrectedAnswerCountCore(true);
@@ -46123,7 +46235,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         return res;
     };
     SurveyModel.prototype.getInCorrectedAnswerCount = function () {
-        return this.getInCorrectAnswerCount();
+        return this.getIncorrectAnswerCount();
+    };
+    SurveyModel.prototype.getInCorrectAnswerCount = function () {
+        return this.getIncorrectAnswerCount();
     };
     /**
      * Returns the number of incorrect answers in a quiz.
@@ -46132,7 +46247,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * @returns The number of incorrect answers in a quiz.
      * @see getCorrectAnswerCount
      */
-    SurveyModel.prototype.getInCorrectAnswerCount = function () {
+    SurveyModel.prototype.getIncorrectAnswerCount = function () {
         return this.getCorrectedAnswerCountCore(false);
     };
     SurveyModel.prototype.onCorrectQuestionAnswer = function (question, options) {
@@ -46279,6 +46394,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.updateGridColumns = function () {
+        this.pages.forEach(function (page) { return page.updateGridColumns(); });
+    };
     Object.defineProperty(SurveyModel.prototype, "widthMode", {
         /**
           * Specifies how to calculate the survey width.
@@ -46624,13 +46742,13 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onTimerTick.fire(this, {});
         if (this.timeLimit > 0 && this.timeLimit <= this.timeSpent) {
             this.timeSpent = this.timeLimit;
-            this.completeLastPage();
+            this.tryComplete();
         }
         if (page) {
             var pageLimit = page.getMaxTimeToFinish();
             if (pageLimit > 0 && pageLimit == page.timeSpent) {
                 if (this.isLastPage) {
-                    this.completeLastPage();
+                    this.tryComplete();
                 }
                 else {
                     this.nextPage();
@@ -47188,13 +47306,22 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         jsonobject_property()
     ], SurveyModel.prototype, "rootCss", void 0);
     survey_decorate([
-        jsonobject_property()
+        jsonobject_property({
+            onSet: function (newValue, target) {
+                target.updateGridColumns();
+            }
+        })
     ], SurveyModel.prototype, "gridLayoutEnabled", void 0);
     survey_decorate([
         jsonobject_property()
     ], SurveyModel.prototype, "calculatedWidthMode", void 0);
     survey_decorate([
-        jsonobject_property({ defaultValue: 100 })
+        jsonobject_property({
+            defaultValue: 100,
+            onSet: function (val, target, prevVal) {
+                target.pages.forEach(function (p) { return p.updateRootStyle(); });
+            },
+        })
     ], SurveyModel.prototype, "widthScale", void 0);
     survey_decorate([
         jsonobject_property()
@@ -54453,6 +54580,9 @@ var question_multipletext_MultipleTextItemModel = /** @class */ (function (_supe
         if (title) {
             _this.title = title;
         }
+        _this.editor.onPropertyChanged.add(function (sender, options) {
+            _this.onPropertyChanged.fire(_this, options);
+        });
         return _this;
     }
     MultipleTextItemModel.prototype.getType = function () {
@@ -62869,10 +62999,17 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionImagePickerModel.prototype, "imageScale", {
+        get: function () {
+            return this.survey ? this.survey["widthScale"] / 100 : 1;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionImagePickerModel.prototype, "renderedImageHeight", {
         get: function () {
-            var height = this.isResponsive ? Math.floor(this.responsiveImageHeight) : this.imageHeight;
-            return (height ? height : 150);
+            var height = this.isResponsive ? Math.floor(this.responsiveImageHeight) : this.imageHeight * this.imageScale;
+            return (height ? height : 150 * this.imageScale);
         },
         enumerable: false,
         configurable: true
@@ -62899,8 +63036,8 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
     });
     Object.defineProperty(QuestionImagePickerModel.prototype, "renderedImageWidth", {
         get: function () {
-            var width = this.isResponsive ? Math.floor(this.responsiveImageWidth) : this.imageWidth;
-            return (width ? width : 200);
+            var width = this.isResponsive ? Math.floor(this.responsiveImageWidth) : this.imageWidth * this.imageScale;
+            return (width ? width : 200 * this.imageScale);
         },
         enumerable: false,
         configurable: true
@@ -63008,11 +63145,11 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
         };
         if (this.isResponsive) {
             var itemsCount = this.choices.length + (this.isDesignMode ? 1 : 0);
-            var gap = this.gapBetweenItems || 0;
-            var minWidth = this.minImageWidth;
-            var maxWidth = this.maxImageWidth;
-            var maxHeight = this.maxImageHeight;
-            var minHeight = this.minImageHeight;
+            var gap = (this.gapBetweenItems || 0) * this.imageScale;
+            var minWidth = this.minImageWidth * this.imageScale;
+            var maxWidth = this.maxImageWidth * this.imageScale;
+            var maxHeight = this.maxImageHeight * this.imageScale;
+            var minHeight = this.minImageHeight * this.imageScale;
             var colCount = this.colCount;
             var width_1;
             if (colCount === 0) {
@@ -70627,8 +70764,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.16-patch.1";
-ReleaseDate = "" + "2024-12-25";
+Version = "" + "1.12.17";
+ReleaseDate = "" + "2024-12-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName