survey-react 1.11.12 → 1.11.14

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.12
+ * surveyjs - Survey JavaScript library v1.11.14
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1941,6 +1941,7 @@ var englishStrings = {
     refuseItemText: "Refuse to answer",
     dontKnowItemText: "Don't know",
     selectAllItemText: "Select All",
+    deselectAllItemText: "Deselect all",
     progressText: "Page {0} of {1}",
     indexText: "{0} of {1}",
     panelDynamicProgressText: "{0} of {1}",
@@ -2039,8 +2040,7 @@ var englishStrings = {
 // Uncomment the lines below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
 // Replace `englishStrings` with the name of the variable that contains the custom dictionary.
-// surveyLocalization.locales["en"] = englishStrings;
-// surveyLocalization.localeNames["en"] = "English";
+//surveyLocalization.setupLocale("en", englishStrings, "English", "English");
 
 // CONCATENATED MODULE: ./packages/survey-core/src/surveyStrings.ts
 
@@ -2049,8 +2049,21 @@ var surveyLocalization = {
     defaultLocaleValue: "en",
     locales: {},
     localeNames: {},
+    localeNamesInEnglish: {},
     localeDirections: {},
     supportedLocales: [],
+    useEnglishNames: false,
+    //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;
+        }
+    },
     get currentLocale() {
         return this.currentLocaleValue === this.defaultLocaleValue ? "" : this.currentLocaleValue;
     },
@@ -2102,7 +2115,17 @@ var surveyLocalization = {
         }
         return this.onGetExternalString(strName, locale);
     },
+    getLocaleName: function (loc, inEnglish) {
+        if (!loc)
+            return "";
+        if (inEnglish === undefined)
+            inEnglish = this.showNamesInEnglish;
+        var firstNames = inEnglish ? this.localeNamesInEnglish : this.localeNames;
+        var secondNames = inEnglish ? this.localeNames : this.localeNamesInEnglish;
+        return firstNames[loc] || secondNames[loc] || loc;
+    },
     getLocales: function (removeDefaultLoc) {
+        var _this = this;
         if (removeDefaultLoc === void 0) { removeDefaultLoc = false; }
         var res = [];
         res.push("");
@@ -2119,12 +2142,7 @@ var surveyLocalization = {
             res.push(key);
         }
         var locName = function (loc) {
-            if (!loc)
-                return "";
-            var res = surveyLocalization.localeNames[loc];
-            if (!res)
-                res = loc;
-            return res.toLowerCase();
+            return _this.getLocaleName(loc).toLowerCase();
         };
         res.sort(function (a, b) {
             var str1 = locName(a);
@@ -3359,13 +3377,27 @@ var JsonMetadata = /** @class */ (function () {
             invalidNames = [];
         for (var i_1 = 0; i_1 < dynamicProps.length; i_1++) {
             var dProp = dynamicProps[i_1];
-            if (!hash[dProp.name] && invalidNames.indexOf(dProp.name) < 0) {
+            if (invalidNames.indexOf(dProp.name) < 0 && this.canAddDybamicProp(dProp, hash[dProp.name])) {
                 res.push(dProp);
             }
         }
         this.dynamicPropsCache[cacheType] = res;
         return res;
     };
+    JsonMetadata.prototype.canAddDybamicProp = function (dProp, orgProp) {
+        if (!orgProp)
+            return true;
+        if (dProp === orgProp)
+            return false;
+        var classInfo = dProp.classInfo;
+        while (classInfo && classInfo.parentName) {
+            dProp = this.findProperty(classInfo.parentName, dProp.name);
+            if (dProp && dProp === orgProp)
+                return true;
+            classInfo = !!dProp ? dProp.classInfo : undefined;
+        }
+        return false;
+    };
     JsonMetadata.prototype.hasOriginalProperty = function (obj, propName) {
         return !!this.getOriginalProperty(obj, propName);
     };
@@ -4830,16 +4862,16 @@ function dateFromFirstParameterOrToday(params) {
     }
     return date;
 }
-function year(params) {
+function functionsfactory_year(params) {
     var date = dateFromFirstParameterOrToday(params);
     return date.getFullYear();
 }
-functionsfactory_FunctionFactory.Instance.register("year", year);
-function month(params) {
+functionsfactory_FunctionFactory.Instance.register("year", functionsfactory_year);
+function functionsfactory_month(params) {
     var date = dateFromFirstParameterOrToday(params);
     return date.getMonth() + 1;
 }
-functionsfactory_FunctionFactory.Instance.register("month", month);
+functionsfactory_FunctionFactory.Instance.register("month", functionsfactory_month);
 function day(params) {
     var date = dateFromFirstParameterOrToday(params);
     return date.getDate();
@@ -4853,6 +4885,13 @@ functionsfactory_FunctionFactory.Instance.register("weekday", weekday);
 function getQuestionValueByContext(context, name) {
     if (!context || !name)
         return undefined;
+    var q = context.question;
+    while (q && q.parent) {
+        var res = q.parent.getQuestionByName(name);
+        if (!!res)
+            return res;
+        q = q.parentQuestion;
+    }
     var keys = ["row", "panel", "survey"];
     for (var i = 0; i < keys.length; i++) {
         var ctx = context[keys[i]];
@@ -4864,15 +4903,31 @@ function getQuestionValueByContext(context, name) {
     }
     return null;
 }
+function getDisplayValueReturnResult(q, params) {
+    if (params.length > 1 && !helpers_Helpers.isValueEmpty(params[1]))
+        return q.getDisplayValue(true, params[1]);
+    return q.displayValue;
+}
 function displayValue(params) {
+    var _this = this;
     var q = getQuestionValueByContext(this, params[0]);
     if (!q)
         return "";
-    if (params.length > 1 && !helpers_Helpers.isValueEmpty(params[1]))
-        return q.getDisplayValue(true, params[1]);
-    return q.displayValue;
+    if (q.isReady) {
+        this.returnResult(getDisplayValueReturnResult(q, params));
+    }
+    else {
+        var displayValueOnReadyChanged_1 = function (sender, options) {
+            if (sender.isReady) {
+                sender.onReadyChanged.remove(displayValueOnReadyChanged_1);
+                _this.returnResult(getDisplayValueReturnResult(sender, params));
+            }
+        };
+        q.onReadyChanged.add(displayValueOnReadyChanged_1);
+    }
+    return undefined;
 }
-functionsfactory_FunctionFactory.Instance.register("displayValue", displayValue);
+functionsfactory_FunctionFactory.Instance.register("displayValue", displayValue, true);
 function propertyValue(params) {
     if (params.length !== 2 || !params[0] || !params[1])
         return undefined;
@@ -5379,11 +5434,27 @@ var expressions_FunctionOperand = /** @class */ (function (_super) {
         return true;
     };
     FunctionOperand.prototype.hasAsyncFunction = function () {
+        return this.isAsyncFunction() || this.parameters.hasAsyncFunction();
+    };
+    FunctionOperand.prototype.isAsyncFunction = function () {
         return functionsfactory_FunctionFactory.Instance.isAsyncFunction(this.originalValue);
     };
     FunctionOperand.prototype.addToAsyncList = function (list) {
-        if (this.hasAsyncFunction()) {
-            list.push(this);
+        var item = undefined;
+        if (this.isAsyncFunction()) {
+            item = { operand: this };
+        }
+        if (this.parameters.hasAsyncFunction()) {
+            var children = new Array();
+            this.parameters.addToAsyncList(children);
+            children.forEach(function (child) { return child.parent = item; });
+            if (!item) {
+                item = {};
+            }
+            item.children = children;
+        }
+        if (item) {
+            list.push(item);
         }
     };
     FunctionOperand.prototype.isContentEqual = function (op) {
@@ -8742,7 +8813,6 @@ var conditions_ExpressionExecutor = /** @class */ (function () {
         return !!this.operand;
     };
     ExpressionExecutor.prototype.run = function (values, properties) {
-        var _this = this;
         if (properties === void 0) { properties = null; }
         if (!this.operand) {
             if (!!this.expression) {
@@ -8754,25 +8824,57 @@ var conditions_ExpressionExecutor = /** @class */ (function () {
         this.processValue.properties = properties;
         if (!this.isAsync)
             return this.runValues();
-        this.asyncFuncList = [];
+        this.asyncFuncList = new Array();
         this.operand.addToAsyncList(this.asyncFuncList);
         for (var i = 0; i < this.asyncFuncList.length; i++) {
-            this.asyncFuncList[i].onAsyncReady = function () {
-                _this.doAsyncFunctionReady();
-            };
-        }
-        for (var i = 0; i < this.asyncFuncList.length; i++) {
-            this.asyncFuncList[i].evaluateAsync(this.processValue);
+            this.runAsyncItem(this.asyncFuncList[i]);
         }
         return false;
     };
-    ExpressionExecutor.prototype.doAsyncFunctionReady = function () {
+    ExpressionExecutor.prototype.runAsyncItem = function (item) {
+        var _this = this;
+        if (item.children) {
+            item.children.forEach(function (child) { return _this.runAsyncItem(child); });
+        }
+        else {
+            this.runAsyncItemCore(item);
+        }
+    };
+    ExpressionExecutor.prototype.runAsyncItemCore = function (item) {
+        var _this = this;
+        if (item.operand) {
+            item.operand.onAsyncReady = function () { return _this.doAsyncFunctionReady(item); };
+            item.operand.evaluateAsync(this.processValue);
+        }
+        else {
+            this.doAsyncFunctionReady(item);
+        }
+    };
+    ExpressionExecutor.prototype.doAsyncFunctionReady = function (item) {
+        if (item.parent && this.isAsyncChildrenReady(item)) {
+            this.runAsyncItemCore(item.parent);
+            return;
+        }
         for (var i = 0; i < this.asyncFuncList.length; i++) {
-            if (!this.asyncFuncList[i].isReady)
+            if (!this.isAsyncFuncReady(this.asyncFuncList[i]))
                 return;
         }
         this.runValues();
     };
+    ExpressionExecutor.prototype.isAsyncFuncReady = function (item) {
+        if (item.operand && !item.operand.isReady)
+            return false;
+        return this.isAsyncChildrenReady(item);
+    };
+    ExpressionExecutor.prototype.isAsyncChildrenReady = function (item) {
+        if (item.children) {
+            for (var i = 0; i < item.children.length; i++) {
+                if (!this.isAsyncFuncReady(item.children[i]))
+                    return false;
+            }
+        }
+        return true;
+    };
     ExpressionExecutor.prototype.runValues = function () {
         var res = this.operand.evaluate(this.processValue);
         if (!!this.onComplete) {
@@ -11128,6 +11230,9 @@ var list_ListModel = /** @class */ (function (_super) {
     list_decorate([
         jsonobject_property({ defaultValue: false })
     ], ListModel.prototype, "textWrapEnabled", void 0);
+    list_decorate([
+        jsonobject_property({ defaultValue: "sv-list-item-content" })
+    ], ListModel.prototype, "itemComponent", void 0);
     return ListModel;
 }(container_ActionContainer));
 
@@ -11760,7 +11865,7 @@ var action_Action = /** @class */ (function (_super) {
         evt.stopPropagation();
         return true;
     };
-    Action.prototype.doMouseDown = function () {
+    Action.prototype.doMouseDown = function (args) {
         this.isMouseDown = true;
     };
     Action.prototype.doFocus = function (args) {
@@ -15694,7 +15799,7 @@ var settings = {
      * Nested properties:
      *
      * - `lifetime`: `number`\
-     * Specifies a time period during which a notification is displayed; measured in milliseconds.
+     * Specifies a time period during which a notification is displayed; measured in milliseconds. Default value: 2000.
      */
     notifications: {
         lifetime: 2000
@@ -17261,7 +17366,7 @@ var question_Question = /** @class */ (function (_super) {
         _this.registerFunctionOnPropertiesValueChanged(["no", "readOnly", "hasVisibleErrors", "containsErrors"], function () {
             _this.updateQuestionCss();
         });
-        _this.registerPropertyChangedHandlers(["isMobile"], function () { _this.onMobileChanged(); });
+        _this.registerPropertyChangedHandlers(["_isMobile"], function () { _this.onMobileChanged(); });
         _this.registerPropertyChangedHandlers(["colSpan"], function () { var _a; (_a = _this.parent) === null || _a === void 0 ? void 0 : _a.updateColumns(); });
         return _this;
     }
@@ -17278,8 +17383,22 @@ var question_Question = /** @class */ (function (_super) {
         this.setIsMobile(this.survey._isMobile);
     };
     Question.prototype.setIsMobile = function (val) {
-        this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
+        var newVal = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
+        this.isMobile = newVal;
     };
+    Question.prototype.getIsMobile = function () {
+        return this._isMobile;
+    };
+    Object.defineProperty(Question.prototype, "isMobile", {
+        get: function () {
+            return this.getIsMobile();
+        },
+        set: function (val) {
+            this._isMobile = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Question.prototype.themeChanged = function (theme) { };
     Question.prototype.getDefaultTitle = function () { return this.name; };
     Question.prototype.createLocTitleProperty = function () {
@@ -18475,6 +18594,7 @@ var question_Question = /** @class */ (function (_super) {
     Question.prototype.getRootCss = function () {
         return new CssClassBuilder()
             .append(this.cssRoot)
+            .append(this.cssClasses.mobile, this.isMobile)
             .append(this.cssClasses.readOnly, this.isReadOnlyStyle)
             .append(this.cssClasses.disabled, this.isDisabledStyle)
             .append(this.cssClasses.preview, this.isPreviewStyle)
@@ -19645,7 +19765,8 @@ var question_Question = /** @class */ (function (_super) {
     Object.defineProperty(Question.prototype, "validators", {
         /**
          * Question validators.
-         * @see [Data Validation](https://surveyjs.io/form-library/documentation/data-validation)
+         *
+         * [Data Validation](https://surveyjs.io/form-library/documentation/data-validation (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("validators");
@@ -20418,7 +20539,7 @@ var question_Question = /** @class */ (function (_super) {
     Question.questionCounter = 100;
     question_decorate([
         jsonobject_property({ defaultValue: false })
-    ], Question.prototype, "isMobile", void 0);
+    ], Question.prototype, "_isMobile", void 0);
     question_decorate([
         jsonobject_property()
     ], Question.prototype, "forceIsInputReadOnly", void 0);
@@ -22630,6 +22751,25 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixBaseModel.prototype, "displayMode", {
+        get: function () {
+            return this.getPropertyValue("displayMode");
+        },
+        /**
+         * Specifies how to arrange matrix questions.
+         *
+         * Possible values:
+         *
+         * - `"table"` - Displays matrix questions in a table.
+         * - `"list"` - Displays matrix questions one under another as a list.
+         * - `"auto"` (default) - Uses the `"table"` mode if the survey has sufficient width to fit the table or the `"list"` mode otherwise.
+         */
+        set: function (val) {
+            this.setPropertyValue("displayMode", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     //a11y
     QuestionMatrixBaseModel.prototype.getCellAriaLabel = function (rowTitle, columnTitle) {
         var row = (this.getLocalizationString("matrix_row") || "row").toLocaleLowerCase();
@@ -22643,6 +22783,12 @@ var martixBase_QuestionMatrixBaseModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    // EO a11y
+    QuestionMatrixBaseModel.prototype.getIsMobile = function () {
+        if (this.displayMode == "auto")
+            return _super.prototype.getIsMobile.call(this);
+        return this.displayMode === "list";
+    };
     martixBase_decorate([
         jsonobject_property()
     ], QuestionMatrixBaseModel.prototype, "verticalAlign", void 0);
@@ -22663,7 +22809,13 @@ Serializer.addClass("matrixbase", [
         choices: ["top", "middle"],
         default: "middle",
     },
-    { name: "alternateRows:boolean", default: false }
+    { name: "alternateRows:boolean", default: false },
+    {
+        name: "displayMode",
+        default: "auto",
+        choices: ["auto", "table", "list"],
+        visible: false
+    },
 ], undefined, "question");
 
 // CONCATENATED MODULE: ./packages/survey-core/src/textPreProcessor.ts
@@ -25966,6 +26118,14 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedCell = /** @cl
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "isVisible", {
+        get: function () {
+            var _a;
+            return (!this.hasQuestion && !this.isErrorsCell) || !((_a = this.matrix) === null || _a === void 0 ? void 0 : _a.isMobile) || this.question.isVisible;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "showResponsiveTitle", {
         get: function () {
             var _a;
@@ -27011,9 +27171,6 @@ var question_matrixdropdownrendered_QuestionMatrixDropdownRenderedTable = /** @c
     QuestionMatrixDropdownRenderedTable.prototype.createTextCell = function (locTitle) {
         var cell = new question_matrixdropdownrendered_QuestionMatrixDropdownRenderedCell();
         cell.locTitle = locTitle;
-        if (!!locTitle) {
-            locTitle.strChanged();
-        }
         if (!!this.cssClasses.cell) {
             cell.className = this.cssClasses.cell;
         }
@@ -27962,12 +28119,10 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
             "rowCount",
             "hasFooter",
             "detailPanelMode",
+            "displayMode"
         ], function () {
             _this.resetRenderedTable();
         });
-        _this.registerPropertyChangedHandlers(["isMobile"], function () {
-            _this.resetRenderedTable();
-        });
         return _this;
     }
     Object.defineProperty(QuestionMatrixDropdownModelBase, "defaultCellType", {
@@ -29731,6 +29886,10 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         enumerable: false,
         configurable: true
     });
+    QuestionMatrixDropdownModelBase.prototype.onMobileChanged = function () {
+        _super.prototype.onMobileChanged.call(this);
+        this.resetRenderedTable();
+    };
     QuestionMatrixDropdownModelBase.prototype.getRootCss = function () {
         return new CssClassBuilder().append(_super.prototype.getRootCss.call(this)).append(this.cssClasses.rootScroll, this.horizontalScroll).toString();
     };
@@ -32142,6 +32301,7 @@ var defaultV2Css = {
     question: {
         contentFadeIn: "sd-element__content--fade-in",
         contentFadeOut: "sd-element__content--fade-out",
+        mobile: "sd-question--mobile",
         fadeIn: "sd-element-wrapper--fade-in",
         fadeOut: "sd-element-wrapper--fade-out",
         mainRoot: "sd-element sd-question sd-row__question",
@@ -38501,14 +38661,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this._isMobile = false;
         _this._isCompact = false;
         _this._isDesignMode = false;
-        /**
-         * Specifies whether data validation is enabled.
-         *
-         * Default value: `true`
-         * @see checkErrorsMode
-         * @see hideRequiredErrors
-         */
-        _this.validationEnabled = true;
         /**
          * Specifies whether respondents can switch the current page even if it contains validation errors.
          *
@@ -38526,6 +38678,10 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         _this.isNavigationButtonPressed = false;
         _this.mouseDownPage = null;
         _this.isCalculatingProgressText = false;
+        /**
+         * An event that is raised when the survey's width or height is changed.
+         */
+        _this.onResize = new EventBase();
         _this.isCurrentPageRendering = true;
         _this.isCurrentPageRendered = undefined;
         _this.isTriggerIsRunning = false;
@@ -43195,7 +43351,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                             isProcessed_1 = false;
                         }
                         else {
-                            isProcessed_1 = _this.processResponsiveness(observedElement.offsetWidth, mobileWidth_1);
+                            isProcessed_1 = _this.processResponsiveness(observedElement.offsetWidth, mobileWidth_1, observedElement.offsetHeight);
                         }
                     });
                 });
@@ -43209,13 +43365,16 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.rootElement = htmlElement;
         this.addScrollEventListener();
     };
-    SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
+    SurveyModel.prototype.processResponsiveness = function (width, mobileWidth, height) {
         var isMobile = width < mobileWidth;
         var isMobileChanged = this.isMobile !== isMobile;
-        if (isMobileChanged) {
-            this.setIsMobile(isMobile);
-        }
+        this.setIsMobile(isMobile);
         this.layoutElements.forEach(function (layoutElement) { return layoutElement.processResponsiveness && layoutElement.processResponsiveness(width); });
+        var options = {
+            height: height,
+            width: width,
+        };
+        this.onResize.fire(this, options);
         return isMobileChanged;
     };
     SurveyModel.prototype.triggerResponsiveness = function (hard) {
@@ -43624,36 +43783,6 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             this.uploadFilesCore(name, files, callback);
         }
     };
-    /**
-     * Downloads a file from a server.
-     *
-     * The following code shows how to call this method:
-     *
-     * ```js
-     * const question = survey.getQuestionByName("myFileQuestion");
-     * survey.downloadFile(
-     *   question,
-     *   question.name,
-     *   // Download the first uploaded file
-     *   question.value[0],
-     *   (status, data) => {
-     *     if (status === "success") {
-     *       // Use `data` to retrieve the file
-     *     }
-     *     if (status === "error") {
-     *       // Handle error
-     *     }
-     *   }
-     * );
-     * ```
-     *
-     * @param question A [File Upload question instance](https://surveyjs.io/form-library/documentation/api-reference/file-model).
-     * @param questionName The File Upload question's [`name`](https://surveyjs.io/form-library/documentation/api-reference/file-model#name).
-     * @param fileValue An object from File Upload's [`value`](https://surveyjs.io/form-library/documentation/api-reference/file-model#value) array. This object contains metadata about the file you want to download.
-     * @param callback A callback function that allows you to get the download status (`"success"` or `"error"`) and the file identifier (URL, file name, etc.) that you can use to retrieve the file.
-     * @see onDownloadFile
-     * @see uploadFiles
-     */
     SurveyModel.prototype.downloadFile = function (question, questionName, fileValue, callback) {
         if (this.onDownloadFile.isEmpty) {
             !!callback && callback("skipped", fileValue.content || fileValue);
@@ -45439,6 +45568,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
          * A survey width in CSS values.
          *
          * Default value: `undefined` (the survey inherits the width from its container)
+         * @see onResize
          */
         get: function () {
             return this.getPropertyValue("width");
@@ -46228,6 +46358,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     survey_decorate([
         jsonobject_property()
     ], SurveyModel.prototype, "progressBarInheritWidthFrom", void 0);
+    survey_decorate([
+        jsonobject_property({ defaultValue: true })
+    ], SurveyModel.prototype, "validationEnabled", void 0);
     survey_decorate([
         jsonobject_property()
     ], SurveyModel.prototype, "rootCss", void 0);
@@ -47227,6 +47360,7 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.clearValue = function (keepComment) {
         _super.prototype.clearValue.call(this, keepComment);
         this.prevOtherValue = undefined;
+        this.selectedItemValues = undefined;
     };
     QuestionSelectBase.prototype.updateCommentFromSurvey = function (newValue) {
         _super.prototype.updateCommentFromSurvey.call(this, newValue);
@@ -52900,8 +53034,11 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
         }
         if (this.inputType === "month") {
             var d = new Date(newValue);
-            var m = d.getMonth() + 1;
-            return d.getFullYear() + "-" + (m < 10 ? "0" : "") + m;
+            var isUtc = d.toISOString().indexOf(newValue) == 0 && newValue.indexOf("T") == -1;
+            var month = isUtc ? d.getUTCMonth() : d.getMonth();
+            var year = isUtc ? d.getUTCFullYear() : d.getFullYear();
+            var m = month + 1;
+            return year + "-" + (m < 10 ? "0" : "") + m;
         }
         return newValue;
     };
@@ -53137,7 +53274,7 @@ Serializer.addClass("text", [
             return isMinMaxType(obj);
         },
     },
-    { name: "inputTextAlignment", default: "auto", choices: ["left", "right", "auto"], visible: false },
+    { name: "inputTextAlignment", default: "auto", choices: ["left", "right", "auto"] },
     {
         name: "maskType",
         default: "none",
@@ -53628,6 +53765,15 @@ var question_multipletext_MultipleTextItemModel = /** @class */ (function (_supe
         configurable: true
     });
     Object.defineProperty(MultipleTextItemModel.prototype, "inputTextAlignment", {
+        /**
+         * Specifies text alignment within the input field.
+         *
+         * Possible values:
+         *
+         * - `"left"` - Aligns input text to the left side.
+         * - `"right"` - Aligns input text to the right side.
+         * - `"auto"` (default) - Applies right alignment if a [numeric or currency input mask](https://surveyjs.io/form-library/documentation/api-reference/multipletextitemmodel#maskType) is specified. Otherwise, applies left alignment.
+         */
         get: function () {
             return this.editor.inputTextAlignment;
         },
@@ -54373,7 +54519,7 @@ Serializer.addClass("multipletextitem", [
             obj.maskSettings.setData(value);
         },
     },
-    { name: "inputTextAlignment", default: "auto", choices: ["left", "right", "auto"], visible: false },
+    { name: "inputTextAlignment", default: "auto", choices: ["left", "right", "auto"] },
     { name: "title", serializationProperty: "locTitle" },
     { name: "maxLength:number", default: -1 },
     { name: "size:number", minValue: 0 },
@@ -54792,9 +54938,9 @@ var question_checkbox_QuestionCheckboxModel = /** @class */ (function (_super) {
         _this.isChangingValueOnClearIncorrect = false;
         _this.selectAllItemValue = new itemvalue_ItemValue("");
         _this.selectAllItemValue.id = "selectall";
-        var selectAllItemText = _this.createLocalizableString("selectAllText", _this.selectAllItem, true, "selectAllItemText");
+        _this.selectAllItemText = _this.createLocalizableString("selectAllText", _this.selectAllItem, true, "selectAllItemText");
         _this.selectAllItem.locOwner = _this;
-        _this.selectAllItem.setLocText(selectAllItemText);
+        _this.selectAllItem.setLocText(_this.selectAllItemText);
         _this.registerPropertyChangedHandlers(["showSelectAllItem", "selectAllText"], function () {
             _this.onVisibleChoicesChanged();
         });
@@ -54901,28 +55047,7 @@ var question_checkbox_QuestionCheckboxModel = /** @class */ (function (_super) {
          * @see showSelectAllItem
          */
         get: function () {
-            var noneItems = this.getNoneItems();
-            for (var i = 0; i < noneItems.length; i++) {
-                if (this.isItemSelected(noneItems[i]))
-                    return false;
-            }
-            var items = this.getVisibleEnableItems();
-            if (items.length === 0)
-                return false;
-            var val = this.value;
-            if (!val || !Array.isArray(val) || val.length === 0)
-                return false;
-            if (val.length < items.length)
-                return false;
-            var rVal = [];
-            for (var i = 0; i < val.length; i++) {
-                rVal.push(this.getRealValue(val[i]));
-            }
-            for (var i = 0; i < items.length; i++) {
-                if (rVal.indexOf(items[i].value) < 0)
-                    return false;
-            }
-            return true;
+            return this.allElementsSelected();
         },
         set: function (val) {
             if (val) {
@@ -54938,6 +55063,30 @@ var question_checkbox_QuestionCheckboxModel = /** @class */ (function (_super) {
     QuestionCheckboxModel.prototype.toggleSelectAll = function () {
         this.isAllSelected = !this.isAllSelected;
     };
+    QuestionCheckboxModel.prototype.allElementsSelected = function () {
+        var noneItems = this.getNoneItems();
+        for (var i = 0; i < noneItems.length; i++) {
+            if (this.isItemSelected(noneItems[i]))
+                return false;
+        }
+        var items = this.getVisibleEnableItems();
+        if (items.length === 0)
+            return false;
+        var val = this.value;
+        if (!val || !Array.isArray(val) || val.length === 0)
+            return false;
+        if (val.length < items.length)
+            return false;
+        var rVal = [];
+        for (var i = 0; i < val.length; i++) {
+            rVal.push(this.getRealValue(val[i]));
+        }
+        for (var i = 0; i < items.length; i++) {
+            if (rVal.indexOf(items[i].value) < 0)
+                return false;
+        }
+        return true;
+    };
     /**
      * Selects all choice items, except "Other" and "None".
      *
@@ -55801,6 +55950,9 @@ var dropdownMultiSelectListModel_DropdownMultiSelectListModel = /** @class */ (f
     };
     DropdownMultiSelectListModel.prototype.selectAllItems = function () {
         this.question.toggleSelectAll();
+        if (this.question.isAllSelected && this.question.hideSelectedItems) {
+            this.popupModel.hide();
+        }
         this.updateListState();
     };
     DropdownMultiSelectListModel.prototype.selectNoneItem = function () {
@@ -55931,6 +56083,7 @@ var question_tagbox_QuestionTagboxModel = /** @class */ (function (_super) {
         _this.createLocalizableString("placeholder", _this, false, true);
         _this.createLocalizableString("clearCaption", _this, false, true);
         _this.createLocalizableString("readOnlyText", _this, true);
+        _this.deselectAllItemText = _this.createLocalizableString("deselectAllText", _this.selectAllItem, true, "deselectAllItemText");
         _this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], function () {
             _this.updateReadOnlyText();
         });
@@ -56120,6 +56273,14 @@ var question_tagbox_QuestionTagboxModel = /** @class */ (function (_super) {
         (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.onFocus(event);
         _super.prototype.onFocusCore.call(this, event);
     };
+    QuestionTagboxModel.prototype.allElementsSelected = function () {
+        var result = _super.prototype.allElementsSelected.call(this);
+        this.updateSelectAllItemText(result);
+        return result;
+    };
+    QuestionTagboxModel.prototype.updateSelectAllItemText = function (isAllSelected) {
+        this.selectAllItem.setLocText(isAllSelected ? this.deselectAllItemText : this.selectAllItemText);
+    };
     QuestionTagboxModel.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
         if (!!this.dropdownListModel) {
@@ -57692,7 +57853,6 @@ questionfactory_QuestionFactory.Instance.registerQuestion("comment", function (n
 
 // CONCATENATED MODULE: ./packages/survey-core/src/utils/camera.ts
 
-
 var camera_Camera = /** @class */ (function () {
     function Camera() {
         this.canFlipValue = undefined;
@@ -57795,27 +57955,25 @@ var camera_Camera = /** @class */ (function () {
             audio: false
         };
     };
-    Camera.prototype.startVideo = function (videoElementId, callback, imageWidth, imageHeight) {
+    Camera.prototype.startVideo = function (videoElement, callback, imageWidth, imageHeight) {
         var _this = this;
-        var _a;
-        var videoEl = (_a = settings.environment.root) === null || _a === void 0 ? void 0 : _a.getElementById(videoElementId);
-        if (!videoEl) {
+        if (!videoElement) {
             callback(undefined);
             return;
         }
-        videoEl.style.width = "100%";
-        videoEl.style.height = "auto";
-        videoEl.style.height = "100%";
-        videoEl.style.objectFit = "contain";
+        videoElement.style.width = "100%";
+        videoElement.style.height = "auto";
+        videoElement.style.height = "100%";
+        videoElement.style.objectFit = "contain";
         var mediaConstraints = this.getMediaConstraints({ width: imageWidth, height: imageHeight });
         navigator.mediaDevices.getUserMedia(mediaConstraints).then(function (stream) {
             var _a;
-            videoEl.srcObject = stream;
+            videoElement.srcObject = stream;
             if (!((_a = Camera.cameraList[Camera.cameraIndex]) === null || _a === void 0 ? void 0 : _a.deviceId) && !!stream.getTracks()[0].getCapabilities().facingMode) {
                 Camera.canSwitchFacingMode = true;
                 _this.updateCanFlipValue();
             }
-            videoEl.play();
+            videoElement.play();
             callback(stream);
         })
             .catch(function (error) {
@@ -57825,15 +57983,14 @@ var camera_Camera = /** @class */ (function () {
     Camera.prototype.getImageSize = function (videoEl) {
         return { width: videoEl.videoWidth, height: videoEl.videoHeight };
     };
-    Camera.prototype.snap = function (videoElementId, callback) {
+    Camera.prototype.snap = function (videoElement, callback) {
+        if (!videoElement)
+            return false;
         if (!DomDocumentHelper.isAvailable())
             return false;
         var root = DomDocumentHelper.getDocument();
-        var videoEl = root === null || root === void 0 ? void 0 : root.getElementById(videoElementId);
-        if (!videoEl)
-            return false;
         var canvasEl = root.createElement("canvas");
-        var imageSize = this.getImageSize(videoEl);
+        var imageSize = this.getImageSize(videoElement);
         canvasEl.height = imageSize.height;
         canvasEl.width = imageSize.width;
         var context = canvasEl.getContext("2d");
@@ -57844,7 +58001,7 @@ var camera_Camera = /** @class */ (function () {
         }
         */
         context.clearRect(0, 0, canvasEl.width, canvasEl.height);
-        context.drawImage(videoEl, 0, 0, canvasEl.width, canvasEl.height);
+        context.drawImage(videoElement, 0, 0, canvasEl.width, canvasEl.height);
         canvasEl.toBlob(callback, "image/png");
         return true;
     };
@@ -58307,9 +58464,17 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
             _this.startVideoInCamera();
         }, 0);
     };
+    Object.defineProperty(QuestionFileModel.prototype, "videoHtmlElement", {
+        get: function () {
+            var _a;
+            return (_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.querySelector("#" + this.videoId);
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionFileModel.prototype.startVideoInCamera = function () {
         var _this = this;
-        this.camera.startVideo(this.videoId, function (stream) {
+        this.camera.startVideo(this.videoHtmlElement, function (stream) {
             _this.videoStream = stream;
             if (!stream) {
                 _this.stopVideo();
@@ -58330,7 +58495,7 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
                 _this.loadFiles([file]);
             }
         };
-        this.camera.snap(this.videoId, blobCallback);
+        this.camera.snap(this.videoHtmlElement, blobCallback);
         this.stopVideo();
     };
     QuestionFileModel.prototype.canFlipCamera = function () {
@@ -59819,12 +59984,14 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             return;
         if (QuestionRatingModel.colorsCalculated)
             return;
+        function getColorFromProperty(varName) {
+            var style = getComputedStyle(DomDocumentHelper.getDocumentElement());
+            return style.getPropertyValue && style.getPropertyValue(varName);
+        }
         function getRGBColor(colorName, varName) {
             var str = !!themeVariables && themeVariables[colorName];
-            if (!str) {
-                var style = getComputedStyle(DomDocumentHelper.getDocumentElement());
-                str = style.getPropertyValue && style.getPropertyValue(varName);
-            }
+            if (!str)
+                str = getColorFromProperty(varName);
             if (!str)
                 return null;
             var canvasElement = DomDocumentHelper.createElement("canvas");
@@ -59832,6 +59999,9 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
                 return null;
             var ctx = canvasElement.getContext("2d");
             ctx.fillStyle = str;
+            if (ctx.fillStyle == "#000000") {
+                ctx.fillStyle = getColorFromProperty(varName);
+            }
             var newStr = ctx.fillStyle;
             if (newStr.startsWith("rgba")) {
                 return newStr.substring(5, newStr.length - 1).split(",").map(function (c) { return +(c.trim()); });
@@ -60101,7 +60271,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.setValueFromClick = function (value) {
         if (this.isReadOnlyAttr)
             return;
-        if (this.value === parseFloat(value)) {
+        if (this.value === ((typeof (this.value) === "string") ? value : parseFloat(value))) {
             this.clearValue(true);
         }
         else {
@@ -62715,7 +62885,7 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
         };
     };
     QuestionSignaturePadModel.prototype.refreshCanvas = function () {
-        if (!this.canvas)
+        if (!this.signaturePad || !this.canvas)
             return;
         if (!this.value) {
             this.canvas.getContext("2d").clearRect(0, 0, this.canvas.width * this.scale, this.canvas.height * this.scale);
@@ -63445,7 +63615,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         _this.registerPropertyChangedHandlers(["panelsState"], function () {
             _this.setPanelsState();
         });
-        _this.registerPropertyChangedHandlers(["isMobile", "newPanelPosition", "showRangeInProgress", "renderMode"], function () {
+        _this.registerPropertyChangedHandlers(["newPanelPosition", "displayMode", "showProgressBar"], function () {
             _this.updateFooterActions();
         });
         _this.registerPropertyChangedHandlers(["allowAddPanel"], function () { _this.updateNoEntriesTextDefaultLoc(); });
@@ -63601,7 +63771,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "templateTabTitle", {
         /**
-         * A template for tab titles. Applies when [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`.
+         * A template for tab titles. Applies when [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#displayMode) is `"tab"`.
          *
          * The template can contain the following placeholders:
          *
@@ -63613,7 +63783,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
          * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
          * @see tabTitlePlaceholder
-         * @see renderMode
+         * @see displayMode
          */
         get: function () {
             return this.locTemplateTabTitle.text;
@@ -63793,11 +63963,11 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         /**
          * A zero-based index of the currently displayed panel.
          *
-         * When `renderMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains -1.
+         * When `displayMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains -1.
          * @see currentPanel
          * @see panels
          * @see panelCount
-         * @see renderMode
+         * @see displayMode
          */
         get: function () {
             if (this.isRenderModeList)
@@ -63820,11 +63990,11 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         /**
          * A `PanelModel` object that is the currently displayed panel.
          *
-         * When `renderMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains `null`.
+         * When `displayMode` is `"list"` or Dynamic Panel is empty (`panelCount` is 0), this property contains `null`.
          * @see currentIndex
          * @see panels
          * @see panelCount
-         * @see renderMode
+         * @see displayMode
          */
         get: function () {
             if (this.isDesignMode)
@@ -64074,8 +64244,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelPrevText", {
         /**
-         * A caption for the Previous button. Applies only if `renderMode` is different from `"list"`.
-         * @see renderMode
+         * A caption for the Previous button. Applies only if `displayMode` is different from `"list"`.
+         * @see displayMode
          * @see isPrevButtonVisible
          */
         get: function () {
@@ -64096,8 +64266,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelNextText", {
         /**
-         * A caption for the Next button. Applies only if `renderMode` is different from `"list"`.
-         * @see renderMode
+         * A caption for the Next button. Applies only if `displayMode` is different from `"list"`.
+         * @see displayMode
          * @see isNextButtonVisible
          */
         get: function () {
@@ -64158,21 +64328,15 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         configurable: true
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isProgressTopShowing", {
-        /**
-         * Returns true when the renderMode equals to "progressTop" or "progressTopBottom"
-         */
         get: function () {
-            return this.renderMode === "progressTop" || this.renderMode === "progressTopBottom";
+            return this.displayMode == "carousel" && (this.progressBarLocation === "top" || this.progressBarLocation === "topBottom");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isProgressBottomShowing", {
-        /**
-         * Returns true when the renderMode equals to "progressBottom" or "progressTopBottom"
-         */
         get: function () {
-            return this.renderMode === "progressBottom" || this.renderMode === "progressTopBottom";
+            return this.displayMode == "carousel" && (this.progressBarLocation === "bottom" || this.progressBarLocation === "topBottom");
         },
         enumerable: false,
         configurable: true
@@ -64212,9 +64376,6 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         configurable: true
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isRangeShowing", {
-        /**
-         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and visiblePanelCount is >= 2.
-         */
         get: function () {
             return (this.showRangeInProgress && this.currentIndex >= 0 && this.visiblePanelCount > 1);
         },
@@ -64291,7 +64452,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             for (var i = this.panelCount; i < val; i++) {
                 var panel = this.createNewPanel();
                 this.panelsCore.push(panel);
-                if (this.renderMode == "list" && this.panelsState != "default") {
+                if (this.displayMode == "list" && this.panelsState != "default") {
                     if (this.panelsState === "expanded") {
                         panel.expand();
                     }
@@ -64327,7 +64488,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelsState", {
         /**
-         * Specifies whether users can expand and collapse panels. Applies if `renderMode` is `"list"` and the `templateTitle` property is specified.
+         * Specifies whether users can expand and collapse panels. Applies if `displayMode` is `"list"` and the `templateTitle` property is specified.
          *
          * Possible values:
          *
@@ -64335,7 +64496,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
          * - `"expanded"` - All panels are displayed in full and can be collapsed in the UI.
          * - `"collapsed"` - All panels display only their titles and descriptions and can be expanded in the UI.
          * - `"firstExpanded"` - Only the first panel is displayed in full; other panels are collapsed and can be expanded in the UI.
-         * @see renderMode
+         * @see displayMode
          * @see templateTitle
          */
         get: function () {
@@ -64361,7 +64522,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         }
     };
     QuestionPanelDynamicModel.prototype.setPanelsState = function () {
-        if (this.useTemplatePanel || this.renderMode != "list" || !this.templateTitle)
+        if (this.useTemplatePanel || this.displayMode != "list" || !this.templateTitle)
             return;
         for (var i = 0; i < this.panelsCore.length; i++) {
             var state = this.panelsState;
@@ -64574,46 +64735,68 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "showRangeInProgress", {
         /**
-         * Shows the range from 1 to panelCount when renderMode doesn't equal to "list". Set to false to hide this element.
-         * @see panelCount
-         * @see renderMode
+         * Obsolete. Use the [`showProgressBar`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#showProgressBar) property instead.
+         * @deprecated
          */
         get: function () {
-            return this.getPropertyValue("showRangeInProgress");
+            return this.showProgressBar;
+            // return this.getPropertyValue("showRangeInProgress");
         },
         set: function (val) {
-            this.setPropertyValue("showRangeInProgress", val);
-            this.fireCallback(this.currentIndexChangedCallback);
+            this.showProgressBar = val;
+            // this.setPropertyValue("showRangeInProgress", val);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "renderMode", {
         /**
-         * Specifies how to render panels.
-         *
-         * Possible values:
-         *
-         * - `"list"` (default) - Renders panels one under the other. [View Demo](https://surveyjs.io/form-library/examples/how-to-use-expressions-in-dynamic-panel/)
-         * - `"progressTop"` - Renders each panel as a card and displays a progress bar at the top. [View Demo](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/)
-         * - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
-         * - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
-         * - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/)
+         * Obsolete. Use the [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#displayMode) property instead.
+         * @deprecated
          */
         get: function () {
-            return this.getPropertyValue("renderMode");
+            var displayMode = this.displayMode;
+            if (displayMode == "carousel") {
+                var progressBarLocation = this.progressBarLocation;
+                if (progressBarLocation == "top") {
+                    return "progressTop";
+                }
+                else if (progressBarLocation == "bottom") {
+                    return "progressBottom";
+                }
+                else if (progressBarLocation == "topBottom") {
+                    return "progressTopBottom";
+                }
+            }
+            return displayMode;
         },
         set: function (val) {
-            this.setPropertyValue("renderMode", val);
-            this.fireCallback(this.renderModeChangedCallback);
-            this.blockAnimations();
-            this.updateRenderedPanels();
-            this.releaseAnimations();
-            this.updatePanelsAnimation();
+            if ((val || "").startsWith("progress")) {
+                if (val == "progressTop") {
+                    this.progressBarLocation = "top";
+                }
+                else if (val == "progressBottom") {
+                    this.progressBarLocation = "bottom";
+                }
+                else if (val == "progressTopBottom") {
+                    this.progressBarLocation = "topBottom";
+                }
+                this.displayMode = "carousel";
+            }
+            else {
+                this.displayMode = val;
+            }
+            // this.updatePanelView();
         },
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.updatePanelView = function () {
+        this.blockAnimations();
+        this.updateRenderedPanels();
+        this.releaseAnimations();
+        this.updatePanelsAnimation();
+    };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "tabAlign", {
         get: function () {
             return this.getPropertyValue("tabAlign");
@@ -64629,14 +64812,14 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isRenderModeList", {
         get: function () {
-            return this.renderMode === "list";
+            return this.displayMode === "list";
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "isRenderModeTab", {
         get: function () {
-            return this.renderMode === "tab";
+            return this.displayMode === "tab";
         },
         enumerable: false,
         configurable: true
@@ -64827,12 +65010,11 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         return true;
     };
     /**
-     * Add a new dynamic panel based on the template Panel. It checks if canAddPanel returns true and then calls addPanel method.
-     * If a renderMode is different from "list" and the current panel has erros, then
-     * @see template
+     * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
+     *
+     * Unlike the [`addPanel()`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#addPanel) method, `addPanelUI()` performs additional actions: checks whether a new panel [can be added](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#canAddPanel), expands and focuses the new panel, and runs animated effects.
      * @see panelCount
      * @see panels
-     * @see canAddPanel
      */
     QuestionPanelDynamicModel.prototype.addPanelUI = function () {
         if (!this.canAddPanel)
@@ -64840,7 +65022,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         if (!this.canLeaveCurrentPanel())
             return null;
         var newPanel = this.addPanel();
-        if (this.renderMode === "list" && this.panelsState !== "default") {
+        if (this.displayMode === "list" && this.panelsState !== "default") {
             newPanel.expand();
         }
         this.focusNewPanelCallback = function () {
@@ -64859,7 +65041,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
     };
     /**
      * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
-     * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
+     * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`displayMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `displayMode` value.
      * @see panelCount
      * @see panels
      * @see allowAddPanel
@@ -64908,7 +65090,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         }
     };
     QuestionPanelDynamicModel.prototype.canLeaveCurrentPanel = function () {
-        return !(this.renderMode !== "list" && this.currentPanel && this.currentPanel.hasErrors(true, true));
+        return !(this.displayMode !== "list" && this.currentPanel && this.currentPanel.hasErrors(true, true));
     };
     QuestionPanelDynamicModel.prototype.copyValue = function (dest, src) {
         for (var key in src) {
@@ -64916,13 +65098,11 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         }
     };
     /**
-     * Call removePanel function. Do nothing is canRemovePanel returns false. If confirmDelete set to true, it shows the confirmation dialog first.
-     * @param value a panel or panel index
-     * @see removePanel
-     * @see confirmDelete
-     * @see confirmDeleteText
-     * @see canRemovePanel
+     * Deletes a panel from the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
      *
+     * Unlike the [`removePanel()`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#removePanel) method, `removePanelUI()` performs additional actions: checks whether the panel [can be removed](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#canRemovePanel) and displays a confirmation dialog (if the [`confirmDelete`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#confirmDelete) property is enabled).
+     * @param value A `PanelModel` instance or zero-based panel index.
+     * @see addPanelUI
      */
     QuestionPanelDynamicModel.prototype.removePanelUI = function (value) {
         var _this = this;
@@ -64946,8 +65126,8 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             (this.isValueEmpty(this.defaultPanelValue) || !this.isTwoValueEquals(panelValue, this.defaultPanelValue));
     };
     /**
-     * Switches Dynamic Panel to the next panel. Returns `true` in case of success, or `false` if `renderMode` is `"list"` or the current panel contains validation errors.
-     * @see renderMode
+     * Switches Dynamic Panel to the next panel. Returns `true` in case of success, or `false` if `displayMode` is `"list"` or the current panel contains validation errors.
+     * @see displayMode
      */
     QuestionPanelDynamicModel.prototype.goToNextPanel = function () {
         if (this.currentIndex < 0)
@@ -64965,6 +65145,11 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
             return;
         this.currentIndex--;
     };
+    /**
+     * Deletes a panel from the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+     * @param value A `PanelModel` instance or zero-based panel index.
+     * @see addPanel
+     */
     QuestionPanelDynamicModel.prototype.removePanel = function (value) {
         var visIndex = this.getVisualPanelIndex(value);
         if (visIndex < 0 || visIndex >= this.visiblePanelCount)
@@ -65419,11 +65604,12 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         for (var i = 0; i < panels.length; i++) {
             this.setOnCompleteAsyncInPanel(panels[i]);
         }
-        for (var i = 0; i < panels.length; i++) {
-            var pnlError = panels[i].hasErrors(fireCallback, !!rec && rec.focusOnFirstError, rec);
-            pnlError = this.isValueDuplicated(panels[i], keyValues, rec, fireCallback) || pnlError;
-            if (!this.isRenderModeList && pnlError && !res) {
-                this.currentIndex = i;
+        var focusOnError = !!rec && rec.focusOnFirstError;
+        for (var i_1 = 0; i_1 < panels.length; i_1++) {
+            var pnlError = panels[i_1].hasErrors(fireCallback, focusOnError, rec);
+            pnlError = this.isValueDuplicated(panels[i_1], keyValues, rec, fireCallback) || pnlError;
+            if (!this.isRenderModeList && pnlError && !res && focusOnError) {
+                this.currentIndex = i_1;
             }
             res = pnlError || res;
         }
@@ -65761,7 +65947,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         return new CssClassBuilder()
             .append(this.cssClasses.button)
             .append(this.cssClasses.buttonAdd)
-            .append(this.cssClasses.buttonAdd + "--list-mode", this.renderMode === "list")
+            .append(this.cssClasses.buttonAdd + "--list-mode", this.displayMode === "list")
             .toString();
     };
     QuestionPanelDynamicModel.prototype.getPrevButtonCss = function () {
@@ -66016,10 +66202,36 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         }
         return classes;
     };
+    QuestionPanelDynamicModel.prototype.onMobileChanged = function () {
+        _super.prototype.onMobileChanged.call(this);
+        this.updateFooterActions();
+    };
     QuestionPanelDynamicModel.maxCheckCount = 3;
     question_paneldynamic_decorate([
         propertyArray({})
     ], QuestionPanelDynamicModel.prototype, "_renderedPanels", void 0);
+    question_paneldynamic_decorate([
+        jsonobject_property({
+            onSet: function (val, target) {
+                target.fireCallback(target.renderModeChangedCallback);
+                target.updatePanelView();
+            }
+        })
+    ], QuestionPanelDynamicModel.prototype, "displayMode", void 0);
+    question_paneldynamic_decorate([
+        jsonobject_property({
+            onSet: function (val, target) {
+                target.fireCallback(target.currentIndexChangedCallback);
+            }
+        })
+    ], QuestionPanelDynamicModel.prototype, "showProgressBar", void 0);
+    question_paneldynamic_decorate([
+        jsonobject_property({
+            onSet: function (val, target) {
+                // target.updatePanelView();
+            }
+        })
+    ], QuestionPanelDynamicModel.prototype, "progressBarLocation", void 0);
     question_paneldynamic_decorate([
         jsonobject_property({ defaultValue: false, onSet: function (_, target) { target.updateFooterActions(); } })
     ], QuestionPanelDynamicModel.prototype, "legacyNavigation", void 0);
@@ -66036,8 +66248,14 @@ Serializer.addClass("paneldynamic", [
         isLightSerializable: false
     },
     { name: "templateTitle:text", serializationProperty: "locTemplateTitle" },
-    { name: "templateTabTitle", serializationProperty: "locTemplateTabTitle", visibleIf: function (obj) { return obj.renderMode === "tab"; } },
-    { name: "tabTitlePlaceholder", serializationProperty: "locTabTitlePlaceholder", visibleIf: function (obj) { return obj.renderMode === "tab"; } },
+    {
+        name: "templateTabTitle", serializationProperty: "locTemplateTabTitle",
+        visibleIf: function (obj) { return obj.displayMode === "tab"; }
+    },
+    {
+        name: "tabTitlePlaceholder", serializationProperty: "locTabTitlePlaceholder",
+        visibleIf: function (obj) { return obj.displayMode === "tab"; }
+    },
     {
         name: "templateDescription:text",
         serializationProperty: "locTemplateDescription",
@@ -66064,7 +66282,7 @@ Serializer.addClass("paneldynamic", [
         name: "panelsState",
         default: "default",
         choices: ["default", "collapsed", "expanded", "firstExpanded"],
-        visibleIf: function (obj) { return obj.renderMode === "list"; }
+        visibleIf: function (obj) { return obj.displayMode === "list"; }
     },
     { name: "keyName" },
     {
@@ -66090,12 +66308,12 @@ Serializer.addClass("paneldynamic", [
     {
         name: "panelPrevText",
         serializationProperty: "locPanelPrevText",
-        visibleIf: function (obj) { return obj.renderMode !== "list"; }
+        visibleIf: function (obj) { return obj.displayMode !== "list"; }
     },
     {
         name: "panelNextText",
         serializationProperty: "locPanelNextText",
-        visibleIf: function (obj) { return obj.renderMode !== "list"; }
+        visibleIf: function (obj) { return obj.displayMode !== "list"; }
     },
     {
         name: "showQuestionNumbers",
@@ -66105,16 +66323,30 @@ Serializer.addClass("paneldynamic", [
     {
         name: "showRangeInProgress:boolean",
         default: true,
-        visibleIf: function (obj) { return obj.renderMode !== "list"; }
+        visible: false
+        // visibleIf: (obj: any) => { return obj.displayMode !== "list"; }
     },
     {
         name: "renderMode",
         default: "list",
         choices: ["list", "progressTop", "progressBottom", "progressTopBottom", "tab"],
+        visible: false,
+    },
+    { name: "displayMode", default: "list", choices: ["list", "carousel", "tab"] },
+    {
+        name: "showProgressBar:boolean",
+        default: true,
+        visibleIf: function (obj) { return obj.displayMode === "carousel"; }
+    },
+    {
+        name: "progressBarLocation",
+        default: "top",
+        choices: ["top", "bottom", "topBottom"],
+        visibleIf: function (obj) { return obj.showProgressBar; }
     },
     {
         name: "tabAlign", default: "center", choices: ["left", "center", "right"],
-        visibleIf: function (obj) { return obj.renderMode === "tab"; }
+        visibleIf: function (obj) { return obj.displayMode === "tab"; }
     },
     {
         name: "templateTitleLocation",
@@ -68383,6 +68615,9 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         var _this = this;
         var date = new Date(str);
         this.initInputDateTimeData();
+        if (!this.hasTimePart) {
+            date = new Date(str + "T00:00:00");
+        }
         if (!this.hasDatePart) {
             date = new Date(this.defaultDate + str);
         }
@@ -69006,8 +69241,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.12";
-ReleaseDate = "" + "2024-08-20";
+Version = "" + "1.11.14";
+ReleaseDate = "" + "2024-09-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -71941,9 +72176,7 @@ var arabicSurveyStrings = {
     ok: "موافق",
     cancel: "إلغاء الأمر"
 };
-surveyLocalization.locales["ar"] = arabicSurveyStrings;
-surveyLocalization.localeNames["ar"] = "العربية";
-surveyLocalization.localeDirections["ar"] = "rtl";
+surveyLocalization.setupLocale("ar", arabicSurveyStrings, "العربية", "Arabic", "rtl");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} من {1}"
@@ -72086,8 +72319,7 @@ var basqueSurveyStrings = {
     ok: "Ados",
     cancel: "Ezeztatu"
 };
-surveyLocalization.locales["eu"] = basqueSurveyStrings;
-surveyLocalization.localeNames["eu"] = "Euskara";
+surveyLocalization.setupLocale("eu", basqueSurveyStrings, "euskara", "Basque");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{1} {0}"
@@ -72223,8 +72455,7 @@ var bulgarianStrings = {
     ok: "Добре",
     cancel: "Отмени"
 };
-surveyLocalization.locales["bg"] = bulgarianStrings;
-surveyLocalization.localeNames["bg"] = "български";
+surveyLocalization.setupLocale("bg", bulgarianStrings, "български", "Bulgarian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} на {1}"
@@ -72367,8 +72598,7 @@ var catalanSurveyStrings = {
     ok: "D'ACORD",
     cancel: "Cancel·lar"
 };
-surveyLocalization.locales["ca"] = catalanSurveyStrings;
-surveyLocalization.localeNames["ca"] = "català";
+surveyLocalization.setupLocale("ca", catalanSurveyStrings, "català", "Catalan");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // previewText: "Preview" => "Preestrena"
@@ -72551,8 +72781,7 @@ var croatianStrings = {
     ok: "OK",
     cancel: "Otkazati"
 };
-surveyLocalization.locales["hr"] = croatianStrings;
-surveyLocalization.localeNames["hr"] = "hrvatski";
+surveyLocalization.setupLocale("hr", croatianStrings, "hrvatski", "Croatian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -72693,8 +72922,7 @@ var czechSurveyStrings = {
     ok: "OK",
     cancel: "Zrušit"
 };
-surveyLocalization.locales["cs"] = czechSurveyStrings;
-surveyLocalization.localeNames["cs"] = "čeština";
+surveyLocalization.setupLocale("cs", czechSurveyStrings, "čeština", "Czech");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} z {1}"
@@ -72837,8 +73065,7 @@ var danishSurveyStrings = {
     ok: "OK",
     cancel: "Aflyse"
 };
-surveyLocalization.locales["da"] = danishSurveyStrings;
-surveyLocalization.localeNames["da"] = "dansk";
+surveyLocalization.setupLocale("da", danishSurveyStrings, "dansk", "Danish");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} af {1}"
@@ -72981,8 +73208,7 @@ var dutchSurveyStrings = {
     ok: "OK",
     cancel: "Annuleren"
 };
-surveyLocalization.locales["nl"] = dutchSurveyStrings;
-surveyLocalization.localeNames["nl"] = "nederlands";
+surveyLocalization.setupLocale("nl", dutchSurveyStrings, "nederlands", "Dutch");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} van {1}"
@@ -73022,8 +73248,7 @@ surveyLocalization.localeNames["nl"] = "nederlands";
  * - Copy the Dutch set once and move forward as if it are 2 totally different languages
  * - Override the relevant strings only
  */
-surveyLocalization.locales["nl-BE"] = dutchSurveyStrings;
-surveyLocalization.localeNames["nl-BE"] = "vlaams";
+surveyLocalization.setupLocale("nl-BE", dutchSurveyStrings, "vlaams", "Flemish");
 
 // CONCATENATED MODULE: ./packages/survey-core/src/localization/estonian.ts
 
@@ -73134,8 +73359,7 @@ var estonianSurveyStrings = {
     ok: "OK",
     cancel: "Tühistama"
 };
-surveyLocalization.locales["et"] = estonianSurveyStrings;
-surveyLocalization.localeNames["et"] = "eesti keel";
+surveyLocalization.setupLocale("et", estonianSurveyStrings, "eesti keel", "Estonian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -73278,8 +73502,7 @@ var finnishSurveyStrings = {
     ok: "OKEI",
     cancel: "Perua"
 };
-surveyLocalization.locales["fi"] = finnishSurveyStrings;
-surveyLocalization.localeNames["fi"] = "suomi";
+surveyLocalization.setupLocale("fi", finnishSurveyStrings, "suomi", "Finnish");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Paneeli {panelIndex}"
@@ -73410,8 +73633,7 @@ var frenchSurveyStrings = {
     ok: "D’ACCORD",
     cancel: "Annuler"
 };
-surveyLocalization.locales["fr"] = frenchSurveyStrings;
-surveyLocalization.localeNames["fr"] = "français";
+surveyLocalization.setupLocale("fr", frenchSurveyStrings, "français", "French");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
@@ -73542,8 +73764,7 @@ var georgianSurveyStrings = {
     ok: "კარგი",
     cancel: "გაუქმება"
 };
-surveyLocalization.locales["ka"] = georgianSurveyStrings;
-surveyLocalization.localeNames["ka"] = "ქართული";
+surveyLocalization.setupLocale("ka", georgianSurveyStrings, "ქართული", "Georgian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // previewText: "Preview" => "გადახედვა"
@@ -73739,8 +73960,7 @@ var germanSurveyStrings = {
     ok: "OK",
     cancel: "Abbrechen"
 };
-surveyLocalization.locales["de"] = germanSurveyStrings;
-surveyLocalization.localeNames["de"] = "deutsch";
+surveyLocalization.setupLocale("de", germanSurveyStrings, "deutsch", "German");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // tabTitlePlaceholder: "New Panel" => "Neues Panel"
@@ -73854,8 +74074,7 @@ var greekSurveyStrings = {
     ok: "OK",
     cancel: "Ακυρώνω"
 };
-surveyLocalization.locales["gr"] = greekSurveyStrings;
-surveyLocalization.localeNames["gr"] = "ελληνικά";
+surveyLocalization.setupLocale("gr", greekSurveyStrings, "ελληνικά", "Greek");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Πίνακας {panelIndex}"
@@ -73983,8 +74202,7 @@ var hebrewSurveyStrings = {
     ok: "אוקיי",
     cancel: "ביטל"
 };
-surveyLocalization.locales["he"] = hebrewSurveyStrings;
-surveyLocalization.localeNames["he"] = "עברית";
+surveyLocalization.setupLocale("he", hebrewSurveyStrings, "עברית", "Hebrew");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} מתוך {1}"
@@ -74128,8 +74346,7 @@ var hindiStrings = {
     ok: "ठीक है",
     cancel: "रद्द करना"
 };
-surveyLocalization.locales["hi"] = hindiStrings;
-surveyLocalization.localeNames["hi"] = "hindi";
+surveyLocalization.setupLocale("hi", hindiStrings, "hindi", "Hindi");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // noneItemText: "None" => "कोई नहीं"
@@ -74272,8 +74489,7 @@ var hungarianSurveyStrings = {
     ok: "OKÉ",
     cancel: "Érvénytelenít"
 };
-surveyLocalization.locales["hu"] = hungarianSurveyStrings;
-surveyLocalization.localeNames["hu"] = "magyar";
+surveyLocalization.setupLocale("hu", hungarianSurveyStrings, "magyar", "Hungarian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1} közül"
@@ -74415,8 +74631,7 @@ var icelandicSurveyStrings = {
     ok: "ÓKEI",
     cancel: "Afturkalla"
 };
-surveyLocalization.locales["is"] = icelandicSurveyStrings;
-surveyLocalization.localeNames["is"] = "íslenska";
+surveyLocalization.setupLocale("is", icelandicSurveyStrings, "íslenska", "Icelandic");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} af {1}"
@@ -74559,8 +74774,7 @@ var indonesianStrings = {
     ok: "OKE",
     cancel: "Membatalkan"
 };
-surveyLocalization.locales["id"] = indonesianStrings;
-surveyLocalization.localeNames["id"] = "bahasa Indonesia";
+surveyLocalization.setupLocale("id", indonesianStrings, "bahasa indonesia", "Indonesian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} dari {1}"
@@ -74703,8 +74917,7 @@ var italianSurveyStrings = {
     ok: "OK",
     cancel: "Annulla"
 };
-surveyLocalization.locales["it"] = italianSurveyStrings;
-surveyLocalization.localeNames["it"] = "italiano";
+surveyLocalization.setupLocale("it", italianSurveyStrings, "italiano", "Italian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Pannello {panelIndex}"
@@ -74835,8 +75048,7 @@ var japaneseSurveyStrings = {
     ok: "わかりました",
     cancel: "キャンセル"
 };
-surveyLocalization.locales["ja"] = japaneseSurveyStrings;
-surveyLocalization.localeNames["ja"] = "日本語";
+surveyLocalization.setupLocale("ja", japaneseSurveyStrings, "日本語", "Japanese");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{1}の{0}"
@@ -74979,8 +75191,7 @@ var kazakhStrings = {
     ok: "ЖАҚСЫ",
     cancel: "Болдырмау"
 };
-surveyLocalization.locales["kk"] = kazakhStrings;
-surveyLocalization.localeNames["kk"] = "Kazakh";
+surveyLocalization.setupLocale("kk", kazakhStrings, "kazakh", "Kazakh");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{1} {0}"
@@ -75123,8 +75334,7 @@ var koreanStrings = {
     ok: "그래",
     cancel: "취소"
 };
-surveyLocalization.locales["ko"] = koreanStrings;
-surveyLocalization.localeNames["ko"] = "한국어";
+surveyLocalization.setupLocale("ko", koreanStrings, "한국어", "Korean");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "패널 {panelIndex}"
@@ -75254,8 +75464,7 @@ var latvianSurveyStrings = {
     ok: "LABI",
     cancel: "Atcelt"
 };
-surveyLocalization.locales["lv"] = latvianSurveyStrings;
-surveyLocalization.localeNames["lv"] = "latviešu";
+surveyLocalization.setupLocale("lv", latvianSurveyStrings, "latviešu", "Latvian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panelis {panelIndex}"
@@ -75386,8 +75595,7 @@ var lithuaniaSurveyStrings = {
     ok: "GERAI",
     cancel: "Atšaukti"
 };
-surveyLocalization.locales["lt"] = lithuaniaSurveyStrings;
-surveyLocalization.localeNames["lt"] = "lietuvių";
+surveyLocalization.setupLocale("lt", lithuaniaSurveyStrings, "lietuvių", "Lithuanian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{1} {0}"
@@ -75530,8 +75738,7 @@ var macedonianSurveyStrings = {
     ok: "ДОБРО",
     cancel: "Откажи"
 };
-surveyLocalization.locales["mk"] = macedonianSurveyStrings;
-surveyLocalization.localeNames["mk"] = "Македонски";
+surveyLocalization.setupLocale("mk", macedonianSurveyStrings, "македонски", "Macedonian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} на {1}"
@@ -75668,8 +75875,7 @@ var malaySurveyStrings = {
     ok: "OK",
     cancel: "Batal"
 };
-surveyLocalization.locales["ms"] = malaySurveyStrings;
-surveyLocalization.localeNames["ms"] = "melayu";
+surveyLocalization.setupLocale("ms", malaySurveyStrings, "melayu", "Malay");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -75802,8 +76008,7 @@ var norwegianSurveyStrings = {
     ok: "OK",
     cancel: "Annullere"
 };
-surveyLocalization.locales["no"] = norwegianSurveyStrings;
-surveyLocalization.localeNames["no"] = "norsk";
+surveyLocalization.setupLocale("no", norwegianSurveyStrings, "norsk", "Norwegian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} av {1}"
@@ -75946,8 +76151,7 @@ var persianSurveyStrings = {
     ok: "باشه",
     cancel: "لغو"
 };
-surveyLocalization.locales["fa"] = persianSurveyStrings;
-surveyLocalization.localeNames["fa"] = "فارْسِى";
+surveyLocalization.setupLocale("fa", persianSurveyStrings, "فارْسِى", "Persian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -76090,8 +76294,7 @@ var polishSurveyStrings = {
     ok: "OK",
     cancel: "Anuluj"
 };
-surveyLocalization.locales["pl"] = polishSurveyStrings;
-surveyLocalization.localeNames["pl"] = "polski";
+surveyLocalization.setupLocale("pl", polishSurveyStrings, "polski", "Polish");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
@@ -76222,8 +76425,7 @@ var portugueseSurveyStrings = {
     ok: "OKEY",
     cancel: "Cancelar"
 };
-surveyLocalization.locales["pt"] = portugueseSurveyStrings;
-surveyLocalization.localeNames["pt"] = "português";
+surveyLocalization.setupLocale("pt", portugueseSurveyStrings, "português", "Portuguese");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Painel {panelIndex}"
@@ -76354,8 +76556,7 @@ var portugueseBrSurveyStrings = {
     ok: "OKEY",
     cancel: "Cancelar"
 };
-surveyLocalization.locales["pt-br"] = portugueseBrSurveyStrings;
-surveyLocalization.localeNames["pt-br"] = "português brasileiro";
+surveyLocalization.setupLocale("pt-br", portugueseBrSurveyStrings, "português brasileiro", "Brazilian Portuguese");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // pagePrevText: "Previous" => "Anterior"
@@ -76545,8 +76746,7 @@ var romanianSurveyStrings = {
     ok: "OK",
     cancel: "Anula"
 };
-surveyLocalization.locales["ro"] = romanianSurveyStrings;
-surveyLocalization.localeNames["ro"] = "română";
+surveyLocalization.setupLocale("ro", romanianSurveyStrings, "română", "Romanian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} de {1}"
@@ -76689,8 +76889,7 @@ var russianSurveyStrings = {
     ok: "Хорошо",
     cancel: "Отмена"
 };
-surveyLocalization.locales["ru"] = russianSurveyStrings;
-surveyLocalization.localeNames["ru"] = "русский";
+surveyLocalization.setupLocale("ru", russianSurveyStrings, "русский", "Russian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Панель {panelIndex}"
@@ -76818,8 +77017,7 @@ var serbianStrings = {
     cancel: "Otkaži"
 };
 //Uncomment these two lines on creating a translation file. You should replace "en" and enStrings with your locale ("fr", "de" and so on) and your variable.
-surveyLocalization.locales["rs"] = serbianStrings;
-surveyLocalization.localeNames["rs"] = "Srpski";
+surveyLocalization.setupLocale("rs", serbianStrings, "srpski", "Serbian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -76956,8 +77154,7 @@ var simplifiedChineseSurveyStrings = {
     ok: "还行",
     cancel: "取消"
 };
-surveyLocalization.locales["zh-cn"] = simplifiedChineseSurveyStrings;
-surveyLocalization.localeNames["zh-cn"] = "简体中文";
+surveyLocalization.setupLocale("zh-cn", simplifiedChineseSurveyStrings, "简体中文", "Simplified Chinese ");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{1}{0}"
@@ -77094,8 +77291,7 @@ var slovakSurveyStrings = {
     ok: "OK",
     cancel: "Zrušiť"
 };
-surveyLocalization.locales["sk"] = slovakSurveyStrings;
-surveyLocalization.localeNames["sk"] = "slovak";
+surveyLocalization.setupLocale("sk", slovakSurveyStrings, "slovak", "Slovak");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -77228,8 +77424,7 @@ var spanishSurveyStrings = {
     ok: "De acuerdo",
     cancel: "Cancelar"
 };
-surveyLocalization.locales["es"] = spanishSurveyStrings;
-surveyLocalization.localeNames["es"] = "español";
+surveyLocalization.setupLocale("es", spanishSurveyStrings, "español", "Spanish");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
@@ -77360,8 +77555,7 @@ var swahiliStrings = {
     ok: "Sawa kabisa",
     cancel: "Katisha"
 };
-surveyLocalization.locales["sw"] = swahiliStrings;
-surveyLocalization.localeNames["sw"] = "swahili";
+surveyLocalization.setupLocale("sw", swahiliStrings, "swahili", "Swahili");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} ya {1}"
@@ -77504,8 +77698,7 @@ var swedishSurveyStrings = {
     ok: "OKEJ",
     cancel: "Annullera"
 };
-surveyLocalization.locales["sv"] = swedishSurveyStrings;
-surveyLocalization.localeNames["sv"] = "svenska";
+surveyLocalization.setupLocale("sv", swedishSurveyStrings, "svenska", "Swedish");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // panelDynamicTabTextFormat: "Panel {panelIndex}" => "Panel {panelIndex}"
@@ -77618,8 +77811,7 @@ var tajikSurveyStrings = {
     // noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
     // more: "More"
 };
-surveyLocalization.locales["tg"] = tajikSurveyStrings;
-surveyLocalization.localeNames["tg"] = "тоҷикӣ";
+surveyLocalization.setupLocale("tg", tajikSurveyStrings, "тоҷикӣ", "Tajik");
 
 // CONCATENATED MODULE: ./packages/survey-core/src/localization/thai.ts
 
@@ -77730,8 +77922,7 @@ var thaiStrings = {
     ok: "ตกลง, ได้",
     cancel: "ยกเลิก"
 };
-surveyLocalization.locales["th"] = thaiStrings;
-surveyLocalization.localeNames["th"] = "ไทย";
+surveyLocalization.setupLocale("th", thaiStrings, "ไทย", "Thai");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} of {1}"
@@ -77873,8 +78064,7 @@ var traditionalChineseSurveyStrings = {
     ok: "還行",
     cancel: "取消"
 };
-surveyLocalization.locales["zh-tw"] = traditionalChineseSurveyStrings;
-surveyLocalization.localeNames["zh-tw"] = "繁體中文";
+surveyLocalization.setupLocale("zh-tw", traditionalChineseSurveyStrings, "繁體中文", "Tranditional Chinese");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // previewText: "Preview" => "預覽"
@@ -78051,8 +78241,7 @@ var turkishSurveyStrings = {
     ok: "TAMAM",
     cancel: "İptal"
 };
-surveyLocalization.locales["tr"] = turkishSurveyStrings;
-surveyLocalization.localeNames["tr"] = "türkçe";
+surveyLocalization.setupLocale("tr", turkishSurveyStrings, "türkçe", "Turkish");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // takePhotoCaption: "Take Photo" => "Fotoğraf Çekin"
@@ -78176,8 +78365,7 @@ var ukrainianSurveyStrings = {
     ok: "ГАРАЗД",
     cancel: "Скасувати"
 };
-surveyLocalization.locales["ua"] = ukrainianSurveyStrings;
-surveyLocalization.localeNames["ua"] = "українська";
+surveyLocalization.setupLocale("ua", ukrainianSurveyStrings, "українська", "Ukrainian");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} {1}"
@@ -78320,8 +78508,7 @@ var vietnameseSurveyStrings = {
     cancel: "Hủy"
 };
 //Uncomment these two lines on creating a translation file. You should replace "en" and enStrings with your locale ("fr", "de" and so on) and your variable.
-surveyLocalization.locales["vi"] = vietnameseSurveyStrings;
-surveyLocalization.localeNames["vi"] = "Việt Nam";
+surveyLocalization.setupLocale("vi", vietnameseSurveyStrings, "việt nam", "Vietnamese");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} của {1}"
@@ -78463,8 +78650,7 @@ var welshSurveyStrings = {
     ok: "OCÊ",
     cancel: "Canslo"
 };
-surveyLocalization.locales["cy"] = welshSurveyStrings;
-surveyLocalization.localeNames["cy"] = "cymraeg";
+surveyLocalization.setupLocale("cy", welshSurveyStrings, "cymraeg", "Welsh");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // indexText: "{0} of {1}" => "{0} o {1}"
@@ -78606,8 +78792,7 @@ var teluguStrings = {
     ok: "సరే",
     cancel: "రద్దు"
 };
-surveyLocalization.locales["tel"] = teluguStrings;
-surveyLocalization.localeNames["tel"] = "Telugu";
+surveyLocalization.setupLocale("tel", teluguStrings, "telugu", "Telugu");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // noneItemText: "None" => "ఎవరు కాదు"
@@ -78753,8 +78938,7 @@ var philippinesStrings = {
 // Uncomment the lines below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
 // Replace `englishStrings` with the name of the variable that contains the custom dictionary.
-surveyLocalization.locales["fil"] = philippinesStrings;
-surveyLocalization.localeNames["fil"] = "Filipino";
+surveyLocalization.setupLocale("fil", philippinesStrings, "filipino", "Filipino");
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
 // tabTitlePlaceholder: "New Panel" => "Bagong Panel"
@@ -79823,7 +80007,7 @@ var action_bar_item_SurveyActionBarItem = /** @class */ (function (_super) {
         var title = this.item.tooltip || this.item.title;
         var buttonContent = this.renderButtonContent();
         var tabIndex = this.item.disableTabStop ? -1 : undefined;
-        var button = attachKey2click(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: function () { return _this.item.doMouseDown(); }, onFocus: function (args) { return _this.item.doFocus(args); }, onClick: function (args) { return _this.item.doAction(args); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
+        var button = attachKey2click(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: function (args) { return _this.item.doMouseDown(args); }, onFocus: function (args) { return _this.item.doFocus(args); }, onClick: function (args) { return _this.item.doAction(args); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
         return button;
     };
     return SurveyActionBarItem;
@@ -81075,14 +81259,17 @@ var reactquestion_SurveyQuestionErrorCell = /** @class */ (function (_super) {
     SurveyQuestionErrorCell.prototype.update = function () {
         this.setState({ changed: this.state.changed + 1 });
     };
+    SurveyQuestionErrorCell.prototype.getQuestionPropertiesToTrack = function () {
+        return ["errors"];
+    };
     SurveyQuestionErrorCell.prototype.registerCallback = function (question) {
         var _this = this;
-        question.registerFunctionOnPropertyValueChanged("errors", function () {
+        question.registerFunctionOnPropertiesValueChanged(this.getQuestionPropertiesToTrack(), function () {
             _this.update();
         }, "__reactSubscription");
     };
     SurveyQuestionErrorCell.prototype.unRegisterCallback = function (question) {
-        question.unRegisterFunctionOnPropertyValueChanged("errors", "__reactSubscription");
+        question.unRegisterFunctionOnPropertiesValueChanged(this.getQuestionPropertiesToTrack(), "__reactSubscription");
     };
     SurveyQuestionErrorCell.prototype.componentDidUpdate = function (prevProps) {
         if (prevProps.question && prevProps.question !== this.question) {
@@ -84839,6 +85026,11 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
         if (cell.hasQuestion) {
             return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
         }
+        if (cell.isErrorsCell) {
+            if (cell.isErrorsCell) {
+                return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell, { cell: cell, key: key, keyValue: key, question: cell.question, creator: this.creator }));
+            }
+        }
         var calcReason = reason;
         if (!calcReason) {
             calcReason = cell.hasTitle ? "row-header" : "";
@@ -84886,11 +85078,6 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
         if (cell.hasPanel) {
             cellContent = (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](panel_SurveyPanel, { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
         }
-        if (cell.isErrorsCell) {
-            if (cell.isErrorsCell) {
-                return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](reactquestion_SurveyQuestionErrorCell, { question: cell.question, creator: this.creator }));
-            }
-        }
         if (!cellContent)
             return null;
         var readyCell = (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](external_root_React_commonjs2_react_commonjs_react_amd_react_["Fragment"], null, cellContent));
@@ -84974,6 +85161,35 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell = /** @clas
     };
     return SurveyQuestionMatrixActionsCell;
 }(ReactSurveyElement));
+var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownErrorsCell = /** @class */ (function (_super) {
+    reactquestion_matrixdropdownbase_extends(SurveyQuestionMatrixDropdownErrorsCell, _super);
+    function SurveyQuestionMatrixDropdownErrorsCell(props) {
+        return _super.call(this, props) || this;
+    }
+    Object.defineProperty(SurveyQuestionMatrixDropdownErrorsCell.prototype, "key", {
+        get: function () {
+            return this.props.keyValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyQuestionMatrixDropdownErrorsCell.prototype, "cell", {
+        get: function () {
+            return this.props.cell;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionMatrixDropdownErrorsCell.prototype.render = function () {
+        if (!this.cell.isVisible)
+            return null;
+        return external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("td", { className: this.cell.className, key: this.key, colSpan: this.cell.colSpans, title: this.cell.getTitle() }, _super.prototype.render.call(this));
+    };
+    SurveyQuestionMatrixDropdownErrorsCell.prototype.getQuestionPropertiesToTrack = function () {
+        return _super.prototype.getQuestionPropertiesToTrack.call(this).concat(["visible"]);
+    };
+    return SurveyQuestionMatrixDropdownErrorsCell;
+}(reactquestion_SurveyQuestionErrorCell));
 ReactElementFactory.Instance.registerElement("sv-matrixdynamic-actions-cell", function (props) {
     return external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](reactquestion_matrixdropdownbase_SurveyQuestionMatrixActionsCell, props);
 });
@@ -85071,6 +85287,12 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     SurveyQuestionMatrixDropdownCell.prototype.getHeaderText = function () {
         return this.cell.headers;
     };
+    SurveyQuestionMatrixDropdownCell.prototype.renderElement = function () {
+        if (!this.cell.isVisible) {
+            return null;
+        }
+        return _super.prototype.renderElement.call(this);
+    };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
         var content = _super.prototype.renderCellContent.call(this);
         var responsiveTitle = this.cell.showResponsiveTitle ? (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
@@ -85874,7 +86096,7 @@ var list_item_ListItem = /** @class */ (function (_super) {
             paddingInlineStart: this.model.getItemIndent(this.item)
         };
         var className = this.model.getItemClass(this.item);
-        var itemContent = this.item.component || "sv-list-item-content";
+        var itemContent = this.item.component || this.model.itemComponent;
         var newElement = ReactElementFactory.Instance.createElement(itemContent, { item: this.item, key: this.item.id, model: this.model });
         var contentWrap = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { style: contentWrapStyle, className: this.model.cssClasses.itemBody, title: this.item.locTitle.calculatedText, onMouseOver: function (event) { _this.model.onItemHover(_this.item); }, onMouseLeave: function (event) { _this.model.onItemLeave(_this.item); } }, newElement);
         var separator = this.item.needSeparator ? external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: this.model.cssClasses.itemSeparator }) : null;