survey-core 1.11.3 → 1.11.4

package/survey.core.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.3
+ * 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",
@@ -5106,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",
@@ -5549,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",
@@ -8161,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";
@@ -8215,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 () {
@@ -9791,8 +9811,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.3";
-ReleaseDate = "" + "2024-06-18";
+Version = "" + "1.11.4";
+ReleaseDate = "" + "2024-06-25";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -15894,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;
 }());
 
@@ -22023,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";
     };
@@ -24558,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", {
@@ -25547,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)
@@ -28275,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";
         }
@@ -34588,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;
@@ -34756,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 () {
@@ -34888,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);
@@ -35393,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 || []);
@@ -52860,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";
     };
@@ -53285,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.
@@ -53490,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");
@@ -55741,7 +55749,11 @@ var QuestionTextModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionTextModel.prototype, "maskTypeIsEmpty", {
         get: function () {
-            return this.maskType === "none" || this.inputType !== "text";
+            switch (this.inputType) {
+                case "tel":
+                case "text": return this.maskType === "none";
+                default: return true;
+            }
         },
         enumerable: false,
         configurable: true
@@ -55783,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 () {
@@ -56479,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";
         }
     },
     {
@@ -56488,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();
@@ -57498,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.
      *
@@ -60257,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.
          *
@@ -61585,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
@@ -65135,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)
@@ -68037,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();
         }
@@ -69028,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";
             }
         }
     };
@@ -70835,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";
@@ -70844,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
@@ -70873,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;
+}
 
 
 /***/ }),