survey-core 1.11.2 → 1.11.4

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.2
+ * surveyjs - Survey JavaScript library v1.11.4
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2925,7 +2925,8 @@ var Base = /** @class */ (function () {
         configurable: true
     });
     Base.prototype.afterRerender = function () {
-        this.onElementRerendered.fire(this, undefined);
+        var _a;
+        (_a = this.onElementRerendered) === null || _a === void 0 ? void 0 : _a.fire(this, undefined);
     };
     Base.currentDependencis = undefined;
     return Base;
@@ -4639,6 +4640,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var modernCss = {
     root: "sv-root-modern",
+    rootProgress: "sv-progress",
     timerRoot: "sv-body__timer",
     container: "sv-container-modern",
     header: "sv-title sv-container-modern__title",
@@ -4958,6 +4960,7 @@ var modernCss = {
     matrixdropdown: {
         root: "sv-table sv-matrixdropdown",
         cell: "sv-table__cell",
+        cellResponsiveTitle: "sv-table__responsive-title",
         headerCell: "sv-table__cell sv-table__cell--header",
         row: "sv-table__row",
         rowTextCell: "sv-table__cell--row-text",
@@ -4976,6 +4979,7 @@ var modernCss = {
     matrixdynamic: {
         root: "sv-table sv-matrixdynamic",
         cell: "sv-table__cell",
+        cellResponsiveTitle: "sv-table__responsive-title",
         headerCell: "sv-table__cell sv-table__cell--header",
         button: "sv-btn",
         buttonAdd: "sv-matrixdynamic__add-btn",
@@ -5104,6 +5108,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var defaultStandardCss = {
     root: "sv_main sv_default_css",
+    rootProgress: "sv_progress",
     container: "sv_container",
     header: "sv_header",
     bodyContainer: "sv-components-row",
@@ -5304,6 +5309,7 @@ var defaultStandardCss = {
     matrixdropdown: {
         root: "sv_q_matrix_dropdown",
         cell: "sv_matrix_cell",
+        cellResponsiveTitle: "sv_matrix_cell_responsive_title",
         headerCell: "sv_matrix_cell_header",
         row: "sv_matrix_row",
         rowAdditional: "sv-matrix__row--additional",
@@ -5328,6 +5334,7 @@ var defaultStandardCss = {
         iconRemove: "",
         iconDrag: "sv-matrixdynamic__drag-icon",
         cell: "sv_matrix_cell",
+        cellResponsiveTitle: "sv_matrix_cell_responsive_title",
         headerCell: "sv_matrix_cell_header",
         row: "sv_matrix_row",
         detailRow: "sv_matrix_detail_row",
@@ -5545,6 +5552,7 @@ var surveyCss = {
 };
 var defaultV2Css = {
     root: "sd-root-modern",
+    rootProgress: "sd-progress",
     rootMobile: "sd-root-modern--mobile",
     rootAnimationDisabled: "sd-root-modern--animation-disabled",
     rootReadOnly: "sd-root--readonly",
@@ -6038,6 +6046,7 @@ var defaultV2Css = {
         tableWrapper: "sd-table-wrapper",
         rootAlternateRows: "sd-table--alternate-rows",
         cell: "sd-table__cell",
+        cellResponsiveTitle: "sd-table__responsive-title",
         errorsCell: "sd-table__cell--error",
         errorsCellTop: "sd-table__cell--error-top",
         errorsCellBottom: "sd-table__cell--error-bottom",
@@ -6082,6 +6091,7 @@ var defaultV2Css = {
         rootAlternateRows: "sd-table--alternate-rows",
         content: "sd-matrixdynamic__content sd-question__content",
         cell: "sd-table__cell",
+        cellResponsiveTitle: "sd-table__responsive-title",
         row: "sd-table__row",
         rowFadeIn: "sd-table__row--fade-in",
         rowFadeOut: "sd-table__row--fade-out",
@@ -8155,6 +8165,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.onSelectionChanged = onSelectionChanged;
         _this.minPageSize = 25;
         _this.loadingItemHeight = 40;
+        _this.timer = undefined;
         _this._markdownMode = false;
         _this.filteredItems = undefined;
         _this.selectedItemSelector = ".sv-list__item--selected";
@@ -8209,28 +8220,43 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.listModel.isAllDataLoaded = this.question.choicesLazyLoadEnabled && this.itemsSettings.items.length == this.itemsSettings.totalCount;
         this.question.choices = this.itemsSettings.items;
     };
+    DropdownListModel.prototype.loadQuestionChoices = function (callbackAfterItemsLoaded) {
+        var _this = this;
+        this.isRunningLoadQuestionChoices = true;
+        this.question.survey.loadQuestionChoices({
+            question: this.question,
+            filter: this.filterString,
+            skip: this.itemsSettings.skip,
+            take: this.itemsSettings.take,
+            setItems: function (items, totalCount) {
+                _this.isRunningLoadQuestionChoices = false;
+                _this.setItems(items || [], totalCount || 0);
+                _this.popupRecalculatePosition(_this.itemsSettings.skip === _this.itemsSettings.take);
+                if (!!callbackAfterItemsLoaded) {
+                    callbackAfterItemsLoaded();
+                }
+            }
+        });
+        this.itemsSettings.skip += this.itemsSettings.take;
+    };
     DropdownListModel.prototype.updateQuestionChoices = function (callbackAfterItemsLoaded) {
         var _this = this;
         if (this.isRunningLoadQuestionChoices)
             return;
         var isUpdate = (this.itemsSettings.skip + 1) < this.itemsSettings.totalCount;
         if (!this.itemsSettings.skip || isUpdate) {
-            this.isRunningLoadQuestionChoices = true;
-            this.question.survey.loadQuestionChoices({
-                question: this.question,
-                filter: this.filterString,
-                skip: this.itemsSettings.skip,
-                take: this.itemsSettings.take,
-                setItems: function (items, totalCount) {
-                    _this.isRunningLoadQuestionChoices = false;
-                    _this.setItems(items || [], totalCount || 0);
-                    _this.popupRecalculatePosition(_this.itemsSettings.skip === _this.itemsSettings.take);
-                    if (!!callbackAfterItemsLoaded) {
-                        callbackAfterItemsLoaded();
-                    }
+            if (!!this.filterString && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].dropdownSearchDelay > 0) {
+                if (!!this.timer) {
+                    clearTimeout(this.timer);
+                    this.timer = undefined;
                 }
-            });
-            this.itemsSettings.skip += this.itemsSettings.take;
+                this.timer = setTimeout(function () {
+                    _this.loadQuestionChoices(callbackAfterItemsLoaded);
+                }, _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].dropdownSearchDelay);
+            }
+            else {
+                this.loadQuestionChoices(callbackAfterItemsLoaded);
+            }
         }
     };
     DropdownListModel.prototype.updatePopupFocusFirstInputSelector = function () {
@@ -8573,7 +8599,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.listModel.setItems(this.getAvailableItems());
     };
     DropdownListModel.prototype.onClick = function (event) {
-        if (this.question.readOnly || this.question.isDesignMode)
+        if (this.question.readOnly || this.question.isDesignMode || this.question.isPreviewStyle)
             return;
         this._popupModel.toggleVisibility();
         this.focusItemOnClickAndPopup();
@@ -9036,7 +9062,7 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
     };
     DropdownMultiSelectListModel.prototype.onPropertyChangedHandler = function (sender, options) {
         _super.prototype.onPropertyChangedHandler.call(this, sender, options);
-        if (options.name === "value" || options.name === "renderedValue") {
+        if (options.name === "value" || options.name === "renderedValue" || options.name === "placeholder") {
             this.syncFilterStringPlaceholder();
         }
     };
@@ -9785,8 +9811,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.2";
-ReleaseDate = "" + "2024-06-11";
+Version = "" + "1.11.4";
+ReleaseDate = "" + "2024-06-25";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -15888,6 +15914,11 @@ var DomWindowHelper = /** @class */ (function () {
             return;
         window.removeEventListener(type, listener);
     };
+    DomWindowHelper.matchMedia = function (mediaQueryString) {
+        if (!DomWindowHelper.isAvailable() || typeof window.matchMedia === "undefined")
+            return null;
+        return window.matchMedia(mediaQueryString);
+    };
     return DomWindowHelper;
 }());
 
@@ -16136,7 +16167,7 @@ var Cover = /** @class */ (function (_super) {
             .toString();
     };
     Cover.prototype.fromTheme = function (theme) {
-        _super.prototype.fromJSON.call(this, theme.header);
+        _super.prototype.fromJSON.call(this, theme.header || {});
         if (!!theme.cssVariables) {
             this.backgroundColor = theme.cssVariables["--sjs-header-backcolor"];
             this.titleColor = theme.cssVariables["--sjs-font-headertitle-color"];
@@ -20308,13 +20339,13 @@ var ListModel = /** @class */ (function (_super) {
             if (_this.allowSelection) {
                 _this.selectedItem = itemValue;
             }
+            if (!!_this.onSelectionChanged) {
+                _this.onSelectionChanged(itemValue);
+            }
             var action = itemValue.action;
             if (!!action) {
                 action(itemValue);
             }
-            if (!!_this.onSelectionChanged) {
-                _this.onSelectionChanged(itemValue);
-            }
         };
         _this.onItemHover = function (itemValue) {
             _this.mouseOverHandler(itemValue);
@@ -21435,6 +21466,7 @@ var englishStrings = {
     emptyMessage: "No data to display",
     noEntriesText: "No entries yet.\nClick the button below to add a new entry.",
     noEntriesReadonlyText: "No entries",
+    tabTitlePlaceholder: "New Panel",
     more: "More",
     tagboxDoneButtonCaption: "OK",
     selectToRankEmptyRankedAreaText: "All choices are selected for ranking",
@@ -22016,6 +22048,10 @@ var InputMaskBase = /** @class */ (function (_super) {
     function InputMaskBase() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    InputMaskBase.prototype.getSurvey = function (live) {
+        if (live === void 0) { live = false; }
+        return this.owner;
+    };
     InputMaskBase.prototype.getType = function () {
         return "masksettings";
     };
@@ -23078,10 +23114,10 @@ var InputMaskNumeric = /** @class */ (function (_super) {
             if (value >= min && value <= max)
                 return true;
             if (!matchWholeMask) {
-                if (!number.hasDecimalSeparator) {
+                if (!number.hasDecimalSeparator && value != 0) {
                     var test_high = value;
                     var test_low = value;
-                    if (value >= 0) {
+                    if (value > 0) {
                         if (value + 1 > min && value <= max)
                             return true;
                         while (true) {
@@ -24551,11 +24587,22 @@ var PanelModelBase = /** @class */ (function (_super) {
     });
     PanelModelBase.prototype.delete = function (doDispose) {
         if (doDispose === void 0) { doDispose = true; }
+        this.deletePanel();
         this.removeFromParent();
         if (doDispose) {
             this.dispose();
         }
     };
+    PanelModelBase.prototype.deletePanel = function () {
+        var els = this.elements;
+        for (var i = 0; i < els.length; i++) {
+            var el = els[i];
+            if (el.isPanel) {
+                el.deletePanel();
+            }
+            this.onRemoveElementNotifySurvey(el);
+        }
+    };
     PanelModelBase.prototype.removeFromParent = function () { };
     PanelModelBase.prototype.canShowTitle = function () { return true; };
     Object.defineProperty(PanelModelBase.prototype, "_showDescription", {
@@ -25334,6 +25381,9 @@ var PanelModelBase = /** @class */ (function (_super) {
             return this.parent.getQuestionTitleLocation();
         return this.survey ? this.survey.questionTitleLocation : "top";
     };
+    PanelModelBase.prototype.getQuestionTitleWidth = function () {
+        return this.questionTitleWidth || this.parent && this.parent.getQuestionTitleWidth();
+    };
     PanelModelBase.prototype.getStartIndex = function () {
         if (!!this.parent)
             return this.parent.getQuestionStartIndex();
@@ -25537,17 +25587,20 @@ var PanelModelBase = /** @class */ (function (_super) {
         this.updateRowsOnElementRemoved(element);
         if (this.isRandomizing)
             return;
+        this.onRemoveElementNotifySurvey(element);
+        if (!!this.removeElementCallback)
+            this.removeElementCallback(element);
+        this.onElementVisibilityChanged(this);
+    };
+    PanelModelBase.prototype.onRemoveElementNotifySurvey = function (element) {
+        if (!this.survey)
+            return;
         if (!element.isPanel) {
-            if (this.survey)
-                this.survey.questionRemoved(element);
+            this.survey.questionRemoved(element);
         }
         else {
-            if (this.survey)
-                this.survey.panelRemoved(element);
+            this.survey.panelRemoved(element);
         }
-        if (!!this.removeElementCallback)
-            this.removeElementCallback(element);
-        this.onElementVisibilityChanged(this);
     };
     PanelModelBase.prototype.onElementVisibilityChanged = function (element) {
         if (this.isLoadingFromJson || this.isRandomizing)
@@ -26089,6 +26142,9 @@ var PanelModelBase = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: true })
     ], PanelModelBase.prototype, "showDescription", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], PanelModelBase.prototype, "questionTitleWidth", void 0);
     return PanelModelBase;
 }(_survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"]));
 
@@ -26532,6 +26588,12 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("panelbase", [
     "visibleIf:condition",
     "enableIf:condition",
     "requiredIf:condition",
+    {
+        name: "questionTitleWidth",
+        visibleIf: function (obj) {
+            return !!obj && obj["getQuestionTitleLocation"]() === "left";
+        }
+    },
     {
         name: "questionTitleLocation",
         default: "default",
@@ -28256,7 +28318,8 @@ var ProgressButtons = /** @class */ (function (_super) {
             return;
         var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
         var circleWidth = this.showItemNumbers ? 17 : 5;
-        var connectorWidth = listContainerElement.clientWidth / (listContainerElement.children.length - 1) - circleWidth;
+        var sideCorrection = this.survey.isMobile ? 0 : listContainerElement.children[0].clientWidth;
+        var connectorWidth = (listContainerElement.clientWidth - sideCorrection) / (listContainerElement.children.length - 1) - circleWidth;
         for (var i = 0; i < listContainerElements.length; i++) {
             listContainerElements[i].style.width = connectorWidth + "px";
         }
@@ -29127,6 +29190,17 @@ var Question = /** @class */ (function (_super) {
             this.clearValueIfInvisible();
         }
     };
+    Object.defineProperty(Question.prototype, "titleWidth", {
+        get: function () {
+            if (this.getTitleLocation() === "left") {
+                if (!!this.parent)
+                    return this.parent.getQuestionTitleWidth();
+            }
+            return undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Returns title location calculated based on the question's `titleLocation` property and the `questionTitleLocation` property of the question's containers (survey, page, or panel).
      * @see titleLocation
@@ -34558,23 +34632,6 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionBooleanModel.prototype.updateThumbMargin = function () {
-        var _this = this;
-        if (!this.isIndeterminate && this.leftAnswerElement) {
-            if (!this.swapOrder && this.value === this.getValueTrue() || this.swapOrder && this.value === this.getValueFalse()) {
-                var el_1 = this.leftAnswerElement;
-                setTimeout(function () {
-                    _this.thumbMargin = el_1.clientWidth + (_this.swapOrder ? 4 : 2) + "px";
-                }, 50);
-            }
-        }
-        this.thumbMargin = undefined;
-    };
-    QuestionBooleanModel.prototype.afterRender = function (el) {
-        _super.prototype.afterRender.call(this, el);
-        this.leftAnswerElement = el.querySelectorAll("." + this.cssClasses.sliderGhost)[0];
-        this.updateThumbMargin();
-    };
     QuestionBooleanModel.prototype.beforeDestroyQuestionElement = function (el) {
         _super.prototype.beforeDestroyQuestionElement.call(this, el);
         this.leftAnswerElement = undefined;
@@ -34726,11 +34783,9 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     QuestionBooleanModel.prototype.updateValueFromSurvey = function (newValue, clearData) {
         if (clearData === void 0) { clearData = false; }
         _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
-        this.updateThumbMargin();
     };
     QuestionBooleanModel.prototype.onValueChanged = function () {
         _super.prototype.onValueChanged.call(this);
-        this.updateThumbMargin();
     };
     Object.defineProperty(QuestionBooleanModel.prototype, "svgIcon", {
         get: function () {
@@ -34858,12 +34913,6 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionBooleanModel.prototype, "booleanValueRendered", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionBooleanModel.prototype, "leftAnswerElement", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionBooleanModel.prototype, "thumbMargin", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionBooleanModel.prototype, "showTitle", void 0);
@@ -35363,7 +35412,7 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         }
         else {
             if (this.isNoneItem(item)) {
-                this.renderedValue = [item.value];
+                this.renderedValue = checked ? [item.value] : [];
             }
             else {
                 var newValue = [].concat(this.renderedValue || []);
@@ -36673,6 +36722,9 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
     QuestionCustomModelBase.prototype.getQuestionTitleLocation = function () {
         return "left";
     };
+    QuestionCustomModelBase.prototype.getQuestionTitleWidth = function () {
+        return undefined;
+    };
     QuestionCustomModelBase.prototype.getQuestionStartIndex = function () {
         return this.getStartIndex();
     };
@@ -46015,6 +46067,28 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "showResponsiveTitle", {
+        get: function () {
+            var _a;
+            return this.hasQuestion && ((_a = this.matrix) === null || _a === void 0 ? void 0 : _a.isMobile);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "responsiveTitleCss", {
+        get: function () {
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(this.matrix.cssClasses.cellResponsiveTitle).toString();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "responsiveLocTitle", {
+        get: function () {
+            return this.cell.column.locTitle;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "headers", {
         get: function () {
             if (this.cell && this.cell.column) {
@@ -49239,6 +49313,9 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.getQuestionTitleLocation = function () {
         return "left";
     };
+    QuestionMultipleTextModel.prototype.getQuestionTitleWidth = function () {
+        return undefined;
+    };
     QuestionMultipleTextModel.prototype.getQuestionStartIndex = function () {
         return this.getStartIndex();
     };
@@ -49760,6 +49837,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         _this.createLocalizableString("panelNextText", _this, false, "pageNextText");
         _this.createLocalizableString("noEntriesText", _this, false, "noEntriesText");
         _this.createLocalizableString("templateTabTitle", _this, true, "panelDynamicTabTextFormat");
+        _this.createLocalizableString("tabTitlePlaceholder", _this, true, "tabTitlePlaceholder");
         _this.registerPropertyChangedHandlers(["panelsState"], function () {
             _this.setPanelsState();
         });
@@ -49930,6 +50008,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          *
          * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
          * @see templateTitle
+         * @see tabTitlePlaceholder
          * @see renderMode
          */
         get: function () {
@@ -49948,6 +50027,28 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "tabTitlePlaceholder", {
+        /**
+         * A placeholder for tab titles that applies when the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) expression doesn't produce a meaningful value.
+         *
+         * Default value: `"New Panel"` (taken from a [localization dictionary](https://github.com/surveyjs/survey-library/tree/master/src/localization))
+         */
+        get: function () {
+            return this.locTabTitlePlaceholder.text;
+        },
+        set: function (newValue) {
+            this.locTabTitlePlaceholder.text = newValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "locTabTitlePlaceholder", {
+        get: function () {
+            return this.getLocalizableString("tabTitlePlaceholder");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "templateDescription", {
         /**
          * A template for panel descriptions.
@@ -52198,6 +52299,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return;
         var locTitle = new _localizablestring__WEBPACK_IMPORTED_MODULE_2__["LocalizableString"](panel, true);
         locTitle.onGetTextCallback = function (str) {
+            if (!str) {
+                str = _this.locTabTitlePlaceholder.renderedHtml;
+            }
             if (!_this.survey)
                 return str;
             var options = {
@@ -52328,6 +52432,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
     },
     { 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: "templateDescription:text",
         serializationProperty: "locTemplateDescription",
@@ -52774,9 +52879,6 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         _this.dragOrClickHelper = new _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__["DragOrClickHelper"](_this.startDrag);
         return _this;
     }
-    QuestionRankingModel.prototype.getDefaultItemComponent = function () {
-        return "";
-    };
     QuestionRankingModel.prototype.getType = function () {
         return "ranking";
     };
@@ -53199,19 +53301,12 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionRankingModel.prototype, "itemContentComponent", {
-        /**
-         * The name of a component used to render items.
-         */
-        get: function () {
-            return this.getPropertyValue("itemContentComponent", "sv-ranking-item-content");
-        },
-        set: function (value) {
-            this.setPropertyValue("itemContentComponent", value);
-        },
-        enumerable: false,
-        configurable: true
-    });
+    /**
+     * The name of a component used to render items.
+     */
+    QuestionRankingModel.prototype.getDefaultItemComponent = function () {
+        return "sv-ranking-item";
+    };
     Object.defineProperty(QuestionRankingModel.prototype, "selectToRankEnabled", {
         /**
          * Specifies whether users can select choices they want to rank.
@@ -53404,8 +53499,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("ranking", [
         dependsOn: "selectToRankEnabled", visibleIf: function (obj) {
             return !!obj.selectToRankEnabled;
         }, isSerializable: true },
-    { name: "itemComponent", visible: false, default: "" },
-    { name: "itemContentComponent", visible: false, default: "sv-ranking-item-content" },
+    { name: "itemComponent", visible: false, default: "sv-ranking-item" },
 ], function () {
     return new QuestionRankingModel("");
 }, "checkbox");
@@ -55655,7 +55749,11 @@ var QuestionTextModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionTextModel.prototype, "maskTypeIsEmpty", {
         get: function () {
-            return this.maskType === "none";
+            switch (this.inputType) {
+                case "tel":
+                case "text": return this.maskType === "none";
+                default: return true;
+            }
         },
         enumerable: false,
         configurable: true
@@ -55697,6 +55795,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
             maskClassName = "masksettings";
         }
         var inputMask = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(maskClassName);
+        inputMask.owner = this.survey;
         return inputMask;
     };
     QuestionTextModel.prototype.isTextValue = function () {
@@ -55729,6 +55828,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
                 this.max = undefined;
                 this.step = undefined;
             }
+            this.updateMaskAdapter();
         },
         enumerable: false,
         configurable: true
@@ -56392,7 +56492,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
         visibleIndex: 0,
         dependsOn: "inputType",
         visibleIf: function (obj) {
-            return obj.inputType === "text";
+            return obj.inputType === "text" || obj.inputType === "tel";
         }
     },
     {
@@ -56401,7 +56501,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
         visibleIndex: 1,
         dependsOn: "inputType",
         visibleIf: function (obj) {
-            return obj.inputType === "text";
+            return obj.inputType === "text" || obj.inputType === "tel";
         },
         onGetValue: function (obj) {
             return obj.maskSettings.getData();
@@ -57411,6 +57511,7 @@ var settings = {
      * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
      */
     tagboxCloseOnSelect: false,
+    dropdownSearchDelay: 500,
     /**
      * A function that activates a browser confirm dialog.
      *
@@ -60170,7 +60271,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onUpdatePageCssClasses = _this.addEvent();
         /**
-         * An event that is raised before rendering a choice item in Radio Button Group, Checkboxes, and Dropdown questions. Use it to override default CSS classes applied to choice items.
+         * An event that is raised before rendering a choice item in Radio Button Group and Checkboxes questions. Use it to override default CSS classes applied to choice items.
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
@@ -61498,6 +61599,8 @@ var SurveyModel = /** @class */ (function (_super) {
          * - `"onValueChanged"` - Triggers validation each time a question value is changed.
          * - `"onComplete"` - Triggers validation when a user clicks the Complete button. If previous pages contain errors, the survey switches to the page with the first error.
          *
+         * > The `"onValueChanged"` doesn't work with date input fields because of the way browsers process date values. In most browsers, the value is considered changed as soon as a user starts entering the date in a text input field. This means that a user may only enter the day without having the chance to enter the month and year before validation is triggered. For this reason, date input fields are validated before the survey is switched to the next page or completed.
+         *
          * Refer to the following help topic for more information: [Data Validation](https://surveyjs.io/form-library/documentation/data-validation).
          * @see validationEnabled
          * @see validationAllowSwitchPages
@@ -61748,12 +61851,13 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.getRendererForString = function (element, name) {
         var renderAs = this.getBuiltInRendererForString(element, name);
+        renderAs = this.elementWrapperComponentNameCore(renderAs, element, "string", name);
         var options = { element: element, name: name, renderAs: renderAs };
         this.onTextRenderAs.fire(this, options);
         return options.renderAs;
     };
     SurveyModel.prototype.getRendererContextForString = function (element, locStr) {
-        return locStr;
+        return this.elementWrapperDataCore(locStr, element, "string");
     };
     SurveyModel.prototype.getExpressionDisplayValue = function (question, value, displayValue) {
         var options = {
@@ -65047,6 +65151,7 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_18__["CssClassBuilder"]()
             .append(this.css.root)
+            .append(this.css.rootProgress + "--" + this.progressBarType)
             .append(this.css.rootMobile, this.isMobile)
             .append(this.css.rootAnimationDisabled, !_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].animationEnabled)
             .append(this.css.rootReadOnly, this.mode === "display" && !this.isDesignMode)
@@ -67897,10 +68002,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return;
         Object.keys(theme).forEach(function (key) {
             if (key === "header") {
-                _this.removeLayoutElement("advanced-header");
-                var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
-                advHeader.fromTheme(theme);
-                _this.insertAdvancedHeader(advHeader);
+                return;
             }
             if (key === "isPanelless") {
                 _this.isCompact = theme[key];
@@ -67909,6 +68011,12 @@ var SurveyModel = /** @class */ (function (_super) {
                 _this[key] = theme[key];
             }
         });
+        if (this.headerView === "advanced" || "header" in theme) {
+            this.removeLayoutElement("advanced-header");
+            var advHeader = new _header__WEBPACK_IMPORTED_MODULE_20__["Cover"]();
+            advHeader.fromTheme(theme);
+            this.insertAdvancedHeader(advHeader);
+        }
         this.themeChanged(theme);
     };
     SurveyModel.prototype.themeChanged = function (theme) {
@@ -67946,6 +68054,15 @@ var SurveyModel = /** @class */ (function (_super) {
         }
     };
     SurveyModel.prototype.onScroll = function () {
+        if (!!this.rootElement) {
+            var topStickyContainer = this.rootElement.querySelector(".sv-components-container-center");
+            if (!!topStickyContainer && topStickyContainer.getBoundingClientRect().y <= this.rootElement.getBoundingClientRect().y) {
+                this.rootElement.classList && this.rootElement.classList.add("sv-root--sticky-top");
+            }
+            else {
+                this.rootElement.classList && this.rootElement.classList.remove("sv-root--sticky-top");
+            }
+        }
         if (this.onScrollCallback) {
             this.onScrollCallback();
         }
@@ -68937,7 +69054,7 @@ var TOCModel = /** @class */ (function () {
                 var titleElement = rootElement.querySelector(titleSelector);
                 var titleElementHeight = titleElement ? titleElement.getBoundingClientRect().height : 0;
                 var scrollCompensationHeight = rootElement.scrollTop > titleElementHeight ? 0 : titleElementHeight - rootElement.scrollTop;
-                tocRootElement.style.height = (rootHeight - scrollCompensationHeight - 2) + "px";
+                tocRootElement.style.height = (rootHeight - scrollCompensationHeight - 1) + "px";
             }
         }
     };
@@ -69669,7 +69786,17 @@ var Trigger = /** @class */ (function (_super) {
     Trigger.prototype.getUsedVariables = function () {
         if (!this.conditionRunner)
             return [];
-        return this.conditionRunner.getVariables();
+        var res = this.conditionRunner.getVariables();
+        if (Array.isArray(res)) {
+            var unw = "-unwrapped";
+            for (var i = res.length - 1; i >= 0; i--) {
+                var s = res[i];
+                if (s.endsWith(unw)) {
+                    res.push(s.substring(0, s.length - unw.length));
+                }
+            }
+        }
+        return res;
     };
     Trigger.prototype.createConditionRunner = function () {
         if (!!this.conditionRunner)
@@ -70734,7 +70861,7 @@ var CssClassBuilder = /** @class */ (function () {
 /*!******************************!*\
   !*** ./src/utils/devices.ts ***!
   \******************************/
-/*! exports provided: IsMobile, mouseInfo, IsTouch, _setIsTouch */
+/*! exports provided: IsMobile, mouseInfo, IsTouch, _setIsTouch, detectMouseSupport */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -70743,6 +70870,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mouseInfo", function() { return mouseInfo; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsTouch", function() { return IsTouch; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_setIsTouch", function() { return _setIsTouch; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "detectMouseSupport", function() { return detectMouseSupport; });
 /* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../global_variables_utils */ "./src/global_variables_utils.ts");
 
 // isMobile
@@ -70772,13 +70900,20 @@ var mouseInfo = {
     },
     hasMouse: true
 };
-var pointerMatches = (typeof matchMedia !== "undefined" && !!matchMedia && matchMedia("(pointer:fine)")) || undefined;
-mouseInfo.hasMouse = !!pointerMatches && !!pointerMatches.matches;
+var matchMediaMethod = _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].matchMedia;
+mouseInfo.hasMouse = detectMouseSupport(matchMediaMethod);
 var IsTouch = mouseInfo.isTouch;
 //for tests
 function _setIsTouch(val) {
     IsTouch = val;
 }
+function detectMouseSupport(matchMedia) {
+    if (!matchMedia)
+        return false;
+    var pointerQuery = matchMedia("(pointer:fine)");
+    var hoverQuery = matchMedia("(any-hover:hover)");
+    return !!pointerQuery && pointerQuery.matches || !!hoverQuery && hoverQuery.matches;
+}
 
 
 /***/ }),