survey-react 1.11.13 → 1.11.14

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.13
+ * 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}",
@@ -3376,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);
     };
@@ -4847,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();
@@ -4870,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]];
@@ -4881,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;
@@ -11192,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));
 
@@ -11824,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) {
@@ -15758,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
@@ -17325,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;
     }
@@ -17342,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 () {
@@ -18539,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)
@@ -19709,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");
@@ -20482,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);
@@ -22694,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();
@@ -22707,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);
@@ -22727,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
@@ -28031,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", {
@@ -29800,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();
     };
@@ -32211,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",
@@ -38587,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;
@@ -43256,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);
                         }
                     });
                 });
@@ -43270,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) {
@@ -43685,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);
@@ -45500,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");
@@ -47291,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);
@@ -52964,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;
     };
@@ -54865,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();
         });
@@ -54974,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) {
@@ -55011,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".
      *
@@ -55874,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 () {
@@ -56004,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();
         });
@@ -56193,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) {
@@ -59896,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");
@@ -59909,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()); });
@@ -62792,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);
@@ -63522,7 +63615,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         _this.registerPropertyChangedHandlers(["panelsState"], function () {
             _this.setPanelsState();
         });
-        _this.registerPropertyChangedHandlers(["isMobile", "newPanelPosition", "displayMode", "showProgressBar"], function () {
+        _this.registerPropertyChangedHandlers(["newPanelPosition", "displayMode", "showProgressBar"], function () {
             _this.updateFooterActions();
         });
         _this.registerPropertyChangedHandlers(["allowAddPanel"], function () { _this.updateNoEntriesTextDefaultLoc(); });
@@ -64917,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 displayMode 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)
@@ -65006,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;
@@ -65055,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)
@@ -65509,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;
         }
@@ -66106,6 +66202,10 @@ 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({})
@@ -68515,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);
         }
@@ -69138,8 +69241,8 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.13";
-ReleaseDate = "" + "2024-08-27";
+Version = "" + "1.11.14";
+ReleaseDate = "" + "2024-09-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -79904,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;
@@ -85993,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;