survey-react-ui 1.9.134 → 1.9.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.134",
+  "version": "1.9.136",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.134
+ * surveyjs - Survey JavaScript library v1.9.136
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2899,6 +2899,8 @@ var ConsoleWarnings = /** @class */ (function () {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ElementHelper", function() { return ElementHelper; });
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./global_variables_utils */ "./src/global_variables_utils.ts");
+
 var ElementHelper = /** @class */ (function () {
     function ElementHelper() {
     }
@@ -2906,7 +2908,7 @@ var ElementHelper = /** @class */ (function () {
         element && element.focus();
     };
     ElementHelper.visibility = function (node) {
-        var style = window.getComputedStyle(node);
+        var style = _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomDocumentHelper"].getComputedStyle(node);
         if (style.display === "none" || style.visibility === "hidden")
             return false;
         return node.parentElement ? this.visibility(node.parentElement) : true;
@@ -3585,7 +3587,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.134", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.136", "survey-react-ui");
 
 
 /***/ }),
@@ -7782,6 +7784,148 @@ function substring_(params) {
 FunctionFactory.Instance.register("substring", substring_);
 
 
+/***/ }),
+
+/***/ "./src/global_variables_utils.ts":
+/*!***************************************!*\
+  !*** ./src/global_variables_utils.ts ***!
+  \***************************************/
+/*! exports provided: DomWindowHelper, DomDocumentHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DomWindowHelper", function() { return DomWindowHelper; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DomDocumentHelper", function() { return DomDocumentHelper; });
+/* eslint-disable no-restricted-globals */
+var DomWindowHelper = /** @class */ (function () {
+    function DomWindowHelper() {
+    }
+    DomWindowHelper.isAvailable = function () {
+        return "undefined" !== typeof window;
+    };
+    DomWindowHelper.isFileReaderAvailable = function () {
+        if (!DomWindowHelper.isAvailable())
+            return false;
+        return !!window["FileReader"];
+    };
+    DomWindowHelper.getLocation = function () {
+        if (!DomWindowHelper.isAvailable())
+            return;
+        return window.location;
+    };
+    DomWindowHelper.getVisualViewport = function () {
+        if (!DomWindowHelper.isAvailable())
+            return null;
+        return window.visualViewport;
+    };
+    DomWindowHelper.getInnerWidth = function () {
+        if (!DomWindowHelper.isAvailable())
+            return;
+        return window.innerWidth;
+    };
+    DomWindowHelper.getInnerHeight = function () {
+        if (!DomWindowHelper.isAvailable())
+            return null;
+        return window.innerHeight;
+    };
+    DomWindowHelper.getWindow = function () {
+        if (!DomWindowHelper.isAvailable())
+            return;
+        return window;
+    };
+    DomWindowHelper.hasOwn = function (propertyName) {
+        if (!DomWindowHelper.isAvailable())
+            return;
+        return propertyName in window;
+    };
+    DomWindowHelper.getSelection = function () {
+        if (DomWindowHelper.isAvailable() && window.getSelection) {
+            return window.getSelection();
+        }
+    };
+    DomWindowHelper.requestAnimationFrame = function (callback) {
+        if (DomWindowHelper.isAvailable()) {
+            return window.requestAnimationFrame(callback);
+        }
+    };
+    DomWindowHelper.addEventListener = function (type, listener) {
+        if (!DomWindowHelper.isAvailable())
+            return;
+        window.addEventListener(type, listener);
+    };
+    DomWindowHelper.removeEventListener = function (type, listener) {
+        if (!DomWindowHelper.isAvailable())
+            return;
+        window.removeEventListener(type, listener);
+    };
+    return DomWindowHelper;
+}());
+
+var DomDocumentHelper = /** @class */ (function () {
+    function DomDocumentHelper() {
+    }
+    DomDocumentHelper.isAvailable = function () {
+        return "undefined" !== typeof document;
+    };
+    DomDocumentHelper.getBody = function () {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        return document.body;
+    };
+    DomDocumentHelper.getDocumentElement = function () {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        return document.documentElement;
+    };
+    DomDocumentHelper.getDocument = function () {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        return document;
+    };
+    DomDocumentHelper.getCookie = function () {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        return document.cookie;
+    };
+    DomDocumentHelper.setCookie = function (newCookie) {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        document.cookie = newCookie;
+    };
+    DomDocumentHelper.activeElementBlur = function () {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        var activeElement = document.activeElement;
+        if (!!activeElement && !!activeElement.blur) {
+            activeElement.blur();
+        }
+    };
+    DomDocumentHelper.createElement = function (tagName) {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        return document.createElement(tagName);
+    };
+    DomDocumentHelper.getComputedStyle = function (elt) {
+        if (!DomDocumentHelper.isAvailable())
+            return new CSSStyleDeclaration();
+        return document.defaultView.getComputedStyle(elt);
+    };
+    DomDocumentHelper.addEventListener = function (type, listener) {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        document.addEventListener(type, listener);
+    };
+    DomDocumentHelper.removeEventListener = function (type, listener) {
+        if (!DomDocumentHelper.isAvailable())
+            return;
+        document.removeEventListener(type, listener);
+    };
+    return DomDocumentHelper;
+}());
+
+
+
 /***/ }),
 
 /***/ "./src/helpers.ts":
@@ -9870,23 +10014,9 @@ var JsonError = /** @class */ (function () {
 var JsonUnknownPropertyError = /** @class */ (function (_super) {
     __extends(JsonUnknownPropertyError, _super);
     function JsonUnknownPropertyError(propertyName, className) {
-        var _this = _super.call(this, "unknownproperty", "The property '" +
-            propertyName +
-            "' in class '" +
-            className +
-            "' is unknown.") || this;
+        var _this = _super.call(this, "unknownproperty", "Unknown property in class '" + className + "': '" + propertyName + "'.") || this;
         _this.propertyName = propertyName;
         _this.className = className;
-        var properties = Serializer.getProperties(className);
-        if (properties) {
-            _this.description = "The list of available properties are: ";
-            for (var i = 0; i < properties.length; i++) {
-                if (i > 0)
-                    _this.description += ", ";
-                _this.description += properties[i].name;
-            }
-            _this.description += ".";
-        }
         return _this;
     }
     return JsonUnknownPropertyError;
@@ -9899,14 +10029,6 @@ var JsonMissingTypeErrorBase = /** @class */ (function (_super) {
         _this.baseClassName = baseClassName;
         _this.type = type;
         _this.message = message;
-        _this.description = "The following types are available: ";
-        var types = Serializer.getChildrenClasses(baseClassName, true);
-        for (var i = 0; i < types.length; i++) {
-            if (i > 0)
-                _this.description += ", ";
-            _this.description += "'" + types[i].name + "'";
-        }
-        _this.description += ".";
         return _this;
     }
     return JsonMissingTypeErrorBase;
@@ -10369,6 +10491,7 @@ var defaultListCss = {
     itemWithIcon: "sv-list__item--with-icon",
     itemDisabled: "sv-list__item--disabled",
     itemFocused: "sv-list__item--focused",
+    itemTextWrap: "sv-list__item-text--wrap",
     itemIcon: "sv-list__item-icon",
     itemSeparator: "sv-list__item-separator",
     itemBody: "sv-list__item-body",
@@ -10422,6 +10545,7 @@ var ListModel = /** @class */ (function (_super) {
                 .append(_this.cssClasses.itemDisabled, _this.isItemDisabled(itemValue))
                 .append(_this.cssClasses.itemFocused, _this.isItemFocused(itemValue))
                 .append(_this.cssClasses.itemSelected, _this.isItemSelected(itemValue))
+                .append(_this.cssClasses.itemTextWrap, _this.textWrapEnabled)
                 .append(itemValue.css)
                 .toString();
         };
@@ -10719,6 +10843,9 @@ var ListModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: true })
     ], ListModel.prototype, "renderElements", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
+    ], ListModel.prototype, "textWrapEnabled", void 0);
     return ListModel;
 }(_actions_container__WEBPACK_IMPORTED_MODULE_1__["ActionContainer"]));
 
@@ -11489,6 +11616,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createDialogOptions", function() { return createDialogOptions; });
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -11512,6 +11640,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 
 
+
 var PopupModel = /** @class */ (function (_super) {
     __extends(PopupModel, _super);
     function PopupModel(contentComponentName, contentComponentData, verticalPosition, horizontalPosition, showPointer, isModal, onCancel, onApply, onHide, onShow, cssClass, title, onDispose) {
@@ -11644,6 +11773,7 @@ function createDialogOptions(componentName, data, onApply, onCancel, onHide, onS
     if (onHide === void 0) { onHide = function () { }; }
     if (onShow === void 0) { onShow = function () { }; }
     if (displayMode === void 0) { displayMode = "popup"; }
+    _console_warnings__WEBPACK_IMPORTED_MODULE_2__["ConsoleWarnings"].warn("The `showModal()` and `createDialogOptions()` methods are obsolete. Use the `showDialog()` method instead.");
     return {
         componentName: componentName,
         data: data,
@@ -16072,8 +16202,8 @@ var SurveyPanelBase = /** @class */ (function (_super) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
         if (!!prevProps.page &&
             !!this.survey &&
-            !!this.survey.currentPage &&
-            prevProps.page.id === this.survey.currentPage.id)
+            !!this.survey.activePage &&
+            prevProps.page.id === this.survey.activePage.id)
             return;
         this.doAfterRender();
     };
@@ -16425,7 +16555,11 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsConnector }),
             this.state.canShowItemTitles ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButton },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButtonBackground }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButtonContent }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.model.getItemNumber(page)))));
     };
     SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
         if (!!listContainerElement) {
@@ -20170,7 +20304,7 @@ var SurveyQuestionPanelDynamicItem = /** @class */ (function (_super) {
         var separator = this.question.showSeparator(this.index) ?
             (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", { className: this.question.cssClasses.separator })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getPanelWrapperCss() },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getPanelWrapperCss(this.panel) },
                 panel,
                 removeButton),
             separator));
@@ -21759,23 +21893,25 @@ var SurveyQuestionTagboxItem = /** @class */ (function (_super) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; });
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./global_variables_utils */ "./src/global_variables_utils.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+
 
 var document = typeof globalThis !== "undefined" ? globalThis.document : undefined.document;
 var defaultEnvironment = (!!document ? {
     root: document,
-    _rootElement: document.body,
+    _rootElement: _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomDocumentHelper"].getBody(),
     get rootElement() {
         var _a;
-        return (_a = this._rootElement) !== null && _a !== void 0 ? _a : document.body;
+        return (_a = this._rootElement) !== null && _a !== void 0 ? _a : _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomDocumentHelper"].getBody();
     },
     set rootElement(rootElement) {
         this._rootElement = rootElement;
     },
-    _popupMountContainer: document.body,
+    _popupMountContainer: _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomDocumentHelper"].getBody(),
     get popupMountContainer() {
         var _a;
-        return (_a = this._popupMountContainer) !== null && _a !== void 0 ? _a : document.body;
+        return (_a = this._popupMountContainer) !== null && _a !== void 0 ? _a : _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomDocumentHelper"].getBody();
     },
     set popupMountContainer(popupMountContainer) {
         this._popupMountContainer = popupMountContainer;
@@ -21824,7 +21960,7 @@ var settings = {
      * Nested properties:
      *
      * - `useLocalTimeZone`: `boolean`\
-     * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.). Default value: `true`.
+     * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear()`, `setHours()`, etc.). Default value: `true`.
      *
      * - `defaultLocaleName`: `string`\
      * A property key that stores a translation for the default locale. Default value: `"default"`.
@@ -21970,7 +22106,8 @@ var settings = {
      * - `enabled`: `boolean`\
      * Specifies whether to add questions to the DOM only when they get into the viewport. Default value: `false`.
      *
-     * > Lazy rendering is an experimental feature that may not work as expected in all use cases.
+     * [View Demo](https://surveyjs.io/form-library/examples/survey-lazy/ (linkStyle))
+     * @see [SurveyModel.lazyRendering](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#lazyRendering)
      */
     lazyRender: {
         enabled: false,
@@ -22204,7 +22341,7 @@ var settings = {
      * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
      */
     confirmActionAsync: function (message, callback, applyTitle, locale, rootElement) {
-        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["showConfirmDialog"])(message, callback, applyTitle, locale, rootElement);
+        return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_1__["showConfirmDialog"])(message, callback, applyTitle, locale, rootElement);
     },
     /**
      * A minimum width value for all survey elements.
@@ -22445,6 +22582,20 @@ var settings = {
         ]
     },
     legacyProgressBarView: false,
+    /**
+     * An object with properties that configure input masks.
+     *
+     * Nested properties:
+     *
+     * - `patternPlaceholderChar`: `string`\
+     * A symbol used as a placeholder for characters to be entered in [pattern masks](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern). Default value: `"_"`.
+     *
+     * - `patternEscapeChar`: `string`\
+     * A symbol used to insert literal representations of special characters in [pattern masks](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern). Default value: `"\\"`.
+     *
+     * - `patternDefinitions`: `<{ [key: string]: RegExp }>`\
+     * An object that maps placeholder symbols to regular expressions in [pattern masks](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern). Default value: `{ "9": /[0-9]/, "a": /[a-zA-Z]/, "#": /[a-zA-Z0-9]/ }`.
+     */
     maskSettings: {
         patternPlaceholderChar: "_",
         patternEscapeChar: "\\",
@@ -22478,6 +22629,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 /* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./global_variables_utils */ "./src/global_variables_utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -22506,6 +22658,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A base class for the [`SurveyElement`](https://surveyjs.io/form-library/documentation/surveyelement) and [`SurveyModel`](https://surveyjs.io/form-library/documentation/surveymodel) classes.
  */
@@ -22735,11 +22888,11 @@ var SurveyElement = /** @class */ (function (_super) {
             elLeft = el.getBoundingClientRect().left;
             needScroll = elLeft < 0;
         }
-        if (!!window && !needScroll) {
-            var height = window.innerHeight;
+        if (!needScroll && _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomWindowHelper"].isAvailable()) {
+            var height = _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomWindowHelper"].getInnerHeight();
             needScroll = height > 0 && height < elTop;
             if (!needScroll && checkLeft) {
-                var width = window.innerWidth;
+                var width = _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomWindowHelper"].getInnerWidth();
                 needScroll = width > 0 && width < elLeft;
             }
         }
@@ -22767,7 +22920,7 @@ var SurveyElement = /** @class */ (function (_super) {
         return null;
     };
     SurveyElement.FocusElement = function (elementId) {
-        if (!elementId || typeof document === "undefined")
+        if (!elementId || !_global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomDocumentHelper"].isAvailable())
             return false;
         var res = SurveyElement.focusElementCore(elementId);
         if (!res) {
@@ -23682,12 +23835,13 @@ var SurveyElement = /** @class */ (function (_super) {
     });
     SurveyElement.prototype.isContainsSelection = function (el) {
         var elementWithSelection = undefined;
-        if ((typeof document !== "undefined") && document["selection"]) {
-            elementWithSelection = document["selection"].createRange().parentElement();
+        var _document = _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomDocumentHelper"].getDocument();
+        if (_global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomDocumentHelper"].isAvailable() && !!_document && _document["selection"]) {
+            elementWithSelection = _document["selection"].createRange().parentElement();
         }
         else {
-            var selection = window.getSelection();
-            if (selection.rangeCount > 0) {
+            var selection = _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomWindowHelper"].getSelection();
+            if (!!selection && selection.rangeCount > 0) {
                 var range = selection.getRangeAt(0);
                 if (range.startOffset !== range.endOffset) {
                     elementWithSelection = range.startContainer.parentNode;
@@ -23940,7 +24094,8 @@ var CssClassBuilder = /** @class */ (function () {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ResponsivityManager", function() { return ResponsivityManager; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VerticalResponsivityManager", function() { return VerticalResponsivityManager; });
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./src/utils/utils.ts");
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../global_variables_utils */ "./src/global_variables_utils.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -23957,6 +24112,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
     };
 })();
 
+
 var ResponsivityManager = /** @class */ (function () {
     function ResponsivityManager(container, model, itemsSelector, dotsItemSize, delayedUpdateFunction) {
         var _this = this;
@@ -23974,7 +24130,9 @@ var ResponsivityManager = /** @class */ (function () {
         this.paddingSizeConst = 8;
         this.dotsSizeConst = 48;
         this.recalcMinDimensionConst = true;
-        this.getComputedStyle = window.getComputedStyle.bind(window);
+        this.getComputedStyle = function (elt) {
+            return _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomDocumentHelper"].getComputedStyle(elt);
+        };
         this.model.updateCallback = function (isResetInitialized) {
             if (isResetInitialized)
                 _this.isInitialized = false;
@@ -23982,7 +24140,7 @@ var ResponsivityManager = /** @class */ (function () {
         };
         if (typeof ResizeObserver !== "undefined") {
             this.resizeObserver = new ResizeObserver(function (entries) {
-                window.requestAnimationFrame(function () {
+                _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
                     _this.process();
                 });
             });
@@ -24041,7 +24199,7 @@ var ResponsivityManager = /** @class */ (function () {
     };
     Object.defineProperty(ResponsivityManager.prototype, "isContainerVisible", {
         get: function () {
-            return Object(_utils__WEBPACK_IMPORTED_MODULE_0__["isContainerVisible"])(this.container);
+            return Object(_utils__WEBPACK_IMPORTED_MODULE_1__["isContainerVisible"])(this.container);
         },
         enumerable: false,
         configurable: true
@@ -24181,6 +24339,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _localizablestring__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localizablestring */ "./src/localizablestring.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../settings */ "./src/settings.ts");
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../surveyStrings */ "./src/surveyStrings.ts");
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../global_variables_utils */ "./src/global_variables_utils.ts");
+
 
 
 
@@ -24216,18 +24376,14 @@ function confirmActionAsync(message, funcOnYes, funcOnNo, locale, rootElement) {
     callbackFunc(confirmAction(message));
 }
 function detectIEBrowser() {
-    if (typeof window === "undefined")
-        return false;
-    var ua = window.navigator.userAgent;
+    var ua = navigator.userAgent;
     var oldIe = ua.indexOf("MSIE ");
     var elevenIe = ua.indexOf("Trident/");
     return oldIe > -1 || elevenIe > -1;
 }
 function detectIEOrEdge() {
-    if (typeof window === "undefined")
-        return false;
     if (typeof detectIEOrEdge.isIEOrEdge === "undefined") {
-        var ua = window.navigator.userAgent;
+        var ua = navigator.userAgent;
         var msie = ua.indexOf("MSIE ");
         var trident = ua.indexOf("Trident/");
         var edge = ua.indexOf("Edge/");
@@ -24251,16 +24407,14 @@ function loadFileFromBase64(b64Data, fileName) {
         }
         // write the ArrayBuffer to a blob, and you're done
         var bb = new Blob([ab], { type: mimeString });
-        if (typeof window !== "undefined" &&
-            window.navigator &&
-            window.navigator["msSaveBlob"]) {
-            window.navigator["msSaveOrOpenBlob"](bb, fileName);
+        if (!!navigator && navigator["msSaveBlob"]) {
+            navigator["msSaveOrOpenBlob"](bb, fileName);
         }
     }
     catch (err) { }
 }
 function isMobile() {
-    return (typeof window !== "undefined" && typeof window.orientation !== "undefined");
+    return (_global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].isAvailable() && _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].hasOwn("orientation"));
 }
 var isShadowDOM = function (rootElement) {
     return !!rootElement && !!("host" in rootElement && rootElement.host);
@@ -24279,7 +24433,7 @@ function isElementVisible(element, threshold) {
         ? root.host.clientHeight
         : root.documentElement.clientHeight;
     var elementRect = element.getBoundingClientRect();
-    var viewHeight = Math.max(clientHeight, window.innerHeight);
+    var viewHeight = Math.max(clientHeight, _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].getInnerHeight());
     var topWin = -threshold;
     var bottomWin = viewHeight + threshold;
     var topEl = elementRect.top;
@@ -24321,9 +24475,10 @@ function scrollElementByChildId(id) {
     }
 }
 function navigateToUrl(url) {
-    if (!url || typeof window === "undefined" || !window.location)
+    var location = _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].getLocation();
+    if (!url || !location)
         return;
-    window.location.href = url;
+    location.href = url;
 }
 function wrapUrlForBackgroundImage(url) {
     return !!url ? ["url(", url, ")"].join("") : "";
@@ -24353,7 +24508,7 @@ function createSvg(size, width, height, iconName, svgElem, title) {
     }
     else {
         if (!titleElement) {
-            titleElement = document.createElementNS("http://www.w3.org/2000/svg", "title");
+            titleElement = _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomDocumentHelper"].getDocument().createElementNS("http://www.w3.org/2000/svg", "title");
             svgElem.appendChild(titleElement);
         }
     }
@@ -24460,7 +24615,7 @@ function increaseHeightByContent(element, getComputedStyle) {
     if (!element)
         return;
     if (!getComputedStyle)
-        getComputedStyle = function (elt) { return window.getComputedStyle(elt); };
+        getComputedStyle = function (elt) { return _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomDocumentHelper"].getComputedStyle(elt); };
     var style = getComputedStyle(element);
     element.style.height = "auto";
     if (!!element.scrollHeight) {
@@ -24507,8 +24662,8 @@ function findParentByClassNames(element, classNames) {
 }
 function sanitizeEditableContent(element, cleanLineBreaks) {
     if (cleanLineBreaks === void 0) { cleanLineBreaks = true; }
-    if (window.getSelection && document.createRange && element.childNodes.length > 0) {
-        var selection = document.getSelection();
+    if (_global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].isAvailable() && _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomDocumentHelper"].isAvailable() && element.childNodes.length > 0) {
+        var selection = _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].getSelection();
         if (selection.rangeCount == 0) {
             return;
         }
@@ -24526,14 +24681,19 @@ function sanitizeEditableContent(element, cleanLineBreaks) {
         }
         var tail_len = tail.length;
         element.innerText = innerText;
-        range = document.createRange();
+        range = _global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomDocumentHelper"].getDocument().createRange();
         range.setStart(element.firstChild, 0);
         range.setEnd(element.firstChild, 0);
         selection.removeAllRanges();
         selection.addRange(range);
-        for (var i = 0; i < innerText.length - tail_len; i++) {
-            selection.modify("move", "forward", "character");
+        while (selection.toString().length < innerText.length - tail_len) {
+            var selLen = selection.toString().length;
+            selection.modify("extend", "forward", "character");
+            if (selection.toString().length == selLen)
+                break;
         }
+        range = selection.getRangeAt(0);
+        range.setStart(range.endContainer, range.endOffset);
     }
 }
 function mergeValues(src, dest) {
@@ -24602,11 +24762,11 @@ function configConfirmDialog(popupViewModel) {
     popupViewModel.width = "min-content";
 }
 function chooseFiles(input, callback) {
-    if (!window || !window["FileReader"])
+    if (!_global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].isFileReaderAvailable())
         return;
     input.value = "";
     input.onchange = function (event) {
-        if (!window["FileReader"])
+        if (!_global_variables_utils__WEBPACK_IMPORTED_MODULE_3__["DomWindowHelper"].isFileReaderAvailable())
             return;
         if (!input || !input.files || input.files.length < 1)
             return;