survey-core 1.12.14 → 1.12.16-patch.1

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.14
+ * surveyjs - Survey JavaScript library v1.12.16-patch.1
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -105,7 +105,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /*!*******************************************!*\
   !*** ./src/entries/core.ts + 127 modules ***!
   \*******************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionFilePage, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, getLocaleString, setupLocale, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, renamedIcons, getIconNameFromProxy, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgThemeSets, addIconsToThemeSet, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionFilePage, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, getLocaleString, getLocaleStrings, setupLocale, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, renamedIcons, getIconNameFromProxy, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, TextAreaModel, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, StylesManager, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgThemeSets, addIconsToThemeSet, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, activateLazyRenderingChecks, createDropdownActionModel, createDropdownActionModelAdvanced, createPopupModelWithListModel, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -267,6 +267,7 @@ __webpack_require__.d(__webpack_exports__, "englishStrings", function() { return
 __webpack_require__.d(__webpack_exports__, "surveyLocalization", function() { return /* reexport */ surveyLocalization; });
 __webpack_require__.d(__webpack_exports__, "surveyStrings", function() { return /* reexport */ surveyStrings; });
 __webpack_require__.d(__webpack_exports__, "getLocaleString", function() { return /* reexport */ getLocaleString; });
+__webpack_require__.d(__webpack_exports__, "getLocaleStrings", function() { return /* reexport */ getLocaleStrings; });
 __webpack_require__.d(__webpack_exports__, "setupLocale", function() { return /* reexport */ setupLocale; });
 __webpack_require__.d(__webpack_exports__, "QuestionCustomWidget", function() { return /* reexport */ QuestionCustomWidget; });
 __webpack_require__.d(__webpack_exports__, "CustomWidgetCollection", function() { return /* reexport */ questionCustomWidgets_CustomWidgetCollection; });
@@ -333,6 +334,7 @@ __webpack_require__.d(__webpack_exports__, "VerticalResponsivityManager", functi
 __webpack_require__.d(__webpack_exports__, "unwrap", function() { return /* reexport */ unwrap; });
 __webpack_require__.d(__webpack_exports__, "getOriginalEvent", function() { return /* reexport */ getOriginalEvent; });
 __webpack_require__.d(__webpack_exports__, "getElement", function() { return /* reexport */ getElement; });
+__webpack_require__.d(__webpack_exports__, "activateLazyRenderingChecks", function() { return /* reexport */ activateLazyRenderingChecks; });
 __webpack_require__.d(__webpack_exports__, "createDropdownActionModel", function() { return /* reexport */ createDropdownActionModel; });
 __webpack_require__.d(__webpack_exports__, "createDropdownActionModelAdvanced", function() { return /* reexport */ createDropdownActionModelAdvanced; });
 __webpack_require__.d(__webpack_exports__, "createPopupModelWithListModel", function() { return /* reexport */ createPopupModelWithListModel; });
@@ -1142,12 +1144,13 @@ var surveyLocalization = {
     //TODO remove on next week
     get showNamesInEnglish() { return this.useEnglishNames; },
     set showNamesInEnglish(val) { this.useEnglishNames = val; },
-    setupLocale: function (loc, strings, name, nameInEngish, direction) {
-        this.locales[loc] = strings;
-        this.localeNames[loc] = name;
-        this.localeNamesInEnglish[loc] = nameInEngish;
-        if (direction !== undefined) {
-            this.localeDirections[loc] = direction;
+    setupLocale: function (localeConfig) {
+        var loc = localeConfig.localeCode;
+        this.locales[loc] = localeConfig.strings;
+        this.localeNames[loc] = localeConfig.nativeName;
+        this.localeNamesInEnglish[loc] = localeConfig.englishName;
+        if (localeConfig.rtl !== undefined) {
+            this.localeDirections[loc] = localeConfig.rtl;
         }
     },
     get currentLocale() {
@@ -1245,8 +1248,11 @@ function getLocaleString(strName, locale) {
     if (locale === void 0) { locale = null; }
     return surveyLocalization.getString(strName, locale);
 }
+function getLocaleStrings(locale) {
+    return surveyLocalization.getLocaleStrings(locale);
+}
 function setupLocale(localeConfig) {
-    surveyLocalization.setupLocale(localeConfig.localeCode, localeConfig.strings, localeConfig.nativeName, localeConfig.englishName, localeConfig.rtl ? "rtl" : undefined);
+    surveyLocalization.setupLocale(localeConfig);
 }
 var surveyStrings = englishStrings;
 surveyLocalization.locales["en"] = englishStrings;
@@ -10068,9 +10074,15 @@ var list_ListModel = /** @class */ (function (_super) {
                 .append(itemValue.css)
                 .toString();
         };
-        _this.getItemIndent = function (itemValue) {
+        // public getItemIndent = (itemValue: any) => {
+        //   const level: number = itemValue.level || 0;
+        //   return (level + 1) * ListModel.INDENT + "px";
+        // };
+        _this.getItemStyle = function (itemValue) {
             var level = itemValue.level || 0;
-            return (level + 1) * ListModel.INDENT + "px";
+            return {
+                "--sjs-list-item-level": level + 1
+            };
         };
         if (Object.keys(items).indexOf("items") !== -1) {
             var options_1 = items;
@@ -10986,13 +10998,14 @@ var action_BaseAction = /** @class */ (function (_super) {
 
 var action_Action = /** @class */ (function (_super) {
     action_extends(Action, _super);
-    function Action(innerItem) {
+    function Action(innerItemData) {
         var _this = _super.call(this) || this;
-        _this.innerItem = innerItem;
         _this.locTitleChanged = function () {
             var val = _this.locTitle.renderedHtml;
             _this.setPropertyValue("_title", !!val ? val : undefined);
         };
+        var innerItem = (innerItemData instanceof Action) ? innerItemData.innerItem : innerItemData;
+        _this.innerItem = innerItem;
         _this.locTitle = !!innerItem ? innerItem["locTitle"] : null;
         //Object.assign(this, item) to support IE11
         if (!!innerItem) {
@@ -11949,7 +11962,13 @@ var survey_element_SurveyElementCore = /** @class */ (function (_super) {
     Object.defineProperty(SurveyElementCore.prototype, "isPage", {
         /**
          * Returns `true` if the survey element is a page.
-         * @see Base.getType
+         *
+         * This property returns `false` for [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model) objects in the following cases:
+         *
+         * - `SurveyModel`'s [`questionsOnPageMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#questionsOnPageMode) is set to `"singlePage"`.
+         * - The page is included in a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
+         *
+         * In those cases, the survey creates an internal `PageModel` object to show all questions on one page, and all regular pages become panels.
          */
         get: function () { return false; },
         enumerable: false,
@@ -11957,8 +11976,14 @@ var survey_element_SurveyElementCore = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyElementCore.prototype, "isPanel", {
         /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
+         * Returns `true` if the survey element is a panel or acts as one.
+         *
+         * This property returns `true` for `PageModel` objects in the following cases:
+         *
+         * - `SurveyModel`'s [`questionsOnPageMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#questionsOnPageMode) is set to `"singlePage"`.
+         * - The page is included in a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
+         *
+         * In those cases, the survey creates an internal `PageModel` object to show all questions on one page, and all regular pages become panels.
          */
         get: function () { return false; },
         enumerable: false,
@@ -11967,7 +11992,6 @@ var survey_element_SurveyElementCore = /** @class */ (function (_super) {
     Object.defineProperty(SurveyElementCore.prototype, "isQuestion", {
         /**
          * Returns `true` if the survey element is a question.
-         * @see Base.getType
          */
         get: function () { return false; },
         enumerable: false,
@@ -11976,7 +12000,6 @@ var survey_element_SurveyElementCore = /** @class */ (function (_super) {
     Object.defineProperty(SurveyElementCore.prototype, "isSurvey", {
         /**
          * Returns `true` if the element is a survey.
-         * @see Base.getType
          */
         get: function () { return false; },
         enumerable: false,
@@ -12991,7 +13014,7 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
     SurveyElement.prototype.getPage = function (parent) {
         while (parent && parent.parent)
             parent = parent.parent;
-        if (parent && parent.getType() == "page")
+        if (parent && parent.isPage)
             return parent;
         return null;
     };
@@ -13043,7 +13066,7 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyElement.prototype, "hasParent", {
         get: function () {
-            return (this.parent && !this.parent.isPage && (!this.parent.originalPage)) || (this.parent === undefined);
+            return (this.parent && !this.parent.isPage) || (this.parent === undefined);
         },
         enumerable: false,
         configurable: true
@@ -13303,6 +13326,8 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         return null;
     };
     SurveyElement.prototype.getCssTitle = function (cssClasses) {
+        if (!cssClasses)
+            return "";
         var isExpandable = this.state !== "default";
         var numInlineLimit = 4;
         return new CssClassBuilder()
@@ -14202,18 +14227,18 @@ function confirmAction(message) {
         return settings.confirmActionFunc(message);
     return confirm(message);
 }
-function confirmActionAsync(message, funcOnYes, funcOnNo, locale, rootElement) {
+function confirmActionAsync(options) {
     var callbackFunc = function (res) {
         if (res)
-            funcOnYes();
-        else if (!!funcOnNo)
-            funcOnNo();
+            options.funcOnYes();
+        else if (!!options.funcOnNo)
+            options.funcOnNo();
     };
     if (!!settings && !!settings.confirmActionAsync) {
-        if (settings.confirmActionAsync(message, callbackFunc, undefined, locale, rootElement))
+        if (settings.confirmActionAsync(options.message, callbackFunc, options))
             return;
     }
-    callbackFunc(confirmAction(message));
+    callbackFunc(confirmAction(options.message));
 }
 function detectIEBrowser() {
     var ua = navigator.userAgent;
@@ -14749,7 +14774,7 @@ var Logger = /** @class */ (function () {
     return Logger;
 }());
 
-function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
+function showConfirmDialog(message, callback, options) {
     var locStr = new localizablestring_LocalizableString(undefined);
     var popupViewModel = settings.showDialog({
         componentName: "sv-string-viewer",
@@ -14762,17 +14787,17 @@ function showConfirmDialog(message, callback, applyTitle, locale, rootElement) {
             callback(false);
             return false;
         },
-        title: message,
+        title: message || options.message,
         displayMode: "popup",
         isFocusedContent: false,
-        cssClass: "sv-popup--confirm-delete"
-    }, rootElement);
+        cssClass: options.cssClass || "sv-popup--confirm"
+    }, options.rootElement);
     var toolbar = popupViewModel.footerToolbar;
     var applyBtn = toolbar.getActionById("apply");
     var cancelBtn = toolbar.getActionById("cancel");
-    cancelBtn.title = getLocaleString("cancel", locale);
+    cancelBtn.title = getLocaleString("cancel", options.locale);
     cancelBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sd-btn sd-btn--small";
-    applyBtn.title = applyTitle || getLocaleString("ok", locale);
+    applyBtn.title = options.applyTitle || getLocaleString("ok", options.locale);
     applyBtn.innerCss = "sv-popup__body-footer-item sv-popup__button sv-popup__button--danger sd-btn sd-btn--small sd-btn--danger";
     configConfirmDialog(popupViewModel);
     return true;
@@ -15389,8 +15414,8 @@ var settings = {
      * @param message A message to be displayed in the confirm dialog window.
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
-    confirmActionAsync: function (message, callback, applyTitle, locale, rootElement) {
-        return showConfirmDialog(message, callback, applyTitle, locale, rootElement);
+    confirmActionAsync: function (message, callback, options) {
+        return showConfirmDialog(message, callback, options);
     },
     /**
      * A minimum width value for all survey elements.
@@ -29711,10 +29736,9 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         if (isDeletingValue) {
             delete rowValue[columnName];
         }
-        for (var i = 0; i < row.cells.length; i++) {
-            var key = row.cells[i].question.getValueName();
-            delete rowValue[key];
-        }
+        row.questions.forEach(function (q) {
+            delete rowValue[q.getValueName()];
+        });
         if (newRowValue) {
             newRowValue = JSON.parse(JSON.stringify(newRowValue));
             for (var key in newRowValue) {
@@ -31805,10 +31829,16 @@ var question_matrixdynamic_QuestionMatrixDynamicModel = /** @class */ (function
             confirmDelete = this.isRequireConfirmOnRowDelete(index);
         }
         if (confirmDelete) {
-            confirmActionAsync(this.confirmDeleteText, function () {
-                _this.removeRowAsync(index, row);
-                onRowRemoved && onRowRemoved();
-            }, undefined, this.getLocale(), this.survey.rootElement);
+            confirmActionAsync({
+                message: this.confirmDeleteText,
+                funcOnYes: function () {
+                    _this.removeRowAsync(index, row);
+                    onRowRemoved && onRowRemoved();
+                },
+                locale: this.getLocale(),
+                rootElement: this.survey.rootElement,
+                cssClass: this.cssClasses.confirmDialog
+            });
             return;
         }
         this.removeRowAsync(index, row);
@@ -32534,7 +32564,8 @@ var defaultV2Css = {
         noPointerEventsMode: "sd-question--no-pointer-events",
         errorsContainer: "sd-element__erbox sd-question__erbox",
         errorsContainerTop: "sd-element__erbox--above-element sd-question__erbox--above-question",
-        errorsContainerBottom: "sd-question__erbox--below-question"
+        errorsContainerBottom: "sd-question__erbox--below-question",
+        confirmDialog: "sd-popup--confirm sv-popup--confirm"
     },
     image: {
         mainRoot: "sd-question sd-question--image",
@@ -34467,7 +34498,6 @@ var panel_spreadArray = (undefined && undefined.__spreadArray) || function (to,
 
 
 
-
 var panel_QuestionRowModel = /** @class */ (function (_super) {
     panel_extends(QuestionRowModel, _super);
     function QuestionRowModel(panel) {
@@ -35070,9 +35100,14 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(PanelModelBase.prototype, "parent", {
         /**
-         * Returns a survey element (panel or page) that contains this panel and allows you to move this question to a different survey element.
+         * Returns a survey element (panel or page) that contains this panel and allows you to move the panel to a different survey element.
+         *
+         * For `PageModel` objects, the `parent` property is `null`, except in the following cases:
+         *
+         * - `SurveyModel`'s [`questionsOnPageMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#questionsOnPageMode) is set to `"singlePage"`.
+         * - The page is included in a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
          *
-         * This property is always `null` for the `PageModel` object.
+         * In those cases, the survey creates an internal `PageModel` object to show all questions on one page, and the `parent` property contains this object.
          */
         get: function () {
             return this.getPropertyValue("parent", null);
@@ -35155,10 +35190,6 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(PanelModelBase.prototype, "isPanel", {
-        /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
-         */
         get: function () {
             return false;
         },
@@ -35900,11 +35931,11 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.updateRows = function () {
         if (this.isLoadingFromJson)
             return;
-        for (var i = 0; i < this.elements.length; i++) {
-            if (this.elements[i].isPanel) {
-                this.elements[i].updateRows();
+        this.getElementsForRows().forEach(function (el) {
+            if (el.isPanel) {
+                el.updateRows();
             }
-        }
+        });
         this.onRowsChanged();
     };
     Object.defineProperty(PanelModelBase.prototype, "rows", {
@@ -36013,7 +36044,9 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         var _this = this;
         var survey = this.survey;
         var fireNotification = this.canFireAddRemoveNotifications(element);
-        element.setSurveyImpl(this.surveyImpl);
+        if (!!this.surveyImpl) {
+            element.setSurveyImpl(this.surveyImpl);
+        }
         element.parent = this;
         this.markQuestionListDirty();
         if (this.canBuildRows()) {
@@ -36039,8 +36072,8 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     };
     PanelModelBase.prototype.onRemoveElement = function (element) {
         element.parent = null;
+        this.unregisterElementPropertiesChanged(element);
         this.markQuestionListDirty();
-        element.unregisterPropertyChangedHandlers(["visible", "isVisible", "startWithNewLine"], this.id);
         this.updateRowsOnElementRemoved(element);
         if (this.isRandomizing)
             return;
@@ -36049,6 +36082,9 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             this.removeElementCallback(element);
         this.onElementVisibilityChanged(this);
     };
+    PanelModelBase.prototype.unregisterElementPropertiesChanged = function (element) {
+        element.unregisterPropertyChangedHandlers(["visible", "isVisible", "startWithNewLine"], this.id);
+    };
     PanelModelBase.prototype.onRemoveElementNotifySurvey = function (element) {
         if (!this.canFireAddRemoveNotifications(element))
             return;
@@ -36093,19 +36129,21 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.buildRows = function () {
         if (!this.canBuildRows())
             return [];
-        var result = new Array();
-        for (var i = 0; i < this.elements.length; i++) {
-            var el = this.elements[i];
+        var res = new Array();
+        var els = this.getElementsForRows();
+        for (var i = 0; i < els.length; i++) {
+            var el = els[i];
             var isNewRow = i == 0 || el.startWithNewLine;
-            var row = isNewRow ? this.createRowAndSetLazy(result.length) : result[result.length - 1];
+            var row = isNewRow ? this.createRowAndSetLazy(res.length) : res[res.length - 1];
             if (isNewRow)
-                result.push(row);
+                res.push(row);
             row.addElement(el);
         }
-        for (var i = 0; i < result.length; i++) {
-            result[i].updateVisible();
-        }
-        return result;
+        res.forEach(function (row) { return row.updateVisible(); });
+        return res;
+    };
+    PanelModelBase.prototype.getElementsForRows = function () {
+        return this.elements;
     };
     PanelModelBase.prototype.getDragDropInfo = function () {
         var page = this.getPage(this.parent);
@@ -36668,10 +36706,13 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
             }
             this.rows.splice(0, this.rows.length);
         }
+        this.disposeElements();
+        this.elements.splice(0, this.elements.length);
+    };
+    PanelModelBase.prototype.disposeElements = function () {
         for (var i = 0; i < this.elements.length; i++) {
             this.elements[i].dispose();
         }
-        this.elements.splice(0, this.elements.length);
     };
     PanelModelBase.panelCounter = 100;
     panel_decorate([
@@ -36724,7 +36765,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
     });
     PanelModel.prototype.getSurvey = function (live) {
         if (live === void 0) { live = false; }
-        if (live) {
+        if (live && this.isPanel) {
             return !!this.parent ? this.parent.getSurvey(live) : null;
         }
         return _super.prototype.getSurvey.call(this, live);
@@ -36875,6 +36916,8 @@ var panel_PanelModel = /** @class */ (function (_super) {
         return locTitleValue;
     };
     PanelModel.prototype.beforeSetVisibleIndex = function (index) {
+        if (this.isPage)
+            return _super.prototype.beforeSetVisibleIndex.call(this, index);
         var visibleIndex = -1;
         if (this.showNumber && (this.isDesignMode || !this.locTitle.isEmpty || this.hasParentInQuestionIndex())) {
             visibleIndex = index;
@@ -36906,7 +36949,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
         }
     };
     PanelModel.prototype.getRenderedTitle = function (str) {
-        if (!str) {
+        if (this.isPanel && !str) {
             if (this.isCollapsed || this.isExpanded)
                 return this.name;
             if (this.isDesignMode)
@@ -37031,11 +37074,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
         return this.footerToolbarValue;
     };
     Object.defineProperty(PanelModel.prototype, "hasEditButton", {
-        get: function () {
-            if (this.survey && this.survey.state === "preview")
-                return (this.parent && this.parent instanceof page_PageModel);
-            return false;
-        },
+        get: function () { return false; },
         enumerable: false,
         configurable: true
     });
@@ -37044,19 +37083,16 @@ var panel_PanelModel = /** @class */ (function (_super) {
             return;
         this.survey.cancelPreviewByPage(this);
     };
-    PanelModel.prototype.canShowTitle = function (survey) {
-        var page = this.originalPage;
-        if (!!page)
-            return page.canShowTitle(survey);
-        return _super.prototype.canShowTitle.call(this, survey);
-    };
     Object.defineProperty(PanelModel.prototype, "cssTitle", {
         get: function () {
-            return this.getCssTitle(this.cssClasses.panel);
+            return this.getCssPanelTitle();
         },
         enumerable: false,
         configurable: true
     });
+    PanelModel.prototype.getCssPanelTitle = function () {
+        return this.getCssTitle(this.cssClasses.panel);
+    };
     PanelModel.prototype.getCssTitleExpandableSvg = function () {
         if (this.state === "default")
             return null;
@@ -37070,6 +37106,8 @@ var panel_PanelModel = /** @class */ (function (_super) {
         configurable: true
     });
     PanelModel.prototype.getCssError = function (cssClasses) {
+        if (this.isPage)
+            return _super.prototype.getCssError.call(this, cssClasses);
         var builder = new CssClassBuilder()
             .append(_super.prototype.getCssError.call(this, cssClasses))
             .append(cssClasses.panel.errorsContainer);
@@ -37100,10 +37138,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModel.prototype, "showPanelAsPage", {
         get: function () {
-            var panel = this;
-            if (!!panel.originalPage)
-                return true;
-            return panel.survey.isShowingPreview && panel.survey.isSinglePage && !!panel.parent && !!panel.parent.originalPage;
+            return false;
         },
         enumerable: false,
         configurable: true
@@ -37143,7 +37178,9 @@ var panel_PanelModel = /** @class */ (function (_super) {
     PanelModel.prototype.afterRenderCore = function (element) {
         var _a;
         _super.prototype.afterRenderCore.call(this, element);
-        (_a = this.survey) === null || _a === void 0 ? void 0 : _a.afterRenderPanel(this, element);
+        if (this.isPanel) {
+            (_a = this.survey) === null || _a === void 0 ? void 0 : _a.afterRenderPanel(this, element);
+        }
     };
     return PanelModel;
 }(panel_PanelModelBase));
@@ -37191,27 +37228,17 @@ Serializer.addClass("panelbase", [
     return new panel_PanelModelBase();
 });
 Serializer.addClass("panel", [
-    {
-        name: "state",
-        default: "default",
-        choices: ["default", "collapsed", "expanded"],
-    },
+    { name: "state", default: "default", choices: ["default", "collapsed", "expanded"] },
     { name: "isRequired:switch", overridingProperty: "requiredIf" },
-    {
-        name: "requiredErrorText:text",
-        serializationProperty: "locRequiredErrorText",
-    },
+    { name: "requiredErrorText:text", serializationProperty: "locRequiredErrorText" },
     { name: "startWithNewLine:boolean", default: true },
-    "width",
+    { name: "width" },
     { name: "minWidth", defaultFunc: function () { return "auto"; } },
     { name: "maxWidth", defaultFunc: function () { return settings.maxWidth; } },
-    {
-        name: "colSpan:number", visible: false,
-        onSerializeValue: function (obj) { return obj.getPropertyValue("colSpan"); },
-    },
+    { name: "colSpan:number", visible: false, onSerializeValue: function (obj) { return obj.getPropertyValue("colSpan"); } },
     {
         name: "effectiveColSpan:number", minValue: 1, isSerializable: false,
-        visibleIf: function (obj) { return !!obj && !!obj.survey && obj.survey.gridLayoutEnabled; }
+        visibleIf: function (obj) { return !!obj.survey && obj.survey.gridLayoutEnabled; }
     },
     { name: "innerIndent:number", default: 0, choices: [0, 1, 2, 3] },
     { name: "indent:number", default: 0, choices: [0, 1, 2, 3], visible: false },
@@ -37231,13 +37258,9 @@ Serializer.addClass("panel", [
                 : [];
         },
     },
-    "showNumber:boolean",
-    {
-        name: "showQuestionNumbers",
-        default: "default",
-        choices: ["default", "onpanel", "off"],
-    },
-    "questionStartIndex",
+    { name: "showNumber:boolean" },
+    { name: "showQuestionNumbers", default: "default", choices: ["default", "onpanel", "off"] },
+    { name: "questionStartIndex", visibleIf: function (obj) { return obj.isPanel; } },
     { name: "allowAdaptiveActions:boolean", default: true, visible: false },
 ], function () {
     return new panel_PanelModel();
@@ -37513,12 +37536,61 @@ var page_PageModel = /** @class */ (function (_super) {
         return this.name;
     };
     Object.defineProperty(PageModel.prototype, "isPage", {
+        get: function () {
+            return !this.isPanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PageModel.prototype, "isPanel", {
+        get: function () {
+            return !!this.parent;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PageModel.prototype, "showPanelAsPage", {
         get: function () {
             return true;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PageModel.prototype, "hasEditButton", {
+        get: function () {
+            return this.isPanel && this.survey && this.survey.state === "preview"
+                && !!this.parent && !this.parent.isPanel;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PageModel.prototype.getElementsForRows = function () {
+        var _a;
+        var q = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleQuestion;
+        if (!!q) {
+            if (q.page === this)
+                return [q];
+            return [];
+        }
+        return _super.prototype.getElementsForRows.call(this);
+    };
+    PageModel.prototype.disposeElements = function () {
+        if (!this.isPageContainer) {
+            _super.prototype.disposeElements.call(this);
+        }
+    };
+    PageModel.prototype.onRemoveElement = function (element) {
+        if (this.isPageContainer) {
+            element.parent = null;
+            this.unregisterElementPropertiesChanged(element);
+        }
+        else {
+            _super.prototype.onRemoveElement.call(this, element);
+        }
+    };
+    PageModel.prototype.getTemplate = function () {
+        return this.isPanel ? "panel" : _super.prototype.getTemplate.call(this);
+    };
     Object.defineProperty(PageModel.prototype, "no", {
         get: function () {
             if (!this.canShowPageNumber() || !this.survey)
@@ -37656,6 +37728,8 @@ var page_PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     PageModel.prototype.calcCssClasses = function (css) {
+        if (this.isPanel)
+            return _super.prototype.calcCssClasses.call(this, css);
         var classes = { page: {}, error: {}, pageTitle: "", pageDescription: "", row: "", rowMultiple: "", pageRow: "", rowCompact: "", rowEnter: "", rowLeave: "", rowDelayedEnter: "", rowReplace: "" };
         this.copyCssClasses(classes.page, css.page);
         this.copyCssClasses(classes.error, css.error);
@@ -37694,20 +37768,18 @@ var page_PageModel = /** @class */ (function (_super) {
         }
         return classes;
     };
-    Object.defineProperty(PageModel.prototype, "cssTitle", {
-        get: function () {
-            if (!this.cssClasses.page)
-                return "";
-            return new CssClassBuilder()
-                .append(this.cssClasses.page.title)
-                .toString();
-        },
-        enumerable: false,
-        configurable: true
-    });
+    PageModel.prototype.getCssPanelTitle = function () {
+        if (this.isPanel)
+            return _super.prototype.getCssPanelTitle.call(this);
+        if (!this.cssClasses.page)
+            return "";
+        return new CssClassBuilder()
+            .append(this.cssClasses.page.title)
+            .toString();
+    };
     Object.defineProperty(PageModel.prototype, "cssRoot", {
         get: function () {
-            if (!this.cssClasses.page || !this.survey)
+            if (this.isPanel || !this.cssClasses.page || !this.survey)
                 return "";
             return new CssClassBuilder()
                 .append(this.cssClasses.page.root)
@@ -37719,6 +37791,8 @@ var page_PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     PageModel.prototype.getCssError = function (cssClasses) {
+        if (this.isPanel)
+            return _super.prototype.getCssError.call(this, cssClasses);
         return new CssClassBuilder()
             .append(_super.prototype.getCssError.call(this, cssClasses))
             .append(cssClasses.page.errorsContainer).toString();
@@ -37895,7 +37969,7 @@ var page_PageModel = /** @class */ (function (_super) {
         jsonobject_property({ defaultValue: -1, onSet: function (val, target) { return target.onNumChanged(val); } })
     ], PageModel.prototype, "num", void 0);
     return PageModel;
-}(panel_PanelModelBase));
+}(panel_PanelModel));
 
 Serializer.addClass("page", [
     {
@@ -37920,9 +37994,25 @@ Serializer.addClass("page", [
     },
     { name: "title:text", serializationProperty: "locTitle" },
     { name: "description:text", serializationProperty: "locDescription" },
+    { name: "state", visible: false },
+    { name: "isRequired", visible: false },
+    { name: "startWithNewLine", visible: false },
+    { name: "width", visible: false },
+    { name: "minWidth", visible: false },
+    { name: "maxWidth", visible: false },
+    { name: "colSpan", visible: false, isSerializable: false },
+    { name: "effectiveColSpan:number", visible: false, isSerializable: false },
+    { name: "innerIndent", visible: false },
+    { name: "indent", visible: false },
+    { name: "page", visible: false, isSerializable: false },
+    { name: "showNumber", visible: false },
+    { name: "showQuestionNumbers", visible: false },
+    { name: "questionStartIndex", visible: false },
+    { name: "allowAdaptiveActions", visible: false },
+    { name: "requiredErrorText:text", serializationProperty: "locRequiredErrorText", visible: false },
 ], function () {
     return new page_PageModel();
-}, "panelbase");
+}, "panel");
 
 // CONCATENATED MODULE: ./packages/survey-core/src/progress-buttons.ts
 var progress_buttons_extends = (undefined && undefined.__extends) || (function () {
@@ -38164,16 +38254,27 @@ var ProgressButtonsResponsivityManager = /** @class */ (function () {
 
 
 
-
 function tryFocusPage(survey, panel) {
     if (survey.isDesignMode)
         return true;
     panel.focusFirstQuestion();
     return true;
 }
+function getPage(question) {
+    if (!!question.parentQuestion) {
+        return getPage(question.parentQuestion);
+    }
+    var parent = question.parent;
+    while (parent && parent.getType() !== "page" && parent.parent) {
+        parent = parent.parent;
+    }
+    if (parent && parent.getType() === "page") {
+        return parent;
+    }
+    return null;
+}
 function createTOCListModel(survey, onAction) {
     var items = getTOCItems(survey, onAction);
-    var selectedItem = items.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0] || items[0];
     var listOptions = {
         items: items,
         onSelectionChanged: function (item) {
@@ -38181,15 +38282,20 @@ function createTOCListModel(survey, onAction) {
                 listModel.selectedItem = item;
             }
         },
-        allowSelection: true,
         searchEnabled: false,
         locOwner: survey,
-        selectedItem: selectedItem
     };
     var listModel = new list_ListModel(listOptions);
     listModel.allowSelection = false;
+    var updateSelectedItem = function (currentPage, defaultSelection) {
+        listModel.selectedItem = !!currentPage && listModel.actions.filter(function (i) { return i.id === currentPage.name; })[0] || defaultSelection;
+    };
+    updateSelectedItem(survey.currentPage, items[0]);
     survey.onCurrentPageChanged.add(function (s, o) {
-        listModel.selectedItem = listModel.actions.filter(function (i) { return !!survey.currentPage && i.id === survey.currentPage.name; })[0];
+        updateSelectedItem(survey.currentPage);
+    });
+    survey.onFocusInQuestion.add(function (s, o) {
+        updateSelectedItem(getPage(o.question));
     });
     survey.registerFunctionOnPropertyValueChanged("pages", function () {
         listModel.setItems(getTOCItems(survey, onAction));
@@ -38197,8 +38303,7 @@ function createTOCListModel(survey, onAction) {
     return listModel;
 }
 function getTOCItems(survey, onAction) {
-    var _a;
-    var pagesSource = survey.questionsOnPageMode === "singlePage" ? (_a = survey.pages[0]) === null || _a === void 0 ? void 0 : _a.elements : survey.pages;
+    var pagesSource = survey.pages;
     var items = (pagesSource || []).map(function (page) {
         return new action_Action({
             id: page.name,
@@ -38206,7 +38311,7 @@ function getTOCItems(survey, onAction) {
             action: function () {
                 DomDocumentHelper.activeElementBlur();
                 !!onAction && onAction();
-                if (page instanceof page_PageModel) {
+                if (page.isPage) {
                     return survey.tryNavigateToPage(page);
                 }
                 return tryFocusPage(survey, page);
@@ -41919,6 +42024,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         get: function () {
             if (this.isDesignMode)
                 return this.pages;
+            if (!!this.pageContainerValue && (this.isShowingPreview || this.isSinglePage))
+                return [this.pageContainerValue];
             var result = new Array();
             for (var i = 0; i < this.pages.length; i++) {
                 if (this.isPageInVisibleList(this.pages[i])) {
@@ -42052,7 +42159,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return false;
         if (index === this.currentPageNo)
             return false;
-        if (index < this.currentPageNo || this.isValidateOnComplete) {
+        if (index < this.currentPageNo || this.checkErrorsMode === "onComplete" || this.validationAllowSwitchPages) {
             this.currentPageNo = index;
             return true;
         }
@@ -42384,6 +42491,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onFirstPageIsStartedChanged();
         if (goToFirstPage) {
             this.currentPage = this.firstVisiblePage;
+            if (this.currentSingleQuestion) {
+                var questions = this.getAllQuestions(true);
+                this.currentSingleQuestion = questions.length > 0 ? questions[0] : undefined;
+            }
         }
         if (clearData) {
             this.updateValuesWithDefaults();
@@ -42421,7 +42532,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.currentPageChanged = function (newValue, oldValue) {
         this.notifyQuestionsOnHidingContent(oldValue);
         var options = this.createPageChangeEventOptions(newValue, oldValue);
-        if (oldValue && !oldValue.passed) {
+        if (oldValue && !oldValue.isDisposed && !oldValue.passed) {
             if (oldValue.validate(false)) {
                 oldValue.passed = true;
             }
@@ -42432,9 +42543,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.onCurrentPageChanged.fire(this, options);
     };
     SurveyModel.prototype.notifyQuestionsOnHidingContent = function (page) {
-        if (!page)
-            return;
-        page.questions.forEach(function (q) { return q.onHidingContent(); });
+        if (page && !page.isDisposed) {
+            page.questions.forEach(function (q) { return q.onHidingContent(); });
+        }
     };
     SurveyModel.prototype.createPageChangeEventOptions = function (newValue, oldValue) {
         var diff = !!newValue && !!oldValue ? newValue.visibleIndex - oldValue.visibleIndex : 0;
@@ -42670,6 +42781,30 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return false;
         return this.doCurrentPageComplete(false);
     };
+    SurveyModel.prototype.performNext = function () {
+        var q = this.currentSingleQuestion;
+        if (!q)
+            return this.nextPage();
+        if (!q.validate(true))
+            return false;
+        var questions = this.getAllQuestions(true);
+        var index = questions.indexOf(q);
+        if (index < 0 || index === questions.length - 1)
+            return false;
+        this.currentSingleQuestion = questions[index + 1];
+        return true;
+    };
+    SurveyModel.prototype.performPrevious = function () {
+        var q = this.currentSingleQuestion;
+        if (!q)
+            return this.prevPage();
+        var questions = this.getAllQuestions(true);
+        var index = questions.indexOf(q);
+        if (index === 0)
+            return false;
+        this.currentSingleQuestion = questions[index - 1];
+        return true;
+    };
     SurveyModel.prototype.hasErrorsOnNavigate = function (doComplete) {
         var _this = this;
         if (!this.isEditMode || this.ignoreValidation)
@@ -42999,9 +43134,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.nextPageUIClick = function () {
         if (!!this.mouseDownPage && this.mouseDownPage !== this.activePage)
-            return;
+            return false;
         this.mouseDownPage = null;
-        return this.nextPage();
+        return this.performNext();
     };
     SurveyModel.prototype.nextPageMouseDown = function () {
         this.mouseDownPage = this.activePage;
@@ -43045,7 +43180,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.isShowingPreview = false;
     };
     SurveyModel.prototype.cancelPreviewByPage = function (panel) {
-        this.cancelPreview(panel["originalPage"]);
+        this.cancelPreview(panel);
     };
     SurveyModel.prototype.doCurrentPageComplete = function (doComplete) {
         if (this.isValidatingOnServer)
@@ -43075,6 +43210,16 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "isSingleVisibleQuestion", {
+        get: function () {
+            return this.isSingleVisibleQuestionVal(this.questionsOnPageMode);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyModel.prototype.isSingleVisibleQuestionVal = function (val) {
+        return val === "questionPerPage" || val === "questionOnPage";
+    };
     Object.defineProperty(SurveyModel.prototype, "questionsOnPageMode", {
         /**
          * Specifies how to distribute survey elements between pages.
@@ -43150,25 +43295,54 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.pageVisibilityChanged(this.pages[0], !this.isStartedState);
     };
     SurveyModel.prototype.onShowingPreviewChanged = function () {
+        this.updatePagesContainer();
+    };
+    SurveyModel.prototype.createRootPage = function (name, pages) {
+        var container = Serializer.createClass("page");
+        container.name = name;
+        container.isPageContainer = true;
+        pages.forEach(function (page) {
+            if (!page.isStartPage) {
+                container.addElement(page);
+            }
+        });
+        return container;
+    };
+    SurveyModel.prototype.disposeContainerPage = function () {
+        var cPage = this.pageContainerValue;
+        var elements = [].concat(cPage.elements);
+        elements.forEach(function (el) { return cPage.removeElement(el); });
+        cPage.dispose();
+        this.pageContainerValue = undefined;
+    };
+    SurveyModel.prototype.updatePagesContainer = function () {
         if (this.isDesignMode)
             return;
-        if (this.isShowingPreview) {
-            this.runningPages = this.pages.slice(0, this.pages.length);
-            this.setupPagesForPageModes(true, false);
-        }
-        else {
-            if (this.runningPages) {
-                this.restoreOriginalPages(this.runningPages);
+        this.getAllQuestions().forEach(function (q) { return q.updateElementVisibility(); });
+        this.setPropertyValue("currentPage", undefined);
+        var singleName = "single-page";
+        var previewName = "preview-page";
+        var rootPage = undefined;
+        if (this.isSinglePage) {
+            var cPage = this.pageContainerValue;
+            if (cPage && cPage.name === previewName) {
+                rootPage = cPage.elements[0];
+                this.disposeContainerPage();
+            }
+            else {
+                rootPage = this.createRootPage(singleName, this.pages);
             }
-            this.runningPages = undefined;
         }
-        this.runConditions();
-        this.updateAllElementsVisibility(this.pages);
-        this.updateVisibleIndexes();
         if (this.isShowingPreview) {
-            this.currentPageNo = 0;
+            rootPage = this.createRootPage(previewName, rootPage ? [rootPage] : this.pages);
         }
-        else {
+        if (rootPage) {
+            rootPage.setSurveyImpl(this);
+            this.pageContainerValue = rootPage;
+            this.currentPage = rootPage;
+        }
+        if (!this.isSinglePage && !this.isShowingPreview) {
+            this.disposeContainerPage();
             var curPage = this.gotoPageFromPreview;
             this.gotoPageFromPreview = null;
             if (helpers_Helpers.isValueEmpty(curPage) && this.visiblePageCount > 0) {
@@ -43180,110 +43354,62 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 this.changeCurrentPageFromPreview = false;
             }
         }
+        if (!this.currentPage && this.visiblePageCount > 0) {
+            this.currentPage = this.visiblePages[0];
+        }
+        this.pages.forEach(function (page) {
+            if (page.hasShown) {
+                page.updateElementCss(true);
+            }
+        });
+        this.updateButtonsVisibility();
     };
-    SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue, isFirstLoad) {
-        if (isFirstLoad === void 0) { isFirstLoad = false; }
+    Object.defineProperty(SurveyModel.prototype, "currentSingleQuestion", {
+        get: function () { return this.currentSingleQuestionValue; },
+        set: function (val) {
+            if (val !== this.currentSingleQuestion) {
+                this.currentSingleQuestionValue = val;
+                if (!!val) {
+                    var page = val.page;
+                    page.updateRows();
+                    if (page !== this.currentPage) {
+                        this.currentPage = page;
+                    }
+                    else {
+                        if (this.focusFirstQuestionAutomatic) {
+                            val.focus();
+                        }
+                    }
+                    this.updateButtonsVisibility();
+                }
+                else {
+                    this.visiblePages.forEach(function (page) { return page.updateRows(); });
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue) {
         if (this.isShowingPreview)
             return;
-        if (this.questionsOnPageMode == "standard" || this.isDesignMode) {
-            if (this.originalPages) {
-                this.restoreOriginalPages(this.originalPages);
-            }
-            this.originalPages = undefined;
+        this.currentSingleQuestion = undefined;
+        if (oldValue === "singlePage") {
+            this.updatePagesContainer();
         }
-        else {
-            if (!oldValue || oldValue == "standard") {
-                this.originalPages = this.pages.slice(0, this.pages.length);
-            }
-            this.setupPagesForPageModes(this.isSinglePage, isFirstLoad);
+        if (this.isSinglePage) {
+            this.updatePagesContainer();
         }
-        this.runConditions();
-        this.updateVisibleIndexes();
-    };
-    SurveyModel.prototype.restoreOriginalPages = function (originalPages) {
-        this.questionHashesClear();
-        this.pages.splice(0, this.pages.length);
-        for (var i = 0; i < originalPages.length; i++) {
-            var page = originalPages[i];
-            page.setWasShown(false);
-            this.pages.push(page);
+        if (this.isSingleVisibleQuestion) {
+            var questions = this.getAllQuestions(true);
+            if (questions.length > 0) {
+                this.currentSingleQuestion = questions[0];
+            }
         }
     };
     SurveyModel.prototype.getPageStartIndex = function () {
         return this.firstPageIsStarted && this.pages.length > 0 ? 1 : 0;
     };
-    SurveyModel.prototype.setupPagesForPageModes = function (isSinglePage, isFirstLoad) {
-        var _this = this;
-        this.questionHashesClear();
-        if (this.firstPageIsStarted && this.pages.length > 0) {
-            this.pages[0].questions.forEach(function (q) { return _this.questionHashesAdded(q); });
-        }
-        this.isLockingUpdateOnPageModes = !isFirstLoad;
-        var startIndex = this.getPageStartIndex();
-        _super.prototype.startLoadingFromJson.call(this);
-        var newPages = this.createPagesForQuestionOnPageMode(isSinglePage, startIndex);
-        var deletedLen = this.pages.length - startIndex;
-        this.pages.splice(startIndex, deletedLen);
-        for (var i = 0; i < newPages.length; i++) {
-            this.pages.push(newPages[i]);
-        }
-        _super.prototype.endLoadingFromJson.call(this);
-        for (var i = 0; i < newPages.length; i++) {
-            newPages[i].setSurveyImpl(this, true);
-        }
-        this.doElementsOnLoad();
-        this.updateCurrentPage();
-        this.isLockingUpdateOnPageModes = false;
-    };
-    SurveyModel.prototype.createPagesForQuestionOnPageMode = function (isSinglePage, startIndex) {
-        if (isSinglePage) {
-            return [this.createSinglePage(startIndex)];
-        }
-        return this.createPagesForEveryQuestion(startIndex);
-    };
-    SurveyModel.prototype.createSinglePage = function (startIndex) {
-        var single = this.createNewPage("all");
-        single.setSurveyImpl(this);
-        for (var i = startIndex; i < this.pages.length; i++) {
-            var page = this.pages[i];
-            var panel = Serializer.createClass("panel");
-            panel.originalPage = page;
-            single.addPanel(panel);
-            var json = new jsonobject_JsonObject().toJsonObject(page);
-            new jsonobject_JsonObject().toObject(json, panel);
-        }
-        return single;
-    };
-    SurveyModel.prototype.createPagesForEveryQuestion = function (startIndex) {
-        var res = [];
-        for (var i = startIndex; i < this.pages.length; i++) {
-            var originalPage = this.pages[i];
-            // Initialize randomization
-            originalPage.setWasShown(true);
-            for (var j = 0; j < originalPage.elements.length; j++) {
-                var originalElement = originalPage.elements[j];
-                var element = Serializer.createClass(originalElement.getType());
-                if (!element)
-                    continue;
-                var jsonObj = new jsonobject_JsonObject();
-                //Deserialize page properties only, excluding elements
-                jsonObj.lightSerializing = true;
-                var pageJson = jsonObj.toJsonObject(originalPage);
-                var page = Serializer.createClass(originalPage.getType());
-                page.fromJSON(pageJson);
-                page.name = originalElement.name;
-                page.setSurveyImpl(this);
-                res.push(page);
-                var json = new jsonobject_JsonObject().toJsonObject(originalElement);
-                page.addElement(element);
-                new jsonobject_JsonObject().toObject(json, element);
-                for (var k = 0; k < page.questions.length; k++) {
-                    this.questionHashesAdded(page.questions[k]);
-                }
-            }
-        }
-        return res;
-    };
     Object.defineProperty(SurveyModel.prototype, "isFirstPage", {
         /**
          * Indicates whether the [current page](#currentPage) is the first page.
@@ -43349,30 +43475,73 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "isFirstElement", {
+        get: function () {
+            return this.getPropertyValue("isFirstElement");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyModel.prototype, "isLastElement", {
+        get: function () {
+            return this.getPropertyValue("isLastElement");
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.updateIsFirstLastPageState = function () {
         var curPage = this.currentPage;
         this.setPropertyValue("isFirstPage", !!curPage && curPage === this.firstVisiblePage);
         this.setPropertyValue("isLastPage", !!curPage && curPage === this.lastVisiblePage);
+        var fVal = undefined;
+        var lVal = undefined;
+        var q = this.currentSingleQuestion;
+        if (!!q) {
+            var questions = this.getAllQuestions(true);
+            var index = questions.indexOf(q);
+            if (index >= 0) {
+                fVal = index === 0;
+                lVal = index === questions.length - 1;
+            }
+        }
+        this.setPropertyValue("isFirstElement", fVal);
+        this.setPropertyValue("isLastElement", lVal);
     };
+    Object.defineProperty(SurveyModel.prototype, "isLastPageOrElement", {
+        get: function () {
+            return this.isLastElement !== undefined ? this.isLastElement : this.isLastPage;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyModel.prototype, "isFirstPageOrElement", {
+        get: function () {
+            return this.isFirstElement !== undefined ? this.isFirstElement : this.isFirstPage;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.calcIsShowPrevButton = function () {
-        if (this.isFirstPage || !this.showPrevButton || this.state !== "running")
+        if (this.isFirstPageOrElement || !this.showPrevButton || this.state !== "running")
             return false;
+        if (this.isFirstElement !== undefined)
+            return true;
         var page = this.visiblePages[this.currentPageNo - 1];
         return page && page.getMaxTimeToFinish() <= 0;
     };
     SurveyModel.prototype.calcIsShowNextButton = function () {
-        return this.state === "running" && !this.isLastPage && !this.canBeCompletedByTrigger;
+        return this.state === "running" && !this.isLastPageOrElement && !this.canBeCompletedByTrigger;
     };
     SurveyModel.prototype.calcIsCompleteButtonVisible = function () {
         var state = this.state;
         return this.isEditMode && (this.state === "running" &&
-            (this.isLastPage && !this.isShowPreviewBeforeComplete || this.canBeCompletedByTrigger)
+            (this.isLastPageOrElement && !this.isShowPreviewBeforeComplete || this.canBeCompletedByTrigger)
             || state === "preview") && this.showCompleteButton;
     };
     SurveyModel.prototype.calcIsPreviewButtonVisible = function () {
         return (this.isEditMode &&
             this.isShowPreviewBeforeComplete &&
-            this.state == "running" && this.isLastPage);
+            this.state == "running" && this.isLastPageOrElement);
     };
     SurveyModel.prototype.calcIsCancelPreviewButtonVisible = function () {
         return (this.isEditMode &&
@@ -43381,6 +43550,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "firstVisiblePage", {
         get: function () {
+            if (this.visiblePageCount === 1)
+                return this.visiblePages[0];
             var pages = this.pages;
             for (var i = 0; i < pages.length; i++) {
                 if (this.isPageInVisibleList(pages[i]))
@@ -43393,6 +43564,8 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "lastVisiblePage", {
         get: function () {
+            if (this.visiblePageCount === 1)
+                return this.visiblePages[0];
             var pages = this.pages;
             for (var i = pages.length - 1; i >= 0; i--) {
                 if (this.isPageInVisibleList(pages[i]))
@@ -43741,7 +43914,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     });
     SurveyModel.prototype.updateProgressText = function (onValueChanged) {
         if (onValueChanged === void 0) { onValueChanged = false; }
-        if (this.isCalculatingProgressText || this.isShowingPreview || this.isLockingUpdateOnPageModes)
+        if (this.isCalculatingProgressText || this.isShowingPreview)
             return;
         if (onValueChanged &&
             this.progressBarType == "pages" &&
@@ -43852,7 +44025,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             width: width,
         };
         this.onResize.fire(this, options);
-        this.setResponsiveStartWidth(width);
+        // this.setResponsiveStartWidth(width);
         return isMobileChanged;
     };
     SurveyModel.prototype.triggerResponsiveness = function (hard) {
@@ -45083,7 +45256,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.updateVisibleIndexes();
     };
     SurveyModel.prototype.updateVisibleIndexes = function (page) {
-        if (this.isLoadingFromJson || !!this.isEndLoadingFromJson || this.isLockingUpdateOnPageModes)
+        if (this.isLoadingFromJson || !!this.isEndLoadingFromJson)
             return;
         if (this.isRunningConditions &&
             this.onQuestionVisibleChanged.isEmpty &&
@@ -45152,12 +45325,12 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.endLoadingFromJson = function () {
         this.isEndLoadingFromJson = "processing";
         this.onFirstPageIsStartedChanged();
-        this.onQuestionsOnPageModeChanged("standard", true);
         _super.prototype.endLoadingFromJson.call(this);
         if (this.hasCookie) {
             this.isCompletedBefore = true;
         }
         this.doElementsOnLoad();
+        this.onQuestionsOnPageModeChanged("standard");
         this.isEndLoadingFromJson = "conditions";
         this.runConditions();
         this.notifyElementsOnAnyValueOrVariableChanged("");
@@ -45205,7 +45378,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 mouseDown: function () { return _this.navigationMouseDown(); },
             },
             locTitle: this.locPagePrevText,
-            action: function () { return _this.prevPage(); },
+            action: function () { return _this.performPrevious(); },
             component: defaultComponent
         });
         var navNext = new action_Action({
@@ -45485,8 +45658,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.setValue = function (name, newQuestionValue, locNotification, allowNotifyValueChanged, questionName) {
         if (locNotification === void 0) { locNotification = false; }
         if (allowNotifyValueChanged === void 0) { allowNotifyValueChanged = true; }
-        if (this.isLockingUpdateOnPageModes)
-            return;
         var newValue = newQuestionValue;
         if (allowNotifyValueChanged) {
             newValue = this.questionOnValueChanging(name, newQuestionValue);
@@ -46171,6 +46342,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             if (this.isScaled && this.responsiveStartWidth > 1) {
                 var initialWidth = this.responsiveStartWidth;
                 try {
+                    width = width || this.staticStartWidth;
                     initialWidth = !isNaN(width) ? width : parseFloat(width.toString().replace("px", ""));
                 }
                 catch (e) { }
@@ -46183,6 +46355,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyModel.prototype.setStaticStartWidth = function (width) {
+        this.staticStartWidth = width;
+    };
     SurveyModel.prototype.setResponsiveStartWidth = function (width) {
         this.responsiveStartWidth = width;
     };
@@ -47021,6 +47196,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     survey_decorate([
         jsonobject_property({ defaultValue: 100 })
     ], SurveyModel.prototype, "widthScale", void 0);
+    survey_decorate([
+        jsonobject_property()
+    ], SurveyModel.prototype, "staticStartWidth", void 0);
     survey_decorate([
         jsonobject_property()
     ], SurveyModel.prototype, "responsiveStartWidth", void 0);
@@ -59296,7 +59474,13 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function () {
             if (_this.needConfirmRemoveFile) {
-                confirmActionAsync(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); }, undefined, _this.getLocale(), _this.survey.rootElement);
+                confirmActionAsync({
+                    message: _this.confirmRemoveAllMessage,
+                    funcOnYes: function () { _this.clearFilesCore(); },
+                    locale: _this.getLocale(),
+                    rootElement: _this.survey.rootElement,
+                    cssClass: _this.cssClasses.confirmDialog
+                });
                 return;
             }
             _this.clearFilesCore();
@@ -59596,7 +59780,7 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         if (this.previewValue.length > 0 && !this.calculatedGapBetweenItems && !this.calculatedItemWidth) {
             setTimeout(function () {
                 _this.processResponsiveness(0, _this._width);
-            });
+            }, 1);
         }
         this.prevPreviewLength = this.previewValue.length;
     };
@@ -60305,7 +60489,13 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         var _this = this;
         event.stopPropagation();
         if (this.needConfirmRemoveFile) {
-            confirmActionAsync(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); }, undefined, this.getLocale(), this.survey.rootElement);
+            confirmActionAsync({
+                message: this.getConfirmRemoveMessage(data.name),
+                funcOnYes: function () { _this.clearFilesCore(); },
+                locale: this.getLocale(),
+                rootElement: this.survey.rootElement,
+                cssClass: this.cssClasses.confirmDialog
+            });
             return;
         }
         this.removeFileCore(data);
@@ -66290,7 +66480,13 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             }
         };
         if (this.isRequireConfirmOnDelete(value)) {
-            confirmActionAsync(this.confirmDeleteText, function () { removePanel(); }, undefined, this.getLocale(), this.survey.rootElement);
+            confirmActionAsync({
+                message: this.confirmDeleteText,
+                funcOnYes: function () { removePanel(); },
+                locale: this.getLocale(),
+                rootElement: this.survey.rootElement,
+                cssClass: this.cssClasses.confirmDialog
+            });
         }
         else {
             removePanel();
@@ -70431,8 +70627,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.14";
-ReleaseDate = "" + "2024-12-09";
+Version = "" + "1.12.16-patch.1";
+ReleaseDate = "" + "2024-12-25";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName