survey-creator-core 1.9.87 → 1.9.89

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.87
+ * SurveyJS Creator v1.9.89
  * (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);
@@ -1145,7 +1163,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 +1172,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 () {
@@ -1896,6 +1916,10 @@ __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 _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");
+
+
 
 
 
@@ -1905,8 +1929,25 @@ var QuestionImageAdornerViewModel = /** @class */ (function (_super) {
     function QuestionImageAdornerViewModel(creator, surveyElement, templateData, questionRoot) {
         var _this = _super.call(this, creator, surveyElement, templateData) || this;
         _this.questionRoot = questionRoot;
+        _this.isEmptyImageLink = !_this.question.imageLink;
+        _this.surveyElement.registerFunctionOnPropertyValueChanged("imageLink", function () { _this.imageLinkValueChangedHandler(); }, "imageLinkValueChanged");
+        _this.initFilePresentationModel();
         return _this;
     }
+    QuestionImageAdornerViewModel.prototype.initFilePresentationModel = function () {
+        var _this = this;
+        this.filePresentationModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass("file", { name: this.question.name });
+        this.filePresentationModel.setSurveyImpl(this.question.getSurvey());
+        this.filePresentationModel.forceIsInputReadOnly = false;
+        this.filePresentationModel.dragAreaPlaceholder = this.placeholderText;
+        this.filePresentationModel.chooseButtonCaption = this.chooseImageText;
+        this.filePresentationModel.acceptedTypes = "image/*";
+        this.filePresentationModel.onPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
+            if (name === "value" && newValue.length > 0) {
+                _this.question.imageLink = newValue[0].content;
+            }
+        };
+    };
     QuestionImageAdornerViewModel.prototype.chooseFile = function (model) {
         var fileInput = model.questionRoot.getElementsByClassName("svc-choose-file-input")[0];
         model.creator.chooseFiles(fileInput, function (files) {
@@ -1917,9 +1958,52 @@ 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;
+        this.filePresentationModel.visible = !this.question.imageLink;
+    };
+    Object.defineProperty(QuestionImageAdornerViewModel.prototype, "isEmptyElement", {
+        get: function () {
+            return this.isEmptyImageLink;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionImageAdornerViewModel.prototype, "question", {
+        get: function () {
+            return this.surveyElement;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionImageAdornerViewModel.prototype, "placeholderText", {
+        get: function () {
+            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_4__["getLocString"])("ed.imageChooseImage");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], QuestionImageAdornerViewModel.prototype, "isUploading", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
+    ], QuestionImageAdornerViewModel.prototype, "isEmptyImageLink", void 0);
     return QuestionImageAdornerViewModel;
 }(_question__WEBPACK_IMPORTED_MODULE_2__["QuestionAdornerViewModel"]));
 
@@ -1969,7 +2053,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
@@ -2208,7 +2292,10 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         return this.surveyElement.isQuestion && !this.surveyElement.startWithNewLine ? " svc-question__adorner--start-with-new-line" : "";
     };
     QuestionAdornerViewModel.prototype.css = function () {
-        var result = typeof this.surveyElement.getType === "function" ? ("svc-question__content--" + this.surveyElement.getType()) : "";
+        if (!this.surveyElement.isInteractiveDesignElement)
+            return "";
+        var result = "svc-question__content";
+        result += typeof this.surveyElement.getType === "function" ? (" svc-question__content--" + this.surveyElement.getType()) : "";
         if (this.creator.isElementSelected(this.surveyElement)) {
             result += " svc-question__content--selected";
         }
@@ -3225,6 +3312,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"]));
 
@@ -9124,39 +9214,583 @@ var TabTestPlugin = /** @class */ (function () {
                     return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["notShortCircuitAnd"])(_this.creator.showSimulatorInTestSurveyTab, _this.creator.activeTab === "test");
                 }),
                 action: function () {
-                    _this.changeThemePopupModel.toggleVisibility();
-                },
-                popupModel: this.changeThemePopupModel
+                    _this.changeThemePopupModel.toggleVisibility();
+                },
+                popupModel: this.changeThemePopupModel
+            });
+            items.push(this.changeThemeAction);
+        }
+        this.languageSelectorAction = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createDropdownActionModel"])({
+            id: "languageSelector",
+            iconName: "icon-language",
+            visible: false,
+            mode: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                return _this.creator.isMobileView ? "small" : "large";
+            }),
+        }, {
+            items: [],
+            allowSelection: true,
+            onSelectionChanged: function (item) {
+                _this.model.activeLanguage = item.id;
+                _this.languageSelectorAction.title = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getLocaleName(item.id);
+            },
+            horizontalPosition: "center",
+            onHide: function () { _this.languageSelectorAction.enabled = true; },
+            onShow: function () { _this.languageSelectorAction.enabled = false; }
+        });
+        items.push(this.languageSelectorAction);
+        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 === "test"; }),
+            visible: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
+                return (_this.creator.activeTab === "test");
+            }),
+            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;
+    };
+    TabTestPlugin.prototype.addFooterActions = function () {
+        this.creator.footerToolbar.actions.push(this.testAgainAction);
+        this.invisibleToggleAction && (this.creator.footerToolbar.actions.push(this.invisibleToggleAction));
+        this.languageSelectorAction && (this.creator.footerToolbar.actions.push(this.languageSelectorAction));
+        this.creator.footerToolbar.actions.push(this.prevPageAction);
+        this.creator.footerToolbar.actions.push(this.nextPageAction);
+        this.creator.footerToolbar.actions.push(this.designerAction);
+    };
+    return TabTestPlugin;
+}());
+
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/test.scss":
+/*!***************************************!*\
+  !*** ./src/components/tabs/test.scss ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./src/components/tabs/test.ts":
+/*!*************************************!*\
+  !*** ./src/components/tabs/test.ts ***!
+  \*************************************/
+/*! exports provided: TestSurveyTabViewModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TestSurveyTabViewModel", function() { return TestSurveyTabViewModel; });
+/* 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 _utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+
+
+__webpack_require__(/*! ./test.scss */ "./src/components/tabs/test.scss");
+
+
+
+var TestSurveyTabViewModel = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TestSurveyTabViewModel, _super);
+    function TestSurveyTabViewModel(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.simulator = new _simulator__WEBPACK_IMPORTED_MODULE_1__["SurveySimulatorModel"]();
+        return _this;
+    }
+    Object.defineProperty(TestSurveyTabViewModel.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(TestSurveyTabViewModel.prototype, "survey", {
+        get: function () {
+            return this.simulator.survey;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TestSurveyTabViewModel.prototype, "pageActions", {
+        get: function () {
+            return this.pages.actions;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TestSurveyTabViewModel.prototype, "isPageToolbarVisible", {
+        get: function () {
+            return this.pages.visibleActions.length > 0 && !this.surveyProvider.isMobileView;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TestSurveyTabViewModel.prototype.updateSimulatorSurvey = function (json, theme) {
+        var newSurvey = this.surveyProvider.createSurvey(json || {}, "test");
+        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);
+        });
+    };
+    TestSurveyTabViewModel.prototype.setJSON = function (json, currTheme) {
+        this.json = json;
+        if (json != null) {
+            if (json.cookieName) {
+                delete json.cookieName;
+            }
+        }
+        this.updateSimulatorSurvey(json, currTheme);
+    };
+    TestSurveyTabViewModel.prototype.initialize = function (json, options) {
+        this.setJSON(json, this.startTheme);
+        this.updatePageList();
+        if (options.showPagesInTestSurveyTab !== undefined) {
+            this.showPagesInTestSurveyTab = options.showPagesInTestSurveyTab;
+        }
+        this.buildActions();
+    };
+    TestSurveyTabViewModel.prototype.updatePageItem = function (page) {
+        var item = this.getPageItemByPage(page);
+        if (item) {
+            item.enabled = page.isVisible;
+        }
+    };
+    TestSurveyTabViewModel.prototype.getCurrentPageItem = function () {
+        return this.pageListItems[this.survey.pages.indexOf(this.survey.activePage)];
+    };
+    TestSurveyTabViewModel.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");
+    };
+    TestSurveyTabViewModel.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;
+    };
+    TestSurveyTabViewModel.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;
+    };
+    TestSurveyTabViewModel.prototype.show = function () {
+        this.showInvisibleElements = false;
+        this.activePage = this.survey.activePage;
+        this.survey.locale = this.activeLanguage;
+        this.isRunning = true;
+    };
+    TestSurveyTabViewModel.prototype.testAgain = function () {
+        this.setJSON(this.json, this.simulator.survey.css);
+        this.updatePageList();
+        this.show();
+    };
+    TestSurveyTabViewModel.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_4__["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_4__["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();
+    };
+    TestSurveyTabViewModel.prototype.setActivePageItem = function (page, val) {
+        var item = this.getPageItemByPage(page);
+        if (item) {
+            item.active = val;
+        }
+    };
+    TestSurveyTabViewModel.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;
+    };
+    TestSurveyTabViewModel.prototype.updateResultsTemplate = function (theme) {
+        this.simulator.survey.setCss(theme, false);
+        this.simulator.survey.render();
+    };
+    TestSurveyTabViewModel.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);
+    };
+    TestSurveyTabViewModel.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;
+        }
+    };
+    TestSurveyTabViewModel.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;
+    };
+    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;
+            }
+        })
+    ], 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-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.changeThemeAction);
+            items.push(this.invisibleToggleAction);
         }
-        this.languageSelectorAction = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createDropdownActionModel"])({
-            id: "languageSelector",
-            iconName: "icon-language",
-            visible: false,
-            mode: new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
-                return _this.creator.isMobileView ? "small" : "large";
-            }),
-        }, {
-            items: [],
-            allowSelection: true,
-            onSelectionChanged: function (item) {
-                _this.model.activeLanguage = item.id;
-                _this.languageSelectorAction.title = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getLocaleName(item.id);
-            },
-            horizontalPosition: "center",
-            onHide: function () { _this.languageSelectorAction.enabled = true; },
-            onShow: function () { _this.languageSelectorAction.enabled = false; }
-        });
-        items.push(this.languageSelectorAction);
         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 === "test"; }),
+            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 === "test");
+                return (_this.creator.activeTab === "theme");
             }),
             locTitleName: "ed.designer",
             showTitle: false
@@ -9173,25 +9807,24 @@ var TabTestPlugin = /** @class */ (function () {
         });
         return items;
     };
-    TabTestPlugin.prototype.addFooterActions = function () {
+    TabThemePlugin.prototype.addFooterActions = function () {
         this.creator.footerToolbar.actions.push(this.testAgainAction);
         this.invisibleToggleAction && (this.creator.footerToolbar.actions.push(this.invisibleToggleAction));
-        this.languageSelectorAction && (this.creator.footerToolbar.actions.push(this.languageSelectorAction));
         this.creator.footerToolbar.actions.push(this.prevPageAction);
         this.creator.footerToolbar.actions.push(this.nextPageAction);
         this.creator.footerToolbar.actions.push(this.designerAction);
     };
-    return TabTestPlugin;
+    return TabThemePlugin;
 }());
 
 
 
 /***/ }),
 
-/***/ "./src/components/tabs/test.scss":
-/*!***************************************!*\
-  !*** ./src/components/tabs/test.scss ***!
-  \***************************************/
+/***/ "./src/components/tabs/theme.scss":
+/*!****************************************!*\
+  !*** ./src/components/tabs/theme.scss ***!
+  \****************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -9199,50 +9832,180 @@ var TabTestPlugin = /** @class */ (function () {
 
 /***/ }),
 
-/***/ "./src/components/tabs/test.ts":
-/*!*************************************!*\
-  !*** ./src/components/tabs/test.ts ***!
-  \*************************************/
-/*! exports provided: TestSurveyTabViewModel */
+/***/ "./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__, "TestSurveyTabViewModel", function() { return TestSurveyTabViewModel; });
+/* 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 _utils_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.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__(/*! ./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) {
+
+
+__webpack_require__(/*! ./theme.scss */ "./src/components/tabs/theme.scss");
+var Themes = {
+    "default-light": {
+        "--sjs-primary-backcolor": "#19b394",
+        "--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": "#1ab7fa",
+        "--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.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
+        }, {
+            type: "text",
+            name: "border",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderDecoration"),
+            titleLocation: "left",
+            descriptionLocation: "hidden"
+        }
+    ],
+    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.simulator = new _simulator__WEBPACK_IMPORTED_MODULE_1__["SurveySimulatorModel"]();
+        _this.themeEditorSurveyValue = _this.createThemeEditorSurvey();
         return _this;
     }
-    Object.defineProperty(TestSurveyTabViewModel.prototype, "activeLanguage", {
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "activeLanguage", {
         get: function () {
             return this.getPropertyValue("activeLanguage", this.survey.locale || survey_core__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].defaultLocale);
         },
@@ -9255,29 +10018,36 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TestSurveyTabViewModel.prototype, "survey", {
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "survey", {
         get: function () {
             return this.simulator.survey;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TestSurveyTabViewModel.prototype, "pageActions", {
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "pageActions", {
         get: function () {
             return this.pages.actions;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(TestSurveyTabViewModel.prototype, "isPageToolbarVisible", {
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "isPageToolbarVisible", {
         get: function () {
             return this.pages.visibleActions.length > 0 && !this.surveyProvider.isMobileView;
         },
         enumerable: false,
         configurable: true
     });
-    TestSurveyTabViewModel.prototype.updateSimulatorSurvey = function (json, theme) {
-        var newSurvey = this.surveyProvider.createSurvey(json || {}, "test");
+    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)
@@ -9313,7 +10083,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
             self.updatePageItem(options.page);
         });
     };
-    TestSurveyTabViewModel.prototype.setJSON = function (json, currTheme) {
+    ThemeSurveyTabViewModel.prototype.setJSON = function (json, currTheme) {
         this.json = json;
         if (json != null) {
             if (json.cookieName) {
@@ -9322,7 +10092,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         }
         this.updateSimulatorSurvey(json, currTheme);
     };
-    TestSurveyTabViewModel.prototype.initialize = function (json, options) {
+    ThemeSurveyTabViewModel.prototype.initialize = function (json, options) {
         this.setJSON(json, this.startTheme);
         this.updatePageList();
         if (options.showPagesInTestSurveyTab !== undefined) {
@@ -9330,19 +10100,19 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         }
         this.buildActions();
     };
-    TestSurveyTabViewModel.prototype.updatePageItem = function (page) {
+    ThemeSurveyTabViewModel.prototype.updatePageItem = function (page) {
         var item = this.getPageItemByPage(page);
         if (item) {
             item.enabled = page.isVisible;
         }
     };
-    TestSurveyTabViewModel.prototype.getCurrentPageItem = function () {
+    ThemeSurveyTabViewModel.prototype.getCurrentPageItem = function () {
         return this.pageListItems[this.survey.pages.indexOf(this.survey.activePage)];
     };
-    TestSurveyTabViewModel.prototype.getSelectPageTitle = function () {
+    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");
     };
-    TestSurveyTabViewModel.prototype.getPageTitle = function (page, area, reason) {
+    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);
@@ -9352,7 +10122,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         }
         return title;
     };
-    TestSurveyTabViewModel.prototype.updatePageList = function () {
+    ThemeSurveyTabViewModel.prototype.updatePageList = function () {
         var pages = [];
         for (var i = 0; i < this.survey.pages.length; i++) {
             var page = this.survey.pages[i];
@@ -9366,18 +10136,18 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         }
         this.pageListItems = pages;
     };
-    TestSurveyTabViewModel.prototype.show = function () {
+    ThemeSurveyTabViewModel.prototype.show = function () {
         this.showInvisibleElements = false;
         this.activePage = this.survey.activePage;
         this.survey.locale = this.activeLanguage;
         this.isRunning = true;
     };
-    TestSurveyTabViewModel.prototype.testAgain = function () {
+    ThemeSurveyTabViewModel.prototype.testAgain = function () {
         this.setJSON(this.json, this.simulator.survey.css);
         this.updatePageList();
         this.show();
     };
-    TestSurveyTabViewModel.prototype.buildActions = function () {
+    ThemeSurveyTabViewModel.prototype.buildActions = function () {
         var _this = this;
         var pageActions = [];
         var setNearPage = function (isNext) {
@@ -9398,7 +10168,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         };
         if (this.prevPageAction) {
             this.prevPageAction.visible = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ComputedUpdater"](function () {
-                return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["notShortCircuitAnd"])(_this.isRunning, _this.surveyProvider.activeTab === "test", _this.pageListItems.length > 1);
+                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";
@@ -9427,7 +10197,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         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_4__["notShortCircuitAnd"])(_this.isRunning, _this.surveyProvider.activeTab === "test", _this.pageListItems.length > 1);
+                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";
@@ -9442,13 +10212,13 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         this.pages.containerCss = "sv-action-bar--pages";
         this.updatePrevNextPageActionState();
     };
-    TestSurveyTabViewModel.prototype.setActivePageItem = function (page, val) {
+    ThemeSurveyTabViewModel.prototype.setActivePageItem = function (page, val) {
         var item = this.getPageItemByPage(page);
         if (item) {
             item.active = val;
         }
     };
-    TestSurveyTabViewModel.prototype.getPageItemByPage = function (page) {
+    ThemeSurveyTabViewModel.prototype.getPageItemByPage = function (page) {
         var items = this.pageListItems;
         for (var i = 0; i < items.length; i++) {
             if (items[i].data === page)
@@ -9456,11 +10226,11 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         }
         return null;
     };
-    TestSurveyTabViewModel.prototype.updateResultsTemplate = function (theme) {
+    ThemeSurveyTabViewModel.prototype.updateResultsTemplate = function (theme) {
         this.simulator.survey.setCss(theme, false);
         this.simulator.survey.render();
     };
-    TestSurveyTabViewModel.prototype.setTheme = function (themeName, themeMapper) {
+    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) {
@@ -9468,7 +10238,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         }
         this.isRunning ? this.updateSimulatorSurvey(this.json, theme) : this.updateResultsTemplate(theme);
     };
-    TestSurveyTabViewModel.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
+    ThemeSurveyTabViewModel.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
         _super.prototype.onPropertyValueChanged.call(this, name, oldValue, newValue);
         if (!this.pages.hasActions)
             return;
@@ -9482,7 +10252,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
             this.selectPageAction.visible = this.isRunning && this.pageListItems.length > 1 && this.showPagesInTestSurveyTab;
         }
     };
-    TestSurveyTabViewModel.prototype.updatePrevNextPageActionState = function () {
+    ThemeSurveyTabViewModel.prototype.updatePrevNextPageActionState = function () {
         if (!this.prevPageAction || !this.survey)
             return;
         var isPrevEnabled = this.survey.firstPageIsStarted && this.survey.state !== "starting"
@@ -9493,6 +10263,472 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         this.nextPageAction.css = isNextEnabled ? "sv-action-bar-item--secondary" : "";
         this.nextPageAction.enabled = isNextEnabled;
     };
+    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"];
+        themeEditorSurvey.onValueChanged.add(function (sender, options) {
+            var _a, _b;
+            if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
+                _this[options.name] = options.value;
+                themeEditorSurvey.mergeData(_this.themeVariables);
+            }
+            if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
+                var baseColor = themeEditorSurvey.getValue("--background-dim-light");
+                var questionBackgroundTransparencyValue = themeEditorSurvey.getValue("questionBackgroundTransparency");
+                themeEditorSurvey.setValue("--sjs-editor-background", ingectAlpha(baseColor, questionBackgroundTransparencyValue / 100));
+            }
+            if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
+                var baseColor = themeEditorSurvey.getValue("--background");
+                var panelBackgroundTransparencyValue = themeEditorSurvey.getValue("panelBackgroundTransparency");
+                themeEditorSurvey.setValue("--sjs-question-background", ingectAlpha(baseColor, panelBackgroundTransparencyValue / 100));
+            }
+            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 === "themeMode") {
+                _this.survey["isCompact"] = options.value === "lightweight";
+                return;
+            }
+            var _data = sender.data;
+            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);
+                    _data["--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;
+                    _data["--sjs-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key];
+                });
+            }
+            _this.simulator.themeVariables = _data;
+        });
+        themeEditorSurvey.getAllQuestions().map(function (q) { return q.allowRootStyle = false; });
+        themeEditorSurvey.onQuestionCreated.add(function (_, opt) {
+            opt.question.allowRootStyle = false;
+        });
+        return themeEditorSurvey;
+    };
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "themeVariables", {
+        get: function () {
+            return Themes[this.themeName + "-" + this.themePalette];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    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,
+                                        border: "0 1 2 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",
+                                        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,
+                                        border: "0 1 2 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,
@@ -9500,10 +10736,10 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
                 target.simulator.survey.showInvisibleElements = val;
             }
         })
-    ], TestSurveyTabViewModel.prototype, "showInvisibleElements", void 0);
+    ], 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,
@@ -9512,10 +10748,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) {
@@ -9538,10 +10774,25 @@ 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"]));
 
+function ingectAlpha(baseColor, alpha) {
+    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 + ")";
+}
 
 
 /***/ }),
@@ -11548,6 +12799,7 @@ __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");
 
 
 
@@ -11578,6 +12830,7 @@ __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.s
 __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);
@@ -13031,6 +14284,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);
         }
@@ -14660,6 +15916,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);
@@ -14774,6 +16033,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"]));
 
@@ -15243,7 +16505,6 @@ var settings = {
                 ]
             },
             image: {
-                imageLink: "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg",
                 imageFit: "cover",
                 imageHeight: "auto",
                 imageWidth: "100%"
@@ -15333,6 +16594,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;
 }());
 
@@ -16210,7 +17472,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, 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, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -16301,329 +17563,349 @@ __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__WEBPACK_IMPORTED_MODULE_11__ = __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_11__["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_11__["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_12__ = __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_12__["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_13__ = __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_13__["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_13__["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_13__["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_14__ = __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_14__["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_14__["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_14__["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_14__["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_14__["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_15__ = __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_15__["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_16__ = __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_16__["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_17__ = __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_17__["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_17__["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_18__ = __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_18__["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_19__ = __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_19__["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_20__ = __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_20__["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_21__ = __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_21__["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_22__ = __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_22__["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_23__ = __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_23__["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_24__ = __webpack_require__(/*! ../components/page */ "./src/components/page.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageAdorner", function() { return _components_page__WEBPACK_IMPORTED_MODULE_24__["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_25__ = __webpack_require__(/*! ../components/row */ "./src/components/row.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowViewModel", function() { return _components_row__WEBPACK_IMPORTED_MODULE_25__["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_26__ = __webpack_require__(/*! ../components/question */ "./src/components/question.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionAdornerViewModel", function() { return _components_question__WEBPACK_IMPORTED_MODULE_26__["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_27__ = __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_27__["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_28__ = __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_28__["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_29__ = __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_29__["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_30__ = __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_30__["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_31__ = __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_31__["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_32__ = __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_32__["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_32__["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_33__ = __webpack_require__(/*! ../components/simulator */ "./src/components/simulator.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulatorModel", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_33__["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_33__["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_33__["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_34__ = __webpack_require__(/*! ../components/results */ "./src/components/results.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsItemModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_34__["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_34__["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_35__ = __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_35__["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_36__ = __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_36__["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_36__["StringEditorConnector"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_36__["StringEditorViewModelBase"]; });
+
+/* harmony import */ var _components_embedded_survey__WEBPACK_IMPORTED_MODULE_37__ = __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_37__["QuestionEmbeddedSurveyModel"]; });
+
+/* harmony import */ var _components_link_value__WEBPACK_IMPORTED_MODULE_38__ = __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_38__["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_39__ = __webpack_require__(/*! ../json5 */ "./src/json5.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyJSON5", function() { return _json5__WEBPACK_IMPORTED_MODULE_39__["SurveyJSON5"]; });
+
+/* harmony import */ var _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_40__ = __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_40__["QuestionSpinEditorModel"]; });
 
-/* 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 import */ var _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_41__ = __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_41__["QuestionColorModel"]; });
 
-/* 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 import */ var _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_42__ = __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_42__["QuestionFileEditorModel"]; });
 
-/* 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 import */ var _property_grid__WEBPACK_IMPORTED_MODULE_43__ = __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_43__["setSurveyJSONForPropertyGrid"]; });
 
-/* 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__, "PropertyEditorSetupValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyEditorSetupValue"]; });
 
-/* 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__, "PropertyGridEditorCollection", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorCollection"]; });
 
-/* 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__, "PropertyGridTitleActionsCreator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridTitleActionsCreator"]; });
 
-/* 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__, "PropertyJSONGenerator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyJSONGenerator"]; });
 
-/* 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__, "PropertyGridModel", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridModel"]; });
 
-/* 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__, "PropertyGridEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditor"]; });
 
-/* 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__, "PropertyGridEditorBoolean", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorBoolean"]; });
 
-/* 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__, "PropertyGridEditorStringBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorStringBase"]; });
 
-/* 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__, "PropertyGridEditorString", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorString"]; });
 
-/* 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__, "PropertyGridLinkEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridLinkEditor"]; });
 
-/* 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__, "PropertyGridEditorNumber", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorNumber"]; });
 
-/* 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__, "PropertyGridEditorImageSize", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorImageSize"]; });
 
-/* 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__, "PropertyGridEditorText", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorText"]; });
 
-/* 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__, "PropertyGridEditorHtml", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorHtml"]; });
 
-/* 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__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorColor"]; });
 
-/* 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__, "PropertyGridEditorStringArray", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorStringArray"]; });
 
-/* 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__, "PropertyGridEditorDropdown", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorDropdown"]; });
 
-/* 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__, "PropertyGridEditorSet", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorSet"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorPage", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorPage"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorPage", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorPage"]; });
 
-/* 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__, "PropertyGridEditorQuestion", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorQuestion"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionSelectBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_41__["PropertyGridEditorQuestionSelectBase"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionSelectBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorQuestionSelectBase"]; });
 
-/* 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__, "PropertyGridEditorQuestionValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorQuestionValue"]; });
 
-/* 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 import */ var _property_grid_condition__WEBPACK_IMPORTED_MODULE_44__ = __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_44__["PropertyGridEditorExpression"]; });
 
-/* 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__, "PropertyGridEditorCondition", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_44__["PropertyGridEditorCondition"]; });
 
-/* 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 import */ var _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__ = __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_45__["PropertyGridEditorMatrix"]; });
 
-/* 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__, "PropertyGridEditorMatrixItemValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixItemValues"]; });
 
-/* 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__, "PropertyGridEditorMatrixRateValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixRateValues"]; });
 
-/* 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__, "PropertyGridEditorMatrixColumns", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixColumns"]; });
 
-/* 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__, "PropertyGridEditorMatrixPages", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixPages"]; });
 
-/* 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__, "PropertyGridEditorMatrixCalculatedValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixCalculatedValues"]; });
 
-/* 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__, "PropertyGridEditorMatrixHtmlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixHtmlConditions"]; });
 
-/* 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__, "PropertyGridEditorMatrixUrlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixUrlConditions"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMutlipleTextItems", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixMutlipleTextItems"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMutlipleTextItems", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixMutlipleTextItems"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMultipleTypes", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixMultipleTypes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMultipleTypes", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixMultipleTypes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixValidators", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorMatrixValidators"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixValidators", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixValidators"]; });
 
-/* 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__, "PropertyGridEditorMatrixTriggers", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixTriggers"]; });
 
-/* 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 import */ var _property_grid_bindings__WEBPACK_IMPORTED_MODULE_46__ = __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_46__["PropertyGridEditorBindings"]; });
 
-/* 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_property_grid_view_model__WEBPACK_IMPORTED_MODULE_47__ = __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_47__["PropertyGridViewModel"]; });
 
-/* 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_object_selector__WEBPACK_IMPORTED_MODULE_48__ = __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_48__["ObjectSelectorItem"]; });
 
-/* 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__, "ObjectSelector", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_48__["ObjectSelector"]; });
 
-/* 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__, "ObjectSelectorModel", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_48__["ObjectSelectorModel"]; });
 
-/* 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 import */ var _property_grid_restfull__WEBPACK_IMPORTED_MODULE_49__ = __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_49__["PropertyGridEditorQuestionRestfull"]; });
 
-/* 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 import */ var _property_grid_values__WEBPACK_IMPORTED_MODULE_50__ = __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_50__["PropertyGridValueEditorBase"]; });
 
-/* 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__, "PropertyGridCellsEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridCellsEditor"]; });
 
-/* 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__, "PropertyGridValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridValueEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridRowValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridRowValueEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridRowValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridRowValueEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridPanelValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridPanelValueEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridPanelValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridPanelValueEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridTriggerValueEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridTriggerValueEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueInLogicEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_48__["PropertyGridTriggerValueInLogicEditor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueInLogicEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridTriggerValueInLogicEditor"]; });
 
-/* 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 _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_51__ = __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_51__["propertyGridCss"]; });
 
-/* 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 import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_52__["QuestionConverter"]; });
 
-/* 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 import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_53__["svgBundle"]; });
 
-/* 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 _textWorker__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_54__["SurveyTextWorker"]; });
 
-/* 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 _toolbox__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_55__["QuestionToolboxCategory"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_53__["QuestionToolboxItem"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_55__["QuestionToolboxItem"]; });
 
-/* 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__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_55__["QuestionToolbox"]; });
 
-/* 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 import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_56__ = __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_56__["SidebarModel"]; });
 
-/* 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 import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_57__ = __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_57__["SidebarTabModel"]; });
 
-/* 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 import */ var _utils_events__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getNextItemValue"]; });
 
-/* 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__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getNextItemText"]; });
 
-/* 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__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getNextValue"]; });
 
-/* 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__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["findParentNode"]; });
 
-/* 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__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["focusFirstControl"]; });
 
-/* 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__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getFirstNonTextElement"]; });
 
-/* 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__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getNodesFromKoComponentInfo"]; });
 
-/* 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__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["propertyExists"]; });
 
-/* 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__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["isPropertyVisible"]; });
 
-/* 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__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["toggleHovered"]; });
 
-/* 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__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["clearNewLines"]; });
 
-/* 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__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["select"]; });
 
-/* 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__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["copyObject"]; });
 
-/* 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__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["copyCssClasses"]; });
 
-/* 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__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["assignDefaultV2Classes"]; });
 
-/* 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__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["wrapTextByCurlyBraces"]; });
 
-/* 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__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["capitalize"]; });
 
-/* 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__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["notShortCircuitAnd"]; });
 
-/* 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__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["imageMimeTypes"]; });
 
-/* 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__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getAcceptedTypesByContentMode"]; });
 
-/* 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__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getQuestionFromObj"]; });
 
-/* 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 import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_60__ = __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_60__["SurveyQuestionEditorDefinition"]; });
 
-/* 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 import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_61__["ObjType"]; });
 
-/* 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__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_61__["SurveyHelper"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_61__["ignoreUndoRedo"]; });
+/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_62__["ResizeManager"]; });
 
-/* 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 _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__ = __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_63__["UndoRedoPlugin"]; });
 
-/* 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__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["undoRedoTransaction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_62__["UndoRedoAction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["ignoreUndoRedo"]; });
 
-/* 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_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__ = __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_64__["UndoRedoManager"]; });
 
-/* 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__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__["Transaction"]; });
 
-/* 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__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__["UndoRedoAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__["UndoRedoArrayAction"]; });
+
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_65__["PagesController"]; });
+
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_66___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_66__);
 var Version;
-Version = "" + "1.9.87";
+Version = "" + "1.9.89";
+//should be loaded before other styles for easier override 
+__webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
+
+
 
 
 
@@ -16703,8 +17985,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.87", "survey-creator-core");
+survey_core__WEBPACK_IMPORTED_MODULE_66__["settings"].supportCreatorV2 = true;
+Object(survey_core__WEBPACK_IMPORTED_MODULE_66__["checkLibraryVersion"])("" + "1.9.89", "survey-creator-core");
 
 
 /***/ }),
@@ -18815,6 +20097,7 @@ var enStrings = {
         newPanelName: "panel",
         newTextItemName: "text",
         testSurvey: "Preview",
+        themeSurvey: "Themes",
         defaultV2Theme: "Default",
         modernTheme: "Modern",
         defaultTheme: "Default (legacy)",
@@ -18868,6 +20151,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",
@@ -18886,6 +20170,8 @@ 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: "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]",
         auto: "auto",
@@ -19016,6 +20302,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",
@@ -19397,6 +20684,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",
@@ -19513,7 +20801,16 @@ var enStrings = {
             buttons: "Buttons",
             dropdown: "Dropdown"
         },
-        rateColorMode: { default: "Default" }
+        rateColorMode: { default: "Default" },
+        autoGenerate: {
+            "true": "Generate",
+            "false": "Enter manually"
+        },
+        rateType: {
+            labels: "Labels",
+            stars: "Stars",
+            smileys: "Smileys"
+        },
     },
     // Operators
     op: {
@@ -19674,7 +20971,61 @@ 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",
+        fontWeightSemiBold: "Semi-Bold",
+        fontWeightBold: "Bold",
+        scale: "Scale",
+        cornerRadius: "Corner Radius",
+        surveyTitle: "Survey Title Font",
+        pageTitle: "Page Title Font",
+        pageDescription: "Page Description Font"
+    },
 };
 // Uncomment the line below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
@@ -20269,6 +21620,7 @@ var UndoRedoAction = /** @class */ (function () {
         this._oldValue = _oldValue;
         this._newValue = _newValue;
         this._sender = _sender;
+        this.tickCount = new Date().getTime();
     }
     UndoRedoAction.prototype.apply = function () {
         this._sender[this._propertyName] = this._newValue;
@@ -20291,9 +21643,12 @@ var UndoRedoAction = /** @class */ (function () {
         var prop = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].findProperty(sender.getType(), propertyName);
         if (!prop || (prop.type !== "string" && prop.type !== "text"))
             return false;
+        if (new Date().getTime() - this.tickCount > UndoRedoAction.maximumMergeTime)
+            return false;
         this._newValue = newValue;
         return true;
     };
+    UndoRedoAction.maximumMergeTime = 1000;
     return UndoRedoAction;
 }());
 
@@ -22370,7 +23725,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";
@@ -22385,6 +23740,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; });
@@ -22408,6 +23764,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");
+
 
 
 
@@ -22921,6 +24279,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 () {
@@ -23073,7 +24434,15 @@ 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;
+        });
         this.options.onPropertyGridSurveyCreatedCallback(this.obj, this.survey);
     };
     Object.defineProperty(PropertyGridModel.prototype, "options", {
@@ -23131,9 +24500,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;
@@ -23160,20 +24530,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 &&
@@ -23435,7 +24810,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) {
@@ -23446,6 +24821,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() {
@@ -23929,6 +25331,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) {
@@ -23954,6 +25364,7 @@ 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);
     };
@@ -24369,10 +25780,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);
             }
         });
     };
@@ -25882,11 +27294,17 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
         "matrixdropdowncolumn@rating": {
             properties: [
                 "rateValues",
+                { name: "rateType", tab: "rateValues" },
+                { name: "rateCount", tab: "rateValues" },
+                { name: "rateColorMode", tab: "rateValues" },
+                { name: "scaleColorMode", tab: "rateValues" },
+                { name: "autoGenerate", tab: "rateValues" },
                 { name: "rateMin", tab: "rateValues" },
                 { name: "rateMax", tab: "rateValues" },
                 { name: "rateStep", tab: "rateValues" },
                 { name: "minRateDescription", tab: "rateValues" },
-                { name: "maxRateDescription", tab: "rateValues" }
+                { name: "maxRateDescription", tab: "rateValues" },
+                { name: "displayRateDescriptionsAsExtremeItems", tab: "rateValues" },
             ],
             tabs: [{ name: "rateValues", index: 5 }]
         },
@@ -28040,6 +29458,10 @@ var QuestionToolbox = /** @class */ (function (_super) {
         }
         return json;
     };
+    QuestionToolbox.prototype.isHiddenCustomWidget = function (name) {
+        var widget = survey_core__WEBPACK_IMPORTED_MODULE_1__["CustomWidgetCollection"].Instance.getCustomWidgetByName(name);
+        return !!widget && !widget.showInToolbox;
+    };
     QuestionToolbox.prototype.getQuestionTypes = function (supportedQuestions) {
         var allTypes = survey_core__WEBPACK_IMPORTED_MODULE_1__["ElementFactory"].Instance.getAllTypes();
         if (!supportedQuestions || supportedQuestions.length == 0)
@@ -28054,7 +29476,8 @@ var QuestionToolbox = /** @class */ (function (_super) {
             var name = supportedQuestions[i];
             if (questions.indexOf(name) < 0 &&
                 QuestionToolbox.hiddenTypes.indexOf(name) < 0 &&
-                allTypes.indexOf(name) > -1)
+                allTypes.indexOf(name) > -1 &&
+                !this.isHiddenCustomWidget(name))
                 questions.push(name);
         }
         return questions;
@@ -28177,6 +29600,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":
@@ -28351,7 +29785,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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -28374,6 +29808,9 @@ __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 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");
@@ -28680,6 +30117,21 @@ 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;
+}
 
 
 /***/ }),