survey-creator-core 1.12.16 → 1.12.17

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.12.16
+ * SurveyJS Creator v1.12.17
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -5541,7 +5541,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _string_editor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./string-editor */ "./src/components/string-editor.ts");
 
 
@@ -5626,7 +5626,7 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
         if (!this.creator || !this.question || !this.question.newItem)
             return;
         this.question.newItem.value = this.creator.getNextItemValue(this.question);
-        this.question.newItem.text = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextItemText)(this.question.choices);
+        this.question.newItem.text = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__.getNextItemText)(this.question.choices);
     };
     ItemValueWrapperViewModel.prototype.registerOnPropertyChanged = function (itemName, propertyName) {
         var _this = this;
@@ -6034,7 +6034,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/html-element-utils */ "./src/utils/html-element-utils.ts");
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 
@@ -6187,7 +6187,7 @@ var MatrixCellWrapperViewModel = /** @class */ (function (_super) {
     });
     MatrixCellWrapperViewModel.prototype.hover = function (event, element) {
         if (!this.row && this.context && this.context.getPropertyValue && this.context.getType && this.context.getType() !== "itemvalue") {
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.toggleHovered)(event, element);
+            (0,_utils_html_element_utils__WEBPACK_IMPORTED_MODULE_2__.toggleHovered)(event, element);
         }
     };
     MatrixCellWrapperViewModel.prototype.dispose = function () {
@@ -6321,7 +6321,7 @@ var PageNavigatorViewModel = /** @class */ (function (_super) {
     };
     PageNavigatorViewModel.prototype.patchContainerOffset = function (el) {
         while (!!el) {
-            if (el.className.indexOf("svc-tab-designer--with-page-navigator") !== -1) {
+            if (el.className.indexOf("svc-tab-designer--with-surface-tools") !== -1) {
                 el.offsetParent.scrollTop = 0;
                 return;
             }
@@ -7249,7 +7249,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 
 
 
@@ -7266,7 +7266,7 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
     }
     Object.defineProperty(QuestionRatingAdornerViewModel.prototype, "element", {
         get: function () {
-            return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getQuestionFromObj)(this.surveyElement);
+            return (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__.getQuestionFromObj)(this.surveyElement);
         },
         enumerable: false,
         configurable: true
@@ -7289,7 +7289,7 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
                 return item.value;
             });
             var itemText = model.creator.getChoicesItemBaseTitle();
-            nextValue = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextValue)(itemText, values);
+            nextValue = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__.getNextValue)(itemText, values);
             var itemValue = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue(nextValue);
             itemValue.locOwner = {
                 getLocale: function () {
@@ -7454,7 +7454,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _action_container_view_model__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./action-container-view-model */ "./src/components/action-container-view-model.ts");
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
 /* harmony import */ var _string_editor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./string-editor */ "./src/components/string-editor.ts");
@@ -8237,8 +8237,8 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         }
         items[items.length - 1].css += " svc-dropdown-action--convertTo-last";
         if (typeof element["isRequired"] !== "undefined" &&
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_4__.propertyExists)(element, "isRequired") &&
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_4__.isPropertyVisible)(element, "isRequired")) {
+            (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.propertyExists)(element, "isRequired") &&
+            (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.isPropertyVisible)(element, "isRequired")) {
             items.push(this.createRequiredAction());
         }
     };
@@ -9630,6 +9630,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
+/* harmony import */ var _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/html-element-utils */ "./src/utils/html-element-utils.ts");
+
 
 
 
@@ -9658,7 +9661,7 @@ var StringItemsNavigatorBase = /** @class */ (function () {
         var _this = this;
         var newItems = items.slice();
         var createNewItem = function (text) {
-            var val = creator.inplaceEditForValues ? text : (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextItemValue)(creator.getChoicesItemBaseTitle(), newItems);
+            var val = creator.inplaceEditForValues ? text : (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.getNextItemValue)(creator.getChoicesItemBaseTitle(), newItems);
             if (_this.question.createItemValue)
                 return _this.question.createItemValue(val, text);
             return new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue(val, text);
@@ -9788,7 +9791,7 @@ var StringItemsNavigatorMultipleText = /** @class */ (function (_super) {
     };
     StringItemsNavigatorMultipleText.prototype.addNewItem = function (creator, items, text) {
         if (text === void 0) { text = null; }
-        this.question.addItem(text || (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextValue)("text", items.map(function (i) { return i.name; })));
+        this.question.addItem(text || (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.getNextValue)("text", items.map(function (i) { return i.name; })));
     };
     StringItemsNavigatorMultipleText.prototype.getItemsPropertyName = function (items) {
         return "items";
@@ -9826,7 +9829,7 @@ var StringItemsNavigatorMatrix = /** @class */ (function (_super) {
             titleBase = "Row ";
             propertyName = "rows";
         }
-        var newItem = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue((0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextValue)(titleBase, items.map(function (i) { return i.value; })));
+        var newItem = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue((0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.getNextValue)(titleBase, items.map(function (i) { return i.value; })));
         items.push(text || newItem);
         creator.onItemValueAddedCallback(this.question, propertyName, newItem, items);
     };
@@ -9853,7 +9856,7 @@ var StringItemsNavigatorMatrixDropdown = /** @class */ (function (_super) {
         if (items == this.question.columns) {
             if (creator.maximumColumnsCount && items.length >= creator.maximumColumnsCount)
                 return;
-            var column = new survey_core__WEBPACK_IMPORTED_MODULE_1__.MatrixDropdownColumn(text || (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextValue)("Column ", items.map(function (i) { return i.value; })));
+            var column = new survey_core__WEBPACK_IMPORTED_MODULE_1__.MatrixDropdownColumn(text || (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.getNextValue)("Column ", items.map(function (i) { return i.value; })));
             this.question.columns.push(column);
             creator.onMatrixDropdownColumnAddedCallback(this.question, column, this.question.columns);
         }
@@ -9916,7 +9919,7 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
             var element = _this.getEditorElement();
             if (element && element.offsetParent != null) {
                 element.focus({ preventScroll: true });
-                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.select)(element);
+                (0,_utils_html_element_utils__WEBPACK_IMPORTED_MODULE_5__.select)(element);
                 return true;
             }
             return false;
@@ -10134,7 +10137,7 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
                 if (!!itemValue.locOwner && !!itemValue.ownerPropertyName) {
                     var choices = itemValue.locOwner[itemValue.ownerPropertyName];
                     if (Array.isArray(choices) && !!survey_core__WEBPACK_IMPORTED_MODULE_1__.ItemValue.getItemByValue(choices, clearedText)) {
-                        clearedText = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.getNextItemValue)(clearedText, choices);
+                        clearedText = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_4__.getNextItemValue)(clearedText, choices);
                         if (!!target) {
                             target.innerText = clearedText;
                         }
@@ -10194,7 +10197,7 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
     };
     StringEditorViewModelBase.prototype.onKeyUp = function (event) {
         if (event.keyCode === 9 && event.target === document.activeElement) {
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.select)(event.target);
+            (0,_utils_html_element_utils__WEBPACK_IMPORTED_MODULE_5__.select)(event.target);
         }
         return true;
     };
@@ -10204,7 +10207,7 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
             if (!window)
                 return false;
             if (window.getSelection().focusNode && (window.getSelection().focusNode.parentElement !== event.target) || window.getSelection().toString().length == 0) {
-                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.select)(event.target);
+                (0,_utils_html_element_utils__WEBPACK_IMPORTED_MODULE_5__.select)(event.target);
             }
             return false;
         }
@@ -10514,7 +10517,6 @@ var TabDesignerPlugin = /** @class */ (function () {
     TabDesignerPlugin.prototype.updateActivePage = function () {
         if (this.showOneCategoryInPropertyGrid) {
             this.setActivePage(this.creator.survey.pageCount ? this.propertyGridTab.id : this.propertyGridPlaceholderPage.id);
-            this.updateHeaderComponent();
         }
         else {
             this.setPropertyGridIsActivePage();
@@ -10923,7 +10925,7 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     function TabDesignerViewModel(creator) {
         var _this = _super.call(this) || this;
         _this.minSurfaceScaling = 20;
-        _this.maxSurfaceScaling = 200;
+        _this.maxSurfaceScaling = 100;
         _this.stepSurfaceScaling = 10;
         _this.surfaceScale = 100;
         _this.unitDictionary = {
@@ -11098,7 +11100,7 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     TabDesignerViewModel.prototype.scaleSurface = function (scaleFactor) {
         var _this = this;
         var _a;
-        if (scaleFactor <= this.minSurfaceScaling || scaleFactor >= this.maxSurfaceScaling)
+        if (scaleFactor < this.minSurfaceScaling || scaleFactor > this.maxSurfaceScaling)
             return;
         this.surfaceScale = scaleFactor;
         if (!this.creator.survey.responsiveStartWidth) {
@@ -11160,9 +11162,17 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TabDesignerViewModel.prototype, "hasToolbar", {
+    Object.defineProperty(TabDesignerViewModel.prototype, "showSurfaceToolbar", {
         get: function () {
-            return this.creator.expandCollapseButtonVisibility != "never" || this.creator.showCreatorThemeSettings;
+            var hasVisibleItems = this.surfaceToolbar.actions.some(function (action) { return action.visible; });
+            return this.creator.allowShowSurfaceToolbar && hasVisibleItems;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TabDesignerViewModel.prototype, "showSurfaceTools", {
+        get: function () {
+            return !this.creator.isMobileView && (this.showSurfaceToolbar || (this.creator.showPageNavigator && (this.survey.pageCount > 1 || this.creator.pageEditMode === "bypage")));
         },
         enumerable: false,
         configurable: true
@@ -11314,11 +11324,11 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
     };
     TabDesignerViewModel.prototype.getRootCss = function () {
         var rootCss = this.survey.css.root;
-        if (!this.creator.isMobileView && (this.creator.showPageNavigator && this.survey.pageCount > 1 || this.creator.pageEditMode === "bypage" || this.hasToolbar)) {
-            rootCss += " svc-tab-designer--with-page-navigator";
+        if (this.showSurfaceTools) {
+            rootCss += " svc-tab-designer--with-surface-tools";
         }
         if (this.showPlaceholder) {
-            rootCss += " svc-tab-designer--with-place-holder";
+            rootCss += " svc-tab-designer--with-placeholder";
         }
         rootCss += " svc-tab-designer--" + this.creator.pageEditMode + "-mode";
         return rootCss;
@@ -11753,6 +11763,13 @@ var AceJsonEditorModel = /** @class */ (function (_super) {
             this.aceEditor.session.doc.getNewLineCharacter();
         this.onPluginActivate();
     };
+    AceJsonEditorModel.prototype.onPluginActivate = function () {
+        _super.prototype.onPluginActivate.call(this);
+        this.aceEditor.setFontSize(14);
+        if (this.creator.preferredColorPalette === "dark") {
+            this.aceEditor.setTheme("ace/theme/clouds_midnight");
+        }
+    };
     AceJsonEditorModel.prototype.updateUndoRedoState = function () {
         var undoManager = this.aceEditor
             .getSession()
@@ -11844,7 +11861,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../textWorker */ "./src/textWorker.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/html-element-utils */ "./src/utils/html-element-utils.ts");
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../creator-settings */ "./src/creator-settings.ts");
 
 
@@ -11985,7 +12002,7 @@ var JsonEditorBaseModel = /** @class */ (function (_super) {
 var TabJsonEditorBasePlugin = /** @class */ (function () {
     function TabJsonEditorBasePlugin(creator) {
         this.creator = creator;
-        this.saveToFileHandler = _utils_utils__WEBPACK_IMPORTED_MODULE_3__.saveToFileHandler;
+        this.saveToFileHandler = _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_3__.saveToFileHandler;
         this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
     }
     TabJsonEditorBasePlugin.prototype.exportToFile = function (fileName) {
@@ -12753,8 +12770,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _logic_theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./logic-theme */ "./src/components/tabs/logic-theme.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _logic_actions_model__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./logic-actions-model */ "./src/components/tabs/logic-actions-model.ts");
-/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../utils/creator-utils */ "./src/utils/creator-utils.ts");
+/* harmony import */ var _logic_actions_model__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./logic-actions-model */ "./src/components/tabs/logic-actions-model.ts");
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+
 
 
 
@@ -13049,16 +13068,16 @@ var LogicItemEditor = /** @class */ (function (_super) {
             cssClasses.onError = "svc-logic-operator--error";
         }
         if (question.isContentElement || this.isSetValueInternalQuestion(question)) {
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.assignDefaultV2Classes)(cssClasses, question.getType());
+            (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__.assignDefaultV2Classes)(cssClasses, question.getType());
             cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
         }
         var parentName = (_a = question.parent) === null || _a === void 0 ? void 0 : _a.name;
         if (selectorsNames.indexOf(question.name) < 0 && (parentName === "triggerEditorPanel" || parentName === "setValueIfPanel")) {
             var qType = question.getType();
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.assignDefaultV2Classes)(cssClasses, qType);
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__.defaultV2Css[qType] && _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__.propertyGridCss[qType]) {
-                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.copyCssClasses)(cssClasses, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__.propertyGridCss.question);
-                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.copyCssClasses)(cssClasses, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_10__.propertyGridCss[qType]);
+            (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__.assignDefaultV2Classes)(cssClasses, qType);
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__.defaultV2Css[qType] && _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_11__.propertyGridCss[qType]) {
+                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.copyCssClasses)(cssClasses, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_11__.propertyGridCss.question);
+                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.copyCssClasses)(cssClasses, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_11__.propertyGridCss[qType]);
             }
             var els = question.parent.elements.filter(function (el) { return selectorsNames.indexOf(el.name) < 0 && el.name !== "expression"; });
             if ((question.name !== "runExpression" && qType !== "comment") || (Array.isArray(els) && els.length > 1)) {
@@ -13102,7 +13121,7 @@ var LogicItemEditor = /** @class */ (function (_super) {
             cssClasses.panel.container += " svc-logic_trigger-questions";
         }
         if (this.isSetValueInternalQuestionCore(panel.parentQuestion)) {
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.assignDefaultV2Classes)(cssClasses, panel.getType());
+            (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__.assignDefaultV2Classes)(cssClasses, panel.getType());
         }
     };
     LogicItemEditor.prototype.onValueChanged = function (options) {
@@ -13164,7 +13183,7 @@ var LogicItemEditor = /** @class */ (function (_super) {
         ltQuestion.choices = this.logicTypeChoices;
         ltQuestion.allowClear = false;
         if (!!action) {
-            var newActionModel = _logic_actions_model__WEBPACK_IMPORTED_MODULE_9__.LogicActionModelBase.createActionModel(panel, action, this.getLogicTypeByName(action.logicTypeName), this.selectorElementsHash);
+            var newActionModel = _logic_actions_model__WEBPACK_IMPORTED_MODULE_10__.LogicActionModelBase.createActionModel(panel, action, this.getLogicTypeByName(action.logicTypeName), this.selectorElementsHash);
             this.setActionModelByPanel(panel, newActionModel);
             ltQuestion.value = action.logicTypeName;
         }
@@ -13240,7 +13259,7 @@ var LogicItemEditor = /** @class */ (function (_super) {
         }
         if (!logicType)
             return;
-        var newActionModel = _logic_actions_model__WEBPACK_IMPORTED_MODULE_9__.LogicActionModelBase.createActionModel(panel, (oldActionModel ? oldActionModel.initialLogicAction : null), logicType, this.selectorElementsHash);
+        var newActionModel = _logic_actions_model__WEBPACK_IMPORTED_MODULE_10__.LogicActionModelBase.createActionModel(panel, (oldActionModel ? oldActionModel.initialLogicAction : null), logicType, this.selectorElementsHash);
         this.setActionModelByPanel(panel, newActionModel);
         if (newActionModel.isTrigger) {
             newActionModel.updatePanelElements(prevSelectedQuestion, this.options);
@@ -13338,7 +13357,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _logic_expression__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./logic-expression */ "./src/components/tabs/logic-expression.ts");
 /* harmony import */ var _logic_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./logic-types */ "./src/components/tabs/logic-types.ts");
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../creator-settings */ "./src/creator-settings.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../survey-helper */ "./src/survey-helper.ts");
 
 
@@ -13852,7 +13871,7 @@ var SurveyLogicItem = /** @class */ (function () {
         return (this.isSuitableInExpression(filteredName) || this.isSuitableByNameInActions(filteredName)) && this.isSuitableByLogicTypeInActions(logicTypeName);
     };
     SurveyLogicItem.prototype.isSuitableInExpression = function (filteredName) {
-        return this.expression.indexOf((0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__.wrapTextByCurlyBraces)(filteredName)) !== -1 || this.expression.indexOf("'" + filteredName + ".") !== -1;
+        return this.expression.indexOf((0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_6__.wrapTextByCurlyBraces)(filteredName)) !== -1 || this.expression.indexOf("'" + filteredName + ".") !== -1;
     };
     SurveyLogicItem.prototype.isSuitableByNameInActions = function (filteredName) {
         return this.actions.some(function (action) { return action.isSuitableByQuestionName(filteredName); });
@@ -14495,7 +14514,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _expressionToDisplayText__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../expressionToDisplayText */ "./src/expressionToDisplayText.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/creator-utils */ "./src/utils/creator-utils.ts");
 
 
 
@@ -14712,7 +14731,7 @@ var SurveyLogicType = /** @class */ (function () {
         if (!res) {
             res = element["name"] || "";
         }
-        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.wrapTextByCurlyBraces)(res);
+        return (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__.wrapTextByCurlyBraces)(res);
     };
     SurveyLogicType.prototype.getElementByName = function (name) {
         if (!this.survey)
@@ -17196,7 +17215,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_color_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/color-utils */ "./src/utils/color-utils.ts");
 
 
 
@@ -17260,7 +17279,7 @@ if (!survey_core__WEBPACK_IMPORTED_MODULE_0__.ComponentCollection.Instance.getCu
             return !!value ? createColor(value) : "";
         },
         valueFromQuestion: function (value) {
-            return typeof value == "string" || typeof value == "undefined" ? (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.parseColor)(value) : value;
+            return typeof value == "string" || typeof value == "undefined" ? (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_2__.parseColor)(value) : value;
         },
         onCreated: function (question) {
             question.contentPanel.questions.forEach(function (q) { return q.allowRootStyle = false; });
@@ -17290,7 +17309,7 @@ function syncPropertiesFromCompositeToColor(question, propertyName, newValue) {
     }
 }
 function createColor(value) {
-    return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.ingectAlpha)(value.color, value.opacity / 100);
+    return (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_2__.ingectAlpha)(value.color, value.opacity / 100);
 }
 
 
@@ -17795,8 +17814,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core_themes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! survey-core/themes */ "survey-core/themes");
 /* harmony import */ var survey_core_themes__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(survey_core_themes__WEBPACK_IMPORTED_MODULE_9__);
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
-/* harmony import */ var _theme_custom_questions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./theme-custom-questions */ "./src/components/tabs/theme-custom-questions/index.ts");
+/* harmony import */ var _utils_color_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/color-utils */ "./src/utils/color-utils.ts");
+/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony import */ var _theme_custom_questions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./theme-custom-questions */ "./src/components/tabs/theme-custom-questions/index.ts");
+
 
 
 
@@ -17895,13 +17916,13 @@ var ThemeModel = /** @class */ (function (_super) {
     function ThemeModel() {
         var _this = _super.call(this) || this;
         _this.themeCssVariablesChanges = {};
-        _this.colorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_10__.ColorCalculator();
+        _this.colorCalculator = new _utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.ColorCalculator();
         _this._defaultSessionTheme = ThemeModel.DefaultTheme;
         _this.onThemeSelected = new survey_core__WEBPACK_IMPORTED_MODULE_1__.EventBase();
         _this.onThemePropertyChanged = new survey_core__WEBPACK_IMPORTED_MODULE_1__.EventBase();
         _this.onAllowModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_1__.EventBase();
         _this.blockThemeChangedNotifications = 0;
-        (0,_theme_custom_questions__WEBPACK_IMPORTED_MODULE_12__.updateCustomQuestionJSONs)();
+        (0,_theme_custom_questions__WEBPACK_IMPORTED_MODULE_13__.updateCustomQuestionJSONs)();
         _this.setNewHeaderProperty();
         _this.onPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
             _this.onThemePropertyValueChangedCallback(name, oldValue, newValue, sender, arrayChanges);
@@ -18010,14 +18031,14 @@ var ThemeModel = /** @class */ (function (_super) {
             this.setThemeCssVariablesChanges("--sjs-corner-radius", value + "px");
         }
         else if (name === "questionBackgroundTransparency" || name === "editorPanel") {
-            var baseColor = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.parseColor)(this.getPropertyValue("--sjs-general-backcolor-dim-light")).color;
+            var baseColor = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.parseColor)(this.getPropertyValue("--sjs-general-backcolor-dim-light")).color;
             var questionBackgroundTransparencyValue = this.getPropertyValue("questionBackgroundTransparency");
-            this.setThemeCssVariablesChanges("--sjs-editor-background", (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.ingectAlpha)(baseColor, questionBackgroundTransparencyValue / 100));
+            this.setThemeCssVariablesChanges("--sjs-editor-background", (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.ingectAlpha)(baseColor, questionBackgroundTransparencyValue / 100));
         }
         else if (name === "panelBackgroundTransparency" || name === "questionPanel") {
-            var baseColor = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.parseColor)(this.getPropertyValue("--sjs-general-backcolor")).color;
+            var baseColor = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.parseColor)(this.getPropertyValue("--sjs-general-backcolor")).color;
             var panelBackgroundTransparencyValue = this.getPropertyValue("panelBackgroundTransparency");
-            this.setThemeCssVariablesChanges("--sjs-question-background", (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.ingectAlpha)(baseColor, panelBackgroundTransparencyValue / 100));
+            this.setThemeCssVariablesChanges("--sjs-question-background", (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.ingectAlpha)(baseColor, panelBackgroundTransparencyValue / 100));
         }
         else {
             nameProcessed = false;
@@ -18051,7 +18072,7 @@ var ThemeModel = /** @class */ (function (_super) {
         this.backgroundOpacity = ((surveyTheme.backgroundOpacity !== undefined ? surveyTheme.backgroundOpacity : survey === null || survey === void 0 ? void 0 : survey.backgroundOpacity) || 1) * 100;
         this.loadTheme(surveyTheme, creator && creator.preferredColorPalette);
         this.header["logoPosition"] = survey === null || survey === void 0 ? void 0 : survey.logoPosition;
-        this.undoRedoManager = new _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_11__.UndoRedoManager();
+        this.undoRedoManager = new _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_12__.UndoRedoManager();
     };
     Object.defineProperty(ThemeModel.prototype, "header", {
         get: function () {
@@ -18309,8 +18330,8 @@ var ThemeModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
             onSet: function (newValue, target) {
-                var basecolor = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.parseColor)(target.questionPanel.backcolor).color;
-                var newColor = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.ingectAlpha)(basecolor, newValue / 100);
+                var basecolor = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.parseColor)(target.questionPanel.backcolor).color;
+                var newColor = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.ingectAlpha)(basecolor, newValue / 100);
                 if (target.questionPanel.backcolor !== newColor) {
                     var newQuestionPanel = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, target.questionPanel);
                     newQuestionPanel.backcolor = newColor;
@@ -18322,8 +18343,8 @@ var ThemeModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
             onSet: function (newValue, target) {
-                var basecolor = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.parseColor)(target.editorPanel.backcolor).color;
-                var newColor = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.ingectAlpha)(basecolor, newValue / 100);
+                var basecolor = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.parseColor)(target.editorPanel.backcolor).color;
+                var newColor = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.ingectAlpha)(basecolor, newValue / 100);
                 if (target.editorPanel.backcolor !== newColor) {
                     var newEditorPanel = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, target.editorPanel);
                     newEditorPanel.backcolor = newColor;
@@ -18344,7 +18365,7 @@ var ThemeModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
             onSet: function (newValue, target) {
-                var opacity = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.parseColor)(newValue.backcolor).opacity;
+                var opacity = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.parseColor)(newValue.backcolor).opacity;
                 if (target.panelBackgroundTransparency !== opacity) {
                     target.panelBackgroundTransparency = opacity;
                 }
@@ -18354,7 +18375,7 @@ var ThemeModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
             onSet: function (newValue, target) {
-                var opacity = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_10__.parseColor)(newValue.backcolor).opacity;
+                var opacity = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_11__.parseColor)(newValue.backcolor).opacity;
                 if (target.questionBackgroundTransparency !== opacity) {
                     target.questionBackgroundTransparency = opacity;
                 }
@@ -18833,15 +18854,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _theme_builder__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./theme-builder */ "./src/components/tabs/theme-builder.ts");
 /* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./themes */ "./src/components/tabs/themes.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _property_grid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../property-grid */ "./src/property-grid/index.ts");
-/* harmony import */ var _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../property-grid/property-grid-view-model */ "./src/property-grid/property-grid-view-model.ts");
-/* harmony import */ var _theme_model__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme-model */ "./src/components/tabs/theme-model.ts");
-/* harmony import */ var _switcher_switcher__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../switcher/switcher */ "./src/components/switcher/switcher.ts");
-/* harmony import */ var _theme_model_definition__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./theme-model-definition */ "./src/components/tabs/theme-model-definition.ts");
-/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
-/* harmony import */ var _side_bar_tab_control_model__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../side-bar/tab-control-model */ "./src/components/side-bar/tab-control-model.ts");
-/* harmony import */ var _property_grid_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../property-grid/icons */ "./src/property-grid/icons.ts");
-/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../utils/actions */ "./src/utils/actions.ts");
+/* harmony import */ var _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/html-element-utils */ "./src/utils/html-element-utils.ts");
+/* harmony import */ var _property_grid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../property-grid */ "./src/property-grid/index.ts");
+/* harmony import */ var _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../property-grid/property-grid-view-model */ "./src/property-grid/property-grid-view-model.ts");
+/* harmony import */ var _theme_model__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./theme-model */ "./src/components/tabs/theme-model.ts");
+/* harmony import */ var _switcher_switcher__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../switcher/switcher */ "./src/components/switcher/switcher.ts");
+/* harmony import */ var _theme_model_definition__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./theme-model-definition */ "./src/components/tabs/theme-model-definition.ts");
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+/* harmony import */ var _side_bar_tab_control_model__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../side-bar/tab-control-model */ "./src/components/side-bar/tab-control-model.ts");
+/* harmony import */ var _property_grid_icons__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../property-grid/icons */ "./src/property-grid/icons.ts");
+/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils/actions */ "./src/utils/actions.ts");
+
 
 
 
@@ -18890,7 +18913,7 @@ var ThemeTabPlugin = /** @class */ (function () {
             }
         };
         this.previewDevice = "desktop";
-        this.saveToFileHandler = _utils_utils__WEBPACK_IMPORTED_MODULE_5__.saveToFileHandler;
+        this.saveToFileHandler = _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_6__.saveToFileHandler;
         this.autoSaveTimerId = null;
         /**
          * An event that is raised when users select a UI theme from a drop-down list, choose a dark or light color palette, and switch between regular and panelless theme modifications.
@@ -18934,14 +18957,14 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.onAllowModifyTheme = new survey_core__WEBPACK_IMPORTED_MODULE_0__.EventBase();
         creator.addPluginTab("theme", this);
         this.simulatorCssClasses = survey_core__WEBPACK_IMPORTED_MODULE_0__.surveyCss[survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2ThemeName];
-        this.tabControlModel = new _side_bar_tab_control_model__WEBPACK_IMPORTED_MODULE_12__.TabControlModel(this.creator.sidebar);
+        this.tabControlModel = new _side_bar_tab_control_model__WEBPACK_IMPORTED_MODULE_13__.TabControlModel(this.creator.sidebar);
         this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
-        this.propertyGrid = new _property_grid__WEBPACK_IMPORTED_MODULE_6__.PropertyGridModel(undefined, creator, _theme_model_definition__WEBPACK_IMPORTED_MODULE_10__.themeModelPropertyGridDefinition);
+        this.propertyGrid = new _property_grid__WEBPACK_IMPORTED_MODULE_7__.PropertyGridModel(undefined, creator, _theme_model_definition__WEBPACK_IMPORTED_MODULE_11__.themeModelPropertyGridDefinition);
         this.propertyGrid.surveyInstanceCreatedArea = "theme-tab:property-grid";
-        var propertyGridViewModel = new _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_7__.PropertyGridViewModel(this.propertyGrid, creator);
+        var propertyGridViewModel = new _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_8__.PropertyGridViewModel(this.propertyGrid, creator);
         this.propertyGridTab = this.creator.sidebar.addPage("theme", "svc-property-grid", propertyGridViewModel);
         this.propertyGridTab.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__.editorLocalization.getString("ed.themePropertyGridTitle");
-        this.themeModel = new _theme_model__WEBPACK_IMPORTED_MODULE_8__.ThemeModel();
+        this.themeModel = new _theme_model__WEBPACK_IMPORTED_MODULE_9__.ThemeModel();
         creator.registerShortcut("undo_theme", {
             name: "undo",
             affectedTab: "theme",
@@ -19000,7 +19023,7 @@ var ThemeTabPlugin = /** @class */ (function () {
     };
     ThemeTabPlugin.prototype.createAppearanceAdvancedModeAction = function () {
         var _this = this;
-        var advancedMode = new _switcher_switcher__WEBPACK_IMPORTED_MODULE_9__.Switcher({
+        var advancedMode = new _switcher_switcher__WEBPACK_IMPORTED_MODULE_10__.Switcher({
             id: "advancedMode",
             component: "svc-switcher",
             ariaRole: "checkbox",
@@ -19144,7 +19167,7 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.onAvailableThemesChanged(this.availableThemes);
         this.updateAllowModifyTheme();
         this.updateAdvancedModeQuestion();
-        var themeBuilderCss = JSON.parse(JSON.stringify(_property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_11__.propertyGridCss));
+        var themeBuilderCss = JSON.parse(JSON.stringify(_property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_12__.propertyGridCss));
         themeBuilderCss.root += " spg-theme-builder-root";
         if (this.showOneCategoryInPropertyGrid) {
             themeBuilderCss.root += " spg-root--one-category";
@@ -19213,10 +19236,10 @@ var ThemeTabPlugin = /** @class */ (function () {
         var _this = this;
         if (this.showOneCategoryInPropertyGrid) {
             var pgTabs_1 = this.propertyGrid.survey.pages.map(function (p) {
-                var action = new _utils_actions__WEBPACK_IMPORTED_MODULE_14__.MenuButton({
+                var action = new _utils_actions__WEBPACK_IMPORTED_MODULE_15__.MenuButton({
                     id: p.name,
                     tooltip: p.title,
-                    iconName: _property_grid_icons__WEBPACK_IMPORTED_MODULE_13__.pgTabIcons[p.name] || _property_grid_icons__WEBPACK_IMPORTED_MODULE_13__.pgTabIcons["undefined"],
+                    iconName: _property_grid_icons__WEBPACK_IMPORTED_MODULE_14__.pgTabIcons[p.name] || _property_grid_icons__WEBPACK_IMPORTED_MODULE_14__.pgTabIcons["undefined"],
                     active: p.name === _this.propertyGrid.survey.currentPage.name,
                     pressed: false,
                     action: function () {
@@ -19263,7 +19286,7 @@ var ThemeTabPlugin = /** @class */ (function () {
         });
         this.themeModel.onThemeSelected.add(function (sender, options) {
             _this.syncTheme(options.theme);
-            _this.resetTheme.enabled = (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeFullName)(sender.defaultSessionTheme) !== (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeFullName)(options.theme);
+            _this.resetTheme.enabled = (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeFullName)(sender.defaultSessionTheme) !== (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeFullName)(options.theme);
             _this.saveThemeAction.enabled = true;
             _this.onThemeSelected.fire(_this, options);
             if (_this.creator.isAutoSave) {
@@ -19293,7 +19316,7 @@ var ThemeTabPlugin = /** @class */ (function () {
         this.themeModel.onAllowModifyTheme.add(function (sender, options) {
             _this.onAllowModifyTheme.fire(_this, options);
         });
-        this.resetTheme.enabled = (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeFullName)(this.themeModel.defaultSessionTheme) !== (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeFullName)(this.creator.theme) || this.isModified;
+        this.resetTheme.enabled = (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeFullName)(this.themeModel.defaultSessionTheme) !== (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeFullName)(this.creator.theme) || this.isModified;
         this.updateTabControl();
     };
     ThemeTabPlugin.prototype.updateAllowModifyTheme = function () {
@@ -19572,8 +19595,8 @@ var ThemeTabPlugin = /** @class */ (function () {
     };
     ThemeTabPlugin.prototype.updateSimulatorTheme = function (theme) {
         if (!!this.model.survey) {
-            if ((0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.isThemeEmpty)(theme)) {
-                var preferredTheme = (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.findSuitableTheme)(undefined, this.creator.preferredColorPalette, undefined, undefined);
+            if ((0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.isThemeEmpty)(theme)) {
+                var preferredTheme = (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.findSuitableTheme)(undefined, this.creator.preferredColorPalette, undefined, undefined);
                 this.model.survey.applyTheme(preferredTheme || this.themeModel.toJSON());
             }
             else {
@@ -19655,12 +19678,12 @@ var ThemeTabPlugin = /** @class */ (function () {
      */
     ThemeTabPlugin.prototype.addTheme = function (theme, setAsDefault) {
         if (setAsDefault === void 0) { setAsDefault = false; }
-        var fullThemeName = (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeFullName)(theme);
+        var fullThemeName = (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeFullName)(theme);
         _themes__WEBPACK_IMPORTED_MODULE_4__.Themes[fullThemeName] = theme;
         if (this._availableThemes.indexOf(theme.themeName) === -1) {
             if (setAsDefault) {
                 this.availableThemes = [theme.themeName].concat(this.availableThemes);
-                _theme_model__WEBPACK_IMPORTED_MODULE_8__.ThemeModel.DefaultTheme = theme;
+                _theme_model__WEBPACK_IMPORTED_MODULE_9__.ThemeModel.DefaultTheme = theme;
             }
             else {
                 this.availableThemes = this.availableThemes.concat([theme.themeName]);
@@ -19682,12 +19705,12 @@ var ThemeTabPlugin = /** @class */ (function () {
     ThemeTabPlugin.prototype.removeTheme = function (themeAccessor, includeModifications) {
         if (includeModifications === void 0) { includeModifications = false; }
         var themeToDelete = typeof themeAccessor === "string" ? _themes__WEBPACK_IMPORTED_MODULE_4__.Themes[themeAccessor] : themeAccessor;
-        var fullThemeName = typeof themeAccessor === "string" ? themeAccessor : (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeFullName)(themeToDelete);
+        var fullThemeName = typeof themeAccessor === "string" ? themeAccessor : (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeFullName)(themeToDelete);
         if (!!themeToDelete) {
             delete _themes__WEBPACK_IMPORTED_MODULE_4__.Themes[fullThemeName];
-            if (_theme_model__WEBPACK_IMPORTED_MODULE_8__.ThemeModel.DefaultTheme === themeToDelete) {
-                _theme_model__WEBPACK_IMPORTED_MODULE_8__.ThemeModel.DefaultTheme = _themes__WEBPACK_IMPORTED_MODULE_4__.Themes["default-light"] || _themes__WEBPACK_IMPORTED_MODULE_4__.Themes[Object.keys(_themes__WEBPACK_IMPORTED_MODULE_4__.Themes)[0]];
-                this.themeModel.defaultSessionTheme = _theme_model__WEBPACK_IMPORTED_MODULE_8__.ThemeModel.DefaultTheme;
+            if (_theme_model__WEBPACK_IMPORTED_MODULE_9__.ThemeModel.DefaultTheme === themeToDelete) {
+                _theme_model__WEBPACK_IMPORTED_MODULE_9__.ThemeModel.DefaultTheme = _themes__WEBPACK_IMPORTED_MODULE_4__.Themes["default-light"] || _themes__WEBPACK_IMPORTED_MODULE_4__.Themes[Object.keys(_themes__WEBPACK_IMPORTED_MODULE_4__.Themes)[0]];
+                this.themeModel.defaultSessionTheme = _theme_model__WEBPACK_IMPORTED_MODULE_9__.ThemeModel.DefaultTheme;
             }
             var registeredThemeNames = Object.keys(_themes__WEBPACK_IMPORTED_MODULE_4__.Themes);
             var themeModifications = registeredThemeNames.filter(function (themeName) { return themeName.indexOf(themeToDelete.themeName + "-") === 0; });
@@ -19720,7 +19743,7 @@ var ThemeTabPlugin = /** @class */ (function () {
         return this.getThemeChanges();
     };
     ThemeTabPlugin.prototype.getThemeChanges = function () {
-        return (0,_theme_model__WEBPACK_IMPORTED_MODULE_8__.getThemeChanges)(this.creator.theme);
+        return (0,_theme_model__WEBPACK_IMPORTED_MODULE_9__.getThemeChanges)(this.creator.theme);
     };
     Object.defineProperty(ThemeTabPlugin.prototype, "isModified", {
         /**
@@ -19953,6 +19976,7 @@ var TabTranslationPlugin = /** @class */ (function () {
         this.importCsvAction.visible = false;
         this.exportCsvAction.visible = false;
         this.creator.sidebar.hideSideBarVisibilityControlActions = false;
+        this.creator.sidebar.header.reset();
         return true;
     };
     TabTranslationPlugin.prototype.updateTabControl = function () {
@@ -22539,28 +22563,30 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./textWorker */ "./src/textWorker.ts");
 /* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./toolbox */ "./src/toolbox.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./survey-helper */ "./src/survey-helper.ts");
-/* harmony import */ var _selection_history__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./selection-history */ "./src/selection-history.ts");
-/* harmony import */ var _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/tabs/json-editor-ace */ "./src/components/tabs/json-editor-ace.ts");
-/* harmony import */ var _components_tabs_json_editor_textarea__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/tabs/json-editor-textarea */ "./src/components/tabs/json-editor-textarea.ts");
-/* harmony import */ var _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/tabs/test-plugin */ "./src/components/tabs/test-plugin.ts");
-/* harmony import */ var _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/tabs/logic */ "./src/components/tabs/logic.ts");
-/* harmony import */ var _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/tabs/translation-plugin */ "./src/components/tabs/translation-plugin.ts");
-/* harmony import */ var _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/tabs/logic-plugin */ "./src/components/tabs/logic-plugin.ts");
-/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
-/* harmony import */ var _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./components/tabs/designer-plugin */ "./src/components/tabs/designer-plugin.ts");
-/* harmony import */ var _creator_responsivity_manager__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./creator-responsivity-manager */ "./src/creator-responsivity-manager.ts");
-/* harmony import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
-/* harmony import */ var _src_components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../src/components/tabs/translation */ "./src/components/tabs/translation.ts");
-/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./components/string-editor */ "./src/components/string-editor.ts");
-/* harmony import */ var _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./components/tabs/theme-plugin */ "./src/components/tabs/theme-plugin.ts");
-/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./survey-elements */ "./src/survey-elements.ts");
-/* harmony import */ var _expand_collapse_manager__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./expand-collapse-manager */ "./src/expand-collapse-manager.ts");
-/* harmony import */ var _designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./designTabSurveyThemeJSON */ "./src/designTabSurveyThemeJSON.ts");
-/* harmony import */ var _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./components/action-container-view-model */ "./src/components/action-container-view-model.ts");
-/* harmony import */ var _tabbed_menu__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./tabbed-menu */ "./src/tabbed-menu.ts");
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
-/* harmony import */ var _components_list_theme__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./components/list-theme */ "./src/components/list-theme.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utils/creator-utils */ "./src/utils/creator-utils.ts");
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./survey-helper */ "./src/survey-helper.ts");
+/* harmony import */ var _selection_history__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./selection-history */ "./src/selection-history.ts");
+/* harmony import */ var _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/tabs/json-editor-ace */ "./src/components/tabs/json-editor-ace.ts");
+/* harmony import */ var _components_tabs_json_editor_textarea__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/tabs/json-editor-textarea */ "./src/components/tabs/json-editor-textarea.ts");
+/* harmony import */ var _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/tabs/test-plugin */ "./src/components/tabs/test-plugin.ts");
+/* harmony import */ var _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/tabs/logic */ "./src/components/tabs/logic.ts");
+/* harmony import */ var _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/tabs/translation-plugin */ "./src/components/tabs/translation-plugin.ts");
+/* harmony import */ var _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./components/tabs/logic-plugin */ "./src/components/tabs/logic-plugin.ts");
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
+/* harmony import */ var _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components/tabs/designer-plugin */ "./src/components/tabs/designer-plugin.ts");
+/* harmony import */ var _creator_responsivity_manager__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./creator-responsivity-manager */ "./src/creator-responsivity-manager.ts");
+/* harmony import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
+/* harmony import */ var _src_components_tabs_translation__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../src/components/tabs/translation */ "./src/components/tabs/translation.ts");
+/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./components/string-editor */ "./src/components/string-editor.ts");
+/* harmony import */ var _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./components/tabs/theme-plugin */ "./src/components/tabs/theme-plugin.ts");
+/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./survey-elements */ "./src/survey-elements.ts");
+/* harmony import */ var _expand_collapse_manager__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./expand-collapse-manager */ "./src/expand-collapse-manager.ts");
+/* harmony import */ var _designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./designTabSurveyThemeJSON */ "./src/designTabSurveyThemeJSON.ts");
+/* harmony import */ var _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./components/action-container-view-model */ "./src/components/action-container-view-model.ts");
+/* harmony import */ var _tabbed_menu__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./tabbed-menu */ "./src/tabbed-menu.ts");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
+/* harmony import */ var _components_list_theme__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./components/list-theme */ "./src/components/list-theme.ts");
+
 
 
 
@@ -22598,9 +22624,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
 __webpack_require__(/*! ./components/string-editor.scss */ "./src/components/string-editor.scss");
 __webpack_require__(/*! ./creator-theme/creator.scss */ "./src/creator-theme/creator.scss");
-(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", _svgbundle__WEBPACK_IMPORTED_MODULE_29__.iconsV1);
-(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", _svgbundle__WEBPACK_IMPORTED_MODULE_29__.iconsV2);
-survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(_creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.useLegacyIcons ? _svgbundle__WEBPACK_IMPORTED_MODULE_29__.iconsV1 : _svgbundle__WEBPACK_IMPORTED_MODULE_29__.iconsV2);
+(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", _svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV1);
+(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", _svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV2);
+survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(_creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.useLegacyIcons ? _svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV1 : _svgbundle__WEBPACK_IMPORTED_MODULE_30__.iconsV2);
 //Obsolete
 var CreatorAction = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(CreatorAction, _super);
@@ -23196,7 +23222,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         _this.onAfterDrop = _this.onDragEnd;
         _this.animationEnabled = false;
         _this.onStateChanged = _this.addCreatorEvent();
-        _this.expandCollapseManager = new _expand_collapse_manager__WEBPACK_IMPORTED_MODULE_25__.ExpandCollapseManager(_this);
+        _this.expandCollapseManager = new _expand_collapse_manager__WEBPACK_IMPORTED_MODULE_26__.ExpandCollapseManager(_this);
         _this.notifier = new survey_core__WEBPACK_IMPORTED_MODULE_1__.Notifier({
             root: "svc-notifier",
             rootWithButtons: "",
@@ -23265,16 +23291,16 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             typeof _this.options === "string" ||
             _this.options instanceof String) {
             _this.options = !!options2 ? options2 : {};
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnText("Creator constructor has one parameter, as creator options, in V2.");
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnText("Creator constructor has one parameter, as creator options, in V2.");
         }
         _this.previewDevice = (_a = options.previewDevice) !== null && _a !== void 0 ? _a : "desktop";
         _this.previewOrientation = options.previewOrientation;
         _this.toolbarValue = new ToolbarActionContainer(_this);
         _this.toolbarValue.locOwner = _this;
-        _this.tabbedMenu = new _tabbed_menu__WEBPACK_IMPORTED_MODULE_28__.TabbedMenuContainer(_this);
+        _this.tabbedMenu = new _tabbed_menu__WEBPACK_IMPORTED_MODULE_29__.TabbedMenuContainer(_this);
         _this.tabbedMenu.locOwner = _this;
-        _this.selectionHistoryControllerValue = new _selection_history__WEBPACK_IMPORTED_MODULE_10__.SelectionHistory(_this);
-        _this.sidebar = new _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_20__.SidebarModel(_this);
+        _this.selectionHistoryControllerValue = new _selection_history__WEBPACK_IMPORTED_MODULE_11__.SelectionHistory(_this);
+        _this.sidebar = new _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_21__.SidebarModel(_this);
         _this.setOptions(_this.options);
         _this.patchMetadata();
         _this.initSurveyWithJSON(undefined, false);
@@ -23324,6 +23350,27 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyCreatorModel.prototype, "propertyGridNavigationMode", {
+        /**
+         * Specifies how users navigate categories in the Property Grid.
+         *
+         * Accepted values:
+         *
+         * - `"accordion"` (default)
+         * The Property Grid displays a stacked list of categories that users can expand or collapse to reveal nested properties.
+         *
+         * - `"buttons"`
+         * The Property Grid displays the properties of a currently selected category. Users can switch between categories using buttons on the right side of the Property Grid.
+         */
+        get: function () {
+            return this.showOneCategoryInPropertyGrid ? "buttons" : "accordion";
+        },
+        set: function (newValue) {
+            this.showOneCategoryInPropertyGrid = newValue === "buttons";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyCreatorModel.prototype, "allowEditSurveyTitle", {
         get: function () {
             return this.getPropertyValue("allowEditSurveyTitle", true);
@@ -23792,7 +23839,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         /**
          * Gets or sets the currently displayed tab.
          *
-         * Possible values:
+         * Accepted values:
          *
          * - [`"designer"`](#showDesignerTab)
          * - [`"test"`](#showPreviewTab)
@@ -23901,7 +23948,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
          */
         set: function (val) {
             if (val !== true && val !== false) {
-                _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnText("showToolbox is a boolean property now.");
+                _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnText("showToolbox is a boolean property now.");
             }
             if (val === "none" || val === false || val === "top") {
                 this.showToolboxValue = false;
@@ -23929,14 +23976,14 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             if (val !== true && val !== false) {
-                _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnText("showSidebar is a boolean property now.");
+                _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnText("showSidebar is a boolean property now.");
                 return;
             }
             if (this.showSidebar === val)
                 return;
             this.setShowSidebar(val, true);
             if (!this.onShowPropertyGridVisiblityChanged.isEmpty) {
-                _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("onShowPropertyGridVisiblityChanged", "onShowSidebarVisibilityChanged");
+                _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("onShowPropertyGridVisiblityChanged", "onShowSidebarVisibilityChanged");
                 this.onShowPropertyGridVisiblityChanged.fire(this, { show: val });
             }
         },
@@ -23959,13 +24006,13 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyCreatorModel.prototype, "showPropertyGrid", {
         get: function () {
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("showPropertyGrid", "showSidebar");
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("showPropertyGrid", "showSidebar");
             return this.showSidebar;
         },
         set: function (val) {
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("showPropertyGrid", "showSidebar");
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("showPropertyGrid", "showSidebar");
             if (val !== true && val !== false) {
-                _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnText("showSidebar is a boolean property.");
+                _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnText("showSidebar is a boolean property.");
                 return;
             }
             this.showSidebar = val;
@@ -23974,10 +24021,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyCreatorModel.prototype.rightContainerActiveItem = function (name) {
-        _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("rightContainerActiveItem");
+        _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("rightContainerActiveItem");
     };
     SurveyCreatorModel.prototype.leftContainerActiveItem = function (name) {
-        _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("leftContainerActiveItem");
+        _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("leftContainerActiveItem");
     };
     Object.defineProperty(SurveyCreatorModel.prototype, "undoRedoManager", {
         get: function () {
@@ -24078,7 +24125,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         return page;
     };
     SurveyCreatorModel.prototype.addNewPageIntoSurvey = function () {
-        var name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewPageName(this.survey.pages);
+        var name = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewPageName(this.survey.pages);
         return this.survey.addNewPage(name);
     };
     SurveyCreatorModel.prototype.initTabs = function () {
@@ -24088,12 +24135,12 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     SurveyCreatorModel.prototype.getTabsInfo = function () {
         var _this = this;
         return {
-            designer: function () { return new _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_18__.TabDesignerPlugin(_this); },
-            preview: function () { return new _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_13__.TabTestPlugin(_this); },
-            theme: function () { return new _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_23__.ThemeTabPlugin(_this); },
-            logic: function () { return new _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_16__.TabLogicPlugin(_this); },
-            editor: function () { return _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_11__.TabJsonEditorAcePlugin.hasAceEditor() ? new _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_11__.TabJsonEditorAcePlugin(_this) : new _components_tabs_json_editor_textarea__WEBPACK_IMPORTED_MODULE_12__.TabJsonEditorTextareaPlugin(_this); },
-            translation: function () { return new _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_15__.TabTranslationPlugin(_this); }
+            designer: function () { return new _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_19__.TabDesignerPlugin(_this); },
+            preview: function () { return new _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_14__.TabTestPlugin(_this); },
+            theme: function () { return new _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_24__.ThemeTabPlugin(_this); },
+            logic: function () { return new _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_17__.TabLogicPlugin(_this); },
+            editor: function () { return _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_12__.TabJsonEditorAcePlugin.hasAceEditor() ? new _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_12__.TabJsonEditorAcePlugin(_this) : new _components_tabs_json_editor_textarea__WEBPACK_IMPORTED_MODULE_13__.TabJsonEditorTextareaPlugin(_this); },
+            translation: function () { return new _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_16__.TabTranslationPlugin(_this); }
         };
     };
     SurveyCreatorModel.prototype.getAvailableTabNames = function () {
@@ -24153,7 +24200,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         }
     };
     SurveyCreatorModel.prototype.initPlugins = function () {
-        this.addPlugin("undoredo", new _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.UndoRedoPlugin(this));
+        this.addPlugin("undoredo", new _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.UndoRedoPlugin(this));
         var tabs = [];
         if (this.showDesignerTab) {
             tabs.push("designer");
@@ -24339,7 +24386,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     SurveyCreatorModel.prototype.updateAddingPages = function (survey) {
         this.updateAddingElements(survey, survey.pages, this.survey.pages, function (el, allElements) {
-            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewPageName(allElements);
+            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewPageName(allElements);
         });
     };
     SurveyCreatorModel.prototype.updateAddingExistingElements = function () {
@@ -24347,22 +24394,22 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     SurveyCreatorModel.prototype.updateAddingPanels = function (survey) {
         this.updateAddingElements(survey, survey.getAllPanels(), this.updateAddingExistingElements(), function (el, allElements) {
-            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewPanelName(allElements);
+            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewPanelName(allElements);
         });
     };
     SurveyCreatorModel.prototype.updateAddingQuestions = function (survey) {
-        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__.SurveyLogic(survey, this);
+        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__.SurveyLogic(survey, this);
         this.updateAddingElements(survey, survey.getAllQuestions(false, true), this.updateAddingExistingElements(), function (el, allElements) {
             var oldName = el.name;
-            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewQuestionName(allElements);
+            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewQuestionName(allElements);
             logic.renameQuestion(oldName, el.name);
         });
     };
     SurveyCreatorModel.prototype.updateAddingCalculatedValules = function (survey) {
-        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__.SurveyLogic(survey, this);
+        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__.SurveyLogic(survey, this);
         this.updateAddingElements(survey, survey.calculatedValues, this.survey.calculatedValues, function (el, allElements) {
             var oldName = el.name;
-            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewName(allElements, "var");
+            el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewName(allElements, "var");
             logic.renameQuestion(oldName, el.name);
         });
     };
@@ -24470,9 +24517,9 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     SurveyCreatorModel.prototype.initDragDropSurveyElements = function () {
         var _this = this;
-        _survey_elements__WEBPACK_IMPORTED_MODULE_24__.DragDropSurveyElements.restrictDragQuestionBetweenPages =
+        _survey_elements__WEBPACK_IMPORTED_MODULE_25__.DragDropSurveyElements.restrictDragQuestionBetweenPages =
             _creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.dragDrop.restrictDragQuestionBetweenPages;
-        this.dragDropSurveyElements = new _survey_elements__WEBPACK_IMPORTED_MODULE_24__.DragDropSurveyElements(null, this);
+        this.dragDropSurveyElements = new _survey_elements__WEBPACK_IMPORTED_MODULE_25__.DragDropSurveyElements(null, this);
         this.dragDropSurveyElements.onGetMaxNestedPanels = function () { return _this.maxNestedPanels; };
         this.dragDropSurveyElements.onDragOverLocationCalculating = function (options) { _this.onDragOverLocationCalculating.fire(_this, options); };
         var isDraggedFromToolbox = false;
@@ -24535,15 +24582,15 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     SurveyCreatorModel.prototype.restoreState = function (element) {
         var state = this.getElementExpandCollapseState(element, "drag-end", undefined);
         if (state !== undefined) {
-            _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(element).collapsed = state;
+            _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_28__.SurveyElementAdornerBase.GetAdorner(element).collapsed = state;
         }
-        _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.RestoreStateFor(element);
+        _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_28__.SurveyElementAdornerBase.RestoreStateFor(element);
     };
     SurveyCreatorModel.prototype.restoreElementsState = function () {
         var _this = this;
         this.survey.pages.forEach(function (element) {
             if (element["draggedFrom"] !== undefined) {
-                var adorner = _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_27__.SurveyElementAdornerBase.GetAdorner(element);
+                var adorner = _components_action_container_view_model__WEBPACK_IMPORTED_MODULE_28__.SurveyElementAdornerBase.GetAdorner(element);
                 adorner === null || adorner === void 0 ? void 0 : adorner.blockAnimations();
                 _this.restoreState(element);
                 adorner === null || adorner === void 0 ? void 0 : adorner.releaseAnimations();
@@ -24636,7 +24683,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         this.surveyLogicRenaming = false;
     };
     SurveyCreatorModel.prototype.createSurveyLogicForUpdate = function () {
-        return new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__.SurveyLogic(this.survey, this);
+        return new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__.SurveyLogic(this.survey, this);
     };
     SurveyCreatorModel.prototype.updateLogicOnQuestionNameChanged = function (oldName, newName) {
         if (oldName === newName || !_creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.logic.updateExpressionsOnChanging.questionName)
@@ -24814,7 +24861,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         if (reason === void 0) { reason = undefined; }
         if (displayName === void 0) { displayName = undefined; }
         if (!displayName) {
-            displayName = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getObjectName(obj, this.showObjectTitles);
+            displayName = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getObjectName(obj, this.showObjectTitles);
         }
         var options = { obj: obj, displayName: displayName, area: area, reason: reason };
         this.onGetObjectDisplayName.fire(this, options);
@@ -24826,7 +24873,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         var survey = this.createSurveyCore(json, reason);
         if (reason !== "designer" && reason !== "test" && reason !== "theme") {
             survey.fitToContainer = false;
-            survey.applyTheme(_designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_26__["default"]);
+            survey.applyTheme(_designTabSurveyThemeJSON__WEBPACK_IMPORTED_MODULE_27__["default"]);
             survey.gridLayoutEnabled = false;
         }
         if (reason === "designer" || reason === "modal-question-editor") {
@@ -24888,7 +24935,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         /**
          * Indicates the state of Survey Creator.
          *
-         * Possible values:
+         * Accepted values:
          *
          * - `""` - Survey Creator doesn't have unsaved changes.
          * - `"modified"` - Survey Creator has unsaved changes.
@@ -25107,7 +25154,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                 survey.pages[0].addElement(element);
             }
         });
-        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__.SurveyLogic(survey);
+        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__.SurveyLogic(survey);
         for (var key in this.newQuestionChangedNames) {
             logic.renameQuestion(key, this.newQuestionChangedNames[key]);
         }
@@ -25121,25 +25168,25 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         return this.getAllElements(true, includeNewItems);
     };
     SurveyCreatorModel.prototype.getAllElements = function (isPanel, includeNewItems) {
-        var result = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getAllElements(this.survey, isPanel);
+        var result = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getAllElements(this.survey, isPanel);
         if (includeNewItems) {
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.addElements(this.newPanels, isPanel, result);
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.addElements(this.newQuestions, isPanel, result);
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.addElements(this.newPanels, isPanel, result);
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.addElements(this.newQuestions, isPanel, result);
         }
         return result;
     };
     SurveyCreatorModel.prototype.getNewName = function (type, isPanel) {
         if (type == "page")
-            return _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewPageName(this.survey.pages);
+            return _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewPageName(this.survey.pages);
         if (isPanel)
             return this.getNewPanelName();
         return this.getNewQuestionName();
     };
     SurveyCreatorModel.prototype.getNewQuestionName = function () {
-        return _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewQuestionName(this.getAllQuestions());
+        return _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewQuestionName(this.getAllQuestions());
     };
     SurveyCreatorModel.prototype.getNewPanelName = function () {
-        return _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getNewPanelName(this.getAllPanels());
+        return _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getNewPanelName(this.getAllPanels());
     };
     SurveyCreatorModel.prototype.setNewNamesCore = function (element) {
         var _this = this;
@@ -25294,7 +25341,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         else {
             if (this.survey.pageCount === 1) {
                 var page = this.survey.pages[0];
-                if (page.elements.length === 1 && obj === page.elements[0] && !_survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.isPagePropertiesAreModified(page)) {
+                if (page.elements.length === 1 && obj === page.elements[0] && !_survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.isPagePropertiesAreModified(page)) {
                     this.deleteObjectCore(page);
                     return;
                 }
@@ -25327,9 +25374,9 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     SurveyCreatorModel.prototype.updateConditionsOnRemove = function (obj) {
         if (!_creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.logic.updateExpressionsOnDeleting.question)
             return;
-        var objType = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getObjectType(obj);
+        var objType = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getObjectType(obj);
         var questions;
-        if (objType == _survey_helper__WEBPACK_IMPORTED_MODULE_9__.ObjType.Question) {
+        if (objType == _survey_helper__WEBPACK_IMPORTED_MODULE_10__.ObjType.Question) {
             questions = [obj];
         }
         else {
@@ -25337,7 +25384,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         }
         if (!questions)
             return;
-        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__.SurveyLogic(this.survey, this);
+        var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__.SurveyLogic(this.survey, this);
         for (var i = 0; i < questions.length; i++) {
             logic.removeQuestion(questions[i].getValueName());
         }
@@ -25345,7 +25392,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     SurveyCreatorModel.prototype.checkOnElementDeleting = function (obj) {
         var options = {
             element: obj,
-            elementType: _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getObjectType(obj),
+            elementType: _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getObjectType(obj),
             allowing: true
         };
         this.onElementDeleting.fire(this, options);
@@ -25401,7 +25448,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                         return;
                     clearInterval(_this.currentFocusInterval);
                     if (!!el) {
-                        var isNeedScroll = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.isNeedScrollIntoView((_a = el.parentElement) !== null && _a !== void 0 ? _a : el, true);
+                        var isNeedScroll = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.isNeedScrollIntoView((_a = el.parentElement) !== null && _a !== void 0 ? _a : el, true);
                         if (!!isNeedScroll) {
                             var elementPage = _this.getPageByElement(selEl);
                             var scrollIntoViewOptions_1 = { block: "start", behavior: _this.animationEnabled ? "smooth" : undefined };
@@ -25409,7 +25456,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                                 _this.survey.scrollElementToTop(selEl, undefined, elementPage, selEl.id, true, scrollIntoViewOptions_1, _this.rootElement);
                             }
                             else {
-                                _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.scrollIntoViewIfNeeded((_b = el.parentElement) !== null && _b !== void 0 ? _b : el, function () { return scrollIntoViewOptions_1; }, true);
+                                _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.scrollIntoViewIfNeeded((_b = el.parentElement) !== null && _b !== void 0 ? _b : el, function () { return scrollIntoViewOptions_1; }, true);
                             }
                         }
                         if (!propertyName && el.parentElement) {
@@ -25422,7 +25469,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                     clearInterval(_this.currentFocusInterval);
                 }
                 if (startEdit && !!element) {
-                    _components_string_editor__WEBPACK_IMPORTED_MODULE_22__.StringEditorConnector.get(element.locTitle).activateEditor();
+                    _components_string_editor__WEBPACK_IMPORTED_MODULE_23__.StringEditorConnector.get(element.locTitle).activateEditor();
                 }
             }, 1);
         }, 100);
@@ -25533,7 +25580,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
      * @see locale
      */
     SurveyCreatorModel.prototype.deleteLocaleStrings = function (locale) {
-        var translation = new _src_components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.Translation(this.survey);
+        var translation = new _src_components_tabs_translation__WEBPACK_IMPORTED_MODULE_22__.Translation(this.survey);
         translation.deleteLocaleStrings(locale);
     };
     SurveyCreatorModel.prototype.getPropertyGridDefinition = function () {
@@ -25744,10 +25791,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     SurveyCreatorModel.prototype.getErrorOnPropertyChanging = function (obj, propertyName, value) {
         if (propertyName !== "name")
             return null;
-        if (_survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getObjectType(obj) === _survey_helper__WEBPACK_IMPORTED_MODULE_9__.ObjType.Unknown)
+        if (_survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getObjectType(obj) === _survey_helper__WEBPACK_IMPORTED_MODULE_10__.ObjType.Unknown)
             return null;
         var hasError = false;
-        if (_survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getObjectType(obj) === _survey_helper__WEBPACK_IMPORTED_MODULE_9__.ObjType.Column) {
+        if (_survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getObjectType(obj) === _survey_helper__WEBPACK_IMPORTED_MODULE_10__.ObjType.Column) {
             hasError = !!obj.colOwner
                 ? !this.isNameUniqueInArray(obj.colOwner.columns, obj, value)
                 : false;
@@ -25782,7 +25829,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     SurveyCreatorModel.prototype.checkForUniqueName = function (el, newName) {
         while (!this.isNameUnique(el, newName, false)) {
-            newName = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.generateNewName(newName);
+            newName = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.generateNewName(newName);
         }
         return newName;
     };
@@ -25955,14 +26002,6 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         }
         return options.sortOrder;
     };
-    SurveyCreatorModel.prototype.onConditionGetTitleCallback = function (expression, title) {
-        var options = {
-            expression: expression,
-            title: title,
-        };
-        this.onConditionGetTitle.fire(this, options);
-        return options.title;
-    };
     SurveyCreatorModel.prototype.isConditionOperatorEnabled = function (questionName, question, operator, isEnabled) {
         if (this.onGetConditionOperator.isEmpty)
             return isEnabled;
@@ -26139,8 +26178,8 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         var el = this.selectedElement;
         if (!el || el.getType() === newType && !defaultJSON)
             return;
-        var objType = _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getObjectType(el);
-        if (objType !== _survey_helper__WEBPACK_IMPORTED_MODULE_9__.ObjType.Question && objType !== _survey_helper__WEBPACK_IMPORTED_MODULE_9__.ObjType.Panel)
+        var objType = _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getObjectType(el);
+        if (objType !== _survey_helper__WEBPACK_IMPORTED_MODULE_10__.ObjType.Question && objType !== _survey_helper__WEBPACK_IMPORTED_MODULE_10__.ObjType.Panel)
             return;
         this.addNewElementReason = "ELEMENT_CONVERTED";
         el = this.convertQuestion(el, newType, defaultJSON);
@@ -26173,7 +26212,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             return res;
         if (!isAddNew && element.isPanel)
             return res;
-        if (this.maxNestedPanels < _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.getElementDeepLength(element)) {
+        if (this.maxNestedPanels < _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.getElementDeepLength(element)) {
             for (var i = res.length - 1; i >= 0; i--) {
                 if (res[i].isPanel) {
                     res.splice(i, 1);
@@ -26203,7 +26242,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             items: [],
             allowSelection: false,
             cssClass: "svc-creator-popup",
-            cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_30__.listComponentCss,
+            cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_31__.listComponentCss,
             verticalPosition: "bottom",
             horizontalPosition: "center",
             displayMode: this.isTouch ? "overlay" : "popup"
@@ -26270,7 +26309,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
                     onSelectQuestionType(item.typeName, i.json);
                 }
             }); });
-            action.setSubItems({ items: innerItems, cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_30__.listComponentCss });
+            action.setSubItems({ items: innerItems, cssClasses: _components_list_theme__WEBPACK_IMPORTED_MODULE_31__.listComponentCss });
         }
         return action;
     };
@@ -26302,13 +26341,13 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     };
     SurveyCreatorModel.prototype.getNextItemValue = function (question) {
         var itemText = this.getChoicesItemBaseTitle();
-        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.getNextItemValue)(itemText, question.choices);
+        return (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__.getNextItemValue)(itemText, question.choices);
     };
     SurveyCreatorModel.prototype.createNewItemValue = function (question, callEvent, callback) {
         if (callEvent === void 0) { callEvent = true; }
         var nextValue = this.getNextItemValue(question);
         var res = question.createItemValue(nextValue);
-        res.text = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_8__.getNextItemText)(question.choices);
+        res.text = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_9__.getNextItemText)(question.choices);
         question.choices.push(res);
         if (callback) {
             callback(res);
@@ -26331,7 +26370,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         }
     };
     SurveyCreatorModel.prototype.initResponsivityManager = function (container) {
-        this.responsivityManager = new _creator_responsivity_manager__WEBPACK_IMPORTED_MODULE_19__.CreatorResponsivityManager(container, this);
+        this.responsivityManager = new _creator_responsivity_manager__WEBPACK_IMPORTED_MODULE_20__.CreatorResponsivityManager(container, this);
     };
     SurveyCreatorModel.prototype.resetResponsivityManager = function () {
         if (!!this.responsivityManager) {
@@ -26372,7 +26411,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             .append("svc-creator--disable-animations", !this.animationEnabled)
             .toString();
     };
-    SurveyCreatorModel.prototype.applyTheme = function (theme) {
+    SurveyCreatorModel.prototype.applyCreatorTheme = function (theme) {
         this.syncTheme(theme);
         var designerPlugin = this.getPlugin("designer");
         if (designerPlugin) {
@@ -26466,19 +26505,19 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)()
     ], SurveyCreatorModel.prototype, "showSidebarValue", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.undoRedoTransaction)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.undoRedoTransaction)()
     ], SurveyCreatorModel.prototype, "addPage", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.ignoreUndoRedo)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.ignoreUndoRedo)()
     ], SurveyCreatorModel.prototype, "doOnQuestionAdded", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.ignoreUndoRedo)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.ignoreUndoRedo)()
     ], SurveyCreatorModel.prototype, "doOnPanelAdded", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.ignoreUndoRedo)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.ignoreUndoRedo)()
     ], SurveyCreatorModel.prototype, "doOnPageAdded", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.undoRedoTransaction)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.undoRedoTransaction)()
     ], SurveyCreatorModel.prototype, "deleteObject", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({
@@ -26505,10 +26544,10 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: false })
     ], SurveyCreatorModel.prototype, "showSaveButton", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.undoRedoTransaction)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.undoRedoTransaction)()
     ], SurveyCreatorModel.prototype, "convertCurrentQuestion", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
-        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_17__.undoRedoTransaction)()
+        (0,_plugins_undo_redo__WEBPACK_IMPORTED_MODULE_18__.undoRedoTransaction)()
     ], SurveyCreatorModel.prototype, "addNewQuestionInPage", null);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: false })
@@ -26516,6 +26555,9 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: true })
     ], SurveyCreatorModel.prototype, "allowShowPageNavigator", void 0);
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
+        (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: true })
+    ], SurveyCreatorModel.prototype, "allowShowSurfaceToolbar", void 0);
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__decorate)([
         (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.property)({ defaultValue: true })
     ], SurveyCreatorModel.prototype, "showPageNavigatorValue", void 0);
@@ -26591,17 +26633,17 @@ var StylesManager = /** @class */ (function () {
     }
     Object.defineProperty(StylesManager, "currentTheme", {
         get: function () {
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("StylesManager");
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("StylesManager");
             return undefined;
         },
         set: function (val) {
-            _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("StylesManager");
+            _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("StylesManager");
         },
         enumerable: false,
         configurable: true
     });
     StylesManager.applyTheme = function (name) {
-        _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("StylesManager");
+        _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("StylesManager");
     };
     return StylesManager;
 }());
@@ -26774,11 +26816,11 @@ function isTextInput(target) {
     return false;
 }
 function registerAdorner(name, adorner) {
-    _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("registerAdorner", "This functionality is no longer supported.");
+    _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("registerAdorner", "This functionality is no longer supported.");
 }
 function removeAdorners(names) {
     if (names === void 0) { names = undefined; }
-    _survey_helper__WEBPACK_IMPORTED_MODULE_9__.SurveyHelper.warnNonSupported("removeAdorners", "This functionality is no longer supported.");
+    _survey_helper__WEBPACK_IMPORTED_MODULE_10__.SurveyHelper.warnNonSupported("removeAdorners", "This functionality is no longer supported.");
 }
 
 
@@ -26851,6 +26893,9 @@ var CreatorResponsivityManager = /** @class */ (function () {
     CreatorResponsivityManager.prototype.procesShowPageNavigator = function (pageNavigatorVisibility) {
         this.creator.allowShowPageNavigator = this.creator.pageEditMode === "bypage" || pageNavigatorVisibility;
     };
+    CreatorResponsivityManager.prototype.procesShowSurfaceToolbar = function (toolboxVisible) {
+        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") {
@@ -26863,6 +26908,7 @@ var CreatorResponsivityManager = /** @class */ (function () {
         this.creator.updateToolboxIsCompact(toolboxIsCompact);
         this.procesShowToolbox(toolboxVisible);
         this.procesShowPageNavigator(toolboxVisible);
+        this.procesShowSurfaceToolbar(toolboxVisible);
         if (this.creator.sidebar.visible && !flyoutSidebar) {
             this.creator.sidebar.collapsedManually = false;
         }
@@ -27204,9 +27250,6 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
         return survey;
     };
     EmptySurveyCreatorOptions.prototype.onConditionQuestionsGetListCallback = function (propertyName, obj, editor, list, variables) { return "asc"; };
-    EmptySurveyCreatorOptions.prototype.onConditionGetTitleCallback = function (expression, title) {
-        return title;
-    };
     EmptySurveyCreatorOptions.prototype.isConditionOperatorEnabled = function (questionName, question, operator, isEnabled) { return isEnabled; };
     EmptySurveyCreatorOptions.prototype.onLogicGetTitleCallback = function (expression, displayExpression, text, logicItem) { return text; };
     EmptySurveyCreatorOptions.prototype.getTranslationExportedText = function (obj, name, locString, locale, text) { return text; };
@@ -27282,10 +27325,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _creator_themes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./creator-themes */ "./src/creator-theme/creator-themes.ts");
-/* harmony import */ var survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! survey-creator-core/themes */ "survey-creator-core/themes");
-/* harmony import */ var survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _components_tabs_themes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/tabs/themes */ "./src/components/tabs/themes.ts");
+/* harmony import */ var _utils_color_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/color-utils */ "./src/utils/color-utils.ts");
+/* harmony import */ var _creator_themes__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./creator-themes */ "./src/creator-theme/creator-themes.ts");
+/* harmony import */ var survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! survey-creator-core/themes */ "survey-creator-core/themes");
+/* harmony import */ var survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _components_tabs_themes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/tabs/themes */ "./src/components/tabs/themes.ts");
 
 
 
@@ -27293,12 +27337,13 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object.keys(survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_5__ || {}).forEach(function (themeName) {
-    var theme = survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_5__[themeName];
-    if (_creator_themes__WEBPACK_IMPORTED_MODULE_4__.PredefinedCreatorThemes.indexOf(theme.themeName) === -1) {
-        _creator_themes__WEBPACK_IMPORTED_MODULE_4__.PredefinedCreatorThemes.push(theme.themeName);
+
+Object.keys(survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_6__ || {}).forEach(function (themeName) {
+    var theme = survey_creator_core_themes__WEBPACK_IMPORTED_MODULE_6__[themeName];
+    if (_creator_themes__WEBPACK_IMPORTED_MODULE_5__.PredefinedCreatorThemes.indexOf(theme.themeName) === -1) {
+        _creator_themes__WEBPACK_IMPORTED_MODULE_5__.PredefinedCreatorThemes.push(theme.themeName);
     }
-    _creator_themes__WEBPACK_IMPORTED_MODULE_4__.CreatorThemes[theme.themeName] = theme;
+    _creator_themes__WEBPACK_IMPORTED_MODULE_5__.CreatorThemes[theme.themeName] = theme;
 });
 var CreatorThemeModel = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(CreatorThemeModel, _super);
@@ -27306,9 +27351,9 @@ var CreatorThemeModel = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.initialCssVariables = {};
         _this.themeCssVariablesChanges = {};
-        _this.primaryColorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_3__.ColorCalculator();
-        _this.secondaryColorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_3__.ColorCalculator();
-        _this.backgroundColorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_3__.ColorCalculator();
+        _this.primaryColorCalculator = new _utils_color_utils__WEBPACK_IMPORTED_MODULE_4__.ColorCalculator();
+        _this.secondaryColorCalculator = new _utils_color_utils__WEBPACK_IMPORTED_MODULE_4__.ColorCalculator();
+        _this.backgroundColorCalculator = new _utils_color_utils__WEBPACK_IMPORTED_MODULE_4__.ColorCalculator();
         _this.unitDictionary = {
             "--ctr-font-unit": 8,
             "--ctr-line-height-unit": 8,
@@ -27350,27 +27395,27 @@ var CreatorThemeModel = /** @class */ (function (_super) {
         this.setThemeCssVariablesChanges(darkColorName, calculator.colorSettings.newColorDark);
     };
     CreatorThemeModel.prototype.isSpecialBackgroundFromCurrentTheme = function () {
-        var currentTheme = _creator_themes__WEBPACK_IMPORTED_MODULE_4__.CreatorThemes[this.themeName];
-        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.colorsAreEqual)(currentTheme && currentTheme.cssVariables && currentTheme.cssVariables["--sjs-special-background"], this["--sjs-special-background"]);
+        var currentTheme = _creator_themes__WEBPACK_IMPORTED_MODULE_5__.CreatorThemes[this.themeName];
+        return (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_4__.colorsAreEqual)(currentTheme && currentTheme.cssVariables && currentTheme.cssVariables["--sjs-special-background"], this["--sjs-special-background"]);
     };
     CreatorThemeModel.prototype.findAppropriateSpecialBackground = function (primaryColorValue) {
         var primaryColorName;
-        var colorsDict = _components_tabs_themes__WEBPACK_IMPORTED_MODULE_6__.PredefinedColors["light"];
+        var colorsDict = _components_tabs_themes__WEBPACK_IMPORTED_MODULE_7__.PredefinedColors["light"];
         Object.keys(colorsDict).forEach(function (colorName) {
-            if ((0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.colorsAreEqual)(colorsDict[colorName], primaryColorValue)) {
+            if ((0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_4__.colorsAreEqual)(colorsDict[colorName], primaryColorValue)) {
                 primaryColorName = colorName;
             }
         });
-        return _components_tabs_themes__WEBPACK_IMPORTED_MODULE_6__.PredefinedBackgroundColors["light"][primaryColorName];
+        return _components_tabs_themes__WEBPACK_IMPORTED_MODULE_7__.PredefinedBackgroundColors["light"][primaryColorName];
     };
     CreatorThemeModel.prototype.updateBackgroundColor = function (primaryColorNewValue, primaryColorOldValue) {
         if (!this.isLight) {
             return;
         }
-        var canCalculateSpecialBackgroundColor = this.isSpecialBackgroundFromCurrentTheme() || (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.colorsAreEqual)(this.findAppropriateSpecialBackground(primaryColorOldValue), this["--sjs-special-background"]);
+        var canCalculateSpecialBackgroundColor = this.isSpecialBackgroundFromCurrentTheme() || (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_4__.colorsAreEqual)(this.findAppropriateSpecialBackground(primaryColorOldValue), this["--sjs-special-background"]);
         if (canCalculateSpecialBackgroundColor) {
             var newSpecialBackgroundColor = this.findAppropriateSpecialBackground(primaryColorNewValue);
-            this["--sjs-special-background"] = newSpecialBackgroundColor || _components_tabs_themes__WEBPACK_IMPORTED_MODULE_6__.PredefinedBackgroundColors["light"]["gray"];
+            this["--sjs-special-background"] = newSpecialBackgroundColor || _components_tabs_themes__WEBPACK_IMPORTED_MODULE_7__.PredefinedBackgroundColors["light"]["gray"];
         }
     };
     CreatorThemeModel.prototype.getType = function () {
@@ -27475,7 +27520,7 @@ var CreatorThemeModel = /** @class */ (function (_super) {
         if (theme === void 0) { theme = {}; }
         this.blockThemeChangedNotifications += 1;
         try {
-            var baseTheme = _creator_themes__WEBPACK_IMPORTED_MODULE_4__.CreatorThemes[theme.themeName] || {};
+            var baseTheme = _creator_themes__WEBPACK_IMPORTED_MODULE_5__.CreatorThemes[theme.themeName] || {};
             this.themeName = theme.themeName || baseTheme.themeName || CreatorThemeModel.defautlThemeName;
             var effectiveThemeCssVariables = {};
             (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.assign)(effectiveThemeCssVariables, baseTheme.cssVariables || {});
@@ -27550,11 +27595,18 @@ var CreatorThemeModel = /** @class */ (function (_super) {
     return CreatorThemeModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__.Base));
 
+var defaultThemesOrder = ["default-light", "default-contrast", "default-dark", "sc2020"];
+function sortDefaultThemes(themes) {
+    var result = [].concat(themes).sort(function (t1, t2) {
+        return defaultThemesOrder.indexOf(t1) - defaultThemesOrder.indexOf(t2);
+    });
+    return result;
+}
 survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.addClass("creatortheme", [
     {
         type: "dropdown",
         name: "themeName",
-        choices: _creator_themes__WEBPACK_IMPORTED_MODULE_4__.PredefinedCreatorThemes.map(function (theme) { return ({ value: theme, text: (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString)("creatortheme.names." + theme) }); }),
+        choices: sortDefaultThemes(_creator_themes__WEBPACK_IMPORTED_MODULE_5__.PredefinedCreatorThemes).map(function (theme) { return ({ value: theme, text: (0,_editorLocalization__WEBPACK_IMPORTED_MODULE_2__.getLocString)("creatortheme.names." + theme) }); }),
     },
     {
         type: "string",
@@ -27745,7 +27797,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_color_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/color-utils */ "./src/utils/color-utils.ts");
 /* harmony import */ var _components_list_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/list-theme */ "./src/components/list-theme.ts");
 
 
@@ -27767,7 +27819,7 @@ var QuestionColorModel = /** @class */ (function (_super) {
     QuestionColorModel.prototype.getCorrectedValue = function (newValue) {
         if (newValue == undefined || newValue == null || (this.allowEmptyValue && !newValue))
             return newValue;
-        newValue = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.parseColor)(newValue !== null && newValue !== void 0 ? newValue : "").color;
+        newValue = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_2__.parseColor)(newValue !== null && newValue !== void 0 ? newValue : "").color;
         if (newValue.indexOf("#") < 0) {
             newValue = "#" + newValue;
         }
@@ -27814,7 +27866,7 @@ var QuestionColorModel = /** @class */ (function (_super) {
     };
     QuestionColorModel.prototype.updateRenderedValue = function () {
         if (this.value) {
-            var color = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.parseColor)(this.value || "");
+            var color = (0,_utils_color_utils__WEBPACK_IMPORTED_MODULE_2__.parseColor)(this.value || "");
             this._renderedValue = color.color;
         }
         else if (this.allowEmptyValue) {
@@ -29273,7 +29325,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/creator-utils */ "./src/utils/creator-utils.ts");
 
 
 
@@ -29331,7 +29383,7 @@ var ExpressionToDisplayText = /** @class */ (function () {
         var question = this.getQuestionByName(op.variable);
         if (!question || !question.title)
             return op.variable;
-        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(question.title);
+        return (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(question.title);
     };
     ExpressionToDisplayText.prototype.getDisplayText = function (op) {
         if (!this.currentQuestion)
@@ -29394,7 +29446,7 @@ var ExpressionToDisplayText = /** @class */ (function () {
         var question = this.getQuestionByName(variable);
         if (!question || !question.title)
             return expression;
-        return expression.replace((0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(variable), (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(question.title));
+        return expression.replace((0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(variable), (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(question.title));
     };
     ExpressionToDisplayText.prototype.getQuestionByName = function (name) {
         if (!this.survey)
@@ -33750,7 +33802,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./index */ "./src/property-grid/index.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/tabs/logic-theme */ "./src/components/tabs/logic-theme.ts");
 /* harmony import */ var _components_tabs_logic_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/tabs/logic-types */ "./src/components/tabs/logic-types.ts");
 
@@ -33824,7 +33876,7 @@ var SurveyConditionEditorItem = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyConditionEditorItem.prototype.toExpression = function () {
-        var text = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__.wrapTextByCurlyBraces)(this.getQuestionValueByName()) + " " + this.getOperatorText();
+        var text = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_6__.wrapTextByCurlyBraces)(this.getQuestionValueByName()) + " " + this.getOperatorText();
         if (this.isValueRequired) {
             text += " " + this.getValueText();
         }
@@ -34830,7 +34882,7 @@ var ConditionEditor = /** @class */ (function (_super) {
             cssClasses.mainRoot += " svc-logic-condition-remove-question";
         }
         if (question.name === "questionValue" || question.isContentElement) {
-            (0,_utils_utils__WEBPACK_IMPORTED_MODULE_6__.assignDefaultV2Classes)(cssClasses, question.getType());
+            (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_6__.assignDefaultV2Classes)(cssClasses, question.getType());
             cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
             cssClasses.error.root = "svc-logic-operator__error";
         }
@@ -34851,11 +34903,7 @@ var ConditionEditor = /** @class */ (function (_super) {
                 panel.getQuestionByName("removeAction").visible = options.value.length !== 1;
             });
         }
-        this.setTitle();
-    };
-    ConditionEditor.prototype.setTitle = function () {
-        var text = this.isReady ? this.text : "";
-        this.title = this.options.onConditionGetTitleCallback(text, text || _editorLocalization__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("pe.ruleIsNotSet"));
+        this.title = this.isReady ? this.text : _editorLocalization__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("pe.ruleIsNotSet");
     };
     ConditionEditor.prototype.showTextEditor = function (expression) {
         this.panel.visible = false;
@@ -37630,7 +37678,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _question_editor_properties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../question-editor/properties */ "./src/question-editor/properties.ts");
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _fast_entry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fast-entry */ "./src/property-grid/fast-entry.ts");
 /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./index */ "./src/property-grid/index.ts");
 /* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/actions */ "./src/utils/actions.ts");
@@ -37665,7 +37713,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
                 arr.push(objs[i][keyPropName]);
             }
         }
-        return (0,_utils_utils__WEBPACK_IMPORTED_MODULE_5__.getNextValue)(baseName, arr);
+        return (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_5__.getNextValue)(baseName, arr);
     };
     PropertyGridEditorMatrix.prototype.onCreated = function (obj, question, prop, options, propGridDefinition) {
         var _this = this;
@@ -37795,7 +37843,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         }
         var arr = obj[prop.name];
         if (survey_core__WEBPACK_IMPORTED_MODULE_1__.Serializer.isDescendantOf(item.getType(), "itemvalue")) {
-            item.text = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_5__.getNextItemText)(arr);
+            item.text = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_5__.getNextItemText)(arr);
         }
         arr.push(item);
         if (arr != matrix.value) {
@@ -38153,7 +38201,7 @@ var PropertyGridEditorMatrixRateValues = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.onCreated.call(this, obj, question, prop, options, propGridDefinition);
         var matrixQuestion = question;
-        var ratingQuestion = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_5__.getQuestionFromObj)(obj);
+        var ratingQuestion = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_5__.getQuestionFromObj)(obj);
         this.updateAllowAddRemove(matrixQuestion, ratingQuestion);
         obj.onPropertyChanged.add(function (sender, options) {
             if (options.name == "rateCount" || options.name == "rateDisplayMode") {
@@ -39029,7 +39077,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
 /* harmony import */ var _components_search_manager__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/search-manager */ "./src/components/search-manager.ts");
 
 
@@ -39077,7 +39125,7 @@ var SearchManagerPropertyGrid = /** @class */ (function (_super) {
             setTimeout(function () {
                 var _a;
                 var elementId = (_a = _this.currentMatch) === null || _a === void 0 ? void 0 : _a.id;
-                (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.scrollElementIntoView)(elementId);
+                (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_3__.scrollElementIntoView)(elementId);
             }, newPanelExpanded ? 400 : 10);
         }
         this.updatedMatchCounterText(index);
@@ -41564,6 +41612,7 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
     };
     DragDropSurveyElements.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
+        draggedElementShortcut.style.display = "flex";
         var textSpan = document.createElement("span");
         textSpan.className = "svc-dragged-element-shortcut__text";
         textSpan.innerText = text;
@@ -41578,7 +41627,7 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         var span = document.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\" style=\"width: 24px; height: 24px;\"><use xlink:href=\"#".concat(iconName, "\"></use></svg>");
+        var svgString = "<svg class=\"sv-svg-icon\" role=\"img\"><use xlink:href=\"#".concat(iconName, "\"></use></svg>");
         span.innerHTML = svgString;
         return span;
     };
@@ -41915,7 +41964,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./editorLocalization */ "./src/editorLocalization.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/creator-utils */ "./src/utils/creator-utils.ts");
 
 
 
@@ -42172,7 +42221,7 @@ var SurveyHelper = /** @class */ (function () {
         return !obj || obj["disableSelecting"] !== true;
     };
     SurveyHelper.warnNonSupported = function (name, newPropertyName) {
-        var outputText = (0,_utils_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(name) + " is not supported in V2.";
+        var outputText = (0,_utils_creator_utils__WEBPACK_IMPORTED_MODULE_2__.wrapTextByCurlyBraces)(name) + " is not supported in V2.";
         if (!!newPropertyName) {
             outputText += " Use the '" + newPropertyName + "' property instead";
         }
@@ -44425,222 +44474,166 @@ var MenuButton = /** @class */ (function (_super) {
 
 /***/ }),
 
-/***/ "./src/utils/events.ts":
-/*!*****************************!*\
-  !*** ./src/utils/events.ts ***!
-  \*****************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-
-
-
-/***/ }),
-
-/***/ "./src/utils/resizer.ts":
-/*!******************************!*\
-  !*** ./src/utils/resizer.ts ***!
-  \******************************/
+/***/ "./src/utils/color-utils.ts":
+/*!**********************************!*\
+  !*** ./src/utils/color-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 */   ResizeManager: () => (/* binding */ ResizeManager)
+/* harmony export */   ColorCalculator: () => (/* binding */ ColorCalculator),
+/* harmony export */   HEXToRGB: () => (/* binding */ HEXToRGB),
+/* harmony export */   HSBToRGB: () => (/* binding */ HSBToRGB),
+/* harmony export */   RGBToHSB: () => (/* binding */ RGBToHSB),
+/* harmony export */   colorsAreEqual: () => (/* binding */ colorsAreEqual),
+/* harmony export */   convertRgbaToString: () => (/* binding */ convertRgbaToString),
+/* harmony export */   ingectAlpha: () => (/* binding */ ingectAlpha),
+/* harmony export */   parseColor: () => (/* binding */ parseColor),
+/* harmony export */   parseRgbaFromString: () => (/* binding */ parseRgbaFromString)
 /* harmony export */ });
-var ResizeManager = /** @class */ (function () {
-    function ResizeManager(container, handles) {
-        var _this = this;
-        this.container = container;
-        this.events = {
-            "mousedown": { "touch": "touchend", "mouse": "mousedown", "pointer": "pointerdown" },
-            "mouseup": { "touch": "touchstart", "mouse": "mouseup", "pointer": "pointerup" },
-            "mousemove": { "touch": "touchmove", "mouse": "mousemove", "pointer": "pointermove" },
-        };
-        this.onMouseDownListener = function (e) {
-            if (!window)
-                return;
-            e.preventDefault();
-            _this.originalWidth = _this.getStyleValue(_this.container, "width");
-            _this.originalMouseX = e.pageX;
-            _this.currentResizer = e.target;
-            window.addEventListener(_this.getMouseEvent("mousemove"), _this.resize);
-            window.addEventListener(_this.getMouseEvent("mouseup"), _this.stopResize);
-        };
-        this.resize = function (e) {
-            var width = _this.originalWidth;
-            var horizontalDistinction = e.pageX - _this.originalMouseX;
-            if (_this.currentResizer == _this.westResizer) {
-                width -= horizontalDistinction;
-            }
-            else {
-                width += horizontalDistinction;
-            }
-            if (width > _this.maxWidth) {
-                width = _this.maxWidth;
-            }
-            else if (width < _this.minWidth) {
-                width = _this.minWidth;
-            }
-            _this.container.style.width = width + "px";
-        };
-        this.stopResize = function (e) {
-            if (!window)
-                return;
-            window.removeEventListener(_this.getMouseEvent("mousemove"), _this.resize);
-            window.removeEventListener(_this.getMouseEvent("mouseup"), _this.stopResize);
-        };
-        this.init(container);
-        this.setHandles(handles);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils */ "./src/utils/utils.ts");
+
+var ColorCalculator = /** @class */ (function () {
+    function ColorCalculator() {
+        this.colorSettings = { baseColorAlpha: 1, darkColorAlpha: 1, lightColorAlpha: 1, deltaDarkColor: 0, deltaLightColor: 0, newColorLight: "", newColorDark: "" };
     }
-    ResizeManager.prototype.setHandles = function (newVal) {
-        var isThereWestResizer = false;
-        var isThereEastResizer = false;
-        var inputVal = newVal.split(",");
-        inputVal.forEach(function (str) { return str.trim(); });
-        inputVal = inputVal.filter(function (str) { return !!str; });
-        (inputVal || []).forEach(function (handrail) {
-            if (handrail == "w")
-                isThereWestResizer = true;
-            if (handrail == "e")
-                isThereEastResizer = true;
-        });
-        this.westResizer.style["display"] = isThereWestResizer ? "block" : "none";
-        this.eastResizer.style["display"] = isThereEastResizer ? "block" : "none";
-    };
-    ResizeManager.prototype.getStyleValue = function (element, style) {
-        if (!window)
-            return 0;
-        return parseFloat(window.getComputedStyle(element).getPropertyValue(style).replace("px", ""));
-    };
-    ResizeManager.prototype.isEventSupported = function (eventName) {
-        var el = document.createElement("div");
-        eventName = "on" + eventName;
-        var isSupported = (eventName in el);
-        if (!isSupported) {
-            el.setAttribute(eventName, "return;");
-            isSupported = typeof el[eventName] == "function";
+    ColorCalculator.prototype.initialize = function (baseColor, lightColor, darkColor) {
+        var primaryColorRgba = parseRgbaFromString(baseColor);
+        if (primaryColorRgba.length === 0) {
+            primaryColorRgba = parseRgbaFromString(ingectAlpha(baseColor, 1));
         }
-        el = null;
-        return isSupported;
-    };
-    ResizeManager.prototype.getEventPrefix = function () {
-        if (this.mouseDevice === undefined) {
-            if (this.isEventSupported("pointerdown")) {
-                this.mouseDevice = "pointer";
-            }
-            else if (this.isEventSupported("touchstart")) {
-                this.mouseDevice = "touch";
-            }
-            else if (this.isEventSupported("mousedown")) {
-                this.mouseDevice = "mouse";
-            }
+        var primaryColorDarkRgba = parseRgbaFromString(darkColor);
+        if (primaryColorDarkRgba.length === 0) {
+            primaryColorDarkRgba = parseRgbaFromString(ingectAlpha(darkColor, 1));
         }
-        return this.mouseDevice;
-    };
-    ResizeManager.prototype.getMouseEvent = function (eventName) {
-        return this.events[eventName][this.getEventPrefix()];
-    };
-    ResizeManager.prototype.init = function (container) {
-        this.westResizer = this.createrResizerElement("svc-resizer svc-resizer-west");
-        this.eastResizer = this.createrResizerElement("svc-resizer svc-resizer-east");
-        this.minWidth = this.getStyleValue(container, "min-width");
-        this.maxWidth = this.getStyleValue(container, "max-width");
-        container.insertBefore(this.westResizer, container.children[0]);
-        container.appendChild(this.eastResizer);
-    };
-    ResizeManager.prototype.createrResizerElement = function (className) {
-        var resizer = document.createElement("div");
-        resizer.className = className;
-        resizer.addEventListener(this.getMouseEvent("mousedown"), this.onMouseDownListener);
-        return resizer;
+        var primaryColorLightRgba = parseRgbaFromString(lightColor);
+        if (primaryColorLightRgba.length === 0) {
+            primaryColorLightRgba = parseRgbaFromString(ingectAlpha(lightColor, 1));
+        }
+        this.colorSettings.baseColorAlpha = primaryColorRgba[3];
+        this.colorSettings.darkColorAlpha = primaryColorDarkRgba[3];
+        this.colorSettings.lightColorAlpha = primaryColorLightRgba[3];
+        var primaryColorHSB = RGBToHSB(primaryColorRgba[0], primaryColorRgba[1], primaryColorRgba[2]);
+        var primaryColorDarkHSB = RGBToHSB(primaryColorDarkRgba[0], primaryColorDarkRgba[1], primaryColorDarkRgba[2]);
+        var primaryColorLightHSB = RGBToHSB(primaryColorLightRgba[0], primaryColorLightRgba[1], primaryColorLightRgba[2]);
+        this.colorSettings.deltaDarkColor = primaryColorHSB[2] - primaryColorDarkHSB[2];
+        this.colorSettings.deltaLightColor = primaryColorHSB[2] - primaryColorLightHSB[2];
     };
-    ResizeManager.prototype.dispose = function () {
-        this.eastResizer.removeEventListener(this.getMouseEvent("mousedown"), this.onMouseDownListener);
-        this.eastResizer.remove();
-        this.eastResizer = undefined;
-        this.westResizer.removeEventListener(this.getMouseEvent("mousedown"), this.onMouseDownListener);
-        this.westResizer.remove();
-        this.westResizer = undefined;
+    ColorCalculator.prototype.calculateColors = function (newColor) {
+        var newColorRbg = parseRgbaFromString(newColor);
+        if (newColorRbg.length === 0) {
+            newColorRbg = parseRgbaFromString(ingectAlpha(newColor, 1));
+        }
+        var newColorHsb = RGBToHSB(newColorRbg[0], newColorRbg[1], newColorRbg[2]);
+        var newPrimaryColorDarkRGB = HSBToRGB(newColorHsb[0], newColorHsb[1], newColorHsb[2] - this.colorSettings.deltaDarkColor);
+        var newPrimaryColorLightRGB = HSBToRGB(newColorHsb[0], newColorHsb[1], newColorHsb[2] - this.colorSettings.deltaLightColor);
+        this.colorSettings.newColorLight = convertRgbaToString(newPrimaryColorLightRGB, this.colorSettings.lightColorAlpha);
+        this.colorSettings.newColorDark = convertRgbaToString(newPrimaryColorDarkRGB, this.colorSettings.darkColorAlpha);
     };
-    return ResizeManager;
+    return ColorCalculator;
 }());
 
+function ingectAlpha(baseColor, alpha) {
+    if (!!baseColor && alpha !== undefined) {
+        var rgbValue = HEXToRGB(baseColor);
+        return "rgba(".concat(rgbValue[0], ", ").concat(rgbValue[1], ", ").concat(rgbValue[2], ", ").concat(rgbValue[3] || alpha, ")");
+    }
+}
+function convertRgbaToString(rgbValues, alpha) {
+    return "rgba(".concat(rgbValues[0], ", ").concat(rgbValues[1], ", ").concat(rgbValues[2], ", ").concat(alpha, ")");
+}
+function parseRgbaFromString(value) {
+    if (value === void 0) { value = ""; }
+    var matchRgb = value.match(/\((.*)\)/);
+    if (matchRgb) {
+        return matchRgb[1].split(",").map(function (i) { return parseFloat(i); });
+    }
+    else {
+        return [];
+    }
+}
+function parseColor(value) {
+    if (value === void 0) { value = ""; }
+    var rgbValues = parseRgbaFromString(value);
+    if (rgbValues.length !== 0) {
+        var opacity = 1;
+        if (rgbValues.length == 4) {
+            opacity = rgbValues.pop();
+        }
+        var color = rgbValues.reduce(function (res, color) {
+            var hex = color.toString(16);
+            return res + (hex.length == 1 ? "0" + hex : hex);
+        }, "#");
+        return { color: color, opacity: (0,_utils__WEBPACK_IMPORTED_MODULE_0__.roundTo2Decimals)(opacity * 100) };
+    }
+    else {
+        return { color: value, opacity: 100 };
+    }
+}
+function HEXToRGB(baseColor) {
+    if (!!baseColor) {
+        var r = parseInt(baseColor.slice(1, 3), 16);
+        var g = parseInt(baseColor.slice(3, 5), 16);
+        var b = parseInt(baseColor.slice(5, 7), 16);
+        var alpha = (0,_utils__WEBPACK_IMPORTED_MODULE_0__.roundTo2Decimals)(parseInt(baseColor.slice(7, 9), 16) / 255);
+        return [r, g, b, alpha];
+    }
+    return [];
+}
+function HSBToRGB(h, s, b) {
+    s /= 100;
+    b /= 100;
+    var k = function (n) { return (n + h / 60) % 6; };
+    var f = function (n) { return b * (1 - s * Math.max(0, Math.min(k(n), 4 - k(n), 1))); };
+    return [Math.round(255 * f(5)), Math.round(255 * f(3)), Math.round(255 * f(1))];
+}
+function RGBToHSB(r, g, b) {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    var v = Math.max(r, g, b), n = v - Math.min(r, g, b);
+    var h = n === 0 ? 0 : n && v === r ? (g - b) / n : v === g ? 2 + (b - r) / n : 4 + (r - g) / n;
+    return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
+}
+function colorsAreEqual(color1, color2) {
+    var color1Value = parseColor(color1);
+    color1Value.color = color1Value.color.substring(0, 7).toUpperCase();
+    var color2Value = parseColor(color2);
+    color2Value.color = color2Value.color.substring(0, 7).toUpperCase();
+    return color1Value.color === color2Value.color && color1Value.opacity === color2Value.opacity;
+}
 
 
 /***/ }),
 
-/***/ "./src/utils/utils.ts":
-/*!****************************!*\
-  !*** ./src/utils/utils.ts ***!
-  \****************************/
+/***/ "./src/utils/creator-utils.ts":
+/*!************************************!*\
+  !*** ./src/utils/creator-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 */   ColorCalculator: () => (/* binding */ ColorCalculator),
-/* harmony export */   HEXToRGB: () => (/* binding */ HEXToRGB),
-/* harmony export */   HSBToRGB: () => (/* binding */ HSBToRGB),
-/* harmony export */   RGBToHSB: () => (/* binding */ RGBToHSB),
-/* harmony export */   assign: () => (/* binding */ assign),
 /* harmony export */   assignDefaultV2Classes: () => (/* binding */ assignDefaultV2Classes),
-/* harmony export */   capitalize: () => (/* binding */ capitalize),
-/* harmony export */   clearNewLines: () => (/* binding */ clearNewLines),
-/* harmony export */   colorsAreEqual: () => (/* binding */ colorsAreEqual),
-/* harmony export */   convertRgbaToString: () => (/* binding */ convertRgbaToString),
-/* harmony export */   copyCssClasses: () => (/* binding */ copyCssClasses),
-/* harmony export */   copyObject: () => (/* binding */ copyObject),
-/* harmony export */   findParentNode: () => (/* binding */ findParentNode),
-/* harmony export */   focusFirstControl: () => (/* binding */ focusFirstControl),
-/* harmony export */   getAcceptedTypesByContentMode: () => (/* binding */ getAcceptedTypesByContentMode),
-/* harmony export */   getFirstNonTextElement: () => (/* binding */ getFirstNonTextElement),
 /* harmony export */   getNextItemText: () => (/* binding */ getNextItemText),
 /* harmony export */   getNextItemValue: () => (/* binding */ getNextItemValue),
 /* harmony export */   getNextValue: () => (/* binding */ getNextValue),
-/* harmony export */   getNodesFromKoComponentInfo: () => (/* binding */ getNodesFromKoComponentInfo),
 /* harmony export */   getQuestionFromObj: () => (/* binding */ getQuestionFromObj),
-/* harmony export */   imageMimeTypes: () => (/* binding */ imageMimeTypes),
-/* harmony export */   ingectAlpha: () => (/* binding */ ingectAlpha),
 /* harmony export */   isPropertyVisible: () => (/* binding */ isPropertyVisible),
-/* harmony export */   notShortCircuitAnd: () => (/* binding */ notShortCircuitAnd),
-/* harmony export */   parseColor: () => (/* binding */ parseColor),
-/* harmony export */   parseRgbaFromString: () => (/* binding */ parseRgbaFromString),
 /* harmony export */   propertyExists: () => (/* binding */ propertyExists),
-/* harmony export */   roundTo2Decimals: () => (/* binding */ roundTo2Decimals),
-/* harmony export */   saveToFileHandler: () => (/* binding */ saveToFileHandler),
 /* harmony export */   scrollElementIntoView: () => (/* binding */ scrollElementIntoView),
-/* harmony export */   select: () => (/* binding */ select),
-/* harmony export */   toggleHovered: () => (/* binding */ toggleHovered),
-/* harmony export */   trimEmptyFields: () => (/* binding */ trimEmptyFields),
 /* harmony export */   wrapTextByCurlyBraces: () => (/* binding */ wrapTextByCurlyBraces)
 /* harmony export */ });
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils */ "./src/utils/utils.ts");
+/* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
+
 
 
-function getNumericFromString(str) {
-    if (!str)
-        return "";
-    var num = "";
-    for (var i = str.length - 1; i >= 0; i--) {
-        if (str[i] >= "0" && str[i] <= "9") {
-            num = str[i] + num;
-        }
-        else {
-            if (!!num)
-                return num;
-        }
-        if (num.length == 10)
-            break;
-    }
-    return num;
-}
-function roundTo2Decimals(number) {
-    return Math.round(number * 100) / 100;
-}
 var opositeValues = {
     true: "false",
     True: "False",
@@ -44670,6 +44663,23 @@ function hasValueInArray(values, search) {
     }
     return false;
 }
+function getNumericFromString(str) {
+    if (!str)
+        return "";
+    var num = "";
+    for (var i = str.length - 1; i >= 0; i--) {
+        if (str[i] >= "0" && str[i] <= "9") {
+            num = str[i] + num;
+        }
+        else {
+            if (!!num)
+                return num;
+        }
+        if (num.length == 10)
+            break;
+    }
+    return num;
+}
 function getNextItemValue(prefix, choices) {
     var values = choices.map(function (item) { return item.value; });
     return getNextValue(prefix, values);
@@ -44688,8 +44698,9 @@ function getNextItemText(choices) {
     return !!nextValue ? nextValue.toString() : "";
 }
 function getNextValue(prefix, values) {
+    var oposite = null;
     if (values.length > 0)
-        var oposite = getOpositValue(values[values.length - 1]);
+        oposite = getOpositValue(values[values.length - 1]);
     if (oposite && values.indexOf(oposite) < 0)
         return oposite;
     var numStr = "";
@@ -44729,31 +44740,79 @@ function getNextValue(prefix, values) {
     }
     return prefix + 1;
 }
-function findParentNode(className, sourceNode) {
-    var parent = sourceNode;
-    while (!!parent && !parent.classList.contains(className)) {
-        parent = parent.parentElement;
+function propertyExists(obj, propertyName) {
+    var result = true;
+    if (!!obj && typeof obj.getType === "function") {
+        var property = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.findProperty(obj.getType(), propertyName);
+        result = !!property;
     }
-    return parent;
+    return result;
 }
-function focusFirstControl(renderedElements) {
-    for (var i = 0; i < renderedElements.length; i++) {
-        if (typeof renderedElements[i].getElementsByClassName === "function") {
-            var elements = (renderedElements[i].getElementsByClassName("svd-focusable"));
-            if (elements.length === 0 &&
-                renderedElements[i].className.indexOf("svd-focusable") !== -1) {
-                elements = [renderedElements[i]];
-            }
-            if (elements.length > 0) {
-                var element = elements[0];
-                if (element.tagName.toLowerCase() !== "a") {
-                    element.focus({ preventScroll: true });
-                    break;
-                }
-            }
-        }
+function isPropertyVisible(obj, propertyName) {
+    var result = true;
+    if (!!obj && typeof obj.getType === "function") {
+        var property = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.findProperty(obj.getType(), propertyName);
+        result = !property || property.visible;
+    }
+    return result;
+}
+function getQuestionFromObj(obj) {
+    return (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__.MatrixDropdownColumn) ? obj.templateQuestion : obj;
+}
+function scrollElementIntoView(elementId) {
+    if (!elementId || typeof survey_core__WEBPACK_IMPORTED_MODULE_0__.settings.environment.root === "undefined")
+        return;
+    var el = survey_core__WEBPACK_IMPORTED_MODULE_0__.settings.environment.root.getElementById(elementId);
+    if (!el)
+        return;
+    el.scrollIntoView({ behavior: "smooth", block: "center", inline: "start" });
+}
+function assignDefaultV2Classes(destination, questionType) {
+    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.copyCssClasses)(destination, survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2Css.question);
+    (0,_utils__WEBPACK_IMPORTED_MODULE_1__.copyCssClasses)(destination, survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2Css[questionType]);
+    if (destination.list) {
+        (0,_utils__WEBPACK_IMPORTED_MODULE_1__.copyCssClasses)(destination.list, survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2Css.list);
     }
+    destination.hasErrorTop = "";
+    destination.hasErrorBottom = "";
+}
+function wrapTextByCurlyBraces(text) {
+    return _creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.logic.openBracket + text + _creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings.logic.closeBracket;
 }
+
+
+/***/ }),
+
+/***/ "./src/utils/events.ts":
+/*!*****************************!*\
+  !*** ./src/utils/events.ts ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/utils/html-element-utils.ts":
+/*!*****************************************!*\
+  !*** ./src/utils/html-element-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 */   findParentNode: () => (/* binding */ findParentNode),
+/* harmony export */   focusFirstControl: () => (/* binding */ focusFirstControl),
+/* harmony export */   getFirstNonTextElement: () => (/* binding */ getFirstNonTextElement),
+/* harmony export */   getNodesFromKoComponentInfo: () => (/* binding */ getNodesFromKoComponentInfo),
+/* harmony export */   saveToFileHandler: () => (/* binding */ saveToFileHandler),
+/* harmony export */   select: () => (/* binding */ select),
+/* harmony export */   toggleHovered: () => (/* binding */ toggleHovered)
+/* harmony export */ });
 function getFirstNonTextElement(elements) {
     if (!elements || !elements.length)
         return;
@@ -44763,6 +44822,13 @@ function getFirstNonTextElement(elements) {
     }
     return null;
 }
+function findParentNode(className, sourceNode) {
+    var parent = sourceNode;
+    while (!!parent && !parent.classList.contains(className)) {
+        parent = parent.parentElement;
+    }
+    return parent;
+}
 // about compoentInfo: https://knockoutjs.com/documentation/component-registration.html
 function getNodesFromKoComponentInfo(componentInfo) {
     // elem.nodeType === 3 // text node
@@ -44812,22 +44878,6 @@ function getNodesFromKoComponentInfo(componentInfo) {
 //     valueAccessor() && valueAccessor()([element.parentElement]);
 //   },
 // };
-function propertyExists(obj, propertyName) {
-    var result = true;
-    if (!!obj && typeof obj.getType === "function") {
-        var property = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.findProperty(obj.getType(), propertyName);
-        result = !!property;
-    }
-    return result;
-}
-function isPropertyVisible(obj, propertyName) {
-    var result = true;
-    if (!!obj && typeof obj.getType === "function") {
-        var property = survey_core__WEBPACK_IMPORTED_MODULE_0__.Serializer.findProperty(obj.getType(), propertyName);
-        result = !property || property.visible;
-    }
-    return result;
-}
 function toggleHovered(e, element, timeout) {
     if (timeout === void 0) { timeout = 0; }
     var processedFlagName = "__svc_question_processed";
@@ -44862,9 +44912,6 @@ function toggleHovered(e, element, timeout) {
         element.className = (element.className || "").replace(" svc-hovered", "");
     }
 }
-function clearNewLines(text) {
-    return text.replace(new RegExp("(\\r\\n|\\n|\\r)", "gm"), "");
-}
 function select(element) {
     if (!window)
         return;
@@ -44882,6 +44929,203 @@ function select(element) {
         range.select();
     }
 }
+function saveToFileHandler(fileName, blob) {
+    if (!window)
+        return;
+    if (window.navigator["msSaveOrOpenBlob"]) {
+        window.navigator["msSaveBlob"](blob, fileName);
+    }
+    else {
+        var elem = window.document.createElement("a");
+        elem.href = window.URL.createObjectURL(blob);
+        elem.download = fileName;
+        document.body.appendChild(elem);
+        elem.click();
+        document.body.removeChild(elem);
+    }
+}
+function focusFirstControl(renderedElements) {
+    for (var i = 0; i < renderedElements.length; i++) {
+        if (typeof renderedElements[i].getElementsByClassName === "function") {
+            var elements = (renderedElements[i].getElementsByClassName("svd-focusable"));
+            if (elements.length === 0 &&
+                renderedElements[i].className.indexOf("svd-focusable") !== -1) {
+                elements = [renderedElements[i]];
+            }
+            if (elements.length > 0) {
+                var element = elements[0];
+                if (element.tagName.toLowerCase() !== "a") {
+                    element.focus({ preventScroll: true });
+                    break;
+                }
+            }
+        }
+    }
+}
+
+
+/***/ }),
+
+/***/ "./src/utils/resizer.ts":
+/*!******************************!*\
+  !*** ./src/utils/resizer.ts ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ResizeManager: () => (/* binding */ ResizeManager)
+/* harmony export */ });
+var ResizeManager = /** @class */ (function () {
+    function ResizeManager(container, handles) {
+        var _this = this;
+        this.container = container;
+        this.events = {
+            "mousedown": { "touch": "touchend", "mouse": "mousedown", "pointer": "pointerdown" },
+            "mouseup": { "touch": "touchstart", "mouse": "mouseup", "pointer": "pointerup" },
+            "mousemove": { "touch": "touchmove", "mouse": "mousemove", "pointer": "pointermove" },
+        };
+        this.onMouseDownListener = function (e) {
+            if (!window)
+                return;
+            e.preventDefault();
+            _this.originalWidth = _this.getStyleValue(_this.container, "width");
+            _this.originalMouseX = e.pageX;
+            _this.currentResizer = e.target;
+            window.addEventListener(_this.getMouseEvent("mousemove"), _this.resize);
+            window.addEventListener(_this.getMouseEvent("mouseup"), _this.stopResize);
+        };
+        this.resize = function (e) {
+            var width = _this.originalWidth;
+            var horizontalDistinction = e.pageX - _this.originalMouseX;
+            if (_this.currentResizer == _this.westResizer) {
+                width -= horizontalDistinction;
+            }
+            else {
+                width += horizontalDistinction;
+            }
+            if (width > _this.maxWidth) {
+                width = _this.maxWidth;
+            }
+            else if (width < _this.minWidth) {
+                width = _this.minWidth;
+            }
+            _this.container.style.width = width + "px";
+        };
+        this.stopResize = function (e) {
+            if (!window)
+                return;
+            window.removeEventListener(_this.getMouseEvent("mousemove"), _this.resize);
+            window.removeEventListener(_this.getMouseEvent("mouseup"), _this.stopResize);
+        };
+        this.init(container);
+        this.setHandles(handles);
+    }
+    ResizeManager.prototype.setHandles = function (newVal) {
+        var isThereWestResizer = false;
+        var isThereEastResizer = false;
+        var inputVal = newVal.split(",");
+        inputVal.forEach(function (str) { return str.trim(); });
+        inputVal = inputVal.filter(function (str) { return !!str; });
+        (inputVal || []).forEach(function (handrail) {
+            if (handrail == "w")
+                isThereWestResizer = true;
+            if (handrail == "e")
+                isThereEastResizer = true;
+        });
+        this.westResizer.style["display"] = isThereWestResizer ? "block" : "none";
+        this.eastResizer.style["display"] = isThereEastResizer ? "block" : "none";
+    };
+    ResizeManager.prototype.getStyleValue = function (element, style) {
+        if (!window)
+            return 0;
+        return parseFloat(window.getComputedStyle(element).getPropertyValue(style).replace("px", ""));
+    };
+    ResizeManager.prototype.isEventSupported = function (eventName) {
+        var el = document.createElement("div");
+        eventName = "on" + eventName;
+        var isSupported = (eventName in el);
+        if (!isSupported) {
+            el.setAttribute(eventName, "return;");
+            isSupported = typeof el[eventName] == "function";
+        }
+        el = null;
+        return isSupported;
+    };
+    ResizeManager.prototype.getEventPrefix = function () {
+        if (this.mouseDevice === undefined) {
+            if (this.isEventSupported("pointerdown")) {
+                this.mouseDevice = "pointer";
+            }
+            else if (this.isEventSupported("touchstart")) {
+                this.mouseDevice = "touch";
+            }
+            else if (this.isEventSupported("mousedown")) {
+                this.mouseDevice = "mouse";
+            }
+        }
+        return this.mouseDevice;
+    };
+    ResizeManager.prototype.getMouseEvent = function (eventName) {
+        return this.events[eventName][this.getEventPrefix()];
+    };
+    ResizeManager.prototype.init = function (container) {
+        this.westResizer = this.createrResizerElement("svc-resizer svc-resizer-west");
+        this.eastResizer = this.createrResizerElement("svc-resizer svc-resizer-east");
+        this.minWidth = this.getStyleValue(container, "min-width");
+        this.maxWidth = this.getStyleValue(container, "max-width");
+        container.insertBefore(this.westResizer, container.children[0]);
+        container.appendChild(this.eastResizer);
+    };
+    ResizeManager.prototype.createrResizerElement = function (className) {
+        var resizer = document.createElement("div");
+        resizer.className = className;
+        resizer.addEventListener(this.getMouseEvent("mousedown"), this.onMouseDownListener);
+        return resizer;
+    };
+    ResizeManager.prototype.dispose = function () {
+        this.eastResizer.removeEventListener(this.getMouseEvent("mousedown"), this.onMouseDownListener);
+        this.eastResizer.remove();
+        this.eastResizer = undefined;
+        this.westResizer.removeEventListener(this.getMouseEvent("mousedown"), this.onMouseDownListener);
+        this.westResizer.remove();
+        this.westResizer = undefined;
+    };
+    return ResizeManager;
+}());
+
+
+
+/***/ }),
+
+/***/ "./src/utils/utils.ts":
+/*!****************************!*\
+  !*** ./src/utils/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 */   assign: () => (/* binding */ assign),
+/* harmony export */   capitalize: () => (/* binding */ capitalize),
+/* harmony export */   clearNewLines: () => (/* binding */ clearNewLines),
+/* harmony export */   copyCssClasses: () => (/* binding */ copyCssClasses),
+/* harmony export */   copyObject: () => (/* binding */ copyObject),
+/* harmony export */   getAcceptedTypesByContentMode: () => (/* binding */ getAcceptedTypesByContentMode),
+/* harmony export */   imageMimeTypes: () => (/* binding */ imageMimeTypes),
+/* harmony export */   notShortCircuitAnd: () => (/* binding */ notShortCircuitAnd),
+/* harmony export */   roundTo2Decimals: () => (/* binding */ roundTo2Decimals),
+/* harmony export */   trimEmptyFields: () => (/* binding */ trimEmptyFields)
+/* harmony export */ });
+function roundTo2Decimals(number) {
+    return Math.round(number * 100) / 100;
+}
+var endLineRegExp = new RegExp("(\\r\\n|\\n|\\r)", "gm");
+function clearNewLines(text) {
+    return text.replace(endLineRegExp, "");
+}
 function copyObject(dst, src) {
     for (var key in src) {
         var source = src[key];
@@ -44902,18 +45146,6 @@ function copyCssClasses(dest, source) {
         copyObject(dest, source);
     }
 }
-function assignDefaultV2Classes(destination, questionType) {
-    copyCssClasses(destination, survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2Css.question);
-    copyCssClasses(destination, survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2Css[questionType]);
-    if (destination.list) {
-        copyCssClasses(destination.list, survey_core__WEBPACK_IMPORTED_MODULE_0__.defaultV2Css.list);
-    }
-    destination.hasErrorTop = "";
-    destination.hasErrorBottom = "";
-}
-function wrapTextByCurlyBraces(text) {
-    return _creator_settings__WEBPACK_IMPORTED_MODULE_1__.settings.logic.openBracket + text + _creator_settings__WEBPACK_IMPORTED_MODULE_1__.settings.logic.closeBracket;
-}
 function capitalize(str) {
     if (!str)
         return str;
@@ -44942,79 +45174,6 @@ function getAcceptedTypesByContentMode(contentMode) {
         return "";
     }
 }
-function getQuestionFromObj(obj) {
-    return (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__.MatrixDropdownColumn) ? obj.templateQuestion : obj;
-}
-function scrollElementIntoView(elementId) {
-    if (!elementId || typeof survey_core__WEBPACK_IMPORTED_MODULE_0__.settings.environment.root === "undefined")
-        return;
-    var el = survey_core__WEBPACK_IMPORTED_MODULE_0__.settings.environment.root.getElementById(elementId);
-    if (!el)
-        return;
-    el.scrollIntoView({ behavior: "smooth", block: "center", inline: "start" });
-}
-function ingectAlpha(baseColor, alpha) {
-    if (!!baseColor && alpha !== undefined) {
-        var rgbValue = HEXToRGB(baseColor);
-        return "rgba(".concat(rgbValue[0], ", ").concat(rgbValue[1], ", ").concat(rgbValue[2], ", ").concat(rgbValue[3] || alpha, ")");
-    }
-}
-function convertRgbaToString(rgbValues, alpha) {
-    return "rgba(".concat(rgbValues[0], ", ").concat(rgbValues[1], ", ").concat(rgbValues[2], ", ").concat(alpha, ")");
-}
-function parseRgbaFromString(value) {
-    if (value === void 0) { value = ""; }
-    var matchRgb = value.match(/\((.*)\)/);
-    if (matchRgb) {
-        return matchRgb[1].split(",").map(function (i) { return parseFloat(i); });
-    }
-    else {
-        return [];
-    }
-}
-function parseColor(value) {
-    if (value === void 0) { value = ""; }
-    var rgbValues = parseRgbaFromString(value);
-    if (rgbValues.length !== 0) {
-        var opacity = 1;
-        if (rgbValues.length == 4) {
-            opacity = rgbValues.pop();
-        }
-        var color = rgbValues.reduce(function (res, color) {
-            var hex = color.toString(16);
-            return res + (hex.length == 1 ? "0" + hex : hex);
-        }, "#");
-        return { color: color, opacity: roundTo2Decimals(opacity * 100) };
-    }
-    else {
-        return { color: value, opacity: 100 };
-    }
-}
-function HEXToRGB(baseColor) {
-    if (!!baseColor) {
-        var r = parseInt(baseColor.slice(1, 3), 16);
-        var g = parseInt(baseColor.slice(3, 5), 16);
-        var b = parseInt(baseColor.slice(5, 7), 16);
-        var alpha = roundTo2Decimals(parseInt(baseColor.slice(7, 9), 16) / 255);
-        return [r, g, b, alpha];
-    }
-    return [];
-}
-function HSBToRGB(h, s, b) {
-    s /= 100;
-    b /= 100;
-    var k = function (n) { return (n + h / 60) % 6; };
-    var f = function (n) { return b * (1 - s * Math.max(0, Math.min(k(n), 4 - k(n), 1))); };
-    return [Math.round(255 * f(5)), Math.round(255 * f(3)), Math.round(255 * f(1))];
-}
-function RGBToHSB(r, g, b) {
-    r /= 255;
-    g /= 255;
-    b /= 255;
-    var v = Math.max(r, g, b), n = v - Math.min(r, g, b);
-    var h = n === 0 ? 0 : n && v === r ? (g - b) / n : v === g ? 2 + (b - r) / n : 4 + (r - g) / n;
-    return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
-}
 function trimEmptyFields(object) {
     Object.keys(object).forEach(function (key) {
         if (object[key] === undefined || object[key] === null) {
@@ -45040,68 +45199,6 @@ function assign() {
         assign(objects[0], objects[i]);
     }
 }
-var ColorCalculator = /** @class */ (function () {
-    function ColorCalculator() {
-        this.colorSettings = { baseColorAlpha: 1, darkColorAlpha: 1, lightColorAlpha: 1, deltaDarkColor: 0, deltaLightColor: 0, newColorLight: "", newColorDark: "" };
-    }
-    ColorCalculator.prototype.initialize = function (baseColor, lightColor, darkColor) {
-        var primaryColorRgba = parseRgbaFromString(baseColor);
-        if (primaryColorRgba.length === 0) {
-            primaryColorRgba = parseRgbaFromString(ingectAlpha(baseColor, 1));
-        }
-        var primaryColorDarkRgba = parseRgbaFromString(darkColor);
-        if (primaryColorDarkRgba.length === 0) {
-            primaryColorDarkRgba = parseRgbaFromString(ingectAlpha(darkColor, 1));
-        }
-        var primaryColorLightRgba = parseRgbaFromString(lightColor);
-        if (primaryColorLightRgba.length === 0) {
-            primaryColorLightRgba = parseRgbaFromString(ingectAlpha(lightColor, 1));
-        }
-        this.colorSettings.baseColorAlpha = primaryColorRgba[3];
-        this.colorSettings.darkColorAlpha = primaryColorDarkRgba[3];
-        this.colorSettings.lightColorAlpha = primaryColorLightRgba[3];
-        var primaryColorHSB = RGBToHSB(primaryColorRgba[0], primaryColorRgba[1], primaryColorRgba[2]);
-        var primaryColorDarkHSB = RGBToHSB(primaryColorDarkRgba[0], primaryColorDarkRgba[1], primaryColorDarkRgba[2]);
-        var primaryColorLightHSB = RGBToHSB(primaryColorLightRgba[0], primaryColorLightRgba[1], primaryColorLightRgba[2]);
-        this.colorSettings.deltaDarkColor = primaryColorHSB[2] - primaryColorDarkHSB[2];
-        this.colorSettings.deltaLightColor = primaryColorHSB[2] - primaryColorLightHSB[2];
-    };
-    ColorCalculator.prototype.calculateColors = function (newColor) {
-        var newColorRbg = parseRgbaFromString(newColor);
-        if (newColorRbg.length === 0) {
-            newColorRbg = parseRgbaFromString(ingectAlpha(newColor, 1));
-        }
-        var newColorHsb = RGBToHSB(newColorRbg[0], newColorRbg[1], newColorRbg[2]);
-        var newPrimaryColorDarkRGB = HSBToRGB(newColorHsb[0], newColorHsb[1], newColorHsb[2] - this.colorSettings.deltaDarkColor);
-        var newPrimaryColorLightRGB = HSBToRGB(newColorHsb[0], newColorHsb[1], newColorHsb[2] - this.colorSettings.deltaLightColor);
-        this.colorSettings.newColorLight = convertRgbaToString(newPrimaryColorLightRGB, this.colorSettings.lightColorAlpha);
-        this.colorSettings.newColorDark = convertRgbaToString(newPrimaryColorDarkRGB, this.colorSettings.darkColorAlpha);
-    };
-    return ColorCalculator;
-}());
-
-function saveToFileHandler(fileName, blob) {
-    if (!window)
-        return;
-    if (window.navigator["msSaveOrOpenBlob"]) {
-        window.navigator["msSaveBlob"](blob, fileName);
-    }
-    else {
-        var elem = window.document.createElement("a");
-        elem.href = window.URL.createObjectURL(blob);
-        elem.download = fileName;
-        document.body.appendChild(elem);
-        elem.click();
-        document.body.removeChild(elem);
-    }
-}
-function colorsAreEqual(color1, color2) {
-    var color1Value = parseColor(color1);
-    color1Value.color = color1Value.color.substring(0, 7).toUpperCase();
-    var color2Value = parseColor(color2);
-    color2Value.color = color2Value.color.substring(0, 7).toUpperCase();
-    return color1Value.color === color2Value.color && color1Value.opacity === color2Value.opacity;
-}
 
 
 /***/ }),
@@ -45684,27 +45781,27 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   AceJsonEditorModel: () => (/* reexport safe */ _components_tabs_json_editor_ace__WEBPACK_IMPORTED_MODULE_7__.AceJsonEditorModel),
-/* harmony export */   ColorCalculator: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.ColorCalculator),
+/* harmony export */   ColorCalculator: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.ColorCalculator),
 /* harmony export */   CreatorAction: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.CreatorAction),
 /* harmony export */   CreatorBase: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.CreatorBase),
 /* harmony export */   CreatorEvent: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.CreatorEvent),
-/* harmony export */   CreatorPreset: () => (/* reexport safe */ _presets_presets__WEBPACK_IMPORTED_MODULE_90__.CreatorPreset),
-/* harmony export */   CreatorPresetBase: () => (/* reexport safe */ _presets_presets_base__WEBPACK_IMPORTED_MODULE_89__.CreatorPresetBase),
-/* harmony export */   CreatorPresetPropertyGrid: () => (/* reexport safe */ _presets_presets_properties__WEBPACK_IMPORTED_MODULE_91__.CreatorPresetPropertyGrid),
-/* harmony export */   CreatorPresetPropertyGridDefinition: () => (/* reexport safe */ _presets_presets_properties__WEBPACK_IMPORTED_MODULE_91__.CreatorPresetPropertyGridDefinition),
-/* harmony export */   CreatorPresetTabs: () => (/* reexport safe */ _presets_presets_tabs__WEBPACK_IMPORTED_MODULE_92__.CreatorPresetTabs),
-/* harmony export */   CreatorPresetToolbox: () => (/* reexport safe */ _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_93__.CreatorPresetToolbox),
-/* harmony export */   CreatorPresetToolboxConfigurator: () => (/* reexport safe */ _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_93__.CreatorPresetToolboxConfigurator),
-/* harmony export */   CreatorPresetToolboxDefinition: () => (/* reexport safe */ _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_93__.CreatorPresetToolboxDefinition),
+/* harmony export */   CreatorPreset: () => (/* reexport safe */ _presets_presets__WEBPACK_IMPORTED_MODULE_93__.CreatorPreset),
+/* harmony export */   CreatorPresetBase: () => (/* reexport safe */ _presets_presets_base__WEBPACK_IMPORTED_MODULE_92__.CreatorPresetBase),
+/* harmony export */   CreatorPresetPropertyGrid: () => (/* reexport safe */ _presets_presets_properties__WEBPACK_IMPORTED_MODULE_94__.CreatorPresetPropertyGrid),
+/* harmony export */   CreatorPresetPropertyGridDefinition: () => (/* reexport safe */ _presets_presets_properties__WEBPACK_IMPORTED_MODULE_94__.CreatorPresetPropertyGridDefinition),
+/* harmony export */   CreatorPresetTabs: () => (/* reexport safe */ _presets_presets_tabs__WEBPACK_IMPORTED_MODULE_95__.CreatorPresetTabs),
+/* harmony export */   CreatorPresetToolbox: () => (/* reexport safe */ _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_96__.CreatorPresetToolbox),
+/* harmony export */   CreatorPresetToolboxConfigurator: () => (/* reexport safe */ _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_96__.CreatorPresetToolboxConfigurator),
+/* harmony export */   CreatorPresetToolboxDefinition: () => (/* reexport safe */ _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_96__.CreatorPresetToolboxDefinition),
 /* harmony export */   CreatorResponsivityManager: () => (/* reexport safe */ _creator_responsivity_manager__WEBPACK_IMPORTED_MODULE_6__.CreatorResponsivityManager),
-/* harmony export */   CreatorThemeModel: () => (/* reexport safe */ _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_88__.CreatorThemeModel),
+/* harmony export */   CreatorThemeModel: () => (/* reexport safe */ _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_91__.CreatorThemeModel),
 /* harmony export */   DEFAULT_MONITOR_DPI: () => (/* reexport safe */ _components_simulator__WEBPACK_IMPORTED_MODULE_41__.DEFAULT_MONITOR_DPI),
 /* harmony export */   DefaultFonts: () => (/* reexport safe */ _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_14__.DefaultFonts),
-/* harmony export */   DragDropSurveyElements: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_94__.DragDropSurveyElements),
+/* harmony export */   DragDropSurveyElements: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_97__.DragDropSurveyElements),
 /* harmony export */   EditorLocalization: () => (/* reexport safe */ _editorLocalization__WEBPACK_IMPORTED_MODULE_1__.EditorLocalization),
 /* harmony export */   EmptySurveyCreatorOptions: () => (/* reexport safe */ _creator_settings__WEBPACK_IMPORTED_MODULE_2__.EmptySurveyCreatorOptions),
-/* harmony export */   HEXToRGB: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.HEXToRGB),
-/* harmony export */   HSBToRGB: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.HSBToRGB),
+/* harmony export */   HEXToRGB: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.HEXToRGB),
+/* harmony export */   HSBToRGB: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.HSBToRGB),
 /* harmony export */   ImageItemValueWrapperViewModel: () => (/* reexport safe */ _components_image_item_value__WEBPACK_IMPORTED_MODULE_39__.ImageItemValueWrapperViewModel),
 /* harmony export */   ItemValueWrapperViewModel: () => (/* reexport safe */ _components_item_value__WEBPACK_IMPORTED_MODULE_38__.ItemValueWrapperViewModel),
 /* harmony export */   JsonDuplicateNameError: () => (/* reexport safe */ _textWorker__WEBPACK_IMPORTED_MODULE_70__.JsonDuplicateNameError),
@@ -45713,14 +45810,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   LogoImageViewModel: () => (/* reexport safe */ _components_header_logo_image__WEBPACK_IMPORTED_MODULE_43__.LogoImageViewModel),
 /* harmony export */   MatrixCellWrapperEditSurvey: () => (/* reexport safe */ _components_matrix_cell__WEBPACK_IMPORTED_MODULE_40__.MatrixCellWrapperEditSurvey),
 /* harmony export */   MatrixCellWrapperViewModel: () => (/* reexport safe */ _components_matrix_cell__WEBPACK_IMPORTED_MODULE_40__.MatrixCellWrapperViewModel),
-/* harmony export */   MenuButton: () => (/* reexport safe */ _utils_actions__WEBPACK_IMPORTED_MODULE_79__.MenuButton),
-/* harmony export */   ObjType: () => (/* reexport safe */ _survey_helper__WEBPACK_IMPORTED_MODULE_82__.ObjType),
+/* harmony export */   MenuButton: () => (/* reexport safe */ _utils_actions__WEBPACK_IMPORTED_MODULE_82__.MenuButton),
+/* harmony export */   ObjType: () => (/* reexport safe */ _survey_helper__WEBPACK_IMPORTED_MODULE_85__.ObjType),
 /* harmony export */   ObjectSelector: () => (/* reexport safe */ _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_60__.ObjectSelector),
 /* harmony export */   ObjectSelectorItem: () => (/* reexport safe */ _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_60__.ObjectSelectorItem),
 /* harmony export */   ObjectSelectorModel: () => (/* reexport safe */ _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_60__.ObjectSelectorModel),
 /* harmony export */   PageAdorner: () => (/* reexport safe */ _components_page__WEBPACK_IMPORTED_MODULE_32__.PageAdorner),
 /* harmony export */   PageNavigatorViewModel: () => (/* reexport safe */ _components_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_31__.PageNavigatorViewModel),
-/* harmony export */   PagesController: () => (/* reexport safe */ _pages_controller__WEBPACK_IMPORTED_MODULE_86__.PagesController),
+/* harmony export */   PagesController: () => (/* reexport safe */ _pages_controller__WEBPACK_IMPORTED_MODULE_89__.PagesController),
 /* harmony export */   PredefinedBackgroundColors: () => (/* reexport safe */ _components_tabs_themes__WEBPACK_IMPORTED_MODULE_16__.PredefinedBackgroundColors),
 /* harmony export */   PredefinedColors: () => (/* reexport safe */ _components_tabs_themes__WEBPACK_IMPORTED_MODULE_16__.PredefinedColors),
 /* harmony export */   PredefinedThemes: () => (/* reexport safe */ _components_tabs_themes__WEBPACK_IMPORTED_MODULE_16__.PredefinedThemes),
@@ -45798,9 +45895,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   QuestionToolbox: () => (/* reexport safe */ _toolbox__WEBPACK_IMPORTED_MODULE_71__.QuestionToolbox),
 /* harmony export */   QuestionToolboxCategory: () => (/* reexport safe */ _toolbox__WEBPACK_IMPORTED_MODULE_71__.QuestionToolboxCategory),
 /* harmony export */   QuestionToolboxItem: () => (/* reexport safe */ _toolbox__WEBPACK_IMPORTED_MODULE_71__.QuestionToolboxItem),
-/* harmony export */   RGBToHSB: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.RGBToHSB),
+/* harmony export */   RGBToHSB: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.RGBToHSB),
 /* harmony export */   ResetValueAdorner: () => (/* reexport safe */ _custom_questions_question_text_with_reset__WEBPACK_IMPORTED_MODULE_54__.ResetValueAdorner),
-/* harmony export */   ResizeManager: () => (/* reexport safe */ _utils_resizer__WEBPACK_IMPORTED_MODULE_83__.ResizeManager),
+/* harmony export */   ResizeManager: () => (/* reexport safe */ _utils_resizer__WEBPACK_IMPORTED_MODULE_86__.ResizeManager),
 /* harmony export */   RowViewModel: () => (/* reexport safe */ _components_row__WEBPACK_IMPORTED_MODULE_33__.RowViewModel),
 /* harmony export */   ScrollViewModel: () => (/* reexport safe */ _components_scroll__WEBPACK_IMPORTED_MODULE_48__.ScrollViewModel),
 /* harmony export */   SearchManager: () => (/* reexport safe */ _components_search_manager__WEBPACK_IMPORTED_MODULE_47__.SearchManager),
@@ -45814,14 +45911,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   StringItemsNavigatorBase: () => (/* reexport safe */ _components_string_editor__WEBPACK_IMPORTED_MODULE_44__.StringItemsNavigatorBase),
 /* harmony export */   StylesManager: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.StylesManager),
 /* harmony export */   SurveyCreatorModel: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorModel),
-/* harmony export */   SurveyHelper: () => (/* reexport safe */ _survey_helper__WEBPACK_IMPORTED_MODULE_82__.SurveyHelper),
+/* harmony export */   SurveyHelper: () => (/* reexport safe */ _survey_helper__WEBPACK_IMPORTED_MODULE_85__.SurveyHelper),
 /* harmony export */   SurveyJSON5: () => (/* reexport safe */ _json5__WEBPACK_IMPORTED_MODULE_50__.SurveyJSON5),
 /* harmony export */   SurveyLogic: () => (/* reexport safe */ _components_tabs_logic__WEBPACK_IMPORTED_MODULE_20__.SurveyLogic),
 /* harmony export */   SurveyLogicUI: () => (/* reexport safe */ _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_26__.SurveyLogicUI),
-/* harmony export */   SurveyQuestionEditorDefinition: () => (/* reexport safe */ _question_editor_definition__WEBPACK_IMPORTED_MODULE_80__.SurveyQuestionEditorDefinition),
-/* harmony export */   SurveyQuestionEditorPropertyDefinition: () => (/* reexport safe */ _question_editor_properties__WEBPACK_IMPORTED_MODULE_81__.SurveyQuestionEditorPropertyDefinition),
-/* harmony export */   SurveyQuestionEditorTabDefinition: () => (/* reexport safe */ _question_editor_properties__WEBPACK_IMPORTED_MODULE_81__.SurveyQuestionEditorTabDefinition),
-/* harmony export */   SurveyQuestionProperties: () => (/* reexport safe */ _question_editor_properties__WEBPACK_IMPORTED_MODULE_81__.SurveyQuestionProperties),
+/* harmony export */   SurveyQuestionEditorDefinition: () => (/* reexport safe */ _question_editor_definition__WEBPACK_IMPORTED_MODULE_83__.SurveyQuestionEditorDefinition),
+/* harmony export */   SurveyQuestionEditorPropertyDefinition: () => (/* reexport safe */ _question_editor_properties__WEBPACK_IMPORTED_MODULE_84__.SurveyQuestionEditorPropertyDefinition),
+/* harmony export */   SurveyQuestionEditorTabDefinition: () => (/* reexport safe */ _question_editor_properties__WEBPACK_IMPORTED_MODULE_84__.SurveyQuestionEditorTabDefinition),
+/* harmony export */   SurveyQuestionProperties: () => (/* reexport safe */ _question_editor_properties__WEBPACK_IMPORTED_MODULE_84__.SurveyQuestionProperties),
 /* harmony export */   SurveyResultsItemModel: () => (/* reexport safe */ _components_results__WEBPACK_IMPORTED_MODULE_42__.SurveyResultsItemModel),
 /* harmony export */   SurveyResultsModel: () => (/* reexport safe */ _components_results__WEBPACK_IMPORTED_MODULE_42__.SurveyResultsModel),
 /* harmony export */   SurveySimulatorModel: () => (/* reexport safe */ _components_simulator__WEBPACK_IMPORTED_MODULE_41__.SurveySimulatorModel),
@@ -45849,7 +45946,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Themes: () => (/* reexport safe */ _components_tabs_themes__WEBPACK_IMPORTED_MODULE_16__.Themes),
 /* harmony export */   ToolbarActionContainer: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.ToolbarActionContainer),
 /* harmony export */   ToolboxToolViewModel: () => (/* reexport safe */ _components_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_29__.ToolboxToolViewModel),
-/* harmony export */   Transaction: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_85__.Transaction),
+/* harmony export */   Transaction: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_88__.Transaction),
 /* harmony export */   Translation: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.Translation),
 /* harmony export */   TranslationEditor: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.TranslationEditor),
 /* harmony export */   TranslationForEditor: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.TranslationForEditor),
@@ -45857,22 +45954,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TranslationItem: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.TranslationItem),
 /* harmony export */   TranslationItemBase: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.TranslationItemBase),
 /* harmony export */   TranslationItemString: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.TranslationItemString),
-/* harmony export */   UndoRedoAction: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_85__.UndoRedoAction),
-/* harmony export */   UndoRedoArrayAction: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_85__.UndoRedoArrayAction),
-/* harmony export */   UndoRedoManager: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_85__.UndoRedoManager),
-/* harmony export */   UndoRedoPlugin: () => (/* reexport safe */ _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_84__.UndoRedoPlugin),
+/* harmony export */   UndoRedoAction: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_88__.UndoRedoAction),
+/* harmony export */   UndoRedoArrayAction: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_88__.UndoRedoArrayAction),
+/* harmony export */   UndoRedoManager: () => (/* reexport safe */ _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_88__.UndoRedoManager),
+/* harmony export */   UndoRedoPlugin: () => (/* reexport safe */ _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_87__.UndoRedoPlugin),
 /* harmony export */   Version: () => (/* binding */ Version),
 /* harmony export */   assign: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.assign),
-/* harmony export */   assignDefaultV2Classes: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.assignDefaultV2Classes),
+/* harmony export */   assignDefaultV2Classes: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.assignDefaultV2Classes),
 /* harmony export */   backgroundCornerRadiusFromCssVariable: () => (/* reexport safe */ _components_tabs_theme_custom_questions_background_corner_radius__WEBPACK_IMPORTED_MODULE_15__.backgroundCornerRadiusFromCssVariable),
 /* harmony export */   backgroundCornerRadiusToCssVariable: () => (/* reexport safe */ _components_tabs_theme_custom_questions_background_corner_radius__WEBPACK_IMPORTED_MODULE_15__.backgroundCornerRadiusToCssVariable),
-/* harmony export */   calculateDragOverLocation: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_94__.calculateDragOverLocation),
-/* harmony export */   calculateIsEdge: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_94__.calculateIsEdge),
-/* harmony export */   calculateIsSide: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_94__.calculateIsSide),
+/* harmony export */   calculateDragOverLocation: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_97__.calculateDragOverLocation),
+/* harmony export */   calculateIsEdge: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_97__.calculateIsEdge),
+/* harmony export */   calculateIsSide: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_97__.calculateIsSide),
 /* harmony export */   capitalize: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.capitalize),
 /* harmony export */   clearNewLines: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.clearNewLines),
-/* harmony export */   colorsAreEqual: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.colorsAreEqual),
-/* harmony export */   convertRgbaToString: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.convertRgbaToString),
+/* harmony export */   colorsAreEqual: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.colorsAreEqual),
+/* harmony export */   convertRgbaToString: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.convertRgbaToString),
 /* harmony export */   copyCssClasses: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.copyCssClasses),
 /* harmony export */   copyObject: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.copyObject),
 /* harmony export */   createBoxShadow: () => (/* reexport safe */ _components_tabs_theme_custom_questions_shadow_effects__WEBPACK_IMPORTED_MODULE_13__.createBoxShadow),
@@ -45880,42 +45977,42 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   createColor: () => (/* reexport safe */ _components_tabs_theme_custom_questions_color_alpha__WEBPACK_IMPORTED_MODULE_12__.createColor),
 /* harmony export */   createExportCSVAction: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.createExportCSVAction),
 /* harmony export */   createImportCSVAction: () => (/* reexport safe */ _components_tabs_translation__WEBPACK_IMPORTED_MODULE_21__.createImportCSVAction),
-/* harmony export */   creatorThemeModelEditorDefinition: () => (/* reexport safe */ _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_87__.creatorThemeModelEditorDefinition),
-/* harmony export */   creatorThemeModelPropertyGridDefinition: () => (/* reexport safe */ _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_87__.creatorThemeModelPropertyGridDefinition),
-/* harmony export */   defaultPropertyGridDefinition: () => (/* reexport safe */ _question_editor_definition__WEBPACK_IMPORTED_MODULE_80__.defaultPropertyGridDefinition),
+/* harmony export */   creatorThemeModelEditorDefinition: () => (/* reexport safe */ _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_90__.creatorThemeModelEditorDefinition),
+/* harmony export */   creatorThemeModelPropertyGridDefinition: () => (/* reexport safe */ _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_90__.creatorThemeModelPropertyGridDefinition),
+/* harmony export */   defaultPropertyGridDefinition: () => (/* reexport safe */ _question_editor_definition__WEBPACK_IMPORTED_MODULE_83__.defaultPropertyGridDefinition),
 /* harmony export */   defaultStrings: () => (/* reexport safe */ _editorLocalization__WEBPACK_IMPORTED_MODULE_1__.defaultStrings),
 /* harmony export */   editableStringRendererName: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.editableStringRendererName),
 /* harmony export */   editorLocalization: () => (/* reexport safe */ _editorLocalization__WEBPACK_IMPORTED_MODULE_1__.editorLocalization),
 /* harmony export */   enStrings: () => (/* reexport safe */ _localization_english__WEBPACK_IMPORTED_MODULE_0__.enStrings),
-/* harmony export */   findParentNode: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.findParentNode),
-/* harmony export */   focusFirstControl: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.focusFirstControl),
+/* harmony export */   findParentNode: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.findParentNode),
+/* harmony export */   focusFirstControl: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.focusFirstControl),
 /* harmony export */   fontsettingsFromCssVariable: () => (/* reexport safe */ _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_14__.fontsettingsFromCssVariable),
 /* harmony export */   fontsettingsToCssVariable: () => (/* reexport safe */ _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_14__.fontsettingsToCssVariable),
 /* harmony export */   getAcceptedTypesByContentMode: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getAcceptedTypesByContentMode),
 /* harmony export */   getElementWrapperComponentData: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.getElementWrapperComponentData),
 /* harmony export */   getElementWrapperComponentName: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.getElementWrapperComponentName),
-/* harmony export */   getFirstNonTextElement: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getFirstNonTextElement),
+/* harmony export */   getFirstNonTextElement: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.getFirstNonTextElement),
 /* harmony export */   getItemValueWrapperComponentData: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.getItemValueWrapperComponentData),
 /* harmony export */   getItemValueWrapperComponentName: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.getItemValueWrapperComponentName),
 /* harmony export */   getLocString: () => (/* reexport safe */ _editorLocalization__WEBPACK_IMPORTED_MODULE_1__.getLocString),
-/* harmony export */   getNextItemText: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getNextItemText),
-/* harmony export */   getNextItemValue: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getNextItemValue),
-/* harmony export */   getNextValue: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getNextValue),
-/* harmony export */   getNodesFromKoComponentInfo: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getNodesFromKoComponentInfo),
+/* harmony export */   getNextItemText: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.getNextItemText),
+/* harmony export */   getNextItemValue: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.getNextItemValue),
+/* harmony export */   getNextValue: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.getNextValue),
+/* harmony export */   getNodesFromKoComponentInfo: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.getNodesFromKoComponentInfo),
 /* harmony export */   getPredefinedBackgoundColorsChoices: () => (/* reexport safe */ _components_tabs_themes__WEBPACK_IMPORTED_MODULE_16__.getPredefinedBackgoundColorsChoices),
 /* harmony export */   getPredefinedColorsItemValues: () => (/* reexport safe */ _components_tabs_themes__WEBPACK_IMPORTED_MODULE_16__.getPredefinedColorsItemValues),
 /* harmony export */   getQuestionContentWrapperComponentName: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.getQuestionContentWrapperComponentName),
-/* harmony export */   getQuestionFromObj: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.getQuestionFromObj),
+/* harmony export */   getQuestionFromObj: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.getQuestionFromObj),
 /* harmony export */   iconsV1: () => (/* reexport safe */ _svgbundle__WEBPACK_IMPORTED_MODULE_69__.iconsV1),
 /* harmony export */   iconsV2: () => (/* reexport safe */ _svgbundle__WEBPACK_IMPORTED_MODULE_69__.iconsV2),
-/* harmony export */   ignoreUndoRedo: () => (/* reexport safe */ _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_84__.ignoreUndoRedo),
+/* harmony export */   ignoreUndoRedo: () => (/* reexport safe */ _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_87__.ignoreUndoRedo),
 /* harmony export */   imageMimeTypes: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.imageMimeTypes),
-/* harmony export */   ingectAlpha: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.ingectAlpha),
+/* harmony export */   ingectAlpha: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.ingectAlpha),
 /* harmony export */   initLogicOperator: () => (/* reexport safe */ _components_tabs_logic__WEBPACK_IMPORTED_MODULE_20__.initLogicOperator),
 /* harmony export */   initialSettingsAllowShowEmptyTitleInDesignMode: () => (/* reexport safe */ _components_tabs_designer__WEBPACK_IMPORTED_MODULE_24__.initialSettingsAllowShowEmptyTitleInDesignMode),
 /* harmony export */   initializeDesignTimeSurveyModel: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.initializeDesignTimeSurveyModel),
-/* harmony export */   isPanelDynamic: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_94__.isPanelDynamic),
-/* harmony export */   isPropertyVisible: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.isPropertyVisible),
+/* harmony export */   isPanelDynamic: () => (/* reexport safe */ _survey_elements__WEBPACK_IMPORTED_MODULE_97__.isPanelDynamic),
+/* harmony export */   isPropertyVisible: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.isPropertyVisible),
 /* harmony export */   isStringEditable: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.isStringEditable),
 /* harmony export */   isTextInput: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.isTextInput),
 /* harmony export */   listComponentCss: () => (/* reexport safe */ _components_list_theme__WEBPACK_IMPORTED_MODULE_49__.listComponentCss),
@@ -45923,32 +46020,32 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   logicCss: () => (/* reexport safe */ _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_28__.logicCss),
 /* harmony export */   notShortCircuitAnd: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.notShortCircuitAnd),
 /* harmony export */   parseBoxShadow: () => (/* reexport safe */ _components_tabs_theme_custom_questions_shadow_effects__WEBPACK_IMPORTED_MODULE_13__.parseBoxShadow),
-/* harmony export */   parseColor: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.parseColor),
-/* harmony export */   parseRgbaFromString: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.parseRgbaFromString),
-/* harmony export */   propertyExists: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.propertyExists),
+/* harmony export */   parseColor: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.parseColor),
+/* harmony export */   parseRgbaFromString: () => (/* reexport safe */ _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__.parseRgbaFromString),
+/* harmony export */   propertyExists: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.propertyExists),
 /* harmony export */   propertyGridCss: () => (/* reexport safe */ _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_67__.propertyGridCss),
 /* harmony export */   registerAdorner: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.registerAdorner),
 /* harmony export */   removeAdorners: () => (/* reexport safe */ _creator_base__WEBPACK_IMPORTED_MODULE_4__.removeAdorners),
 /* harmony export */   roundTo2Decimals: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.roundTo2Decimals),
-/* harmony export */   saveToFileHandler: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.saveToFileHandler),
-/* harmony export */   scrollElementIntoView: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.scrollElementIntoView),
-/* harmony export */   select: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.select),
+/* harmony export */   saveToFileHandler: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.saveToFileHandler),
+/* harmony export */   scrollElementIntoView: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.scrollElementIntoView),
+/* harmony export */   select: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.select),
 /* harmony export */   setSurveyJSONForPropertyGrid: () => (/* reexport safe */ _property_grid__WEBPACK_IMPORTED_MODULE_55__.setSurveyJSONForPropertyGrid),
 /* harmony export */   settings: () => (/* reexport safe */ _creator_settings__WEBPACK_IMPORTED_MODULE_2__.settings),
 /* harmony export */   setupLocale: () => (/* reexport safe */ _editorLocalization__WEBPACK_IMPORTED_MODULE_1__.setupLocale),
 /* harmony export */   simulatorDevices: () => (/* reexport safe */ _components_simulator__WEBPACK_IMPORTED_MODULE_41__.simulatorDevices),
 /* harmony export */   svgBundle: () => (/* reexport safe */ _svgbundle__WEBPACK_IMPORTED_MODULE_69__.svgBundle),
 /* harmony export */   themeModelPropertyGridDefinition: () => (/* reexport safe */ _components_tabs_theme_model_definition__WEBPACK_IMPORTED_MODULE_19__.themeModelPropertyGridDefinition),
-/* harmony export */   toggleHovered: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.toggleHovered),
+/* harmony export */   toggleHovered: () => (/* reexport safe */ _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__.toggleHovered),
 /* harmony export */   translationCss: () => (/* reexport safe */ _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_22__.translationCss),
 /* harmony export */   trimBoxShadowValue: () => (/* reexport safe */ _components_tabs_theme_custom_questions_shadow_effects__WEBPACK_IMPORTED_MODULE_13__.trimBoxShadowValue),
 /* harmony export */   trimEmptyFields: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.trimEmptyFields),
-/* harmony export */   undoRedoTransaction: () => (/* reexport safe */ _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_84__.undoRedoTransaction),
+/* harmony export */   undoRedoTransaction: () => (/* reexport safe */ _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_87__.undoRedoTransaction),
 /* harmony export */   updateBackgroundCornerRadiusJSON: () => (/* reexport safe */ _components_tabs_theme_custom_questions_background_corner_radius__WEBPACK_IMPORTED_MODULE_15__.updateBackgroundCornerRadiusJSON),
 /* harmony export */   updateFontSettingsJSON: () => (/* reexport safe */ _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_14__.updateFontSettingsJSON),
 /* harmony export */   updateShadowEffectsJSON: () => (/* reexport safe */ _components_tabs_theme_custom_questions_shadow_effects__WEBPACK_IMPORTED_MODULE_13__.updateShadowEffectsJSON),
 /* harmony export */   updatecoloralphaJSON: () => (/* reexport safe */ _components_tabs_theme_custom_questions_color_alpha__WEBPACK_IMPORTED_MODULE_12__.updatecoloralphaJSON),
-/* harmony export */   wrapTextByCurlyBraces: () => (/* reexport safe */ _utils_utils__WEBPACK_IMPORTED_MODULE_78__.wrapTextByCurlyBraces)
+/* harmony export */   wrapTextByCurlyBraces: () => (/* reexport safe */ _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__.wrapTextByCurlyBraces)
 /* harmony export */ });
 /* harmony import */ var _localization_english__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../localization/english */ "./src/localization/english.ts");
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
@@ -46029,26 +46126,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../components/switcher/switcher */ "./src/components/switcher/switcher.ts");
 /* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../utils/actions */ "./src/utils/actions.ts");
-/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
-/* harmony import */ var _question_editor_properties__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../question-editor/properties */ "./src/question-editor/properties.ts");
-/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
-/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
-/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
-/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
-/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
-/* harmony import */ var _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../creator-theme/creator-theme-model-definition */ "./src/creator-theme/creator-theme-model-definition.ts");
-/* harmony import */ var _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ../creator-theme/creator-theme-model */ "./src/creator-theme/creator-theme-model.ts");
-/* harmony import */ var _presets_presets_base__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ../presets/presets-base */ "./src/presets/presets-base.ts");
-/* harmony import */ var _presets_presets__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ../presets/presets */ "./src/presets/presets.ts");
-/* harmony import */ var _presets_presets_properties__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ../presets/presets-properties */ "./src/presets/presets-properties.ts");
-/* harmony import */ var _presets_presets_tabs__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ../presets/presets-tabs */ "./src/presets/presets-tabs.ts");
-/* harmony import */ var _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ../presets/presets-toolbox */ "./src/presets/presets-toolbox.ts");
-/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ../survey-elements */ "./src/survey-elements.ts");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_95___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_95__);
+/* harmony import */ var _utils_html_element_utils__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../utils/html-element-utils */ "./src/utils/html-element-utils.ts");
+/* harmony import */ var _utils_color_utils__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../utils/color-utils */ "./src/utils/color-utils.ts");
+/* harmony import */ var _utils_creator_utils__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../utils/creator-utils */ "./src/utils/creator-utils.ts");
+/* harmony import */ var _utils_actions__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../utils/actions */ "./src/utils/actions.ts");
+/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
+/* harmony import */ var _question_editor_properties__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../question-editor/properties */ "./src/question-editor/properties.ts");
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
+/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony import */ var _creator_theme_creator_theme_model_definition__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ../creator-theme/creator-theme-model-definition */ "./src/creator-theme/creator-theme-model-definition.ts");
+/* harmony import */ var _creator_theme_creator_theme_model__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ../creator-theme/creator-theme-model */ "./src/creator-theme/creator-theme-model.ts");
+/* harmony import */ var _presets_presets_base__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ../presets/presets-base */ "./src/presets/presets-base.ts");
+/* harmony import */ var _presets_presets__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ../presets/presets */ "./src/presets/presets.ts");
+/* harmony import */ var _presets_presets_properties__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ../presets/presets-properties */ "./src/presets/presets-properties.ts");
+/* harmony import */ var _presets_presets_tabs__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! ../presets/presets-tabs */ "./src/presets/presets-tabs.ts");
+/* harmony import */ var _presets_presets_toolbox__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(/*! ../presets/presets-toolbox */ "./src/presets/presets-toolbox.ts");
+/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(/*! ../survey-elements */ "./src/survey-elements.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_98___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_98__);
 var Version;
-Version = "".concat("1.12.16");
+Version = "".concat("1.12.17");
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -46145,6 +46245,9 @@ __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-but
 
 
 
+
+
+
 
 
 
@@ -46167,8 +46270,8 @@ __webpack_require__(/*! ../property-grid-theme/property-grid.scss */ "./src/prop
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 __webpack_require__(/*! ../custom-questions/boolean-switch.scss */ "./src/custom-questions/boolean-switch.scss");
 
-survey_core__WEBPACK_IMPORTED_MODULE_95__.settings.supportCreatorV2 = true;
-(0,survey_core__WEBPACK_IMPORTED_MODULE_95__.checkLibraryVersion)("".concat("1.12.16"), "survey-creator-core");
+survey_core__WEBPACK_IMPORTED_MODULE_98__.settings.supportCreatorV2 = true;
+(0,survey_core__WEBPACK_IMPORTED_MODULE_98__.checkLibraryVersion)("".concat("1.12.17"), "survey-creator-core");
 
 })();