survey-creator-core 1.9.88 → 1.9.90

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.88
+ * SurveyJS Creator v1.9.90
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -374,6 +374,8 @@ __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");
+
 
 
 __webpack_require__(/*! ./logo-image.scss */ "./src/components/header/logo-image.scss");
@@ -438,6 +440,13 @@ var LogoImageViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(LogoImageViewModel.prototype, "acceptedTypes", {
+        get: function () {
+            return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["getAcceptedTypesByContentMode"])("image");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], LogoImageViewModel.prototype, "isUploading", void 0);
@@ -473,6 +482,8 @@ __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 _item_value__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./item-value */ "./src/components/item-value.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+
 
 
 
@@ -552,6 +563,13 @@ var ImageItemValueWrapperViewModel = /** @class */ (function (_super) {
             model.uploadFiles(files);
         });
     };
+    Object.defineProperty(ImageItemValueWrapperViewModel.prototype, "acceptedTypes", {
+        get: function () {
+            return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getAcceptedTypesByContentMode"])(this.question.contentMode);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], ImageItemValueWrapperViewModel.prototype, "isFileDragging", void 0);
@@ -665,7 +683,7 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
             _this.dragDropHelper.startDrag(pointerDownEvent, _this.item, _this.question, currentTarget);
         };
         _this.handleDragDropGhostPositionChanged = function () {
-            _this.ghostPosition = _this.dragDropHelper.getGhostPosition(_this.item);
+            _this.ghostPosition = _this.getGhostPosition(_this.item);
             _this.isDragDropGhost = _this.item === _this.dragDropHelper.draggedElement;
             if (_this.item === _this.dragDropHelper.prevDropTarget) {
                 _this.isDragDropMoveDown = _this.item.isDragDropMoveDown;
@@ -753,6 +771,11 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
         _super.prototype.dispose.call(this);
         this.dragDropHelper.onGhostPositionChanged.remove(this.handleDragDropGhostPositionChanged);
     };
+    ItemValueWrapperViewModel.prototype.getGhostPosition = function (item) {
+        if (this.dragDropHelper.dropTarget !== item)
+            return null;
+        return this.dragDropHelper.isBottom ? "bottom" : "top";
+    };
     Object.defineProperty(ItemValueWrapperViewModel.prototype, "isDraggable", {
         get: function () {
             return this.isDraggableItem(this.item);
@@ -1145,7 +1168,7 @@ var MatrixCellWrapperViewModel = /** @class */ (function (_super) {
         creator.onSelectedElementChanged.add(_this.onSelectionChanged);
         return _this;
     }
-    MatrixCellWrapperViewModel.prototype.editQuestion = function (model) {
+    MatrixCellWrapperViewModel.prototype.editQuestion = function (model, event) {
         var editSurvey = new MatrixCellWrapperEditSurvey(model.creator, model.question);
         survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("svc-question-editor-content", {
             survey: editSurvey.survey,
@@ -1154,6 +1177,8 @@ var MatrixCellWrapperViewModel = /** @class */ (function (_super) {
             editSurvey.apply();
             return true;
         }, undefined, "svc-matrix-cell__popup", model.question.name, this.creator.isMobileView ? "overlay" : "popup");
+        event.stopPropagation();
+        model.creator.selectElement(model.column);
     };
     Object.defineProperty(MatrixCellWrapperViewModel.prototype, "context", {
         get: function () {
@@ -1582,6 +1607,7 @@ var PageAdorner = /** @class */ (function (_super) {
                         "description"
                     ]);
                     currentPage.name = _survey_helper__WEBPACK_IMPORTED_MODULE_4__["SurveyHelper"].getNewPageName(_this.creator.survey.pages);
+                    _this.dragTypeOverMe = null;
                     return true;
                 })) {
                     _this.creator.survey.currentPage = currentPage;
@@ -1603,6 +1629,7 @@ var PageAdorner = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.attachElement.call(this, surveyElement);
         if (!!this.page) {
+            this.dragTypeOverMe = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.page.dragTypeOverMe; });
             this.page["surveyChangedCallback"] = function () {
                 _this.isPageLive = !!_this.page.survey;
             };
@@ -1666,12 +1693,12 @@ var PageAdorner = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    PageAdorner.prototype.addNewQuestion = function (model, event) {
+    PageAdorner.prototype.addNewQuestion = function (model, event, type) {
         var _this = this;
         this.creator.addNewQuestionInPage(function (type) {
             _this.addGhostPage(false);
             _this.creator.survey.currentPage = _this.page;
-        }, null, this.currentAddQuestionType || _creator_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].designer.defaultAddQuestionType);
+        }, null, type || this.currentAddQuestionType || _creator_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].designer.defaultAddQuestionType);
     };
     PageAdorner.prototype.select = function (model, event) {
         if (!model.isGhost) {
@@ -1690,12 +1717,17 @@ var PageAdorner = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageAdorner.prototype, "css", {
         get: function () {
+            var result = "";
+            if (!!this.dragTypeOverMe && this.page.elements.length === 0 && this.creator.survey.pages.length > 0) {
+                result = "svc-page--drag-over-empty";
+            }
             if (this.isGhost) {
-                return "svc-page__content--new";
+                return result + " svc-page__content--new";
             }
-            return this.creator.isElementSelected(this.page)
-                ? "svc-page__content--selected"
-                : "";
+            if (this.creator.isElementSelected(this.page)) {
+                result += " svc-page__content--selected";
+            }
+            return result;
         },
         enumerable: false,
         configurable: true
@@ -1719,6 +1751,30 @@ var PageAdorner = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PageAdorner.prototype, "footerActionsBar", {
+        get: function () {
+            var _this = this;
+            if (!this._footerActionsBar) {
+                this._footerActionsBar = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ActionContainer"]();
+                this._footerActionsBar.containerCss = "svc-page__footer";
+                this._footerActionsBar.cssClasses = {
+                    item: "svc-btn",
+                    itemTitle: "svc-text svc-text--normal svc-text--bold"
+                };
+                var footerActions = [{
+                        css: "svc-add-new-question-action",
+                        visible: (new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.showAddQuestionButton; })),
+                        component: "svc-add-new-question-btn",
+                        data: this
+                    }];
+                footerActions = this.creator.getUpdatedPageAdornerFooterActions(this, footerActions);
+                this.footerActionsBar.setItems(footerActions);
+            }
+            return this._footerActionsBar;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], PageAdorner.prototype, "isSelected", void 0);
@@ -1728,6 +1784,9 @@ var PageAdorner = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
     ], PageAdorner.prototype, "currentAddQuestionType", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: null })
+    ], PageAdorner.prototype, "dragTypeOverMe", void 0);
     return PageAdorner;
 }(_action_container_view_model__WEBPACK_IMPORTED_MODULE_2__["SurveyElementAdornerBase"]));
 
@@ -1896,7 +1955,9 @@ __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 _question__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./question */ "./src/components/question.ts");
-/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_3__ = __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 _editorLocalization__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
+
 
 
 
@@ -1936,6 +1997,13 @@ var QuestionImageAdornerViewModel = /** @class */ (function (_super) {
             });
         });
     };
+    Object.defineProperty(QuestionImageAdornerViewModel.prototype, "acceptedTypes", {
+        get: function () {
+            return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getAcceptedTypesByContentMode"])(this.surveyElement.contentMode);
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionImageAdornerViewModel.prototype.imageLinkValueChangedHandler = function () {
         this.isEmptyImageLink = !this.question.imageLink;
         this.filePresentationModel.value = null;
@@ -1957,14 +2025,14 @@ var QuestionImageAdornerViewModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionImageAdornerViewModel.prototype, "placeholderText", {
         get: function () {
-            return Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("ed.imagePlaceHolder");
+            return Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_4__["getLocString"])("ed.imagePlaceHolder");
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionImageAdornerViewModel.prototype, "chooseImageText", {
         get: function () {
-            return Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("ed.imageChooseImage");
+            return Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_4__["getLocString"])("ed.imageChooseImage");
         },
         enumerable: false,
         configurable: true
@@ -2024,7 +2092,7 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
     }
     Object.defineProperty(QuestionRatingAdornerViewModel.prototype, "element", {
         get: function () {
-            return this.surveyElement;
+            return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getQuestionFromObj"])(this.surveyElement);
         },
         enumerable: false,
         configurable: true
@@ -2097,7 +2165,7 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionRatingAdornerViewModel.prototype, "allowAdd", {
         get: function () {
-            return !this.creator.readOnly;
+            return this.canAddOrRemove();
         },
         enumerable: false,
         configurable: true
@@ -2122,9 +2190,14 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
     QuestionRatingAdornerViewModel.allowRemoveForElement = function (element) {
         return element.rateCount > 2;
     };
+    QuestionRatingAdornerViewModel.prototype.canAddOrRemove = function () {
+        return this.creator.isCanModifyProperty(this.element, "rateValues") &&
+            this.creator.isCanModifyProperty(this.element, "rateCount") &&
+            (!this.element.autoGenerate || this.creator.isCanModifyProperty(this.element, "rateMax"));
+    };
     Object.defineProperty(QuestionRatingAdornerViewModel.prototype, "allowRemove", {
         get: function () {
-            return !this.creator.readOnly;
+            return this.canAddOrRemove();
         },
         enumerable: false,
         configurable: true
@@ -2234,12 +2307,6 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         }
         _this.checkActionProperties();
         _this.dragOrClickHelper = new survey_core__WEBPACK_IMPORTED_MODULE_1__["DragOrClickHelper"](_this.startDragSurveyElement);
-        _this.dragTypeOverMe = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
-            var element = _this.surveyElement.getType() === "paneldynamic" ?
-                _this.surveyElement.template :
-                _this.surveyElement;
-            return element.dragTypeOverMe;
-        });
         _string_editor__WEBPACK_IMPORTED_MODULE_7__["StringItemsNavigatorBase"].setQuestion(_this);
         return _this;
     }
@@ -2285,18 +2352,30 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         else {
             result = result.replace(" svc-question__content--drag-over-inside", "");
         }
-        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineLeft) {
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineLeft || this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left) {
             result += " svc-question__content--drag-over-left";
         }
         else {
             result = result.replace(" svc-question__content--drag-over-left", "");
         }
-        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineRight) {
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineRight || this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right) {
             result += " svc-question__content--drag-over-right";
         }
         else {
             result = result.replace(" svc-question__content--drag-over-right", "");
         }
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top) {
+            result += " svc-question__content--drag-over-top";
+        }
+        else {
+            result = result.replace(" svc-question__content--drag-over-top", "");
+        }
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+            result += " svc-question__content--drag-over-bottom";
+        }
+        else {
+            result = result.replace(" svc-question__content--drag-over-bottom", "");
+        }
         return result;
     };
     Object.defineProperty(QuestionAdornerViewModel.prototype, "isDragMe", {
@@ -2306,6 +2385,13 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionAdornerViewModel.prototype, "dragTypeOverMe", {
+        get: function () {
+            return this.element.dragTypeOverMe;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionAdornerViewModel.prototype.dispose = function () {
         this.surveyElement.unRegisterFunctionOnPropertyValueChanged("isRequired", "isRequiredAdorner");
         this.surveyElement.unRegisterFunctionOnPropertyValueChanged("inputType", "inputTypeAdorner");
@@ -2539,9 +2625,6 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
     ], QuestionAdornerViewModel.prototype, "currentAddQuestionType", void 0);
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionAdornerViewModel.prototype, "dragTypeOverMe", void 0);
     return QuestionAdornerViewModel;
 }(_action_container_view_model__WEBPACK_IMPORTED_MODULE_5__["SurveyElementAdornerBase"]));
 
@@ -2812,8 +2895,11 @@ var RowViewModel = /** @class */ (function (_super) {
                 this.row.elements[0].name === "sv-drag-drop-ghost-survey-element-name") {
                 result += ghostClass;
             }
-            else {
-                result = result.replace(ghostClass, "");
+            if (this.row.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top) {
+                result += " svc-row--drag-over-top";
+            }
+            if (this.row.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+                result += " svc-row--drag-over-bottom";
             }
             return result;
         },
@@ -3283,6 +3369,9 @@ var SurveySimulatorModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: true })
     ], SurveySimulatorModel.prototype, "simulatorScaleEnabled", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: {} })
+    ], SurveySimulatorModel.prototype, "themeVariables", void 0);
     return SurveySimulatorModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
@@ -4340,13 +4429,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../pages-controller */ "./src/pages-controller.ts");
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../survey-helper */ "./src/survey-helper.ts");
+/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../survey-elements */ "./src/survey-elements.ts");
 
 
 
-__webpack_require__(/*! ./designer.scss */ "./src/components/tabs/designer.scss");
 
 
 
+__webpack_require__(/*! ./designer.scss */ "./src/components/tabs/designer.scss");
 var initialSettingsAllowShowEmptyTitleInDesignMode = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].allowShowEmptyTitleInDesignMode;
 var TabDesignerViewModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TabDesignerViewModel, _super);
@@ -4382,7 +4472,7 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
         newPage.num = this.survey.pages.length + 1;
         newPage.onPropertyChanged.add(checkNewElementHandler);
         this.newPage = newPage;
-        survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropSurveyElements"].newGhostPage = newPage;
+        _survey_elements__WEBPACK_IMPORTED_MODULE_5__["DragDropSurveyElements"].newGhostPage = newPage;
     };
     Object.defineProperty(TabDesignerViewModel.prototype, "canShowNewPage", {
         get: function () {
@@ -9279,16 +9369,6 @@ __webpack_require__(/*! ./test.scss */ "./src/components/tabs/test.scss");
 
 
 
-// import template from "./test.html";
-// export * from "@survey/creator/components/toolbar";
-// export * from "@survey/creator/components/simulator";
-// export * from "@survey/creator/components/results";
-// export * from "@survey/creator/utils/dropdown";
-// export * from "@survey/creator/utils/boolean";
-// export * from "@survey/creator/utils/svg-icon";
-// export * from "@survey/creator/utils/survey-widget";
-// export { SurveySimulatorModel as SurveySimulatorComponentV1 } from "@survey/creator/components/simulator";
-// export { SurveyResultsModel as SurveyResultsModelV1 } from "@survey/creator/components/results";
 var TestSurveyTabViewModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TestSurveyTabViewModel, _super);
     function TestSurveyTabViewModel(surveyProvider, startTheme) {
@@ -9558,10 +9638,1387 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
                 target.simulator.survey.showInvisibleElements = val;
             }
         })
-    ], TestSurveyTabViewModel.prototype, "showInvisibleElements", void 0);
+    ], TestSurveyTabViewModel.prototype, "showInvisibleElements", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: true })
+    ], TestSurveyTabViewModel.prototype, "showPagesInTestSurveyTab", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            defaultValue: true,
+            onSet: function (value, target) {
+                if (!!target.simulator)
+                    target.simulator.isRunning = value;
+            }
+        })
+    ], TestSurveyTabViewModel.prototype, "isRunning", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["propertyArray"])()
+    ], TestSurveyTabViewModel.prototype, "pageListItems", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            onSet: function (val, target) {
+                if (!!val) {
+                    var survey = target.simulator.survey;
+                    if (survey.firstPageIsStarted) {
+                        if (val === survey.pages[0]) {
+                            survey.clear(false, true);
+                        }
+                        else {
+                            if (survey.state == "starting") {
+                                survey.setPropertyValue("isStartedState", false);
+                            }
+                        }
+                    }
+                    if (survey.state !== "starting") {
+                        survey.currentPage = val;
+                    }
+                }
+                target.updatePrevNextPageActionState();
+            }
+        })
+    ], TestSurveyTabViewModel.prototype, "activePage", void 0);
+    return TestSurveyTabViewModel;
+}(survey_core__WEBPACK_IMPORTED_MODULE_2__["Base"]));
+
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme-custom-questions/boxshadow-settings.ts":
+/*!**************************************************************************!*\
+  !*** ./src/components/tabs/theme-custom-questions/boxshadow-settings.ts ***!
+  \**************************************************************************/
+/*! exports provided: createBoxShadow, parseBoxShadow */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createBoxShadow", function() { return createBoxShadow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseBoxShadow", function() { return parseBoxShadow; });
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.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__);
+
+
+survey_core__WEBPACK_IMPORTED_MODULE_1__["ComponentCollection"].Instance.add({
+    name: "boxshadowsettings",
+    showInToolbox: false,
+    questionJSON: {
+        "type": "paneldynamic",
+        "panelCount": 1,
+        //temp
+        "maxPanelCount": 1,
+        "minPanelCount": 1,
+        "templateElements": [
+            {
+                "type": "spinedit",
+                "name": "x",
+                "unit": "px",
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowX"),
+                "titleLocation": "left",
+                "min": 0,
+            },
+            {
+                "type": "spinedit",
+                "name": "y",
+                "unit": "px",
+                "min": 0,
+                "startWithNewLine": false,
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowY"),
+                "titleLocation": "left"
+            },
+            {
+                "type": "spinedit",
+                "name": "blur",
+                "unit": "px",
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowBlur"),
+                "min": 0,
+                "titleLocation": "left"
+            },
+            {
+                "type": "spinedit",
+                "name": "spread",
+                "unit": "px",
+                "min": 0,
+                "startWithNewLine": false,
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowSpread"),
+                "titleLocation": "left"
+            },
+            {
+                "type": "colorsettings",
+                "name": "color",
+                "titleLocation": "hidden"
+            },
+            {
+                "type": "buttongroup",
+                "name": "isInset",
+                "titleLocation": "hidden",
+                "choices": [{ text: "Drop", value: false }, { text: "Inner", value: true }]
+            }
+        ]
+    },
+    onCreated: function (question) {
+        question.valueFromDataCallback = function (value) { return typeof value == "string" ? parseBoxShadow(value) : value; };
+        question.valueToDataCallback = function (value) { return !!value ? (typeof value == "string" ? value : createBoxShadow(Array.isArray(value) ? value : [value])) : ""; };
+        question.contentQuestion.panels.forEach(function (p) { return p.questions.forEach(function (q) { return q.allowRootStyle = false; }); });
+    },
+});
+function createBoxShadow(value) {
+    return value.map((function (val) { return "" + (val.isInset == true ? "inset " : "") + val.x + "px " + val.y + "px " + val.blur + "px " + val.spread + "px " + val.color; })).join(",");
+}
+function parseBoxShadow(value) {
+    return value.split(/(?<!\([^)]*),(?!.*\))/).map(function (value) {
+        var color = value.match(/#[a-zA-Z0-9]+|rgba?\(.*?\)/);
+        var isInset = value.indexOf("inset") > -1;
+        var res = {};
+        if (isInset) {
+            value = value.replace("inset", "");
+        }
+        if (!!color) {
+            res["color"] = color[0];
+        }
+        var values = value.replace(/\s+/g, " ").replace(/^\s|\s$/g, "").split(" ");
+        res["x"] = parseInt(values[0]) || 0;
+        res["y"] = parseInt(values[1]) || 0;
+        res["blur"] = parseInt(values[2]) || 0;
+        res["spread"] = parseInt(values[3]) || 0;
+        res["isInset"] = isInset;
+        return res;
+    });
+}
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme-custom-questions/color-settings.ts":
+/*!**********************************************************************!*\
+  !*** ./src/components/tabs/theme-custom-questions/color-settings.ts ***!
+  \**********************************************************************/
+/*! exports provided: createColor, parseColor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createColor", function() { return createColor; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return parseColor; });
+/* 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");
+
+
+
+survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
+    name: "colorsettings",
+    showInToolbox: false,
+    elementsJSON: [
+        {
+            name: "color",
+            type: "color",
+            titleLocation: "hidden",
+        },
+        {
+            name: "opacity",
+            startWithNewLine: false,
+            type: "spinedit",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.opacity"),
+            min: 0,
+            max: 100,
+            unit: "%",
+            titleLocation: "left"
+        }
+    ],
+    onCreated: function (question) {
+        question.valueFromDataCallback = function (newValue) { return typeof newValue == "string" ? parseColor(newValue) : newValue; };
+        question.valueToDataCallback = function (newValue) { return !!newValue ? (typeof newValue == "string" ? newValue : createColor(newValue)) : ""; };
+        question.contentPanel.questions.forEach(function (q) { return q.allowRootStyle = false; });
+    }
+});
+function createColor(value) {
+    return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["ingectAlpha"])(value.color, value.opacity / 100);
+}
+function parseColor(value) {
+    var rgbValues = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["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: opacity * 100 };
+    }
+    else {
+        return { color: value, opacity: 100 };
+    }
+}
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme-plugin.ts":
+/*!*********************************************!*\
+  !*** ./src/components/tabs/theme-plugin.ts ***!
+  \*********************************************/
+/*! exports provided: TabThemePlugin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabThemePlugin", function() { return TabThemePlugin; });
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.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 _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
+/* harmony import */ var _simulator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../simulator */ "./src/components/simulator.ts");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./theme */ "./src/components/tabs/theme.ts");
+
+
+
+
+
+var TabThemePlugin = /** @class */ (function () {
+    function TabThemePlugin(creator) {
+        this.creator = creator;
+        this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyCss"][survey_core__WEBPACK_IMPORTED_MODULE_1__["defaultV2ThemeName"]];
+        creator.addPluginTab("theme", this, "ed.themeSurvey");
+        this.simulatorTheme = survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyCss"][survey_core__WEBPACK_IMPORTED_MODULE_1__["defaultV2ThemeName"]];
+        this.createActions().forEach(function (action) { return creator.toolbar.actions.push(action); });
+        this.sidebarTab = this.creator.sidebar.addTab("preview");
+        this.sidebarTab.caption = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("ed.previewPropertyGridTitle");
+    }
+    TabThemePlugin.prototype.getSimulatorDevicesTitle = function () {
+        if (!this.model)
+            return "";
+        return _simulator__WEBPACK_IMPORTED_MODULE_3__["simulatorDevices"][this.model.simulator.device].title || Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("pe.simulator");
+    };
+    TabThemePlugin.prototype.setDevice = function (newVal) {
+        this.model.simulator.device = newVal;
+        this.model.simulator.resetZoomParameters();
+        var currentType = _simulator__WEBPACK_IMPORTED_MODULE_3__["simulatorDevices"][this.model.simulator.device].deviceType;
+        this.orientationSelectorAction.enabled = currentType != "desktop";
+        this.deviceSelectorAction.iconName = "icon-device-" + currentType;
+        this.deviceSelectorAction.title = Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("pe.simulator");
+    };
+    TabThemePlugin.prototype.updateActions = function () {
+        if (this.creator.showSimulatorInTestSurveyTab) {
+            this.setDevice(this.model.simulator.device);
+            this.deviceSelectorAction.data.selectedItem = { id: this.model.simulator.device };
+            this.orientationSelectorAction.title = Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("pe.portraitOrientation");
+        }
+        if (this.creator.showInvisibleElementsInTestSurveyTab) {
+            this.invisibleToggleAction.css = this.model.showInvisibleElements ? "sv-action-bar-item--active" : "";
+            this.invisibleToggleAction.visible = this.model.isRunning;
+        }
+    };
+    TabThemePlugin.prototype.activate = function () {
+        this.model = new _theme__WEBPACK_IMPORTED_MODULE_4__["ThemeSurveyTabViewModel"](this.creator, this.simulatorTheme);
+        this.model.simulator.landscape = this.creator.previewOrientation != "portrait";
+        this.update();
+        this.sidebarTab.model = this.model.themeEditorSurvey;
+        this.sidebarTab.componentName = "survey-widget";
+        this.creator.sidebar.activeTab = this.sidebarTab.id;
+    };
+    TabThemePlugin.prototype.update = function () {
+        var _this = this;
+        if (!this.model)
+            return;
+        var options = {
+            showPagesInTestSurveyTab: this.creator.showPagesInTestSurveyTab,
+        };
+        this.model.testAgainAction = this.testAgainAction;
+        this.model.prevPageAction = this.prevPageAction;
+        this.model.nextPageAction = this.nextPageAction;
+        this.model.initialize(this.creator.JSON, options);
+        this.updateActions();
+        this.model.show();
+        this.model.onPropertyChanged.add(function (sender, options) {
+            if (options.name === "isRunning") {
+                _this.invisibleToggleAction && (_this.invisibleToggleAction.visible = _this.model.isRunning);
+                _this.testAgainAction.visible = !_this.model.isRunning;
+            }
+        });
+    };
+    TabThemePlugin.prototype.deactivate = function () {
+        if (this.model) {
+            this.simulatorTheme = this.model.simulator.survey.css;
+            this.model.onSurveyCreatedCallback = undefined;
+            this.model = undefined;
+        }
+        this.sidebarTab.visible = false;
+        this.testAgainAction.visible = false;
+        this.invisibleToggleAction && (this.invisibleToggleAction.visible = false);
+        return true;
+    };
+    TabThemePlugin.prototype.createActions = function () {
+        var _this = this;
+        var items = [];
+        this.testAgainAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "testSurveyAgain",
+            visible: false,
+            locTitleName: "ed.testSurveyAgain",
+            action: function () {
+                _this.model.testAgain();
+            }
+        });
+        if (this.creator.showSimulatorInTestSurveyTab) {
+            var deviceSelectorItems = Object.keys(_simulator__WEBPACK_IMPORTED_MODULE_3__["simulatorDevices"])
+                .filter(function (key) { return !!_simulator__WEBPACK_IMPORTED_MODULE_3__["simulatorDevices"][key].title; })
+                .map(function (key) { return ({ id: key, title: _simulator__WEBPACK_IMPORTED_MODULE_3__["simulatorDevices"][key].title }); });
+            this.deviceSelectorAction = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createDropdownActionModel"])({
+                id: "deviceSelector",
+                iconName: "icon-device-desktop",
+                mode: "small",
+                visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                    return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["notShortCircuitAnd"])(_this.creator.activeTab === "theme", _this.creator.showSimulatorInTestSurveyTab);
+                }),
+            }, {
+                items: deviceSelectorItems,
+                allowSelection: true,
+                onSelectionChanged: function (item) { _this.setDevice(item.id); },
+                horizontalPosition: "center",
+                onHide: function () { _this.deviceSelectorAction.enabled = true; },
+                onShow: function () { _this.deviceSelectorAction.enabled = false; }
+            });
+            items.push(this.deviceSelectorAction);
+            this.orientationSelectorAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+                id: "orientationSelector",
+                iconName: "icon-device-rotate",
+                mode: "small",
+                visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                    return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["notShortCircuitAnd"])(_this.creator.activeTab === "theme", _this.creator.showSimulatorInTestSurveyTab);
+                }),
+                action: function () {
+                    _this.model.simulator.landscape = !_this.model.simulator.landscape;
+                    _this.orientationSelectorAction.title = Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])(!_this.model.simulator.landscape ? "pe.landscapeOrientation" : "pe.portraitOrientation");
+                }
+            });
+            items.push(this.orientationSelectorAction);
+        }
+        if (this.creator.showInvisibleElementsInTestSurveyTab) {
+            this.invisibleToggleAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+                id: "showInvisible",
+                iconName: "icon-invisible-items",
+                mode: "small",
+                needSeparator: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                    return !_this.creator.isMobileView;
+                }),
+                locTitleName: "ts.showInvisibleElements",
+                visible: false,
+                action: function () {
+                    _this.model.showInvisibleElements = !_this.model.showInvisibleElements;
+                    _this.invisibleToggleAction.css = _this.model.showInvisibleElements ? "sv-action-bar-item--active" : "";
+                    _this.invisibleToggleAction.title = Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])(!_this.model.showInvisibleElements ? "ts.showInvisibleElements" : "ts.hideInvisibleElements");
+                }
+            });
+            items.push(this.invisibleToggleAction);
+        }
+        this.designerAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "svd-designer",
+            iconName: "icon-preview",
+            needSeparator: true,
+            action: function () { _this.creator.makeNewViewActive("designer"); },
+            active: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.creator.activeTab === "theme"; }),
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                return (_this.creator.activeTab === "theme");
+            }),
+            locTitleName: "ed.designer",
+            showTitle: false
+        });
+        this.prevPageAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "prevPage",
+            iconName: "icon-arrow-left_16x16",
+            visible: false
+        });
+        this.nextPageAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "nextPage",
+            iconName: "icon-arrow-right_16x16",
+            visible: false
+        });
+        return items;
+    };
+    TabThemePlugin.prototype.addFooterActions = function () {
+        this.creator.footerToolbar.actions.push(this.testAgainAction);
+        this.invisibleToggleAction && (this.creator.footerToolbar.actions.push(this.invisibleToggleAction));
+        this.creator.footerToolbar.actions.push(this.prevPageAction);
+        this.creator.footerToolbar.actions.push(this.nextPageAction);
+        this.creator.footerToolbar.actions.push(this.designerAction);
+    };
+    return TabThemePlugin;
+}());
+
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme.scss":
+/*!****************************************!*\
+  !*** ./src/components/tabs/theme.scss ***!
+  \****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme.ts":
+/*!**************************************!*\
+  !*** ./src/components/tabs/theme.ts ***!
+  \**************************************/
+/*! exports provided: Themes, ThemeSurveyTabViewModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Themes", function() { return Themes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ThemeSurveyTabViewModel", function() { return ThemeSurveyTabViewModel; });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var _simulator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../simulator */ "./src/components/simulator.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
+/* harmony import */ var _property_grid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../property-grid */ "./src/property-grid/index.ts");
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+
+
+
+
+
+
+
+__webpack_require__(/*! ./theme.scss */ "./src/components/tabs/theme.scss");
+var Themes = {
+    "default-light": {
+        "--sjs-primary-backcolor": "rgba(25, 179, 148, 1)",
+        "--sjs-primary-backcolor-light": "rgba(25, 179, 148, 0.1)",
+        "--sjs-primary-backcolor-dark": "rgba(20, 164, 139, 1)",
+        "--background": "#ffffff",
+        "--background-dim": "#f3f3f3",
+        "--background-dim-light": "#f9f9f9",
+        "--sjs-general-forecolor": "rgba(0, 0, 0, 0.91)",
+        "--sjs-general-forecolor-light": "rgba(0, 0, 0, 0.45);",
+        "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 0.91);",
+        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45);",
+        "--sjs-editor-background": "#f9f9f9",
+        "--sjs-question-background": "#ffffff",
+        "--sjs-primary-forecolor": "#ffffff",
+        "--foreground": "#161616",
+        "--base-unit": "8px",
+        "--sjs-corner-radius": "4px"
+    },
+    "default-dark": {
+        "--sjs-primary-backcolor": "rgba(255, 152, 20, 1)",
+        "--sjs-primary-backcolor-light": "rgba(255, 255, 255, 0.07)",
+        "--sjs-primary-backcolor-dark": "rgba(255, 170, 24, 1)",
+        "--background": "#555555",
+        "--background-dim": "#4d4d4d",
+        "--background-dim-light": "#4d4d4d",
+        "--sjs-general-forecolor": "rgba(255, 255, 255, 0.78)",
+        "--sjs-general-forecolor-light": "rgba(255, 255, 255, 0.42)",
+        "--sjs-general-dim-forecolor": "rgba(255, 255, 255, 0.79)",
+        "--sjs-general-dim-forecolor-light": "rgba(255, 255, 255, 0.45)",
+        "--sjs-editor-background": "#4d4d4d",
+        "--sjs-question-background": "#555555",
+        "--sjs-primary-forecolor": "#ffffff",
+        "--foreground": "#ededed",
+        "--base-unit": "8px",
+        "--sjs-corner-radius": "4px"
+    }
+};
+survey_core__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.add({
+    name: "fontsettings",
+    showInToolbox: false,
+    elementsJSON: [
+        {
+            type: "dropdown",
+            name: "family",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontFamily"),
+            titleLocation: "left",
+            descriptionLocation: "hidden",
+            choices: ["Open Sans", "Arial"],
+            defaultValue: "Open Sans",
+            allowClear: false
+        },
+        {
+            type: "buttongroup",
+            name: "weight",
+            titleLocation: "hidden",
+            descriptionLocation: "hidden",
+            choices: [
+                { value: "400", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightRegular") },
+                { value: "500", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightHeavy") },
+                { value: "600", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightSemiBold") },
+                { value: "700", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightBold") },
+            ],
+            defaultValue: "400"
+        },
+        {
+            type: "color",
+            name: "color",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.color"),
+            titleLocation: "left",
+            descriptionLocation: "hidden"
+        },
+        {
+            type: "spinedit",
+            name: "size",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.size"),
+            titleLocation: "left",
+            descriptionLocation: "hidden",
+            unit: "px",
+            min: 0,
+        }
+    ],
+    onInit: function () {
+    },
+    onCreated: function (question) {
+        var color = question.contentPanel.getQuestionByName("color");
+        color.visible = question.name !== "surveyTitle";
+    },
+    onValueChanged: function (question, name, newValue) {
+    },
+});
+survey_core__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.add({
+    name: "elementsettings",
+    showInToolbox: false,
+    elementsJSON: [
+        {
+            type: "color",
+            name: "backcolor",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backcolor"),
+            titleLocation: "left",
+            descriptionLocation: "hidden"
+        },
+        {
+            type: "color",
+            name: "hovercolor",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.hovercolor"),
+            titleLocation: "left",
+            descriptionLocation: "hidden"
+        },
+        {
+            type: "spinedit",
+            name: "corner",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.cornerRadius"),
+            titleLocation: "left",
+            descriptionLocation: "hidden",
+            unit: "px",
+            defaultValue: 4,
+            min: 0
+        },
+        {
+            type: "expression",
+            name: "cornerRadius",
+            expression: "{composite.corner}+\"px\"",
+            visible: false
+        }
+    ],
+    onInit: function () {
+    },
+    onCreated: function (question) {
+    },
+    onValueChanged: function (question, name, newValue) {
+    },
+});
+var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ThemeSurveyTabViewModel, _super);
+    function ThemeSurveyTabViewModel(surveyProvider, startTheme) {
+        if (startTheme === void 0) { startTheme = survey_core__WEBPACK_IMPORTED_MODULE_2__["defaultV2Css"]; }
+        var _this = _super.call(this) || this;
+        _this.surveyProvider = surveyProvider;
+        _this.startTheme = startTheme;
+        _this.pages = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ActionContainer"]();
+        _this.themeChanges = {};
+        _this.colorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_6__["ColorCalculator"]();
+        _this.simulator = new _simulator__WEBPACK_IMPORTED_MODULE_1__["SurveySimulatorModel"]();
+        _this.themeEditorSurveyValue = _this.createThemeEditorSurvey();
+        return _this;
+    }
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "themeVariables", {
+        get: function () {
+            return Themes[this.themeName + "-" + this.themePalette];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "activeLanguage", {
+        get: function () {
+            return this.getPropertyValue("activeLanguage", this.survey.locale || survey_core__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].defaultLocale);
+        },
+        set: function (val) {
+            if (val === this.activeLanguage)
+                return;
+            this.setPropertyValue("activeLanguage", val);
+            this.survey.locale = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "survey", {
+        get: function () {
+            return this.simulator.survey;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "pageActions", {
+        get: function () {
+            return this.pages.actions;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "isPageToolbarVisible", {
+        get: function () {
+            return this.pages.visibleActions.length > 0 && !this.surveyProvider.isMobileView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "themeEditorSurvey", {
+        get: function () {
+            return this.themeEditorSurveyValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ThemeSurveyTabViewModel.prototype.updateSimulatorSurvey = function (json, theme) {
+        var newSurvey = this.surveyProvider.createSurvey(json || {}, "theme");
+        newSurvey.setCss(theme, false);
+        this.simulator.survey = newSurvey;
+        if (this.onSurveyCreatedCallback)
+            this.onSurveyCreatedCallback(this.survey);
+        var self = this;
+        this.survey.onComplete.add(function (sender) {
+            self.isRunning = false;
+        });
+        if (!!this.survey["onNavigateToUrl"]) {
+            this.survey["onNavigateToUrl"].add(function (sender, options) {
+                var url = options.url;
+                options.url = "";
+                if (!!url) {
+                    var message = Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("ed.navigateToMsg") + " '" + url + "'.";
+                    if (!!this.surveyProvider) {
+                        this.surveyProvider.notify(message);
+                    }
+                    else {
+                        alert(message);
+                    }
+                }
+            });
+        }
+        this.survey.onStarted.add(function (sender) {
+            self.setActivePageItem(self.simulator.survey.activePage, true);
+        });
+        this.survey.onCurrentPageChanged.add(function (sender, options) {
+            self.activePage = options.newCurrentPage;
+            self.setActivePageItem(options.oldCurrentPage, false);
+            self.setActivePageItem(options.newCurrentPage, true);
+        });
+        this.survey.onPageVisibleChanged.add(function (sender, options) {
+            self.updatePageItem(options.page);
+        });
+    };
+    ThemeSurveyTabViewModel.prototype.setJSON = function (json, currTheme) {
+        this.json = json;
+        if (json != null) {
+            if (json.cookieName) {
+                delete json.cookieName;
+            }
+        }
+        this.updateSimulatorSurvey(json, currTheme);
+    };
+    ThemeSurveyTabViewModel.prototype.initialize = function (json, options) {
+        this.setJSON(json, this.startTheme);
+        this.updatePageList();
+        if (options.showPagesInTestSurveyTab !== undefined) {
+            this.showPagesInTestSurveyTab = options.showPagesInTestSurveyTab;
+        }
+        this.buildActions();
+    };
+    ThemeSurveyTabViewModel.prototype.updatePageItem = function (page) {
+        var item = this.getPageItemByPage(page);
+        if (item) {
+            item.enabled = page.isVisible;
+        }
+    };
+    ThemeSurveyTabViewModel.prototype.getCurrentPageItem = function () {
+        return this.pageListItems[this.survey.pages.indexOf(this.survey.activePage)];
+    };
+    ThemeSurveyTabViewModel.prototype.getSelectPageTitle = function () {
+        return (this.activePage && this.getPageTitle(this.activePage, "preview-tab:selected-page", "survey-tester-selected")) || Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("ts.selectPage");
+    };
+    ThemeSurveyTabViewModel.prototype.getPageTitle = function (page, area, reason) {
+        if (area === void 0) { area = "preview-tab:page-list"; }
+        if (reason === void 0) { reason = "survey-tester"; }
+        var title = this.surveyProvider.getObjectDisplayName(page, area, reason, page.title);
+        if (title === page.name && title.indexOf("page") === 0) {
+            var index = this.survey.pages.indexOf(page);
+            return _editorLocalization__WEBPACK_IMPORTED_MODULE_3__["editorLocalization"].getString("ed.pageTypeName") + " " + (index + 1);
+        }
+        return title;
+    };
+    ThemeSurveyTabViewModel.prototype.updatePageList = function () {
+        var pages = [];
+        for (var i = 0; i < this.survey.pages.length; i++) {
+            var page = this.survey.pages[i];
+            pages.push({
+                id: page.name,
+                data: page,
+                title: this.getPageTitle(page),
+                enabled: page.isVisible,
+                visible: true
+            });
+        }
+        this.pageListItems = pages;
+    };
+    ThemeSurveyTabViewModel.prototype.show = function () {
+        this.showInvisibleElements = false;
+        this.activePage = this.survey.activePage;
+        this.survey.locale = this.activeLanguage;
+        this.isRunning = true;
+    };
+    ThemeSurveyTabViewModel.prototype.testAgain = function () {
+        this.setJSON(this.json, this.simulator.survey.css);
+        this.updatePageList();
+        this.show();
+    };
+    ThemeSurveyTabViewModel.prototype.buildActions = function () {
+        var _this = this;
+        var pageActions = [];
+        var setNearPage = function (isNext) {
+            var currentIndex = _this.survey.currentPageNo;
+            var shift = isNext ? 1 : -1;
+            var newIndex = currentIndex + shift;
+            if (_this.survey.state === "starting" && isNext) {
+                newIndex = 0;
+            }
+            var nearPage = _this.survey.visiblePages[newIndex];
+            if (!isNext && currentIndex === 0 && _this.survey.firstPageIsStarted
+                && _this.survey.pages.length > 0) {
+                nearPage = _this.survey.pages[0];
+            }
+            var pageIndex = _this.survey.pages.indexOf(nearPage);
+            _this.activePage = _this.survey.pages[pageIndex];
+            _this.selectPageAction.data.selectedItem = _this.pageListItems[pageIndex];
+        };
+        if (this.prevPageAction) {
+            this.prevPageAction.visible = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["notShortCircuitAnd"])(_this.isRunning, _this.surveyProvider.activeTab === "test", _this.pageListItems.length > 1);
+            });
+            this.prevPageAction.iconName = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? "icon-arrow-left" : "icon-arrow-left_16x16";
+            });
+            this.prevPageAction.iconSize = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? 24 : 16;
+            });
+            this.prevPageAction.action = function () { return setNearPage(false); };
+            pageActions.push(this.prevPageAction);
+        }
+        this.selectPageAction = Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["createDropdownActionModel"])({
+            id: "pageSelector",
+            css: "svc-page-selector",
+            title: this.getSelectPageTitle(),
+            visible: this.isRunning && this.pageListItems.length > 1 && this.showPagesInTestSurveyTab
+        }, {
+            items: this.pageListItems,
+            allowSelection: true,
+            selectedItem: this.getCurrentPageItem(),
+            onSelectionChanged: function (item) {
+                _this.activePage = item.data;
+            },
+            verticalPosition: "top",
+            horizontalPosition: "center"
+        });
+        pageActions.push(this.selectPageAction);
+        if (this.nextPageAction) {
+            this.nextPageAction.visible = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["notShortCircuitAnd"])(_this.isRunning, _this.surveyProvider.activeTab === "test", _this.pageListItems.length > 1);
+            });
+            this.nextPageAction.iconName = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? "icon-arrow-right" : "icon-arrow-right_16x16";
+            });
+            this.nextPageAction.iconSize = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
+                return _this.surveyProvider.isMobileView ? 24 : 16;
+            });
+            this.nextPageAction.action = function () { return setNearPage(true); };
+            pageActions.push(this.nextPageAction);
+        }
+        this.pages.actions = pageActions;
+        this.pages.containerCss = "sv-action-bar--pages";
+        this.updatePrevNextPageActionState();
+    };
+    ThemeSurveyTabViewModel.prototype.setActivePageItem = function (page, val) {
+        var item = this.getPageItemByPage(page);
+        if (item) {
+            item.active = val;
+        }
+    };
+    ThemeSurveyTabViewModel.prototype.getPageItemByPage = function (page) {
+        var items = this.pageListItems;
+        for (var i = 0; i < items.length; i++) {
+            if (items[i].data === page)
+                return items[i];
+        }
+        return null;
+    };
+    ThemeSurveyTabViewModel.prototype.updateResultsTemplate = function (theme) {
+        this.simulator.survey.setCss(theme, false);
+        this.simulator.survey.render();
+    };
+    ThemeSurveyTabViewModel.prototype.setTheme = function (themeName, themeMapper) {
+        var availableThemes = themeMapper.filter(function (item) { return item.name === themeName; });
+        var theme = survey_core__WEBPACK_IMPORTED_MODULE_2__["defaultV2Css"];
+        if (availableThemes.length > 0) {
+            theme = availableThemes[0].theme;
+        }
+        this.isRunning ? this.updateSimulatorSurvey(this.json, theme) : this.updateResultsTemplate(theme);
+    };
+    ThemeSurveyTabViewModel.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
+        _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
+        if (!this.pages.hasActions)
+            return;
+        if (name === "activePage") {
+            this.updatePrevNextPageActionState();
+            this.selectPageAction.title = this.getSelectPageTitle();
+        }
+        if (name === "isRunning" || name === "pageListItems" || name === "showPagesInTestSurveyTab") {
+            this.selectPageAction.popupModel.contentComponentData.model.items = this.pageListItems;
+            this.selectPageAction.popupModel.contentComponentData.model.selectedItem = this.getCurrentPageItem();
+            this.selectPageAction.visible = this.isRunning && this.pageListItems.length > 1 && this.showPagesInTestSurveyTab;
+        }
+    };
+    ThemeSurveyTabViewModel.prototype.updatePrevNextPageActionState = function () {
+        if (!this.prevPageAction || !this.survey)
+            return;
+        var isPrevEnabled = this.survey.firstPageIsStarted && this.survey.state !== "starting"
+            || (!this.survey.firstPageIsStarted && !this.survey.isFirstPage);
+        this.prevPageAction.css = isPrevEnabled ? "sv-action-bar-item--secondary" : "";
+        this.prevPageAction.enabled = isPrevEnabled;
+        var isNextEnabled = this.survey && this.survey.visiblePages.indexOf(this.activePage) !== this.survey.visiblePages.length - 1;
+        this.nextPageAction.css = isNextEnabled ? "sv-action-bar-item--secondary" : "";
+        this.nextPageAction.enabled = isNextEnabled;
+    };
+    ThemeSurveyTabViewModel.prototype.initializeColorCalculator = function () {
+        this.colorCalculator.initialize(this.themeVariables["--sjs-primary-backcolor"], this.themeVariables["--sjs-primary-backcolor-light"], this.themeVariables["--sjs-primary-backcolor-dark"]);
+    };
+    ThemeSurveyTabViewModel.prototype.createThemeEditorSurvey = function () {
+        var _this = this;
+        var json = this.getThemeEditorSurveyJSON();
+        Object(_property_grid__WEBPACK_IMPORTED_MODULE_4__["setSurveyJSONForPropertyGrid"])(json, true, false);
+        var themeEditorSurvey = this.surveyProvider.createSurvey(json, "theme_editor");
+        themeEditorSurvey.getCss().list = {};
+        var themeBuilderCss = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_5__["propertyGridCss"]);
+        themeBuilderCss.root += " spg-theme-builder-root";
+        themeEditorSurvey.css = themeBuilderCss;
+        themeEditorSurvey.mergeData(this.themeVariables);
+        themeEditorSurvey.getQuestionByName("questionPanel").contentPanel.getQuestionByName("backcolor").value = this.themeVariables["--background"];
+        themeEditorSurvey.getQuestionByName("editorPanel").contentPanel.getQuestionByName("backcolor").value = this.themeVariables["--background-dim-light"];
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(this.simulator.themeVariables, this.themeVariables);
+        this.initializeColorCalculator();
+        themeEditorSurvey.onValueChanged.add(function (sender, options) {
+            var _a, _b;
+            if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
+                _this[options.name] = options.value;
+                _this.initializeColorCalculator();
+                themeEditorSurvey.mergeData(_this.themeVariables);
+                var newTheme_1 = {};
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme_1, _this.themeVariables);
+                _this.simulator.themeVariables = newTheme_1;
+                if (options.name === "themeMode") {
+                    _this.survey["isCompact"] = options.value === "lightweight";
+                }
+                return;
+            }
+            if (["backgroundImage", "backgroundImageFit"].indexOf(options.name) !== -1) {
+                _this.survey[options.name] = options.value;
+                return;
+            }
+            if (options.name === "backgroundOpacity") {
+                _this.survey.backgroundOpacity = options.value / 100;
+                return;
+            }
+            if (options.name === "--sjs-primary-backcolor") {
+                _this.colorCalculator.calculateColors(options.value);
+                _this.themeChanges["--sjs-primary-backcolor"] = options.value;
+                _this.themeChanges["--sjs-primary-backcolor-light"] = _this.colorCalculator.colorSettings.newColorLight;
+                _this.themeChanges["--sjs-primary-backcolor-dark"] = _this.colorCalculator.colorSettings.newColorDark;
+                _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-light", _this.colorCalculator.colorSettings.newColorLight);
+                _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-dark", _this.colorCalculator.colorSettings.newColorDark);
+            }
+            if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
+                var baseColor = themeEditorSurvey.getValue("--background-dim-light");
+                var questionBackgroundTransparencyValue = themeEditorSurvey.getValue("questionBackgroundTransparency");
+                _this.themeChanges["--sjs-editor-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, questionBackgroundTransparencyValue / 100);
+            }
+            if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
+                var baseColor = themeEditorSurvey.getValue("--background");
+                var panelBackgroundTransparencyValue = themeEditorSurvey.getValue("panelBackgroundTransparency");
+                _this.themeChanges["--sjs-question-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, panelBackgroundTransparencyValue / 100);
+            }
+            if (((_a = options.question) === null || _a === void 0 ? void 0 : _a.getType()) === "fontsettings") {
+                Object.keys(options.value).forEach(function (key) {
+                    var _a;
+                    var innerQ = options.question.contentPanel.getQuestionByName(key);
+                    _this.themeChanges["--sjs-font-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key] + (((_a = innerQ.unit) === null || _a === void 0 ? void 0 : _a.toString()) || "");
+                });
+            }
+            if (((_b = options.question) === null || _b === void 0 ? void 0 : _b.getType()) === "elementsettings") {
+                Object.keys(options.value).forEach(function (key) {
+                    if (key === "corner")
+                        return;
+                    _this.themeChanges["--sjs-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key];
+                });
+            }
+            var newTheme = {};
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, _this.simulator.themeVariables, _this.themeChanges);
+            _this.simulator.themeVariables = newTheme;
+        });
+        themeEditorSurvey.getAllQuestions().forEach(function (q) { return q.allowRootStyle = false; });
+        themeEditorSurvey.onQuestionCreated.add(function (_, opt) {
+            opt.question.allowRootStyle = false;
+        });
+        return themeEditorSurvey;
+    };
+    ThemeSurveyTabViewModel.prototype.getThemeEditorSurveyJSON = function () {
+        var themeEditorSurveyJSON = {
+            "clearInvisibleValues": "none",
+            elements: [{
+                    type: "panel",
+                    state: "expanded",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupGeneral"),
+                    elements: [
+                        {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "dropdown",
+                                    name: "themeName",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themeName"),
+                                    descriptionLocation: "hidden",
+                                    choices: ["default", "contrast", "plain", "simple", "blank", "double", "ultra"],
+                                    defaultValue: "default",
+                                    allowClear: false
+                                },
+                                {
+                                    type: "panel",
+                                    name: "themeMode",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themeMode"),
+                                    elements: [
+                                        {
+                                            type: "buttongroup",
+                                            name: "themeMode",
+                                            titleLocation: "hidden",
+                                            choices: [
+                                                { value: "panels", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themeModePanels") },
+                                                { value: "lightweight", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themeModeLightweight") }
+                                            ],
+                                            defaultValue: "panels"
+                                        },
+                                        {
+                                            type: "buttongroup",
+                                            name: "themePalette",
+                                            titleLocation: "hidden",
+                                            choices: [
+                                                { value: "light", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themePaletteLight") },
+                                                { value: "dark", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themePaletteDark") }
+                                            ],
+                                            defaultValue: "light"
+                                        }
+                                    ]
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "color",
+                                    name: "--sjs-primary-backcolor",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryColor"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: "#19b394"
+                                },
+                                {
+                                    type: "color",
+                                    name: "--background-dim",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: "#f3f3f3"
+                                },
+                                {
+                                    type: "panel",
+                                    name: "background",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImage"),
+                                    elements: [
+                                        {
+                                            type: "fileedit",
+                                            name: "backgroundImage",
+                                            titleLocation: "hidden",
+                                            placeholder: "Browse..."
+                                        },
+                                        {
+                                            type: "buttongroup",
+                                            name: "backgroundImageFit",
+                                            titleLocation: "hidden",
+                                            choices: [
+                                                { value: "auto", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitAuto") },
+                                                { value: "contain", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitContain") },
+                                                { value: "cover", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageFitCover") }
+                                            ],
+                                            defaultValue: "cover"
+                                        },
+                                        {
+                                            type: "spinedit",
+                                            name: "backgroundOpacity",
+                                            titleLocation: "left",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundOpacity"),
+                                            descriptionLocation: "hidden",
+                                            unit: "%",
+                                            defaultValue: 100,
+                                            min: 0,
+                                            max: 100,
+                                            step: 5
+                                        },
+                                    ]
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "panelBackgroundTransparency",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.panelBackgroundTransparency"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    max: 100,
+                                    step: 5
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "questionBackgroundTransparency",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionBackgroundTransparency"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    max: 100,
+                                    step: 5
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "dropdown",
+                                    name: "--font-family",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontFamily"),
+                                    descriptionLocation: "hidden",
+                                    choices: ["Open Sans", "Arial"],
+                                    defaultValue: "Open Sans",
+                                    allowClear: false
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "--font-size",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontSize"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    step: 5
+                                },
+                                {
+                                    type: "expression",
+                                    name: "--sjs-font-size",
+                                    expression: "{--font-size}*16/100+\"px\"",
+                                    visible: false
+                                },
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "spinedit",
+                                    name: "commonScale",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.scale"),
+                                    descriptionLocation: "hidden",
+                                    unit: "%",
+                                    defaultValue: 100,
+                                    min: 0,
+                                    step: 5
+                                },
+                                {
+                                    type: "expression",
+                                    name: "--base-unit",
+                                    expression: "{commonScale}*8/100+\"px\"",
+                                    visible: false
+                                },
+                                {
+                                    type: "spinedit",
+                                    name: "cornerRadius",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.cornerRadius"),
+                                    descriptionLocation: "hidden",
+                                    unit: "px",
+                                    defaultValue: 4,
+                                    min: 0
+                                },
+                                {
+                                    type: "expression",
+                                    name: "--sjs-corner-radius",
+                                    expression: "{cornerRadius}+\"px\"",
+                                    visible: false
+                                },
+                            ]
+                        }
+                    ]
+                }, {
+                    type: "panel",
+                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.groupAdvanced"),
+                    state: "collapsed",
+                    elements: [
+                        {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "color",
+                                    name: "--background-dim",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: "#f3f3f3"
+                                }, {
+                                    type: "fontSettings",
+                                    name: "surveyTitle",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyTitle"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        weight: "700",
+                                        size: 32
+                                    }
+                                }, {
+                                    type: "fontSettings",
+                                    name: "pageTitle",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageTitle"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        weight: "700",
+                                        size: 24
+                                    }
+                                }, {
+                                    type: "fontSettings",
+                                    name: "pageDescription",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageDescription"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        size: 16
+                                    }
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "elementSettings",
+                                    name: "questionPanel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionPanel"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        backcolor: "#ffffff",
+                                        hovercolor: "#f8f8f8",
+                                        corner: 4
+                                    }
+                                },
+                                {
+                                    type: "boxshadowsettings",
+                                    name: "--sjs-general-shadow-small",
+                                    descriptionLocation: "hidden",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionShadow"),
+                                    defaultValue: {
+                                        x: 0,
+                                        y: 1,
+                                        blur: 2,
+                                        spread: 0,
+                                        isInset: false,
+                                        color: "rgba(0, 0, 0, 0.15)"
+                                    }
+                                },
+                                {
+                                    type: "expression",
+                                    name: "--background",
+                                    expression: "{questionPanel.backcolor}",
+                                    visible: false
+                                }, {
+                                    type: "fontSettings",
+                                    name: "questionTitle",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionTitle"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        weight: "600",
+                                        size: 16,
+                                    }
+                                }, {
+                                    type: "fontSettings",
+                                    name: "questionDescription",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionDescription"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        size: 16
+                                    }
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
+                                    type: "elementSettings",
+                                    name: "editorPanel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorPanel"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        backcolor: "#ffffff",
+                                        hovercolor: "#f8f8f8",
+                                        corner: 4
+                                    }
+                                },
+                                {
+                                    type: "boxshadowsettings",
+                                    name: "--sjs-general-shadow-inner",
+                                    descriptionLocation: "hidden",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorShadow"),
+                                    defaultValue: {
+                                        x: 0,
+                                        y: 1,
+                                        blur: 2,
+                                        spread: 0,
+                                        isInset: true,
+                                        color: "rgba(0, 0, 0, 0.15)"
+                                    }
+                                }, {
+                                    type: "expression",
+                                    name: "--background-dim-light",
+                                    expression: "{editorPanel.backcolor}",
+                                    visible: false
+                                }, {
+                                    type: "fontSettings",
+                                    name: "editorFont",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorFont"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        size: 16
+                                    }
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [{
+                                    type: "panel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentBackground"),
+                                    elements: [
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-backcolor",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDefaultColor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#19B394"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-backcolor-dark",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDarkColor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#14A48B"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-backcolor-light",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#E8F7F4"
+                                        }
+                                    ]
+                                }, {
+                                    type: "panel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentForeground"),
+                                    elements: [
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-forecolor",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#ffffff"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-forecolor-light",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolorLight"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#ffffff"
+                                        }
+                                    ]
+                                }]
+                        }, {
+                            type: "panel",
+                            elements: [{
+                                    type: "panel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.linesColors"),
+                                    elements: [
+                                        {
+                                            type: "color",
+                                            name: "--sjs-border-default",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderDefault"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#d6d6d6"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-border-light",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderLight"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#e8e8e8"
+                                        }
+                                    ]
+                                }]
+                        }
+                    ]
+                }]
+        };
+        // Object.keys(this.themeVariables).forEach(varName => {
+        //   themeEditorSurveyJSON.elements[1].elements[0].elements.push(<any>{
+        //     type: "text",
+        //     inputType: varName.indexOf("-unit") === -1 ? "color" : undefined,
+        //     title: editorLocalization.getString("theme." + varName),
+        //     name: varName,
+        //     defaultValue: this.themeVariables[varName]
+        //   });
+        // });
+        return themeEditorSurveyJSON;
+    };
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            defaultValue: false,
+            onSet: function (val, target) {
+                target.simulator.survey.showInvisibleElements = val;
+            }
+        })
+    ], ThemeSurveyTabViewModel.prototype, "showInvisibleElements", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: true })
-    ], TestSurveyTabViewModel.prototype, "showPagesInTestSurveyTab", void 0);
+    ], ThemeSurveyTabViewModel.prototype, "showPagesInTestSurveyTab", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
             defaultValue: true,
@@ -9570,10 +11027,10 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
                     target.simulator.isRunning = value;
             }
         })
-    ], TestSurveyTabViewModel.prototype, "isRunning", void 0);
+    ], ThemeSurveyTabViewModel.prototype, "isRunning", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["propertyArray"])()
-    ], TestSurveyTabViewModel.prototype, "pageListItems", void 0);
+    ], ThemeSurveyTabViewModel.prototype, "pageListItems", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
             onSet: function (val, target) {
@@ -9596,8 +11053,17 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
                 target.updatePrevNextPageActionState();
             }
         })
-    ], TestSurveyTabViewModel.prototype, "activePage", void 0);
-    return TestSurveyTabViewModel;
+    ], ThemeSurveyTabViewModel.prototype, "activePage", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "default" })
+    ], ThemeSurveyTabViewModel.prototype, "themeName", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "light" })
+    ], ThemeSurveyTabViewModel.prototype, "themePalette", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "panel" })
+    ], ThemeSurveyTabViewModel.prototype, "themeMode", void 0);
+    return ThemeSurveyTabViewModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_2__["Base"]));
 
 
@@ -10939,7 +12405,7 @@ var Translation = /** @class */ (function (_super) {
     };
     Translation.prototype.createStringsSurvey = function () {
         var _this = this;
-        var json = { autoGrowComment: true };
+        var json = { autoGrowComment: true, allowResizeComment: false };
         Object(_property_grid_index__WEBPACK_IMPORTED_MODULE_5__["setSurveyJSONForPropertyGrid"])(json, false);
         var survey = this.options.createSurvey(json, "translation_strings");
         survey.lazyRendering = true;
@@ -11606,6 +13072,11 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
+
+
+
 
 
 
@@ -11635,7 +13106,6 @@ __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");
-
 //Obsolete
 var CreatorAction = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CreatorAction, _super);
@@ -12073,6 +13543,21 @@ var CreatorBase = /** @class */ (function (_super) {
          *- options.page the new survey Page object.
          */
         _this.onPageAdded = new CreatorEvent();
+        /**
+         * An event that is raised when Survey Creator renders action buttons under each page on the design surface. Use this event to add, remove, or modify the buttons.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.actions`: [`IAction[]`](/form-library/documentation/api-reference/iaction)\
+         * An array of actions. You can add or remove actions from this array.
+         * - `options.page`: [`PageModel`](/form-library/documentation/api-reference/page-model)\
+         * A page for which the event is raised.
+         * - `options.addNewQuestion(type)`: Method\
+         * Adds a new question of a specified [`type`](/form-library/documentation/api-reference/question#getType) to the page.
+         */
+        _this.onGetPageActions = new CreatorEvent();
         /**
          * The event is fired when the survey creator is initialized and a survey object (Survey.Survey) is created.
          *- sender the survey creator object that fires the event
@@ -13089,6 +14574,9 @@ var CreatorBase = /** @class */ (function (_super) {
         if (this.showPreviewTab) {
             new _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_14__["TabTestPlugin"](this);
         }
+        if (this.showThemeTab) {
+            new _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_24__["TabThemePlugin"](this);
+        }
         if (this.showLogicTab) {
             new _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_17__["TabLogicPlugin"](this);
         }
@@ -13292,9 +14780,9 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     CreatorBase.prototype.initDragDropSurveyElements = function () {
         var _this = this;
-        survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropSurveyElements"].restrictDragQuestionBetweenPages =
+        _survey_elements__WEBPACK_IMPORTED_MODULE_25__["DragDropSurveyElements"].restrictDragQuestionBetweenPages =
             _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].dragDrop.restrictDragQuestionBetweenPages;
-        this.dragDropSurveyElements = new survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropSurveyElements"](null, this);
+        this.dragDropSurveyElements = new _survey_elements__WEBPACK_IMPORTED_MODULE_25__["DragDropSurveyElements"](null, this);
         var isDraggedFromToolbox = false;
         this.dragDropSurveyElements.onDragStart.add(function (sender, options) {
             var panel = sender.dropTarget.parent;
@@ -14615,6 +16103,15 @@ var CreatorBase = /** @class */ (function (_super) {
             popupModel: popupModel
         };
     };
+    CreatorBase.prototype.getUpdatedPageAdornerFooterActions = function (pageAdorner, actions) {
+        var options = {
+            page: pageAdorner.page,
+            addNewQuestion: function (type) { pageAdorner.addNewQuestion(pageAdorner, undefined, type); },
+            actions: actions
+        };
+        this.onGetPageActions.fire(this, options);
+        return options.actions;
+    };
     CreatorBase.prototype.addNewQuestionInPage = function (beforeAdd, panel, type) {
         if (panel === void 0) { panel = null; }
         if (type === void 0) { type = null; }
@@ -14718,6 +16215,9 @@ var CreatorBase = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: true })
     ], CreatorBase.prototype, "showTestSurveyTab", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+    ], CreatorBase.prototype, "showThemeTab", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], CreatorBase.prototype, "showEmbeddedSurveyTab", void 0);
@@ -14832,6 +16332,9 @@ var CreatorBase = /** @class */ (function (_super) {
             }
         })
     ], CreatorBase.prototype, "isCreatorDisposed", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+    ], CreatorBase.prototype, "enableLinkFileEditor", void 0);
     return CreatorBase;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
@@ -15301,7 +16804,6 @@ var settings = {
                 ]
             },
             image: {
-                imageLink: "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg",
                 imageFit: "cover",
                 imageHeight: "auto",
                 imageWidth: "100%"
@@ -15391,6 +16893,7 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
     };
     EmptySurveyCreatorOptions.prototype.onLogicGetTitleCallback = function (expression, displayExpression, text, logicItem) { return text; };
     EmptySurveyCreatorOptions.prototype.getTranslationExportedText = function (obj, name, locString, locale, text) { return text; };
+    EmptySurveyCreatorOptions.prototype.uploadFiles = function (files, question, uploadingCallback) { };
     return EmptySurveyCreatorOptions;
 }());
 
@@ -16268,7 +17771,7 @@ var __spreadArray = function (to, from) {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, EmbedModel, TabEmbedPlugin, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorker, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
+/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, EmbedModel, TabEmbedPlugin, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, createColor, parseColor, createBoxShadow, parseBoxShadow, Themes, ThemeSurveyTabViewModel, TabThemePlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorker, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -16359,329 +17862,375 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components/tabs/test-plugin */ "./src/components/tabs/test-plugin.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTestPlugin", function() { return _components_tabs_test_plugin__WEBPACK_IMPORTED_MODULE_10__["TabTestPlugin"]; });
 
-/* harmony import */ var _components_tabs_logic__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/tabs/logic */ "./src/components/tabs/logic.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initLogicOperator", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_11__["initLogicOperator"]; });
+/* harmony import */ var _components_tabs_theme_custom_questions_color_settings__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/color-settings */ "./src/components/tabs/theme-custom-questions/color-settings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createColor", function() { return _components_tabs_theme_custom_questions_color_settings__WEBPACK_IMPORTED_MODULE_11__["createColor"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return _components_tabs_theme_custom_questions_color_settings__WEBPACK_IMPORTED_MODULE_11__["parseColor"]; });
+
+/* harmony import */ var _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/boxshadow-settings */ "./src/components/tabs/theme-custom-questions/boxshadow-settings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createBoxShadow", function() { return _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__["createBoxShadow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseBoxShadow", function() { return _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__["parseBoxShadow"]; });
+
+/* harmony import */ var _components_tabs_theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/tabs/theme */ "./src/components/tabs/theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Themes", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_13__["Themes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogicEvent", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_11__["LogicEvent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThemeSurveyTabViewModel", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_13__["ThemeSurveyTabViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_11__["SurveyLogic"]; });
+/* harmony import */ var _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/tabs/theme-plugin */ "./src/components/tabs/theme-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabThemePlugin", function() { return _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_14__["TabThemePlugin"]; });
 
-/* harmony import */ var _components_tabs_translation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/tabs/translation */ "./src/components/tabs/translation.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemBase", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_12__["TranslationItemBase"]; });
+/* harmony import */ var _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/tabs/logic */ "./src/components/tabs/logic.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initLogicOperator", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__["initLogicOperator"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemString", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_12__["TranslationItemString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogicEvent", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__["LogicEvent"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItem", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_12__["TranslationItem"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__["SurveyLogic"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationGroup", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_12__["TranslationGroup"]; });
+/* harmony import */ var _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../components/tabs/translation */ "./src/components/tabs/translation.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemBase", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationItemBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_12__["Translation"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemString", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationItemString"]; });
 
-/* harmony import */ var _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/tabs/translation-theme */ "./src/components/tabs/translation-theme.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "translationCss", function() { return _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_13__["translationCss"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItem", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationItem"]; });
 
-/* harmony import */ var _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/tabs/translation-plugin */ "./src/components/tabs/translation-plugin.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationPlugin", function() { return _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_14__["TabTranslationPlugin"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationGroup", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationGroup"]; });
 
-/* harmony import */ var _components_tabs_designer__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/tabs/designer */ "./src/components/tabs/designer.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialSettingsAllowShowEmptyTitleInDesignMode", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_15__["initialSettingsAllowShowEmptyTitleInDesignMode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["Translation"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerViewModel", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_15__["TabDesignerViewModel"]; });
+/* harmony import */ var _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/tabs/translation-theme */ "./src/components/tabs/translation-theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "translationCss", function() { return _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_17__["translationCss"]; });
 
-/* harmony import */ var _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../components/tabs/designer-plugin */ "./src/components/tabs/designer-plugin.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerPlugin", function() { return _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_16__["TabDesignerPlugin"]; });
+/* harmony import */ var _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/tabs/translation-plugin */ "./src/components/tabs/translation-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationPlugin", function() { return _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_18__["TabTranslationPlugin"]; });
 
-/* harmony import */ var _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/tabs/logic-ui */ "./src/components/tabs/logic-ui.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_17__["SurveyLogicUI"]; });
+/* harmony import */ var _components_tabs_designer__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/tabs/designer */ "./src/components/tabs/designer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialSettingsAllowShowEmptyTitleInDesignMode", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_19__["initialSettingsAllowShowEmptyTitleInDesignMode"]; });
 
-/* harmony import */ var _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/tabs/logic-plugin */ "./src/components/tabs/logic-plugin.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabLogicPlugin", function() { return _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_18__["TabLogicPlugin"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerViewModel", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_19__["TabDesignerViewModel"]; });
 
-/* harmony import */ var _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/tabs/logic-theme */ "./src/components/tabs/logic-theme.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "logicCss", function() { return _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_19__["logicCss"]; });
+/* harmony import */ var _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../components/tabs/designer-plugin */ "./src/components/tabs/designer-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerPlugin", function() { return _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_20__["TabDesignerPlugin"]; });
 
-/* harmony import */ var _components_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../components/toolbox/toolbox-tool */ "./src/components/toolbox/toolbox-tool.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return _components_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_20__["ToolboxToolViewModel"]; });
+/* harmony import */ var _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../components/tabs/logic-ui */ "./src/components/tabs/logic-ui.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_21__["SurveyLogicUI"]; });
 
-/* harmony import */ var _components_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../components/page-navigator/page-navigator */ "./src/components/page-navigator/page-navigator.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageNavigatorViewModel", function() { return _components_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_21__["PageNavigatorViewModel"]; });
+/* harmony import */ var _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../components/tabs/logic-plugin */ "./src/components/tabs/logic-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabLogicPlugin", function() { return _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_22__["TabLogicPlugin"]; });
 
-/* harmony import */ var _components_page__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../components/page */ "./src/components/page.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageAdorner", function() { return _components_page__WEBPACK_IMPORTED_MODULE_22__["PageAdorner"]; });
+/* harmony import */ var _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../components/tabs/logic-theme */ "./src/components/tabs/logic-theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "logicCss", function() { return _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_23__["logicCss"]; });
 
-/* harmony import */ var _components_row__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../components/row */ "./src/components/row.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowViewModel", function() { return _components_row__WEBPACK_IMPORTED_MODULE_23__["RowViewModel"]; });
+/* harmony import */ var _components_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../components/toolbox/toolbox-tool */ "./src/components/toolbox/toolbox-tool.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return _components_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_24__["ToolboxToolViewModel"]; });
 
-/* harmony import */ var _components_question__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../components/question */ "./src/components/question.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionAdornerViewModel", function() { return _components_question__WEBPACK_IMPORTED_MODULE_24__["QuestionAdornerViewModel"]; });
+/* harmony import */ var _components_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../components/page-navigator/page-navigator */ "./src/components/page-navigator/page-navigator.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageNavigatorViewModel", function() { return _components_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_25__["PageNavigatorViewModel"]; });
 
-/* harmony import */ var _components_question_dropdown__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../components/question-dropdown */ "./src/components/question-dropdown.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionDropdownAdornerViewModel", function() { return _components_question_dropdown__WEBPACK_IMPORTED_MODULE_25__["QuestionDropdownAdornerViewModel"]; });
+/* harmony import */ var _components_page__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../components/page */ "./src/components/page.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageAdorner", function() { return _components_page__WEBPACK_IMPORTED_MODULE_26__["PageAdorner"]; });
 
-/* harmony import */ var _components_question_image__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../components/question-image */ "./src/components/question-image.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionImageAdornerViewModel", function() { return _components_question_image__WEBPACK_IMPORTED_MODULE_26__["QuestionImageAdornerViewModel"]; });
+/* harmony import */ var _components_row__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../components/row */ "./src/components/row.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowViewModel", function() { return _components_row__WEBPACK_IMPORTED_MODULE_27__["RowViewModel"]; });
 
-/* harmony import */ var _components_question_rating__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../components/question-rating */ "./src/components/question-rating.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionRatingAdornerViewModel", function() { return _components_question_rating__WEBPACK_IMPORTED_MODULE_27__["QuestionRatingAdornerViewModel"]; });
+/* harmony import */ var _components_question__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../components/question */ "./src/components/question.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionAdornerViewModel", function() { return _components_question__WEBPACK_IMPORTED_MODULE_28__["QuestionAdornerViewModel"]; });
 
-/* harmony import */ var _components_item_value__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../components/item-value */ "./src/components/item-value.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ItemValueWrapperViewModel", function() { return _components_item_value__WEBPACK_IMPORTED_MODULE_28__["ItemValueWrapperViewModel"]; });
+/* harmony import */ var _components_question_dropdown__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../components/question-dropdown */ "./src/components/question-dropdown.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionDropdownAdornerViewModel", function() { return _components_question_dropdown__WEBPACK_IMPORTED_MODULE_29__["QuestionDropdownAdornerViewModel"]; });
 
-/* harmony import */ var _components_image_item_value__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../components/image-item-value */ "./src/components/image-item-value.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageItemValueWrapperViewModel", function() { return _components_image_item_value__WEBPACK_IMPORTED_MODULE_29__["ImageItemValueWrapperViewModel"]; });
+/* harmony import */ var _components_question_image__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../components/question-image */ "./src/components/question-image.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionImageAdornerViewModel", function() { return _components_question_image__WEBPACK_IMPORTED_MODULE_30__["QuestionImageAdornerViewModel"]; });
 
-/* harmony import */ var _components_matrix_cell__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../components/matrix-cell */ "./src/components/matrix-cell.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperEditSurvey", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_30__["MatrixCellWrapperEditSurvey"]; });
+/* harmony import */ var _components_question_rating__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../components/question-rating */ "./src/components/question-rating.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionRatingAdornerViewModel", function() { return _components_question_rating__WEBPACK_IMPORTED_MODULE_31__["QuestionRatingAdornerViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperViewModel", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_30__["MatrixCellWrapperViewModel"]; });
+/* harmony import */ var _components_item_value__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../components/item-value */ "./src/components/item-value.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ItemValueWrapperViewModel", function() { return _components_item_value__WEBPACK_IMPORTED_MODULE_32__["ItemValueWrapperViewModel"]; });
 
-/* harmony import */ var _components_simulator__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../components/simulator */ "./src/components/simulator.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulatorModel", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_31__["SurveySimulatorModel"]; });
+/* harmony import */ var _components_image_item_value__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../components/image-item-value */ "./src/components/image-item-value.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageItemValueWrapperViewModel", function() { return _components_image_item_value__WEBPACK_IMPORTED_MODULE_33__["ImageItemValueWrapperViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_MONITOR_DPI", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_31__["DEFAULT_MONITOR_DPI"]; });
+/* harmony import */ var _components_matrix_cell__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../components/matrix-cell */ "./src/components/matrix-cell.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperEditSurvey", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_34__["MatrixCellWrapperEditSurvey"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "simulatorDevices", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_31__["simulatorDevices"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperViewModel", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_34__["MatrixCellWrapperViewModel"]; });
 
-/* harmony import */ var _components_results__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../components/results */ "./src/components/results.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsItemModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_32__["SurveyResultsItemModel"]; });
+/* harmony import */ var _components_simulator__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../components/simulator */ "./src/components/simulator.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulatorModel", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_35__["SurveySimulatorModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_32__["SurveyResultsModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_MONITOR_DPI", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_35__["DEFAULT_MONITOR_DPI"]; });
 
-/* harmony import */ var _components_header_logo_image__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../components/header/logo-image */ "./src/components/header/logo-image.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogoImageViewModel", function() { return _components_header_logo_image__WEBPACK_IMPORTED_MODULE_33__["LogoImageViewModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "simulatorDevices", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_35__["simulatorDevices"]; });
 
-/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../components/string-editor */ "./src/components/string-editor.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringItemsNavigatorBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_34__["StringItemsNavigatorBase"]; });
+/* harmony import */ var _components_results__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../components/results */ "./src/components/results.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsItemModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_36__["SurveyResultsItemModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorConnector", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_34__["StringEditorConnector"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_36__["SurveyResultsModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_34__["StringEditorViewModelBase"]; });
+/* harmony import */ var _components_header_logo_image__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../components/header/logo-image */ "./src/components/header/logo-image.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogoImageViewModel", function() { return _components_header_logo_image__WEBPACK_IMPORTED_MODULE_37__["LogoImageViewModel"]; });
 
-/* harmony import */ var _components_embedded_survey__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../components/embedded-survey */ "./src/components/embedded-survey.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionEmbeddedSurveyModel", function() { return _components_embedded_survey__WEBPACK_IMPORTED_MODULE_35__["QuestionEmbeddedSurveyModel"]; });
+/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../components/string-editor */ "./src/components/string-editor.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringItemsNavigatorBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_38__["StringItemsNavigatorBase"]; });
 
-/* harmony import */ var _components_link_value__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../components/link-value */ "./src/components/link-value.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionLinkValueModel", function() { return _components_link_value__WEBPACK_IMPORTED_MODULE_36__["QuestionLinkValueModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorConnector", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_38__["StringEditorConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_38__["StringEditorViewModelBase"]; });
+
+/* harmony import */ var _components_embedded_survey__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../components/embedded-survey */ "./src/components/embedded-survey.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionEmbeddedSurveyModel", function() { return _components_embedded_survey__WEBPACK_IMPORTED_MODULE_39__["QuestionEmbeddedSurveyModel"]; });
+
+/* harmony import */ var _components_link_value__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../components/link-value */ "./src/components/link-value.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionLinkValueModel", function() { return _components_link_value__WEBPACK_IMPORTED_MODULE_40__["QuestionLinkValueModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EditorLocalization", function() { return _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["EditorLocalization"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getLocString", function() { return _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"]; });
 
-/* harmony import */ var _json5__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../json5 */ "./src/json5.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyJSON5", function() { return _json5__WEBPACK_IMPORTED_MODULE_37__["SurveyJSON5"]; });
+/* harmony import */ var _json5__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../json5 */ "./src/json5.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyJSON5", function() { return _json5__WEBPACK_IMPORTED_MODULE_41__["SurveyJSON5"]; });
+
+/* harmony import */ var _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../custom-questions/question-spin-editor */ "./src/custom-questions/question-spin-editor.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionSpinEditorModel", function() { return _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_42__["QuestionSpinEditorModel"]; });
+
+/* harmony import */ var _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../custom-questions/question-color */ "./src/custom-questions/question-color.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionColorModel", function() { return _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_43__["QuestionColorModel"]; });
+
+/* harmony import */ var _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/question-file */ "./src/custom-questions/question-file.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionFileEditorModel", function() { return _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_44__["QuestionFileEditorModel"]; });
+
+/* harmony import */ var _property_grid__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../property-grid */ "./src/property-grid/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSurveyJSONForPropertyGrid", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["setSurveyJSONForPropertyGrid"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyEditorSetupValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyEditorSetupValue"]; });
 
-/* harmony import */ var _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../custom-questions/question-spin-editor */ "./src/custom-questions/question-spin-editor.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionSpinEditorModel", function() { return _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_38__["QuestionSpinEditorModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorCollection"]; });
 
-/* harmony import */ var _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../custom-questions/question-color */ "./src/custom-questions/question-color.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionColorModel", function() { return _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_39__["QuestionColorModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTitleActionsCreator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridTitleActionsCreator"]; });
 
-/* harmony import */ var _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../custom-questions/question-file */ "./src/custom-questions/question-file.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionFileEditorModel", function() { return _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_40__["QuestionFileEditorModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyJSONGenerator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyJSONGenerator"]; });
 
-/* harmony import */ var _property_grid__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../property-grid */ "./src/property-grid/index.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSurveyJSONForPropertyGrid", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["setSurveyJSONForPropertyGrid"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridModel", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyEditorSetupValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyEditorSetupValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBoolean", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorBoolean"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTitleActionsCreator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridTitleActionsCreator"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorStringBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyJSONGenerator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyJSONGenerator"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorString", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridModel", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridLinkEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridLinkEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorNumber", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorNumber"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBoolean", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorBoolean"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorImageSize", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorImageSize"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorStringBase"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorText", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorText"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorString", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorHtml", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorHtml"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorNumber", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorNumber"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorColor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorImageSize", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorImageSize"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringArray", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorStringArray"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorText", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorText"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorDropdown", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorDropdown"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorHtml", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorHtml"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorSet", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorSet"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorColor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorPage", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorPage"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringArray", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorStringArray"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestion", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorQuestion"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorDropdown", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorDropdown"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionSelectBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorQuestionSelectBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorSet", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorSet"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorQuestionValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorPage", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorPage"]; });
+/* harmony import */ var _property_grid_condition__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../property-grid/condition */ "./src/property-grid/condition.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorExpression", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorExpression"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestion", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorQuestion"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCondition", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorCondition"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionSelectBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorQuestionSelectBase"]; });
+/* harmony import */ var _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../property-grid/matrices */ "./src/property-grid/matrices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrix", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrix"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorQuestionValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixItemValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixItemValues"]; });
 
-/* harmony import */ var _property_grid_condition__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../property-grid/condition */ "./src/property-grid/condition.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorExpression", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_42__["PropertyGridEditorExpression"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixRateValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixRateValues"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCondition", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_42__["PropertyGridEditorCondition"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixColumns", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixColumns"]; });
 
-/* harmony import */ var _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../property-grid/matrices */ "./src/property-grid/matrices.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrix", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrix"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixPages", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixPages"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixItemValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixItemValues"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixCalculatedValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixCalculatedValues"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixRateValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixRateValues"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixHtmlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixHtmlConditions"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixColumns", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixColumns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixUrlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixUrlConditions"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixPages", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixPages"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMutlipleTextItems", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixMutlipleTextItems"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixCalculatedValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixCalculatedValues"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMultipleTypes", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixMultipleTypes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixHtmlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixHtmlConditions"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixValidators", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixValidators"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixUrlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixUrlConditions"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixTriggers", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixTriggers"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMutlipleTextItems", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixMutlipleTextItems"]; });
+/* harmony import */ var _property_grid_bindings__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../property-grid/bindings */ "./src/property-grid/bindings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBindings", function() { return _property_grid_bindings__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorBindings"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMultipleTypes", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixMultipleTypes"]; });
+/* harmony import */ var _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../property-grid/property-grid-view-model */ "./src/property-grid/property-grid-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridViewModel", function() { return _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_49__["PropertyGridViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixValidators", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixValidators"]; });
+/* harmony import */ var _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../property-grid/object-selector */ "./src/property-grid/object-selector.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorItem", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__["ObjectSelectorItem"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixTriggers", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixTriggers"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelector", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__["ObjectSelector"]; });
 
-/* harmony import */ var _property_grid_bindings__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../property-grid/bindings */ "./src/property-grid/bindings.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBindings", function() { return _property_grid_bindings__WEBPACK_IMPORTED_MODULE_44__["PropertyGridEditorBindings"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorModel", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__["ObjectSelectorModel"]; });
 
-/* harmony import */ var _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../property-grid/property-grid-view-model */ "./src/property-grid/property-grid-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridViewModel", function() { return _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_45__["PropertyGridViewModel"]; });
+/* harmony import */ var _property_grid_restfull__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../property-grid/restfull */ "./src/property-grid/restfull.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionRestfull", function() { return _property_grid_restfull__WEBPACK_IMPORTED_MODULE_51__["PropertyGridEditorQuestionRestfull"]; });
 
-/* harmony import */ var _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../property-grid/object-selector */ "./src/property-grid/object-selector.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorItem", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_46__["ObjectSelectorItem"]; });
+/* harmony import */ var _property_grid_values__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../property-grid/values */ "./src/property-grid/values.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridValueEditorBase", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridValueEditorBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelector", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_46__["ObjectSelector"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridCellsEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridCellsEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorModel", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_46__["ObjectSelectorModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridValueEditor"]; });
 
-/* harmony import */ var _property_grid_restfull__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../property-grid/restfull */ "./src/property-grid/restfull.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionRestfull", function() { return _property_grid_restfull__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorQuestionRestfull"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridRowValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridRowValueEditor"]; });
 
-/* harmony import */ var _property_grid_values__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../property-grid/values */ "./src/property-grid/values.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridValueEditorBase", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridValueEditorBase"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridPanelValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridPanelValueEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridCellsEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridCellsEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridTriggerValueEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridValueEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueInLogicEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridTriggerValueInLogicEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridRowValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridRowValueEditor"]; });
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyGridCss", function() { return _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_53__["propertyGridCss"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridPanelValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridPanelValueEditor"]; });
+/* harmony import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_54__["QuestionConverter"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridTriggerValueEditor"]; });
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_55__["svgBundle"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueInLogicEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridTriggerValueInLogicEditor"]; });
+/* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_56__["SurveyTextWorker"]; });
 
-/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyGridCss", function() { return _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_49__["propertyGridCss"]; });
+/* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_57__["QuestionToolboxCategory"]; });
 
-/* harmony import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_50__["QuestionConverter"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_57__["QuestionToolboxItem"]; });
 
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_51__["svgBundle"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_57__["QuestionToolbox"]; });
 
-/* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_52__["SurveyTextWorker"]; });
+/* harmony import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarModel", function() { return _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_58__["SidebarModel"]; });
 
-/* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_53__["QuestionToolboxCategory"]; });
+/* harmony import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../components/side-bar/side-bar-tab-model */ "./src/components/side-bar/side-bar-tab-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarTabModel", function() { return _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_59__["SidebarTabModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_53__["QuestionToolboxItem"]; });
+/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNextItemValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_53__["QuestionToolbox"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNextItemText"]; });
 
-/* harmony import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarModel", function() { return _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_54__["SidebarModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNextValue"]; });
 
-/* harmony import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../components/side-bar/side-bar-tab-model */ "./src/components/side-bar/side-bar-tab-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarTabModel", function() { return _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_55__["SidebarTabModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["findParentNode"]; });
 
-/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
-/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["getNextItemValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["focusFirstControl"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["getNextItemText"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getFirstNonTextElement"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["getNextValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNodesFromKoComponentInfo"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["findParentNode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["propertyExists"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["focusFirstControl"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["isPropertyVisible"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["getFirstNonTextElement"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["toggleHovered"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["getNodesFromKoComponentInfo"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["clearNewLines"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["propertyExists"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["select"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["isPropertyVisible"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["copyObject"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["toggleHovered"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["copyCssClasses"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["clearNewLines"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["assignDefaultV2Classes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["select"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["wrapTextByCurlyBraces"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["copyObject"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["capitalize"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["copyCssClasses"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["notShortCircuitAnd"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["assignDefaultV2Classes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["imageMimeTypes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["wrapTextByCurlyBraces"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getAcceptedTypesByContentMode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["capitalize"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getQuestionFromObj"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_57__["notShortCircuitAnd"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["ingectAlpha"]; });
 
-/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_58__["SurveyQuestionEditorDefinition"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["convertRgbaToString"]; });
 
-/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_59__["ObjType"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["parseRgbaFromString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_59__["SurveyHelper"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["HSBToRGB"]; });
 
-/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_60__["ResizeManager"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["RGBToHSB"]; });
 
-/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_61__["UndoRedoPlugin"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["assign"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_61__["undoRedoTransaction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["ColorCalculator"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_61__["ignoreUndoRedo"]; });
+/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_62__["SurveyQuestionEditorDefinition"]; });
 
-/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_62__["UndoRedoManager"]; });
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_63__["ObjType"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_62__["Transaction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_63__["SurveyHelper"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_62__["UndoRedoAction"]; });
+/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_64__["ResizeManager"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_62__["UndoRedoArrayAction"]; });
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__["UndoRedoPlugin"]; });
 
-/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_63__["PagesController"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__["undoRedoTransaction"]; });
 
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_64__);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__["ignoreUndoRedo"]; });
+
+/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["UndoRedoManager"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["Transaction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["UndoRedoAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["UndoRedoArrayAction"]; });
+
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_67__["PagesController"]; });
+
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_68___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_68__);
 var Version;
-Version = "" + "1.9.88";
+Version = "" + "1.9.90";
+//should be loaded before other styles for easier override 
+__webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
+
+
+
+
 
 
 
@@ -16761,8 +18310,8 @@ __webpack_require__(/*! ../property-grid-theme/property-grid.scss */ "./src/prop
 __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 
-survey_core__WEBPACK_IMPORTED_MODULE_64__["settings"].supportCreatorV2 = true;
-Object(survey_core__WEBPACK_IMPORTED_MODULE_64__["checkLibraryVersion"])("" + "1.9.88", "survey-creator-core");
+survey_core__WEBPACK_IMPORTED_MODULE_68__["settings"].supportCreatorV2 = true;
+Object(survey_core__WEBPACK_IMPORTED_MODULE_68__["checkLibraryVersion"])("" + "1.9.90", "survey-creator-core");
 
 
 /***/ }),
@@ -18873,6 +20422,7 @@ var enStrings = {
         newPanelName: "panel",
         newTextItemName: "text",
         testSurvey: "Preview",
+        themeSurvey: "Themes",
         defaultV2Theme: "Default",
         modernTheme: "Modern",
         defaultTheme: "Default (legacy)",
@@ -18926,6 +20476,7 @@ var enStrings = {
         propertyEditorError: "Error",
         saveError: "Error! Editor content is not saved.",
         translationPropertyGridTitle: "Language Settings",
+        previewPropertyGridTitle: "Theme Settings",
         translationLanguages: "Languages",
         translationAddLanguage: "Select language to translate",
         translationShowAllStrings: "All Strings",
@@ -18944,7 +20495,7 @@ var enStrings = {
         htmlPlaceHolder: "HTML content will be here.",
         panelPlaceHolder: "Drop a question from the toolbox here.",
         surveyPlaceHolder: "The survey is empty. Drag an element from the toolbox or click the button below.",
-        imagePlaceHolder: "Drop an image here or click the button below to load the image.",
+        imagePlaceHolder: "Drag and drop an image here or click the button below and choose an image to upload",
         imageChooseImage: "Choose Image",
         addNewTypeQuestion: "Add {0}",
         chooseLogoPlaceholder: "[LOGO]",
@@ -19076,6 +20627,7 @@ var enStrings = {
         propertyIsEmpty: "Please enter a value",
         propertyIsNoUnique: "Please enter a unique value",
         propertyNameIsNotUnique: "Please enter a unique name",
+        propertyNameIsIncorrect: "Do not use reserved words: \"item\", \"choice\", \"panel\", \"row\".",
         listIsEmpty: "No items have been added yet",
         "listIsEmpty@choices": "No choices have been added yet",
         "addNew@choices": "Add a choice",
@@ -19247,6 +20799,7 @@ var enStrings = {
         maxTextLength: "Maximum answer length (in characters)",
         maxOthersLength: "Maximum comment length (in characters)",
         autoGrowComment: "Auto-expand comment area if necessary",
+        allowResizeComment: "Allow users to resize text areas",
         textUpdateMode: "Update text question value",
         focusOnFirstError: "Set focus on the first invalid answer",
         checkErrorsMode: "Run validation",
@@ -19457,6 +21010,7 @@ var enStrings = {
         progressTop: "Panel navigator + Progress bar at the top",
         progressBottom: "Panel navigator + Progress bar at the bottom",
         progressTopBottom: "Panel navigator + Progress bar at the top and bottom",
+        tab: "Tabs",
         horizontal: "Horizontal",
         vertical: "Vertical",
         top: "Top",
@@ -19577,7 +21131,12 @@ var enStrings = {
         autoGenerate: {
             "true": "Generate",
             "false": "Enter manually"
-        }
+        },
+        rateType: {
+            labels: "Labels",
+            stars: "Stars",
+            smileys: "Smileys"
+        },
     },
     // Operators
     op: {
@@ -19721,6 +21280,7 @@ var enStrings = {
         navigationDescription: "Navigation description",
         longTap: "Long tap",
         autoGrow: "Auto grow",
+        allowResize: "Allow resizing",
         acceptCarriageReturn: "Accept carriage return",
         displayMode: "Display mode",
         rateType: "Rate type",
@@ -19738,7 +21298,69 @@ var enStrings = {
         showCaption: "Show caption",
         iconName: "Icon name",
         iconSize: "Icon size" // Auto-generated string
-    }
+    },
+    theme: {
+        "--background": "Background Color",
+        "--background-dim-light": "Background Dim Light Color",
+        "--primary-foreground": "Primary Foreground Color",
+        "--foreground": "Foreground Color",
+        "--base-unit": "Base Unit",
+        groupGeneral: "General",
+        groupAdvanced: "Advanced",
+        "themeName": "Theme",
+        "themeMode": "Modes",
+        "themeModePanels": "Panels",
+        "themeModeLightweight": "Lightweight",
+        "themePaletteLight": "Light",
+        "themePaletteDark": "Dark",
+        primaryColor: "Accent Color",
+        primaryDefaultColor: "Default",
+        primaryDarkColor: "Hover",
+        primaryLightColor: "Selected",
+        "backgroundDimColor": "Background Color",
+        "backgroundImage": "Background Image",
+        "backgroundImageFitAuto": "Auto",
+        "backgroundImageFitCover": "Cover",
+        "backgroundImageFitContain": "Contain",
+        "backgroundOpacity": "Opacity",
+        "panelBackgroundTransparency": "Panel Background Transparency",
+        "questionBackgroundTransparency": "Question Background Transparency",
+        questionPanel: "Question Panel",
+        questionTitle: "Question Title Font",
+        questionDescription: "Question Description Font",
+        editorPanel: "Editor",
+        editorFont: "Editor Font",
+        backcolor: "Default Background",
+        hovercolor: "Hover Background",
+        borderDecoration: "Border Decoration",
+        accentBackground: "Accent Background",
+        accentForeground: "Accent Foreground",
+        primaryForecolor: "Default Color",
+        primaryForecolorLight: "Disabled Color",
+        linesColors: "Lines",
+        borderDefault: "Major",
+        borderLight: "Minor",
+        fontFamily: "Font Family",
+        fontSize: "Font Size",
+        color: "Color",
+        size: "Size",
+        fontWeightRegular: "Regular",
+        fontWeightHeavy: "Heavy",
+        fontWeightSemiBold: "Semi-Bold",
+        fontWeightBold: "Bold",
+        scale: "Scale",
+        cornerRadius: "Corner Radius",
+        surveyTitle: "Survey Title Font",
+        pageTitle: "Page Title Font",
+        pageDescription: "Page Description Font",
+        boxShadowX: "X",
+        boxShadowY: "Y",
+        opacity: "Opacity",
+        boxShadowBlur: "Blur",
+        boxShadowSpread: "Spread",
+        questionShadow: "Question Panel Border / Shadow",
+        editorShadow: "Editor Border / Shadow"
+    },
 };
 // Uncomment the line below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
@@ -22438,7 +24060,7 @@ var FastEntryEditor = /** @class */ (function (_super) {
 /*!************************************!*\
   !*** ./src/property-grid/index.ts ***!
   \************************************/
-/*! exports provided: setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue */
+/*! exports provided: setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -22453,6 +24075,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBoolean", function() { return PropertyGridEditorBoolean; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringBase", function() { return PropertyGridEditorStringBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorString", function() { return PropertyGridEditorString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridLinkEditor", function() { return PropertyGridLinkEditor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorNumber", function() { return PropertyGridEditorNumber; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorImageSize", function() { return PropertyGridEditorImageSize; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorText", function() { return PropertyGridEditorText; });
@@ -22476,6 +24099,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
 /* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
 /* harmony import */ var _description_parser__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./description-parser */ "./src/property-grid/description-parser.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+
 
 
 
@@ -22989,6 +24614,9 @@ var PropertyGridModel = /** @class */ (function () {
         if (options === void 0) { options = new _creator_settings__WEBPACK_IMPORTED_MODULE_6__["EmptySurveyCreatorOptions"](); }
         this.isCellCreating = false;
         this.options = options;
+        if (this.options.enableLinkFileEditor) {
+            PropertyGridEditorCollection.register(new PropertyGridLinkEditor());
+        }
         this.obj = obj;
     }
     PropertyGridModel.prototype.refresh = function () {
@@ -23141,6 +24769,11 @@ var PropertyGridModel = /** @class */ (function () {
             _this.currentlySelectedProperty = options.question.name;
             _this.currentlySelectedPanel = options.question.parent;
         });
+        this.survey.onUploadFiles.add(function (_, options) {
+            var callback = function (status, data) { return options.callback(status, [{ content: data, file: options.files[0] }]); };
+            var obj = options.question.obj.getType() == "image" ? options.question.obj : (options.question.obj.getType() == "imageitemvalue" ? options.question.obj.locOwner : undefined);
+            _this.options.uploadFiles(options.files, obj, callback);
+        });
         this.survey.getAllQuestions().map(function (q) { return q.allowRootStyle = false; });
         this.survey.onQuestionCreated.add(function (_, opt) {
             opt.question.allowRootStyle = false;
@@ -23202,9 +24835,10 @@ var PropertyGridModel = /** @class */ (function () {
         return res;
     };
     PropertyGridModel.prototype.validateQuestionValue = function (obj, question, prop, val) {
-        if (question.isRequired && (survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isValueEmpty(val) || question["valueChangingEmpty"])) {
+        if (question.isRequired && (survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isValueEmpty(val) || question["valueChangingEmpty"]))
             return _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("pe.propertyIsEmpty");
-        }
+        if (this.isPropNameInValid(obj, prop, val) || question["nameHasError"])
+            return _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("pe.propertyNameIsIncorrect");
         var editorError = PropertyGridEditorCollection.validateValue(obj, question, prop, val);
         if (!!editorError)
             return editorError;
@@ -23231,20 +24865,25 @@ var PropertyGridModel = /** @class */ (function () {
         options.value = changingOptions.newValue;
         if (q.property.isRequired) {
             var isEmpty = survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isValueEmpty(options.value);
-            if (isEmpty) {
-                options.value = options.oldValue;
-            }
             q["valueChangingEmpty"] = isEmpty;
         }
+        var isPropertyNameInValid = this.isPropNameInValid(this.obj, q.property, options.value);
+        q["nameHasError"] = isPropertyNameInValid;
+    };
+    PropertyGridModel.prototype.isPropNameInValid = function (obj, prop, val) {
+        if (obj["isQuestion"] && prop.name === "name" && !!val) {
+            val = val.toLowerCase();
+            return ["item", "choice", "row", "panel"].indexOf(val) > -1;
+        }
+        return false;
     };
     PropertyGridModel.prototype.onValueChanged = function (options) {
         var _this = this;
         var q = options.question;
         if (!q || !q.property)
             return;
-        if (q["valueChangingEmpty"]) {
-            q["valueChangingEmpty"] = false;
-        }
+        q["valueChangingEmpty"] = false;
+        q["nameHasError"] = false;
         this.changeDependedProperties(q, function (name) { return _this.survey.getQuestionByName(name); }, function (name) { return _this.survey.getValue(name); });
         PropertyGridEditorCollection.onValueChanged(this.obj, q.property, q);
         if (!!this.classNameProperty &&
@@ -23506,7 +25145,7 @@ var PropertyGridEditorString = /** @class */ (function (_super) {
     };
     PropertyGridEditorString.prototype.getJSON = function (obj, prop, options) {
         var json = this.updateMaxLength(prop, { type: "text" });
-        if (prop.name == "name") {
+        if (prop.isRequired) {
             json.textUpdateMode = "onBlur";
         }
         if (!!prop.dataList) {
@@ -23517,6 +25156,33 @@ var PropertyGridEditorString = /** @class */ (function (_super) {
     return PropertyGridEditorString;
 }(PropertyGridEditorStringBase));
 
+var PropertyGridLinkEditor = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridLinkEditor, _super);
+    function PropertyGridLinkEditor() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PropertyGridLinkEditor.prototype.fit = function (prop) {
+        return ["logo", "imageLink"].indexOf(prop.name) > -1;
+    };
+    PropertyGridLinkEditor.prototype.getJSON = function (obj, prop, options) {
+        var res = { type: "fileedit", storeDataAsText: false, };
+        return res;
+    };
+    PropertyGridLinkEditor.prototype.onCreated = function (obj, question, prop, options) {
+        if (["image"].indexOf(obj.getType()) > -1) {
+            var questionObj = obj;
+            questionObj.registerFunctionOnPropertyValueChanged("contentMode", function (newValue) {
+                question.acceptedTypes = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["getAcceptedTypesByContentMode"])(newValue);
+            });
+            question.acceptedTypes = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["getAcceptedTypesByContentMode"])(questionObj.contentMode);
+        }
+        else {
+            question.acceptedTypes = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_10__["getAcceptedTypesByContentMode"])("image");
+        }
+    };
+    return PropertyGridLinkEditor;
+}(PropertyGridEditor));
+
 var PropertyGridEditorNumber = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorNumber, _super);
     function PropertyGridEditorNumber() {
@@ -24000,6 +25666,14 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         };
         this.setupMatrixQuestion(obj, question, prop);
     };
+    PropertyGridEditorMatrix.prototype.initializeAcceptedTypes = function (obj, cellQuestion) {
+        if (obj.getType() === "imagepicker" && cellQuestion.name == "imageLink" && cellQuestion.getType() == "fileedit") {
+            obj.registerFunctionOnPropertyValueChanged("contentMode", function (newValue) {
+                cellQuestion.acceptedTypes = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getAcceptedTypesByContentMode"])(newValue);
+            });
+            cellQuestion.acceptedTypes = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getAcceptedTypesByContentMode"])(obj.contentMode);
+        }
+    };
     PropertyGridEditorMatrix.prototype.initializePlaceholder = function (rowObj, cellQuestion, propertyName) {
         var objType = typeof rowObj.getType === "function" && rowObj.getType();
         if (cellQuestion.getType() === "text" && !!objType) {
@@ -24025,9 +25699,23 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
             return;
         var q = options.cellQuestion;
         q.obj = rowObj;
+        this.initializeAcceptedTypes(obj, q);
         this.initializePlaceholder(rowObj, q, options.columnName);
         q.property = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(rowObj.getType(), options.columnName);
     };
+    PropertyGridEditorMatrix.prototype.onMatrixCellValueChanged = function (obj, options) {
+        var column = options.question.getColumnByName(options.columnName);
+        if (!column || !column.isUnique)
+            return;
+        options.question.visibleRows.forEach(function (row) {
+            if (row !== options.row) {
+                var q = row.getQuestionByColumnName(options.columnName);
+                if (!!q && q.errors.length > 0) {
+                    q.hasErrors();
+                }
+            }
+        });
+    };
     PropertyGridEditorMatrix.prototype.updateMatixActionsClasses = function (actions) {
         actions.forEach(function (action) {
             action.innerCss = (action.innerCss || "") + " spg-action-button--muted";
@@ -24416,6 +26104,7 @@ var PropertyGridEditorMatrixItemValues = /** @class */ (function (_super) {
         }
     };
     PropertyGridEditorMatrixItemValues.prototype.onMatrixCellValueChanged = function (obj, options) {
+        _super.prototype.onMatrixCellValueChanged.call(this, obj, options);
         if (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionRatingModel"] && options.columnName == "icon") {
             //options.cellQuestion.html = "<svg style='fill: red'><use xlink:href=\"#" + options.cellQuestion.value + "\"></use></svg>";
             options.cellQuestion.html = options.cellQuestion.value;
@@ -24440,10 +26129,11 @@ var PropertyGridEditorMatrixRateValues = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.onCreated.call(this, obj, question, prop);
         var matrixQuestion = question;
-        this.updateAllowAddRemove(matrixQuestion, ((obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["MatrixDropdownColumn"]) ? obj.templateQuestion : obj));
+        var ratingQuestion = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getQuestionFromObj"])(obj);
+        this.updateAllowAddRemove(matrixQuestion, ratingQuestion);
         obj.onPropertyChanged.add(function (sender, options) {
             if (options.name == "rateCount" || options.name == "rateDisplayMode") {
-                _this.updateAllowAddRemove(matrixQuestion, obj);
+                _this.updateAllowAddRemove(matrixQuestion, ratingQuestion);
             }
         });
     };
@@ -24658,13 +26348,12 @@ var PropertyGridEditorMatrixMultipleTypes = /** @class */ (function (_super) {
         }
     };
     PropertyGridEditorMatrixMultipleTypes.prototype.onMatrixCellValueChanged = function (obj, options) {
-        if (options.columnName != this.getObjTypeName()) {
+        _super.prototype.onMatrixCellValueChanged.call(this, obj, options);
+        if (options.columnName !== this.getObjTypeName())
             return;
-        }
         var index = options.question.visibleRows.indexOf(options.row);
-        if (index < 0) {
+        if (index < 0)
             return;
-        }
         var isDetailPanelShowing = options.row.isDetailPanelShowing;
         var objJSON = options.row.editingObj.toJSON();
         delete objJSON.type;
@@ -25596,6 +27285,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "maxLength", tab: "validation" },
                 { name: "textUpdateMode", tab: "data" },
                 { name: "autoGrow", tab: "layout" },
+                { name: "allowResize", tab: "layout" },
             ]
         },
         file: {
@@ -26110,6 +27800,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "maxTextLength", tab: "question" },
                 { name: "maxOthersLength", tab: "question" },
                 { name: "autoGrowComment", tab: "question" },
+                { name: "allowResizeComment", tab: "question" },
                 { name: "showPageTitles", tab: "pages" },
                 { name: "showPageNumbers", tab: "pages" },
                 { name: "calculatedValues", tab: "logic" },
@@ -26856,6 +28547,629 @@ var SelectionHistory = /** @class */ (function (_super) {
 
 
 
+/***/ }),
+
+/***/ "./src/survey-elements.ts":
+/*!********************************!*\
+  !*** ./src/survey-elements.ts ***!
+  \********************************/
+/*! exports provided: calculateIsEdge, calculateIsSide, calculateDragOverLocation, DragDropSurveyElements */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateIsEdge", function() { return calculateIsEdge; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateIsSide", function() { return calculateIsSide; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateDragOverLocation", function() { return calculateDragOverLocation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropSurveyElements", function() { return DragDropSurveyElements; });
+/* 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__);
+
+
+function calculateIsEdge(dropTargetNode, clientY) {
+    var rect = dropTargetNode.getBoundingClientRect();
+    return clientY - rect.top <= DragDropSurveyElements.edgeHeight || rect.bottom - clientY <= DragDropSurveyElements.edgeHeight;
+}
+function calculateIsSide(dropTargetNode, clientX) {
+    var rect = dropTargetNode.getBoundingClientRect();
+    return clientX - rect.left <= DragDropSurveyElements.edgeHeight || rect.right - clientX <= DragDropSurveyElements.edgeHeight;
+}
+function calculateDragOverLocation(clientX, clientY, dropTargetNode) {
+    var rect = dropTargetNode.getBoundingClientRect();
+    var tg = rect.height / rect.width;
+    var dx = clientX - rect.x;
+    var dy = clientY - rect.y;
+    if (dy >= tg * dx) {
+        if (dy >= -tg * dx + rect.height) {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom;
+        }
+        else {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left;
+        }
+    }
+    else {
+        if (dy >= -tg * dx + rect.height) {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right;
+        }
+        else {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top;
+        }
+    }
+}
+var DragDropSurveyElements = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(DragDropSurveyElements, _super);
+    function DragDropSurveyElements() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isEdge = false;
+        _this.isSide = false;
+        _this.prevIsEdge = null;
+        // protected ghostSurveyElement: IElement = null;
+        _this.dragOverIndicatorElement = null;
+        _this.isDraggedElementSelected = false;
+        _this.doBanDropHere = function () {
+            _this.removeDragOverMarker(_this.dragOverIndicatorElement);
+            _this.removeDragOverMarker(_this.dropTarget);
+        };
+        _this.doDrop = function () {
+            if (!_this.dropTarget)
+                return;
+            var page = _this.parentElement;
+            var dragged = _this.draggedElement;
+            var src = _this.draggedElement;
+            var dest = _this.dropTarget;
+            var row = page.dragDropFindRow(dest);
+            var targetIndex = _this.getElementIndexInPanel(dest, row);
+            if (_this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right || _this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+                targetIndex++;
+            }
+            var elementsToSetSWNL = [];
+            var elementsToResetSWNL = [];
+            var srcRow = src && src.parent && src.parent.dragDropFindRow(src);
+            if (srcRow && srcRow.elements.length > 1) {
+                elementsToSetSWNL.push(src);
+                if (srcRow.elements[0] === src) {
+                    elementsToSetSWNL.push(srcRow.elements[1]);
+                }
+            }
+            if (!!row) {
+                var dragOverIndicator = _this.dragOverIndicatorElement || _this.dropTarget;
+                var dragOverLocation = dragOverIndicator.dragTypeOverMe;
+                if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left) {
+                    elementsToResetSWNL.push(dest);
+                    if (row.elements.indexOf(dest) === 0 || row.elements.indexOf(src) === 0 && row.elements.indexOf(dest) === 1) {
+                        elementsToSetSWNL.push(dragged);
+                    }
+                    else {
+                        elementsToResetSWNL.push(dragged);
+                    }
+                }
+                else if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right) {
+                    elementsToResetSWNL.push(dragged);
+                    if (row.elements.indexOf(dest) === 0) {
+                        elementsToSetSWNL.push(dragged);
+                    }
+                }
+                else if (row.elements.length > 1) {
+                    elementsToSetSWNL.push(dragged);
+                    if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top) {
+                        targetIndex = _this.getElementIndexInPanel(row.elements[0], row);
+                    }
+                    else if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+                        targetIndex = _this.getElementIndexInPanel(row.elements[row.elements.length - 1], row) + 1;
+                    }
+                }
+                else {
+                    elementsToSetSWNL.push(dragged);
+                }
+            }
+            if (!!src && !!src.parent) {
+                page.survey.startMovingQuestion();
+                var isSamePanel = !!row && row.panel == src.parent;
+                if (isSamePanel) {
+                    _this.moveElementInPanel(row.panel, src, dragged, targetIndex);
+                    row.panel.updateRows();
+                    targetIndex = -1;
+                }
+                else {
+                    src.parent.removeElement(src);
+                }
+            }
+            if (!_this.isEdge && !_this.isSide && (dest.isPanel || dest.isPage)) {
+                dest.addElement(dragged);
+                dest.updateRows();
+            }
+            else if (!!row && targetIndex > -1) {
+                row.panel.addElement(dragged, targetIndex);
+                row.panel.updateRows();
+            }
+            page.survey.stopMovingQuestion();
+            elementsToSetSWNL.map(function (e) { e.startWithNewLine = true; });
+            elementsToResetSWNL.map(function (e) { e.startWithNewLine = false; });
+            return dragged;
+        };
+        return _this;
+        // protected removeGhostElementFromSurvey(): void {
+        //   const dropTarget = this.prevDropTarget || this.dropTarget;
+        //   if (!!dropTarget) {
+        //     dropTarget.dragTypeOverMe = null;
+        //   }
+        //   if (!!this.parentElement) this.parentElement.dragDropFinish(true);
+        // }
+        // private insertRealElementIntoSurvey() {
+        //   this.removeGhostElementFromSurvey();
+        //   const isTargetRowMultiple = this.calcTargetRowMultiple();
+        //   // ghost new page
+        //   if (this.dropTarget.isPage && (<any>this.dropTarget)["_isGhost"]) {
+        //     (<any>this.dropTarget)["_addGhostPageViewModel"]();
+        //   }
+        //   // EO ghost new page
+        //   //TODO need for dragDrop helper in library
+        //   const json = new JsonObject().toJsonObject(this.draggedElement);
+        //   json["type"] = this.draggedElement.getType();
+        //   const fakeTargetElement = this.createFakeTargetElement(
+        //     this.draggedElement.name,
+        //     json
+        //   );
+        //   //
+        //   this.parentElement.dragDropStart(
+        //     this.draggedElement,
+        //     fakeTargetElement,
+        //     DragDropSurveyElements.nestedPanelDepth
+        //   );
+        //   this.parentElement.dragDropMoveTo(
+        //     this.dropTarget,
+        //     isTargetRowMultiple ? this.isRight : this.isBottom,
+        //     this.isEdge
+        //   );
+        //   const newElement = this.parentElement.dragDropFinish();
+        //   return newElement;
+        // }
+        // private createFakeTargetElement(elementName: string, json: any): any {
+        //   if (!elementName || !json) return null;
+        //   var targetElement = null;
+        //   targetElement = Serializer.createClass(json["type"]);
+        //   new JsonObject().toObject(json, targetElement);
+        //   targetElement.name = elementName;
+        //   if (targetElement["setSurveyImpl"]) {
+        //     targetElement["setSurveyImpl"](this.survey);
+        //   } else {
+        //     targetElement["setData"](this.survey);
+        //   }
+        //   targetElement.renderWidth = "100%";
+        //   return targetElement;
+        // }
+        // private createGhostSurveyElement(isMultipleRowDrag = false): any {
+        //   let className = "sv-drag-drop-ghost";
+        //   let minWidth = "300px";
+        //   if (isMultipleRowDrag) {
+        //     minWidth = "4px";
+        //     className += " sv-drag-drop-ghost--vertical";
+        //   }
+        //   const json: any = {
+        //     type: "html",
+        //     minWidth,
+        //     name: DragDropSurveyElements.ghostSurveyElementName,
+        //     html: `<div class="${className}"></div>`,
+        //   };
+        //   const element = <any>this.createElementFromJson(json);
+        //   element.startWithNewLine = !isMultipleRowDrag;
+        //   if (isMultipleRowDrag) {
+        //     element.maxWidth = "4px";
+        //     element.renderWidth = "0px";
+        //     element.paddingRight = "0px";
+        //     element.paddingLeft = "0px";
+        //   }
+        //   return element;
+        // }
+    }
+    Object.defineProperty(DragDropSurveyElements.prototype, "draggedElementType", {
+        get: function () {
+            return "survey-element";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // private isRight: boolean;
+    // protected prevIsRight: boolean;
+    DragDropSurveyElements.prototype.startDragToolboxItem = function (event, draggedElementJson, toolboxItemTitle) {
+        var preventSaveTargetNode = true;
+        var draggedElement = this.createElementFromJson(draggedElementJson);
+        draggedElement.toolboxItemTitle = toolboxItemTitle;
+        this.startDrag(event, draggedElement, null, null, preventSaveTargetNode);
+    };
+    DragDropSurveyElements.prototype.startDragSurveyElement = function (event, draggedElement, isElementSelected) {
+        this.isDraggedElementSelected = isElementSelected;
+        this.startDrag(event, draggedElement);
+    };
+    DragDropSurveyElements.prototype.getShortcutText = function (draggedElement) {
+        return draggedElement.toolboxItemTitle || _super.prototype.getShortcutText.call(this, draggedElement);
+    };
+    DragDropSurveyElements.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
+        var draggedElementShortcut = document.createElement("div");
+        var textSpan = document.createElement("span");
+        textSpan.className = "svc-dragged-element-shortcut__text";
+        textSpan.innerText = text;
+        draggedElementShortcut.appendChild(this.createDraggedElementIcon());
+        draggedElementShortcut.appendChild(textSpan);
+        draggedElementShortcut.className = this.getDraggedElementClass();
+        return draggedElementShortcut;
+    };
+    DragDropSurveyElements.prototype.createDraggedElementIcon = function () {
+        var span = document.createElement("span");
+        var type = this.draggedElement.getType();
+        var svgString = "<svg class=\"sv-svg-icon\" role=\"img\" style=\"width: 24px; height: 24px;\"><use xlink:href=\"#icon-" + type + "\"></use></svg>";
+        span.className = "svc-dragged-element-shortcut__icon";
+        span.innerHTML = svgString;
+        return span;
+    };
+    DragDropSurveyElements.prototype.getDraggedElementClass = function () {
+        var result = "svc-dragged-element-shortcut";
+        if (this.isDraggedElementSelected)
+            result += " svc-dragged-element-shortcut--selected";
+        return result;
+    };
+    DragDropSurveyElements.prototype.createElementFromJson = function (json) {
+        var element = this.createNewElement(json);
+        if (element["setSurveyImpl"]) {
+            element["setSurveyImpl"](this.survey);
+        }
+        else {
+            element["setData"](this.survey);
+        }
+        element.renderWidth = "100%";
+        return element;
+    };
+    DragDropSurveyElements.prototype.createNewElement = function (json) {
+        var newElement = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(json["type"]);
+        new survey_core__WEBPACK_IMPORTED_MODULE_1__["JsonObject"]().toObject(json, newElement);
+        return newElement;
+    };
+    DragDropSurveyElements.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
+        var ghostRow = dragOverNode.closest(".svc-row--ghost");
+        if (!!ghostRow) {
+            var ghostDataAttrSelector = "[data-sv-drop-target-survey-element='sv-drag-drop-ghost-survey-element-name']";
+            var ghostNode = dragOverNode.closest(ghostDataAttrSelector) || dragOverNode.querySelector(ghostDataAttrSelector);
+            if (!!ghostNode) {
+                return ghostNode;
+            }
+        }
+        var dropTargetNode = dragOverNode.closest(this.dropTargetDataAttributeName);
+        return dropTargetNode;
+    };
+    DragDropSurveyElements.prototype.getDropTargetByDataAttributeValue = function (dataAttributeValue, dropTargetNode, event) {
+        this.removeDragOverMarker(this.dragOverIndicatorElement);
+        this.dragOverIndicatorElement = null;
+        if (!dataAttributeValue) {
+            // panel dynamic
+            var nearestDropTargetElement = dropTargetNode.parentElement.closest(this.dropTargetDataAttributeName);
+            dataAttributeValue = this.getDataAttributeValueByNode(nearestDropTargetElement);
+        }
+        if (!dataAttributeValue) {
+            throw new Error("Can't find drop target survey element name");
+        }
+        if (dataAttributeValue === DragDropSurveyElements.ghostSurveyElementName) {
+            return this.prevDropTarget;
+        }
+        // drop to new page
+        if (dataAttributeValue === "newGhostPage") {
+            return DragDropSurveyElements.newGhostPage;
+        }
+        // drop to page
+        var page = this.survey.getPageByName(dataAttributeValue);
+        if (page) {
+            if (page.elements.length !== 0) {
+                // TODO we can't drop on not empty page directly for now
+                return null;
+            }
+            return page;
+        }
+        // drop to question or panel
+        var dropTarget;
+        var dragOverElement;
+        this.survey.pages.forEach(function (page) {
+            var question = page.getElementByName(dataAttributeValue);
+            if (question) {
+                dropTarget = question;
+                dragOverElement = question;
+            }
+        });
+        // drop to paneldynamic
+        if (dropTarget.getType() === "paneldynamic" && !this.isEdge && !this.isSide) {
+            dropTarget = dropTarget.template;
+        }
+        // drop to matrix detail panel
+        if ((dropTarget.getType() === "matrixdropdown" || dropTarget.getType() === "matrixdynamic") && dropTarget.detailPanelMode !== "none" && !this.isEdge && !this.isSide) {
+            dropTarget = dropTarget.detailPanel;
+        }
+        // drop to panel
+        else if (dropTarget.isPanel) {
+            dropTarget = this.getPanelDropTarget(dropTargetNode, dropTarget, event);
+        }
+        // drop to question
+        //question inside paneldymanic
+        if (!dropTarget.page) {
+            var nearestDropTargetPageElement = dropTargetNode.parentElement.closest("[data-sv-drop-target-page]");
+            dataAttributeValue = nearestDropTargetPageElement.dataset.svDropTargetPage;
+            var page_1 = this.survey.getPageByName(dataAttributeValue);
+            dropTarget.__page = page_1;
+        }
+        this.dragOverIndicatorElement = dragOverElement;
+        return dropTarget;
+        // EO drop to question or panel
+    };
+    DragDropSurveyElements.prototype.isDropTargetValid = function (dropTarget, dropTargetNode) {
+        if (!dropTarget)
+            return false;
+        if (dropTarget === this.draggedElement)
+            return false;
+        if (this.draggedElement.getType() === "paneldynamic" && dropTarget === this.draggedElement.template) {
+            return false;
+        }
+        if (DragDropSurveyElements.restrictDragQuestionBetweenPages &&
+            this.shouldRestricDragQuestionBetweenPages(dropTarget)) {
+            return false;
+        }
+        return true;
+    };
+    // protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean {
+    //   return false;
+    // }
+    // protected calculateIsBottom(
+    //   clientY: number,
+    //   dropTargetNode?: HTMLElement
+    // ): boolean {
+    //   // we shouldn't reculc isBottom if drag over ghost survey element
+    //   if (this.getDataAttributeValueByNode(dropTargetNode) === DragDropSurveyElements.ghostSurveyElementName) {
+    //     return this.isBottom;
+    //   }
+    //   const middle = this.calculateVerticalMiddleOfHTMLElement(dropTargetNode);
+    //   return clientY >= middle;
+    // }
+    // protected calculateIsRight(
+    //   clientX: number,
+    //   dropTargetNode?: HTMLElement
+    // ): boolean {
+    //   // we shouldn't reculc isBottom if drag over ghost survey element
+    //   if (this.getDataAttributeValueByNode(dropTargetNode) === DragDropSurveyElements.ghostSurveyElementName) {
+    //     return this.isRight;
+    //   }
+    //   const middle = this.calculateHorizontalMiddleOfHTMLElement(dropTargetNode);
+    //   return clientX >= middle;
+    // }
+    // protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean {
+    //   // if (this.dropTarget === this.ghostSurveyElement) return true;
+    //   return (
+    //     this.dropTarget === this.prevDropTarget && newIsBottom === this.isBottom
+    //     && this.isEdge === this.prevIsEdge && this.isRight === this.prevIsRight
+    //   );
+    // }
+    DragDropSurveyElements.prototype.shouldRestricDragQuestionBetweenPages = function (dropTarget) {
+        var oldPage = this.draggedElement["page"];
+        var newPage = dropTarget.isPage ? dropTarget : dropTarget["page"];
+        // if oldPage === null then it is drop from the toolbox
+        return oldPage && oldPage !== newPage;
+    };
+    DragDropSurveyElements.prototype.getPanelDropTarget = function (HTMLElement, dropTarget, event) {
+        var isEdge = this.isEdge;
+        if (!isEdge && dropTarget.questions.length !== 0) {
+            HTMLElement = this.findDeepestDropTargetChild(HTMLElement);
+            dropTarget = this.getDropTargetByNode(HTMLElement, event);
+        }
+        return dropTarget;
+    };
+    DragDropSurveyElements.prototype.findDeepestDropTargetChild = function (parent) {
+        var selector = this.dropTargetDataAttributeName;
+        var result = parent;
+        while (!!parent) {
+            result = parent;
+            parent = parent.querySelector(selector);
+        }
+        return result;
+    };
+    DragDropSurveyElements.prototype.dragOverCore = function (dropTarget, dragOverLocation, isEdge, isSide) {
+        if (isEdge === void 0) { isEdge = false; }
+        if (isSide === void 0) { isSide = false; }
+        this.removeDragOverMarker(this.dragOverIndicatorElement);
+        this.removeDragOverMarker(this.dropTarget);
+        if (dropTarget === this.draggedElement) {
+            this.allowDropHere = false;
+            return;
+        }
+        this.dropTarget = dropTarget;
+        this.dragOverLocation = dragOverLocation;
+        this.isEdge = isEdge;
+        this.isSide = isSide;
+        this.parentElement = this.dropTarget.isPage
+            ? this.dropTarget
+            : (this.dropTarget.page || this.dropTarget.__page);
+        var dragOverIndicator = this.dragOverIndicatorElement || this.dropTarget;
+        if (!this.isEdge && !this.isSide && this.isDragOverInsideEmptyPanel()) {
+            dragOverIndicator.dragTypeOverMe = survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].InsideEmptyPanel;
+        }
+        else {
+            var row = this.parentElement.dragDropFindRow(dragOverIndicator);
+            if (!!row && row.elements.length > 1 && (this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top || this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom)) {
+                row.dragTypeOverMe = this.dragOverLocation;
+                this.dragOverIndicatorElement = row;
+            }
+            else {
+                dragOverIndicator.dragTypeOverMe = this.dragOverLocation;
+            }
+        }
+    };
+    DragDropSurveyElements.prototype.dragOver = function (event) {
+        var dropTargetNode = this.findDropTargetNodeFromPoint(event.clientX, event.clientY);
+        if (!dropTargetNode) {
+            this.banDropHere();
+            return;
+        }
+        this.isEdge = calculateIsEdge(dropTargetNode, event.clientY);
+        this.isSide = calculateIsSide(dropTargetNode, event.clientX);
+        var dropTarget = this.getDropTargetByNode(dropTargetNode, event);
+        var isDropTargetValid = this.isDropTargetValid(dropTarget, dropTargetNode);
+        if (!isDropTargetValid) {
+            this.banDropHere();
+            return;
+        }
+        this.allowDropHere = true;
+        var dragOverLocation = calculateDragOverLocation(event.clientX, event.clientY, dropTargetNode);
+        this.dragOverCore(dropTarget, dragOverLocation, this.isEdge, this.isSide);
+    };
+    // protected doDragOver(dropTargetNode?: HTMLElement, event?: PointerEvent): void {
+    //   this.isRight = this.calculateIsRight(event.clientX, dropTargetNode);
+    // }
+    // protected afterDragOver(dropTargetNode: HTMLElement, event: PointerEvent): void {
+    //   this.prevIsEdge = this.isEdge;
+    //   this.prevIsRight = this.isRight;
+    //   this.insertGhostElementIntoSurvey();
+    // }
+    DragDropSurveyElements.prototype.onStartDrag = function () {
+        // this.ghostSurveyElement = this.createGhostSurveyElement();
+        this.draggedElement.isDragMe = true;
+    };
+    // protected doBanDropHere = (): void => {
+    //   this.removeGhostElementFromSurvey();
+    //   this.isEdge = null;
+    // };
+    DragDropSurveyElements.prototype.getElementIndexInPanel = function (target, row) {
+        if (!row)
+            return -1;
+        var index = row.elements.indexOf(target);
+        if (row.index == 0)
+            return index;
+        var prevRow = row.panel.rows[row.index - 1];
+        var prevElement = prevRow.elements[prevRow.elements.length - 1];
+        return index + row.panel.elements.indexOf(prevElement) + 1;
+    };
+    DragDropSurveyElements.prototype.moveElementInPanel = function (panel, src, target, targetIndex) {
+        var srcIndex = src.parent.elements.indexOf(src);
+        if (targetIndex > srcIndex) {
+            targetIndex--;
+        }
+        if (src === target && srcIndex === targetIndex) {
+            return;
+        }
+        panel.removeElement(src);
+        panel.addElement(target, targetIndex);
+    };
+    // protected doDrop = (): any => {
+    //   if (this.dropTarget) {
+    //     (<HTMLElement>document.activeElement).blur();
+    //     (<HTMLElement>settings.environment.root.activeElement).blur();
+    //     return this.insertRealElementIntoSurvey();
+    //   }
+    //   return null;
+    // };
+    DragDropSurveyElements.prototype.removeDragOverMarker = function (dropTarget) {
+        var _a;
+        if (!!dropTarget) {
+            dropTarget.dragTypeOverMe = null;
+        }
+        var row = (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.dragDropFindRow(dropTarget);
+        if (!!row) {
+            row.dragTypeOverMe = null;
+        }
+    };
+    DragDropSurveyElements.prototype.clear = function () {
+        this.isEdge = null;
+        this.isSide = null;
+        this.removeDragOverMarker(this.prevDropTarget);
+        this.removeDragOverMarker(this.dropTarget);
+        this.removeDragOverMarker(this.dragOverIndicatorElement);
+        if (!!this.draggedElement) {
+            this.draggedElement.isDragMe = false;
+        }
+        _super.prototype.clear.call(this);
+    };
+    // protected doClear = (): void => {
+    //   // this.removeGhostElementFromSurvey();
+    //   this.isEdge = null;
+    //   this.isSide = null;
+    //   // this.ghostSurveyElement = null;
+    //   this.removeDragOverMarker(this.prevDropTarget);
+    //   this.removeDragOverMarker(this.dropTarget);
+    //   this.removeDragOverMarker(this.dragOverIndicatorElement);
+    //   if (!!this.draggedElement) {
+    //     this.draggedElement.isDragMe = false;
+    //   }
+    //   // this.isRight = null;
+    // };
+    // protected insertGhostElementIntoSurvey(): boolean {
+    //   this.removeGhostElementFromSurvey();
+    //   let isTargetRowMultiple = this.calcTargetRowMultiple();
+    //   this.ghostSurveyElement = this.createGhostSurveyElement(isTargetRowMultiple);
+    //   this.ghostSurveyElement.name =
+    //     DragDropSurveyElements.ghostSurveyElementName; // TODO why do we need setup it manually see createGhostSurveyElement method
+    //   this.parentElement = this.dropTarget.isPage
+    //     ? this.dropTarget
+    //     : ((<any>this.dropTarget).page || (<any>this.dropTarget).__page);
+    //   if (this.isDragOverInsideEmptyPanel()) {
+    //     this.dropTarget.dragTypeOverMe = DragTypeOverMeEnum.InsideEmptyPanel;
+    //     return;
+    //   }
+    //   if (!this.isEdge && isTargetRowMultiple) {
+    //     this.dropTarget.dragTypeOverMe = this.isRight ?
+    //       DragTypeOverMeEnum.MultilineRight :
+    //       DragTypeOverMeEnum.MultilineLeft;
+    //     return;
+    //   }
+    //   this.parentElement.dragDropStart(
+    //     this.draggedElement,
+    //     this.ghostSurveyElement,
+    //     DragDropSurveyElements.nestedPanelDepth
+    //   );
+    //   const result = this.parentElement.dragDropMoveTo(
+    //     this.dropTarget,
+    //     isTargetRowMultiple ? this.isRight : this.isBottom,
+    //     this.isEdge
+    //   );
+    //   return result;
+    // }
+    // private calcTargetRowMultiple() {
+    //   const targetParent = this.getTargetParent(this.dropTarget);
+    //   let targetRow: any = this.getTargetRow(this.dropTarget);
+    //   const isTargetRowMultiple = targetRow && targetRow.elements.length > 1;
+    //   const isTemplatePanelInPanelDynamic = targetParent.isPanel && !targetParent.name;
+    //   if (this.isEdge && isTargetRowMultiple && !isTemplatePanelInPanelDynamic) {
+    //     targetParent.__page = this.dropTarget.page || this.dropTarget.__page;
+    //     this.dropTarget = targetParent;
+    //     return false;
+    //   }
+    //   return isTargetRowMultiple;
+    // }
+    DragDropSurveyElements.prototype.getTargetParent = function (dropTarget) {
+        var targetParent = dropTarget.isPage || dropTarget.isPanel ? dropTarget : dropTarget.parent;
+        if (dropTarget.getType() === "paneldynamic") {
+            targetParent = dropTarget.templateValue;
+        }
+        return targetParent;
+    };
+    DragDropSurveyElements.prototype.getTargetRow = function (dropTarget) {
+        var targetParent = this.getTargetParent(dropTarget);
+        var targetRow;
+        targetParent.rows.forEach(function (row) {
+            if (row.elements.indexOf(dropTarget) !== -1) {
+                targetRow = row;
+            }
+        });
+        return targetRow;
+    };
+    DragDropSurveyElements.prototype.isDragOverInsideEmptyPanel = function () {
+        var isEmptyPanel = this.dropTarget.isPanel && this.dropTarget.questions.length === 0;
+        var isDragOverInside = !this.isEdge && !this.isSide;
+        return isEmptyPanel && isDragOverInside;
+    };
+    DragDropSurveyElements.newGhostPage = null;
+    DragDropSurveyElements.restrictDragQuestionBetweenPages = false;
+    DragDropSurveyElements.edgeHeight = 30;
+    DragDropSurveyElements.nestedPanelDepth = -1;
+    DragDropSurveyElements.ghostSurveyElementName = "sv-drag-drop-ghost-survey-element-name"; // before renaming use globa search (we have also css selectors)
+    return DragDropSurveyElements;
+}(survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropCore"]));
+
+
+
 /***/ }),
 
 /***/ "./src/survey-helper.ts":
@@ -28259,6 +30573,17 @@ function updateMatrixRemoveAction(question, actions, row) {
 }
 
 
+/***/ }),
+
+/***/ "./src/utils/context-button.scss":
+/*!***************************************!*\
+  !*** ./src/utils/context-button.scss ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "./src/utils/design.scss":
@@ -28433,7 +30758,7 @@ var ResizeManager = /** @class */ (function () {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd */
+/*! exports provided: getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, HSBToRGB, RGBToHSB, assign, ColorCalculator */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -28456,6 +30781,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return wrapTextByCurlyBraces; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return capitalize; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return notShortCircuitAnd; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return imageMimeTypes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return getAcceptedTypesByContentMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return getQuestionFromObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return ingectAlpha; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return convertRgbaToString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return parseRgbaFromString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return HSBToRGB; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return RGBToHSB; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return assign; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return ColorCalculator; });
 /* 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");
@@ -28762,6 +31097,103 @@ function notShortCircuitAnd() {
     }
     return args.every(function (val) { return val === true; });
 }
+var imageMimeTypes = "image/png, image/gif, image/jpeg, image/apng, image/avif, image/svg+xml, image/webp";
+function getAcceptedTypesByContentMode(contentMode) {
+    if (["auto", "image"].indexOf(contentMode) > -1) {
+        return imageMimeTypes;
+    }
+    else if (contentMode == "video") {
+        return "video/*";
+    }
+    else {
+        return "";
+    }
+}
+function getQuestionFromObj(obj) {
+    return (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__["MatrixDropdownColumn"]) ? obj.templateQuestion : obj;
+}
+function ingectAlpha(baseColor, alpha) {
+    if (!!baseColor && alpha !== undefined) {
+        var r = parseInt(baseColor.slice(1, 3), 16);
+        var g = parseInt(baseColor.slice(3, 5), 16);
+        var b = parseInt(baseColor.slice(5, 7), 16);
+        return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
+    }
+}
+function convertRgbaToString(rgbValues, alpha) {
+    return "rgba(" + rgbValues[0] + ", " + rgbValues[1] + ", " + rgbValues[2] + ", " + alpha + ")";
+}
+function parseRgbaFromString(value) {
+    var matchRgb = value.match(/\((.*)\)/);
+    if (matchRgb) {
+        return matchRgb[1].split(",").map(function (i) { return parseFloat(i); });
+    }
+    else {
+        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 assign() {
+    var objects = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        objects[_i] = arguments[_i];
+    }
+    if (objects.length <= 1) {
+        return;
+    }
+    if (objects.length == 2) {
+        Object.keys(objects[1]).forEach(function (key) { return objects[0][key] = objects[1][key]; });
+        return;
+    }
+    for (var i = 1; i < objects.length; i++) {
+        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);
+        var primaryColorDarkRgba = parseRgbaFromString(darkColor);
+        var primaryColorLightRgba = parseRgbaFromString(lightColor);
+        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;
+}());
+
 
 
 /***/ }),