survey-react-ui 1.9.133 → 1.9.135

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.133
+ * surveyjs - Survey JavaScript library v1.9.135
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -495,6 +495,7 @@ var Action = /** @class */ (function (_super) {
         return this._component;
     };
     Action.prototype.dispose = function () {
+        this.updateCallback = undefined;
         this.action = undefined;
         _super.prototype.dispose.call(this);
         if (this.popupModel) {
@@ -2898,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() {
     }
@@ -2905,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;
@@ -3584,7 +3587,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.133", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.135", "survey-react-ui");
 
 
 /***/ }),
@@ -7781,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":
@@ -9869,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;
@@ -9898,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;
@@ -10368,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",
@@ -10421,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();
         };
@@ -10718,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"]));
 
@@ -11488,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 ||
@@ -11511,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) {
@@ -11643,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,
@@ -12232,6 +12363,19 @@ var SurveyActionBar = /** @class */ (function (_super) {
             this.model.resetResponsivityManager();
         }
     };
+    SurveyActionBar.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        if (prevProps.model == this.props.model) {
+            return;
+        }
+        if (!!this.model.hasActions) {
+            this.model.resetResponsivityManager();
+            var container = this.rootRef.current;
+            if (!!container) {
+                this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
+            }
+        }
+    };
     SurveyActionBar.prototype.getStateElement = function () {
         return this.model;
     };
@@ -16058,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();
     };
@@ -20857,7 +21001,7 @@ var SurveyQuestionText = /** @class */ (function (_super) {
         var inputClass = this.question.getControlClass();
         var placeholder = this.question.renderedPlaceholder;
         if (this.question.isReadOnlyRenderDiv()) {
-            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.value);
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.inputValue);
         }
         var counter = !!this.question.getMaxLength() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_character_counter__WEBPACK_IMPORTED_MODULE_3__["CharacterCounterComponent"], { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
@@ -20873,6 +21017,12 @@ var SurveyQuestionText = /** @class */ (function (_super) {
                 this.renderDataList()) :
             this.renderInput());
     };
+    SurveyQuestionText.prototype.setValueCore = function (newValue) {
+        this.question.inputValue = newValue;
+    };
+    SurveyQuestionText.prototype.getValueCore = function () {
+        return this.question.inputValue;
+    };
     SurveyQuestionText.prototype.renderDataList = function () {
         if (!this.question.dataListId)
             return null;
@@ -21739,23 +21889,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;
@@ -21804,7 +21956,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"`.
@@ -21950,7 +22102,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,
@@ -22184,7 +22337,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.
@@ -22424,7 +22577,30 @@ var settings = {
             "impp",
         ]
     },
-    legacyProgressBarView: false
+    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: "\\",
+        patternDefinitions: {
+            "9": /[0-9]/,
+            "a": /[a-zA-Z]/,
+            "#": /[a-zA-Z0-9]/
+        }
+    }
 };
 
 
@@ -22449,6 +22625,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 ||
@@ -22477,6 +22654,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.
  */
@@ -22694,13 +22872,25 @@ var SurveyElement = /** @class */ (function (_super) {
         if (!elementId || typeof root === "undefined")
             return false;
         var el = root.getElementById(elementId);
+        return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible);
+    };
+    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible) {
         if (!el || !el.scrollIntoView)
             return false;
-        var elemTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
-        var needScroll = elemTop < 0;
-        if (!needScroll && !!window) {
-            var height = window.innerHeight;
-            needScroll = height > 0 && height < elemTop;
+        var elTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
+        var needScroll = elTop < 0;
+        var elLeft = -1;
+        if (!needScroll && checkLeft) {
+            elLeft = el.getBoundingClientRect().left;
+            needScroll = elLeft < 0;
+        }
+        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 = _global_variables_utils__WEBPACK_IMPORTED_MODULE_7__["DomWindowHelper"].getInnerWidth();
+                needScroll = width > 0 && width < elLeft;
+            }
         }
         if (needScroll) {
             el.scrollIntoView();
@@ -22726,7 +22916,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) {
@@ -22743,6 +22933,7 @@ var SurveyElement = /** @class */ (function (_super) {
         var el = root.getElementById(elementId);
         // https://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom
         if (el && !el["disabled"] && el.style.display !== "none" && el.offsetParent !== null) {
+            SurveyElement.ScrollElementToViewCore(el, true, false);
             el.focus();
             return true;
         }
@@ -23640,12 +23831,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;
@@ -23898,7 +24090,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 ||
@@ -23915,6 +24108,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
     };
 })();
 
+
 var ResponsivityManager = /** @class */ (function () {
     function ResponsivityManager(container, model, itemsSelector, dotsItemSize, delayedUpdateFunction) {
         var _this = this;
@@ -23932,7 +24126,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;
@@ -23940,7 +24136,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();
                 });
             });
@@ -23999,7 +24195,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
@@ -24139,6 +24335,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");
+
 
 
 
@@ -24174,18 +24372,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/");
@@ -24209,16 +24403,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);
@@ -24237,7 +24429,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;
@@ -24279,9 +24471,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("") : "";
@@ -24311,7 +24504,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);
         }
     }
@@ -24418,7 +24611,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) {
@@ -24465,8 +24658,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;
         }
@@ -24484,14 +24677,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) {
@@ -24560,11 +24758,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;