survey-creator-core 2.0.4 → 2.0.5

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.0.4
+ * SurveyJS Creator v2.0.5
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -10098,6 +10098,8 @@ var logicCss = {
         edit: ""
     },
     panel: {
+        withFrame: "",
+        nested: "",
         enter: "sl-element-wrapper--enter",
         leave: "sl-element-wrapper--leave",
         title: "",
@@ -10135,7 +10137,8 @@ var logicCss = {
         panelWrapperList: "sl-panel-wrapper--list",
         panelWrapperInRow: "sl-panel-wrapper--in-row",
         panelWrapperEnter: "sl-panel-wrapper--enter",
-        panelWrapperLeave: "sl-panel-wrapper--leave"
+        panelWrapperLeave: "sl-panel-wrapper--leave",
+        footerButtonsContainer: "sl-paneldynamic__buttons-container",
     },
     progress: "",
     progressBar: "",
@@ -10154,6 +10157,8 @@ var logicCss = {
     rowDelayedEnter: "sl-row--delayed-enter",
     rowMultiple: "sl-row--multiple",
     question: {
+        withFrame: "",
+        nested: "",
         mainRoot: "sl-question",
         flowRoot: "",
         asCell: "",
@@ -12462,6 +12467,10 @@ var PreviewViewModel = /** @class */ (function (_super) {
                     _this.survey.pages[i].passed = true;
                 }
             },
+            onShow: function () {
+                var listModel = _this.selectPageAction.popupModel.contentComponentData.model;
+                listModel.selectedItem = _this.getCurrentPageItem();
+            },
             cssClass: "svc-creator-popup",
             cssClasses: _list_theme__WEBPACK_IMPORTED_MODULE_6__.listComponentCss,
             verticalPosition: "top",
@@ -16175,6 +16184,8 @@ var translationCss = {
         edit: "st-btn st-footer__edit-btn"
     },
     panel: {
+        nested: "",
+        withFrame: "",
         title: "st-title st-panel__title",
         titleExpandable: "st-panel__title--expandable",
         titleOnExpand: "st-panel__title--expanded",
@@ -16188,6 +16199,7 @@ var translationCss = {
         requiredMark: "st-panel__required-text"
     },
     paneldynamic: {
+        nested: "",
         root: "st-paneldynamic",
         navigation: "st-paneldynamic__navigation",
         title: "st-title st-question__title",
@@ -16219,6 +16231,8 @@ var translationCss = {
     pageDescription: "st-description st-page__description",
     row: "st-row st-clearfix",
     question: {
+        nested: "",
+        withFrame: "",
         mainRoot: "st-element st-question st-row__question",
         flowRoot: "st-element st-question st-row__question st-row__question--flow",
         asCell: "st-table__cell",
@@ -18645,6 +18659,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_creator_scss__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
 /* harmony import */ var _components_string_editor_scss__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./components/string-editor.scss */ "./src/components/string-editor.scss");
 /* harmony import */ var _creator_theme_creator_scss__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./creator-theme/creator.scss */ "./src/creator-theme/creator.scss");
+/* harmony import */ var _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./utils/global_variables_utils */ "./src/utils/global_variables_utils.ts");
+
 
 
 
@@ -19016,7 +19032,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          */
         _this.onPageGetFooterActions = _this.addCreatorEvent();
         /**
-         * Оbsolete. Use the [`onPageGetFooterActions`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onPageGetFooterActions) event instead.
+         *@deprecated Use the [`onPageGetFooterActions`](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#onPageGetFooterActions) event instead.
          */
         _this.onGetPageActions = _this.onPageGetFooterActions;
         /**
@@ -21880,7 +21896,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             this.selectionChanged(this.selectedElement, propertyName, !!focus);
         }
         var selEl = this.getSelectedSurveyElement();
-        if (oldValue !== element && !!document && !!selEl) {
+        if (oldValue !== element && !!_utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_36__.DomDocumentHelper.getDocument() && !!selEl) {
             this.focusElement(element, focus, selEl, propertyName, startEdit);
         }
     };
@@ -21932,7 +21948,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     SurveyCreatorModel.prototype.getHtmlElementForScroll = function (element) {
         var id = element.getType() === "matrixdropdowncolumn" ? element.colOwner.id : element.id;
-        return document.getElementById(id);
+        return _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_36__.DomDocumentHelper.getDocument().getElementById(id);
     };
     SurveyCreatorModel.prototype.getSelectedSurveyElement = function () {
         var sel = this.selectedElement;
@@ -23420,6 +23436,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   CreatorResponsivityManager: () => (/* binding */ CreatorResponsivityManager)
 /* harmony export */ });
 /* harmony import */ var _responsivity_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./responsivity.scss */ "./src/responsivity.scss");
+/* harmony import */ var _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/global_variables_utils */ "./src/utils/global_variables_utils.ts");
+
 
 var CreatorResponsivityManager = /** @class */ (function () {
     function CreatorResponsivityManager(container, creator) {
@@ -23467,8 +23485,9 @@ var CreatorResponsivityManager = /** @class */ (function () {
         this.creator.allowShowSurfaceToolbar = toolboxVisible;
     };
     CreatorResponsivityManager.prototype.findCorrectParent = function (container) {
-        if (!!(window === null || window === void 0 ? void 0 : window.getComputedStyle)) {
-            if (window.getComputedStyle(container.parentElement).display === "inline") {
+        var _window = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_1__.DomWindowHelper.getWindow();
+        if (!!(_window === null || _window === void 0 ? void 0 : _window.getComputedStyle)) {
+            if (_window.getComputedStyle(container.parentElement).display === "inline") {
                 return this.findCorrectParent(container.parentElement);
             }
         }
@@ -23525,7 +23544,8 @@ var CreatorResponsivityManager = /** @class */ (function () {
         var _a;
         if (!!this.container && !!this.container.querySelector) {
             var surveyContainer = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector(".svc-tab-designer_content");
-            if (!!surveyContainer && window && typeof window.getComputedStyle === "function") {
+            var _window = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_1__.DomWindowHelper.getWindow();
+            if (!!surveyContainer && _window && typeof _window.getComputedStyle === "function") {
                 var conputedStyles = getComputedStyle(surveyContainer);
                 var paddingLeft = 0;
                 var paddingRight = 0;
@@ -24370,76 +24390,15 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CreatorStylesManager: () => (/* binding */ CreatorStylesManager),
-/* harmony export */   DomDocumentHelper: () => (/* binding */ DomDocumentHelper)
+/* harmony export */   CreatorStylesManager: () => (/* binding */ CreatorStylesManager)
 /* harmony export */ });
-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;
-}());
+/* harmony import */ var _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/global_variables_utils */ "./src/utils/global_variables_utils.ts");
 
 var CreatorStylesManager = /** @class */ (function () {
     function CreatorStylesManager() {
     }
     CreatorStylesManager.findSheet = function (styleSheetId) {
-        if (!DomDocumentHelper.isAvailable())
+        if (!_utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_0__.DomDocumentHelper.isAvailable())
             return null;
         for (var i = 0; i < document.styleSheets.length; i++) {
             if (!!document.styleSheets[i].ownerNode && document.styleSheets[i].ownerNode["id"] === styleSheetId) {
@@ -24449,9 +24408,9 @@ var CreatorStylesManager = /** @class */ (function () {
         return null;
     };
     CreatorStylesManager.createSheet = function (styleSheetId) {
-        if (!DomDocumentHelper.isAvailable())
+        if (!_utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_0__.DomDocumentHelper.isAvailable())
             return null;
-        var style = DomDocumentHelper.createElement("style");
+        var style = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_0__.DomDocumentHelper.createElement("style");
         style.id = styleSheetId;
         style.appendChild(new Text(""));
         document.head.appendChild(style);
@@ -25370,6 +25329,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _components_survey_element_adorner_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/survey-element-adorner-base */ "./src/components/survey-element-adorner-base.ts");
 /* harmony import */ var _drag_drop_enums__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./drag-drop-enums */ "./src/drag-drop-enums.ts");
+/* harmony import */ var _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/global_variables_utils */ "./src/utils/global_variables_utils.ts");
+
 
 
 
@@ -25538,9 +25499,9 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         return draggedElement.toolboxItemTitle || _super.prototype.getShortcutText.call(this, draggedElement);
     };
     DragDropSurveyElements.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
-        var draggedElementShortcut = document.createElement("div");
+        var draggedElementShortcut = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_6__.DomDocumentHelper.createElement("div");
         draggedElementShortcut.style.display = "flex";
-        var textSpan = document.createElement("span");
+        var textSpan = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_6__.DomDocumentHelper.createElement("span");
         textSpan.className = "svc-dragged-element-shortcut__text";
         textSpan.innerText = text;
         if (this.draggedElement.toolboxItemIconName) {
@@ -25551,7 +25512,7 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         return draggedElementShortcut;
     };
     DragDropSurveyElements.prototype.createDraggedElementIcon = function () {
-        var span = document.createElement("span");
+        var span = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_6__.DomDocumentHelper.createElement("span");
         span.className = "svc-dragged-element-shortcut__icon";
         var iconName = (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.getIconNameFromProxy)(this.draggedElement.toolboxItemIconName);
         var svgString = "<svg class=\"sv-svg-icon\" role=\"img\"><use xlink:href=\"#".concat(iconName, "\"></use></svg>");
@@ -25834,7 +25795,8 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
             this.banDropHere();
             return;
         }
-        if (document && document.elementsFromPoint && this.isDragInsideItself(document.elementsFromPoint(event.clientX, event.clientY))) {
+        var _document = _utils_global_variables_utils__WEBPACK_IMPORTED_MODULE_6__.DomDocumentHelper.getDocument();
+        if (_document && _document.elementsFromPoint && this.isDragInsideItself(_document.elementsFromPoint(event.clientX, event.clientY))) {
             this.banDropHere();
             return null;
         }
@@ -27094,6 +27056,7 @@ var map = {
 	"./pg-layout-24x24.svg": "./src/images-v1/pg-layout-24x24.svg",
 	"./pg-logo-24x24.svg": "./src/images-v1/pg-logo-24x24.svg",
 	"./pg-navigation-24x24.svg": "./src/images-v1/pg-navigation-24x24.svg",
+	"./pg-numbering-24x24.svg": "./src/images-v1/pg-numbering-24x24.svg",
 	"./pg-pages-24x24.svg": "./src/images-v1/pg-pages-24x24.svg",
 	"./pg-questiondesign-24x24.svg": "./src/images-v1/pg-questiondesign-24x24.svg",
 	"./pg-quiz-24x24.svg": "./src/images-v1/pg-quiz-24x24.svg",
@@ -28231,6 +28194,16 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images-v1/pg-numbering-24x24.svg":
+/*!**********************************************!*\
+  !*** ./src/images-v1/pg-numbering-24x24.svg ***!
+  \**********************************************/
+/***/ ((module) => {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2ZM4 20V4H20V20H4ZM9 11.54H11.6L11.36 13.25H6.3V11.78L6.38 11.71C8.61 9.54 9.3 8.75 9.3 8.03C9.3 7.59 9.07 7.37 8.62 7.37C8.17 7.37 7.9 7.54 7.57 7.97L7.42 8.17L6.07 7.14L6.21 6.94C6.84 6.07 7.68 5.65 8.77 5.65C10.59 5.65 11.41 6.77 11.41 7.89C11.41 9.01 10.86 9.85 9.01 11.55L9 11.54Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images-v1/pg-pages-24x24.svg":
 /*!******************************************!*\
   !*** ./src/images-v1/pg-pages-24x24.svg ***!
@@ -29370,6 +29343,7 @@ var map = {
 	"./pg-layout-24x24.svg": "./src/images-v2/pg-layout-24x24.svg",
 	"./pg-logo-24x24.svg": "./src/images-v2/pg-logo-24x24.svg",
 	"./pg-navigation-24x24.svg": "./src/images-v2/pg-navigation-24x24.svg",
+	"./pg-numbering-24x24.svg": "./src/images-v2/pg-numbering-24x24.svg",
 	"./pg-pages-24x24.svg": "./src/images-v2/pg-pages-24x24.svg",
 	"./pg-questiondesign-24x24.svg": "./src/images-v2/pg-questiondesign-24x24.svg",
 	"./pg-quiz-24x24.svg": "./src/images-v2/pg-quiz-24x24.svg",
@@ -30517,6 +30491,16 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images-v2/pg-numbering-24x24.svg":
+/*!**********************************************!*\
+  !*** ./src/images-v2/pg-numbering-24x24.svg ***!
+  \**********************************************/
+/***/ ((module) => {
+
+module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 21.75H5C3.48 21.75 2.25 20.52 2.25 19V5C2.25 3.48 3.48 2.25 5 2.25H19C20.52 2.25 21.75 3.48 21.75 5V19C21.75 20.52 20.52 21.75 19 21.75ZM5 3.75C4.31 3.75 3.75 4.31 3.75 5V19C3.75 19.69 4.31 20.25 5 20.25H19C19.69 20.25 20.25 19.69 20.25 19V5C20.25 4.31 19.69 3.75 19 3.75H5ZM11.15 7.88C11.15 9 10.46 9.91 8.35 11.79H11.31L11.14 13H6.54V11.88C8.81 9.67 9.54 8.85 9.54 8.02C9.54 7.46 9.21 7.11 8.61 7.11C8.09 7.11 7.73 7.32 7.36 7.81L6.4 7.08C6.92 6.36 7.64 5.89 8.76 5.89C10.34 5.89 11.15 6.82 11.15 7.88Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images-v2/pg-pages-24x24.svg":
 /*!******************************************!*\
   !*** ./src/images-v2/pg-pages-24x24.svg ***!
@@ -35271,6 +35255,8 @@ var propertyGridCss = {
         edit: "spg-btn spg-footer__edit-btn"
     },
     panel: {
+        withFrame: "",
+        nested: "",
         expandableAnimating: "",
         title: "spg-title spg-panel__title",
         titleBar: "sd-action-title-bar spg-action-title-bar",
@@ -35289,6 +35275,7 @@ var propertyGridCss = {
         requiredMark: "spg-panel__required-text"
     },
     paneldynamic: {
+        nested: "",
         mainRoot: "spg-question spg-row__question",
         root: "spg-paneldynamic",
         navigation: "spg-paneldynamic__navigation",
@@ -35308,7 +35295,9 @@ var propertyGridCss = {
         progressBar: "spg-progress__bar",
         progressText: "spg-paneldynamic__progress-text",
         panelFooter: "spg-panel__footer",
-        separator: "spg-paneldynamic__separator"
+        separator: "spg-paneldynamic__separator",
+        footer: "spg-paneldynamic__footer",
+        footerButtonsContainer: "spg-paneldynamic__buttons-container",
     },
     progress: "spg-progress spg-body__progress",
     progressBar: "spg-progress__bar",
@@ -35327,6 +35316,8 @@ var propertyGridCss = {
     rowDelayedEnter: "spg-row--delayed-fade-in",
     rowMultiple: "spg-row--multiple",
     question: {
+        withFrame: "",
+        nested: "",
         mainRoot: "spg-question spg-row__question",
         flowRoot: "spg-question spg-row__question spg-row__question--flow",
         asCell: "spg-table__cell",
@@ -35352,8 +35343,9 @@ var propertyGridCss = {
         footer: "spg-question__footer",
         formGroup: "spg-question__form-group",
         hasError: "",
-        disabled: "spg-question--disabled",
-        confirmDialog: "spg-popup--confirm sv-popup--confirm svc-creator-popup"
+        readOnly: "sd-question--readonly spg-question--disabled",
+        confirmDialog: "spg-popup--confirm sv-popup--confirm svc-creator-popup",
+        errorsContainerBottom: "spg-question__erbox--below-question",
     },
     image: { root: "spg-image", image: "sv_image_image" },
     error: {
@@ -35368,7 +35360,7 @@ var propertyGridCss = {
         item: "spg-item spg-checkbox spg-selectbase__item",
         itemSelectAll: "spg-checkbox--selectall",
         itemNone: "spg-checkbox--none",
-        itemDisabled: "spg-item--disabled spg-checkbox--disabled",
+        itemReadOnly: "spg-item--disabled spg-checkbox--disabled",
         itemChecked: "spg-checkbox--checked",
         itemHover: "spg-checkbox--allowhover",
         itemInline: "spg-selectbase__item--inline",
@@ -35393,7 +35385,7 @@ var propertyGridCss = {
         itemInline: "spg-selectbase__item--inline",
         label: "spg-selectbase__label",
         labelChecked: "",
-        itemDisabled: "spg-item--disabled spg-radio--disabled",
+        itemReadOnly: "spg-item--disabled spg-radio--disabled",
         itemChecked: "spg-radio--checked",
         itemHover: "spg-radio--allowhover",
         itemControl: "spg-visuallyhidden spg-item__control",
@@ -35410,7 +35402,7 @@ var propertyGridCss = {
         checkboxItem: "spg-checkbox",
         checkboxItemChecked: "spg-checkbox--checked",
         checkboxitemIndeterminate: "spg-checkbox--indeterminate",
-        checkboxItemDisabled: "spg-checkbox--disabled",
+        checkboxItemReadOnly: "spg-checkbox--disabled",
         svgIconId: "#icon-v2check",
         checkboxLabel: "spg-selectbase__label",
         controlCheckbox: "spg-checkbox__control",
@@ -35447,7 +35439,8 @@ var propertyGridCss = {
         chevronButton: "sd-dropdown_chevron-button spg-dropdown_chevron-button",
         chevronButtonSvg: "sd-dropdown_chevron-button-svg spg-dropdown_chevron-button-svg",
         chevronButtonIconId: "icon-chevron",
-        cleanButton: "spg-dropdown__clean-button spg-input__edit-button"
+        cleanButton: "spg-dropdown__clean-button spg-input__edit-button",
+        controlReadOnly: "sd-input--disabled sd-input--readonly"
     },
     buttongroup: {
         root: "spg-button-group",
@@ -35459,14 +35452,14 @@ var propertyGridCss = {
         itemSelected: "spg-button-group__item--selected",
         itemDisabled: "spg-button-group__item--disabled",
         itemControl: "sv-visuallyhidden",
-        disabled: "spg-question--disabled"
+        readOnly: "spg-question--disabled"
     },
     imagepicker: {
         root: "spg-imagepicker",
         item: "spg-imagepicker__item",
         itemInline: "spg-imagepicker__item--inline",
         itemChecked: "spg-imagepicker__item--checked",
-        itemDisabled: "spg-imagepicker__item--disabled",
+        itemReadOnly: "spg-imagepicker__item--disabled",
         itemHover: "spg-imagepicker__item--allowhover",
         label: "spg-imagepicker__label",
         itemControl: "spg-imagepicker__control",
@@ -35484,13 +35477,13 @@ var propertyGridCss = {
         label: "spg-item spg-radio spg-matrix__label",
         itemValue: "spg-visuallyhidden spg-item__control spg-radio__control",
         itemChecked: "spg-radio--checked",
-        itemDisabled: "spg-item--disabled spg-radio--disabled",
+        itemReadOnly: "spg-item--disabled spg-radio--disabled",
         itemHover: "spg-radio--allowhover",
         materialDecorator: "spg-item__decorator spg-radio__decorator",
         itemDecorator: "spg-item__svg spg-radio__svg",
         cellText: "spg-matrix__text",
         cellTextSelected: "spg-matrix__text--checked",
-        cellTextDisabled: "spg-matrix__text--disabled",
+        cellTextReadOnly: "spg-matrix__text--disabled",
     },
     matrixdropdown: {
         tableWrapper: "spg-table-wrapper",
@@ -35543,7 +35536,7 @@ var propertyGridCss = {
         minText: "spg-rating__min-text",
         itemText: "spg-rating__item-text",
         maxText: "spg-rating__max-text",
-        disabled: "spg-rating--disabled"
+        readOnly: "spg-rating--disabled"
     },
     comment: {
         root: "spg-input spg-comment",
@@ -35564,7 +35557,7 @@ var propertyGridCss = {
         fileInput: "spg-visuallyhidden",
         noFileChosen: "spg-description spg-file__no-file-chosen",
         chooseFile: "spg-btn spg-file__choose-btn",
-        disabled: "spg-file__choose-btn--disabled",
+        readOnly: "spg-file__choose-btn--disabled",
         removeButton: "spg-hidden",
         removeButtonBottom: "spg-btn spg-file__clean-btn",
         removeFile: "spg-hidden",
@@ -36943,6 +36936,9 @@ var ConditionEditor = /** @class */ (function (_super) {
             (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_6__.assignDefaultClasses)(cssClasses, question.getType());
             cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
             cssClasses.error.root = "svc-logic-operator__error";
+            if (question.getType() == "boolean" || question.getType() == "rating") {
+                cssClasses.root = cssClasses.root.replace("sd-scrollable-container", "");
+            }
         }
         if (question.name === "panel") {
             cssClasses.root += " svc-logic-paneldynamic";
@@ -37021,6 +37017,42 @@ var PropertyGridEditorExpression = /** @class */ (function (_super) {
     PropertyGridEditorExpression.prototype.clearPropertyValue = function (obj, prop, question, options) {
         question.clearValue();
     };
+    PropertyGridEditorExpression.prototype.onCreated = function (obj, question, prop, options) {
+        question.valueToDataCallback = function (val) {
+            if (!val)
+                return val;
+            return val.replace(/\\n/g, "\n")
+                .replace(/\\r/g, "\r")
+                .replace(/\\t/g, "\t");
+        };
+        question.valueFromDataCallback = function (val) {
+            if (!val)
+                return val;
+            return val.replace(/\n/g, "\\n")
+                .replace(/\r/g, "\\r")
+                .replace(/\t/g, "\\t");
+        };
+        /*
+        question.valueFromDataCallback = (val: any): any => {
+          if(!val) return val;
+          return val.replace(/\\/g, "\\\\")
+            .replace(/'/g, "\\'")
+            .replace(/"/g, '\\"')
+            .replace(/\n/g, "\\n")
+            .replace(/\r/g, "\\r")
+            .replace(/\t/g, "\\t");
+        };
+        question.valueToDataCallback = (val: any): any => {
+          if(!val) return val;
+          return val.replace(/\\t/g, "\t")
+            .replace(/\\r/g, "\r")
+            .replace(/\\n/g, "\n")
+            .replace(/\\"/g, '"')
+            .replace(/\\'/g, "'")
+            .replace(/\\\\/g, "\\");
+        };
+        */
+    };
     return PropertyGridEditorExpression;
 }(_index__WEBPACK_IMPORTED_MODULE_1__.PropertyGridEditor));
 
@@ -37533,6 +37565,7 @@ var pgTabIcons = {
     "rateValues": "icon-pg-specific-24x24",
     "choices": "icon-pg-specific-24x24",
     "choicesByUrl": "icon-pg-webservice-24x24",
+    "numbering": "icon-pg-numbering-24x24",
     "undefined": "icon-pg-undefined-24x24",
 };
 
@@ -46729,6 +46762,159 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/utils/global_variables_utils.ts":
+/*!*********************************************!*\
+  !*** ./src/utils/global_variables_utils.ts ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DomDocumentHelper: () => (/* binding */ DomDocumentHelper),
+/* harmony export */   DomWindowHelper: () => (/* binding */ DomWindowHelper)
+/* harmony export */ });
+/* 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.getDevicePixelRatio = function () {
+        if (!DomWindowHelper.isAvailable())
+            return null;
+        return window.devicePixelRatio;
+    };
+    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);
+    };
+    DomWindowHelper.matchMedia = function (mediaQueryString) {
+        if (!DomWindowHelper.isAvailable() || typeof window.matchMedia === "undefined")
+            return null;
+        return window.matchMedia(mediaQueryString);
+    };
+    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/utils/html-element-utils.ts":
@@ -47700,8 +47886,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_116__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_116___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_116__);
 var Version;
-Version = "".concat("2.0.4");
-//should be loaded before other styles for easier override 
+Version = "".concat("2.0.5");
+//should be loaded before other styles for easier override
 
 
 
@@ -47822,7 +48008,7 @@ Version = "".concat("2.0.4");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_116__.checkLibraryVersion)("".concat("2.0.4"), "survey-creator-core");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_116__.checkLibraryVersion)("".concat("2.0.5"), "survey-creator-core");
 
 })();