survey-react 1.12.16 → 1.12.17

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.16
+ * 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)
  */
@@ -11898,13 +11898,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" });
@@ -11972,7 +11972,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
@@ -14978,11 +14978,11 @@ 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) {
@@ -16705,8 +16705,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;
 }
 
 
@@ -21233,7 +21233,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");
@@ -21282,7 +21282,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);
         }
@@ -34910,6 +34917,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",
@@ -36563,7 +36571,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();
             }
         };
@@ -36607,7 +36615,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,
                 };
@@ -36660,7 +36669,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;
         });
     };
@@ -37488,7 +37497,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);
@@ -37577,12 +37586,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);
@@ -37596,7 +37605,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);
@@ -38452,13 +38467,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);
@@ -38482,7 +38497,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);
@@ -38655,13 +38670,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) {
@@ -38688,7 +38708,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) {
@@ -38976,7 +38996,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; }
@@ -40507,9 +40527,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.
          *
@@ -40525,7 +40552,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.
          *
@@ -40727,7 +40759,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;
         /**
@@ -40747,7 +40780,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;
         /**
@@ -40770,7 +40804,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;
         /**
@@ -40844,7 +40879,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
@@ -40853,7 +40893,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.
@@ -40892,9 +40937,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.
@@ -41068,7 +41110,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 () {
@@ -43138,6 +43183,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;
@@ -44525,7 +44577,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; },
@@ -44880,7 +44933,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
      * @see isCurrentPageValid
      * @see nextPage
      */
-    SurveyModel.prototype.completeLastPage = function () {
+    SurveyModel.prototype.tryComplete = function () {
         if (this.isValidateOnComplete) {
             this.cancelPreview();
         }
@@ -44890,6 +44943,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;
@@ -45661,7 +45721,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
@@ -45683,7 +45743,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());
@@ -45704,7 +45764,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;
@@ -45713,7 +45773,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) {
@@ -46098,29 +46158,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 = {
@@ -46139,9 +46209,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;
@@ -46428,13 +46499,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 = [];
@@ -46479,10 +46543,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)
@@ -47176,7 +47236,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 () {
@@ -47547,7 +47607,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                     _this.showPreview();
                 }
                 else {
-                    _this.completeLastPage();
+                    _this.tryComplete();
                 }
             }
         };
@@ -47865,7 +47925,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);
@@ -47888,7 +47948,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.
@@ -47897,7 +47960,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) {
@@ -48044,6 +48107,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.
@@ -48389,13 +48455,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();
@@ -48953,7 +49019,11 @@ 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()
@@ -64642,10 +64712,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
@@ -64672,8 +64749,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
@@ -64781,11 +64858,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) {
@@ -72400,8 +72477,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.16";
-ReleaseDate = "" + "2024-12-24";
+Version = "" + "1.12.17";
+ReleaseDate = "" + "2024-12-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName