survey-creator-core 1.9.89 → 1.9.90

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.89
+ * SurveyJS Creator v1.9.90
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -683,7 +683,7 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
             _this.dragDropHelper.startDrag(pointerDownEvent, _this.item, _this.question, currentTarget);
         };
         _this.handleDragDropGhostPositionChanged = function () {
-            _this.ghostPosition = _this.dragDropHelper.getGhostPosition(_this.item);
+            _this.ghostPosition = _this.getGhostPosition(_this.item);
             _this.isDragDropGhost = _this.item === _this.dragDropHelper.draggedElement;
             if (_this.item === _this.dragDropHelper.prevDropTarget) {
                 _this.isDragDropMoveDown = _this.item.isDragDropMoveDown;
@@ -771,6 +771,11 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
         _super.prototype.dispose.call(this);
         this.dragDropHelper.onGhostPositionChanged.remove(this.handleDragDropGhostPositionChanged);
     };
+    ItemValueWrapperViewModel.prototype.getGhostPosition = function (item) {
+        if (this.dragDropHelper.dropTarget !== item)
+            return null;
+        return this.dragDropHelper.isBottom ? "bottom" : "top";
+    };
     Object.defineProperty(ItemValueWrapperViewModel.prototype, "isDraggable", {
         get: function () {
             return this.isDraggableItem(this.item);
@@ -1602,6 +1607,7 @@ var PageAdorner = /** @class */ (function (_super) {
                         "description"
                     ]);
                     currentPage.name = _survey_helper__WEBPACK_IMPORTED_MODULE_4__["SurveyHelper"].getNewPageName(_this.creator.survey.pages);
+                    _this.dragTypeOverMe = null;
                     return true;
                 })) {
                     _this.creator.survey.currentPage = currentPage;
@@ -1623,6 +1629,7 @@ var PageAdorner = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype.attachElement.call(this, surveyElement);
         if (!!this.page) {
+            this.dragTypeOverMe = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.page.dragTypeOverMe; });
             this.page["surveyChangedCallback"] = function () {
                 _this.isPageLive = !!_this.page.survey;
             };
@@ -1686,12 +1693,12 @@ var PageAdorner = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    PageAdorner.prototype.addNewQuestion = function (model, event) {
+    PageAdorner.prototype.addNewQuestion = function (model, event, type) {
         var _this = this;
         this.creator.addNewQuestionInPage(function (type) {
             _this.addGhostPage(false);
             _this.creator.survey.currentPage = _this.page;
-        }, null, this.currentAddQuestionType || _creator_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].designer.defaultAddQuestionType);
+        }, null, type || this.currentAddQuestionType || _creator_settings__WEBPACK_IMPORTED_MODULE_5__["settings"].designer.defaultAddQuestionType);
     };
     PageAdorner.prototype.select = function (model, event) {
         if (!model.isGhost) {
@@ -1710,12 +1717,17 @@ var PageAdorner = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageAdorner.prototype, "css", {
         get: function () {
+            var result = "";
+            if (!!this.dragTypeOverMe && this.page.elements.length === 0 && this.creator.survey.pages.length > 0) {
+                result = "svc-page--drag-over-empty";
+            }
             if (this.isGhost) {
-                return "svc-page__content--new";
+                return result + " svc-page__content--new";
+            }
+            if (this.creator.isElementSelected(this.page)) {
+                result += " svc-page__content--selected";
             }
-            return this.creator.isElementSelected(this.page)
-                ? "svc-page__content--selected"
-                : "";
+            return result;
         },
         enumerable: false,
         configurable: true
@@ -1739,6 +1751,30 @@ var PageAdorner = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PageAdorner.prototype, "footerActionsBar", {
+        get: function () {
+            var _this = this;
+            if (!this._footerActionsBar) {
+                this._footerActionsBar = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ActionContainer"]();
+                this._footerActionsBar.containerCss = "svc-page__footer";
+                this._footerActionsBar.cssClasses = {
+                    item: "svc-btn",
+                    itemTitle: "svc-text svc-text--normal svc-text--bold"
+                };
+                var footerActions = [{
+                        css: "svc-add-new-question-action",
+                        visible: (new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.showAddQuestionButton; })),
+                        component: "svc-add-new-question-btn",
+                        data: this
+                    }];
+                footerActions = this.creator.getUpdatedPageAdornerFooterActions(this, footerActions);
+                this.footerActionsBar.setItems(footerActions);
+            }
+            return this._footerActionsBar;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], PageAdorner.prototype, "isSelected", void 0);
@@ -1748,6 +1784,9 @@ var PageAdorner = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
     ], PageAdorner.prototype, "currentAddQuestionType", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: null })
+    ], PageAdorner.prototype, "dragTypeOverMe", void 0);
     return PageAdorner;
 }(_action_container_view_model__WEBPACK_IMPORTED_MODULE_2__["SurveyElementAdornerBase"]));
 
@@ -2126,7 +2165,7 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionRatingAdornerViewModel.prototype, "allowAdd", {
         get: function () {
-            return !this.creator.readOnly;
+            return this.canAddOrRemove();
         },
         enumerable: false,
         configurable: true
@@ -2151,9 +2190,14 @@ var QuestionRatingAdornerViewModel = /** @class */ (function (_super) {
     QuestionRatingAdornerViewModel.allowRemoveForElement = function (element) {
         return element.rateCount > 2;
     };
+    QuestionRatingAdornerViewModel.prototype.canAddOrRemove = function () {
+        return this.creator.isCanModifyProperty(this.element, "rateValues") &&
+            this.creator.isCanModifyProperty(this.element, "rateCount") &&
+            (!this.element.autoGenerate || this.creator.isCanModifyProperty(this.element, "rateMax"));
+    };
     Object.defineProperty(QuestionRatingAdornerViewModel.prototype, "allowRemove", {
         get: function () {
-            return !this.creator.readOnly;
+            return this.canAddOrRemove();
         },
         enumerable: false,
         configurable: true
@@ -2263,12 +2307,6 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         }
         _this.checkActionProperties();
         _this.dragOrClickHelper = new survey_core__WEBPACK_IMPORTED_MODULE_1__["DragOrClickHelper"](_this.startDragSurveyElement);
-        _this.dragTypeOverMe = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () {
-            var element = _this.surveyElement.getType() === "paneldynamic" ?
-                _this.surveyElement.template :
-                _this.surveyElement;
-            return element.dragTypeOverMe;
-        });
         _string_editor__WEBPACK_IMPORTED_MODULE_7__["StringItemsNavigatorBase"].setQuestion(_this);
         return _this;
     }
@@ -2314,18 +2352,30 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         else {
             result = result.replace(" svc-question__content--drag-over-inside", "");
         }
-        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineLeft) {
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineLeft || this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left) {
             result += " svc-question__content--drag-over-left";
         }
         else {
             result = result.replace(" svc-question__content--drag-over-left", "");
         }
-        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineRight) {
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].MultilineRight || this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right) {
             result += " svc-question__content--drag-over-right";
         }
         else {
             result = result.replace(" svc-question__content--drag-over-right", "");
         }
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top) {
+            result += " svc-question__content--drag-over-top";
+        }
+        else {
+            result = result.replace(" svc-question__content--drag-over-top", "");
+        }
+        if (this.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+            result += " svc-question__content--drag-over-bottom";
+        }
+        else {
+            result = result.replace(" svc-question__content--drag-over-bottom", "");
+        }
         return result;
     };
     Object.defineProperty(QuestionAdornerViewModel.prototype, "isDragMe", {
@@ -2335,6 +2385,13 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionAdornerViewModel.prototype, "dragTypeOverMe", {
+        get: function () {
+            return this.element.dragTypeOverMe;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionAdornerViewModel.prototype.dispose = function () {
         this.surveyElement.unRegisterFunctionOnPropertyValueChanged("isRequired", "isRequiredAdorner");
         this.surveyElement.unRegisterFunctionOnPropertyValueChanged("inputType", "inputTypeAdorner");
@@ -2568,9 +2625,6 @@ var QuestionAdornerViewModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "" })
     ], QuestionAdornerViewModel.prototype, "currentAddQuestionType", void 0);
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
-    ], QuestionAdornerViewModel.prototype, "dragTypeOverMe", void 0);
     return QuestionAdornerViewModel;
 }(_action_container_view_model__WEBPACK_IMPORTED_MODULE_5__["SurveyElementAdornerBase"]));
 
@@ -2841,8 +2895,11 @@ var RowViewModel = /** @class */ (function (_super) {
                 this.row.elements[0].name === "sv-drag-drop-ghost-survey-element-name") {
                 result += ghostClass;
             }
-            else {
-                result = result.replace(ghostClass, "");
+            if (this.row.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top) {
+                result += " svc-row--drag-over-top";
+            }
+            if (this.row.dragTypeOverMe === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+                result += " svc-row--drag-over-bottom";
             }
             return result;
         },
@@ -4372,13 +4429,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../editorLocalization */ "./src/editorLocalization.ts");
 /* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../pages-controller */ "./src/pages-controller.ts");
 /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../survey-helper */ "./src/survey-helper.ts");
+/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../survey-elements */ "./src/survey-elements.ts");
 
 
 
-__webpack_require__(/*! ./designer.scss */ "./src/components/tabs/designer.scss");
 
 
 
+__webpack_require__(/*! ./designer.scss */ "./src/components/tabs/designer.scss");
 var initialSettingsAllowShowEmptyTitleInDesignMode = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].allowShowEmptyTitleInDesignMode;
 var TabDesignerViewModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TabDesignerViewModel, _super);
@@ -4414,7 +4472,7 @@ var TabDesignerViewModel = /** @class */ (function (_super) {
         newPage.num = this.survey.pages.length + 1;
         newPage.onPropertyChanged.add(checkNewElementHandler);
         this.newPage = newPage;
-        survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropSurveyElements"].newGhostPage = newPage;
+        _survey_elements__WEBPACK_IMPORTED_MODULE_5__["DragDropSurveyElements"].newGhostPage = newPage;
     };
     Object.defineProperty(TabDesignerViewModel.prototype, "canShowNewPage", {
         get: function () {
@@ -9624,6 +9682,180 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
 
 
 
+/***/ }),
+
+/***/ "./src/components/tabs/theme-custom-questions/boxshadow-settings.ts":
+/*!**************************************************************************!*\
+  !*** ./src/components/tabs/theme-custom-questions/boxshadow-settings.ts ***!
+  \**************************************************************************/
+/*! exports provided: createBoxShadow, parseBoxShadow */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createBoxShadow", function() { return createBoxShadow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseBoxShadow", function() { return parseBoxShadow; });
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
+
+
+survey_core__WEBPACK_IMPORTED_MODULE_1__["ComponentCollection"].Instance.add({
+    name: "boxshadowsettings",
+    showInToolbox: false,
+    questionJSON: {
+        "type": "paneldynamic",
+        "panelCount": 1,
+        //temp
+        "maxPanelCount": 1,
+        "minPanelCount": 1,
+        "templateElements": [
+            {
+                "type": "spinedit",
+                "name": "x",
+                "unit": "px",
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowX"),
+                "titleLocation": "left",
+                "min": 0,
+            },
+            {
+                "type": "spinedit",
+                "name": "y",
+                "unit": "px",
+                "min": 0,
+                "startWithNewLine": false,
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowY"),
+                "titleLocation": "left"
+            },
+            {
+                "type": "spinedit",
+                "name": "blur",
+                "unit": "px",
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowBlur"),
+                "min": 0,
+                "titleLocation": "left"
+            },
+            {
+                "type": "spinedit",
+                "name": "spread",
+                "unit": "px",
+                "min": 0,
+                "startWithNewLine": false,
+                "title": Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowSpread"),
+                "titleLocation": "left"
+            },
+            {
+                "type": "colorsettings",
+                "name": "color",
+                "titleLocation": "hidden"
+            },
+            {
+                "type": "buttongroup",
+                "name": "isInset",
+                "titleLocation": "hidden",
+                "choices": [{ text: "Drop", value: false }, { text: "Inner", value: true }]
+            }
+        ]
+    },
+    onCreated: function (question) {
+        question.valueFromDataCallback = function (value) { return typeof value == "string" ? parseBoxShadow(value) : value; };
+        question.valueToDataCallback = function (value) { return !!value ? (typeof value == "string" ? value : createBoxShadow(Array.isArray(value) ? value : [value])) : ""; };
+        question.contentQuestion.panels.forEach(function (p) { return p.questions.forEach(function (q) { return q.allowRootStyle = false; }); });
+    },
+});
+function createBoxShadow(value) {
+    return value.map((function (val) { return "" + (val.isInset == true ? "inset " : "") + val.x + "px " + val.y + "px " + val.blur + "px " + val.spread + "px " + val.color; })).join(",");
+}
+function parseBoxShadow(value) {
+    return value.split(/(?<!\([^)]*),(?!.*\))/).map(function (value) {
+        var color = value.match(/#[a-zA-Z0-9]+|rgba?\(.*?\)/);
+        var isInset = value.indexOf("inset") > -1;
+        var res = {};
+        if (isInset) {
+            value = value.replace("inset", "");
+        }
+        if (!!color) {
+            res["color"] = color[0];
+        }
+        var values = value.replace(/\s+/g, " ").replace(/^\s|\s$/g, "").split(" ");
+        res["x"] = parseInt(values[0]) || 0;
+        res["y"] = parseInt(values[1]) || 0;
+        res["blur"] = parseInt(values[2]) || 0;
+        res["spread"] = parseInt(values[3]) || 0;
+        res["isInset"] = isInset;
+        return res;
+    });
+}
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme-custom-questions/color-settings.ts":
+/*!**********************************************************************!*\
+  !*** ./src/components/tabs/theme-custom-questions/color-settings.ts ***!
+  \**********************************************************************/
+/*! exports provided: createColor, parseColor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createColor", function() { return createColor; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return parseColor; });
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/utils */ "./src/utils/utils.ts");
+
+
+
+survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
+    name: "colorsettings",
+    showInToolbox: false,
+    elementsJSON: [
+        {
+            name: "color",
+            type: "color",
+            titleLocation: "hidden",
+        },
+        {
+            name: "opacity",
+            startWithNewLine: false,
+            type: "spinedit",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.opacity"),
+            min: 0,
+            max: 100,
+            unit: "%",
+            titleLocation: "left"
+        }
+    ],
+    onCreated: function (question) {
+        question.valueFromDataCallback = function (newValue) { return typeof newValue == "string" ? parseColor(newValue) : newValue; };
+        question.valueToDataCallback = function (newValue) { return !!newValue ? (typeof newValue == "string" ? newValue : createColor(newValue)) : ""; };
+        question.contentPanel.questions.forEach(function (q) { return q.allowRootStyle = false; });
+    }
+});
+function createColor(value) {
+    return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["ingectAlpha"])(value.color, value.opacity / 100);
+}
+function parseColor(value) {
+    var rgbValues = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["parseRgbaFromString"])(value);
+    if (rgbValues.length !== 0) {
+        var opacity = 1;
+        if (rgbValues.length == 4) {
+            opacity = rgbValues.pop();
+        }
+        var color = rgbValues.reduce(function (res, color) {
+            var hex = color.toString(16);
+            return res + (hex.length == 1 ? "0" + hex : hex);
+        }, "#");
+        return { color: color, opacity: opacity * 100 };
+    }
+    else {
+        return { color: value, opacity: 100 };
+    }
+}
+
+
 /***/ }),
 
 /***/ "./src/components/tabs/theme-plugin.ts":
@@ -9861,7 +10093,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__(/*! ./theme.scss */ "./src/components/tabs/theme.scss");
 var Themes = {
     "default-light": {
-        "--sjs-primary-backcolor": "#19b394",
+        "--sjs-primary-backcolor": "rgba(25, 179, 148, 1)",
+        "--sjs-primary-backcolor-light": "rgba(25, 179, 148, 0.1)",
+        "--sjs-primary-backcolor-dark": "rgba(20, 164, 139, 1)",
         "--background": "#ffffff",
         "--background-dim": "#f3f3f3",
         "--background-dim-light": "#f9f9f9",
@@ -9877,7 +10111,9 @@ var Themes = {
         "--sjs-corner-radius": "4px"
     },
     "default-dark": {
-        "--sjs-primary-backcolor": "#1ab7fa",
+        "--sjs-primary-backcolor": "rgba(255, 152, 20, 1)",
+        "--sjs-primary-backcolor-light": "rgba(255, 255, 255, 0.07)",
+        "--sjs-primary-backcolor-dark": "rgba(255, 170, 24, 1)",
         "--background": "#555555",
         "--background-dim": "#4d4d4d",
         "--background-dim-light": "#4d4d4d",
@@ -9914,7 +10150,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.add({
             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: "500", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightHeavy") },
+                { value: "600", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightSemiBold") },
                 { value: "700", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightBold") },
             ],
             defaultValue: "400"
@@ -9978,12 +10215,6 @@ survey_core__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.add({
             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 () {
@@ -10001,10 +10232,19 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         _this.surveyProvider = surveyProvider;
         _this.startTheme = startTheme;
         _this.pages = new survey_core__WEBPACK_IMPORTED_MODULE_2__["ActionContainer"]();
+        _this.themeChanges = {};
+        _this.colorCalculator = new _utils_utils__WEBPACK_IMPORTED_MODULE_6__["ColorCalculator"]();
         _this.simulator = new _simulator__WEBPACK_IMPORTED_MODULE_1__["SurveySimulatorModel"]();
         _this.themeEditorSurveyValue = _this.createThemeEditorSurvey();
         return _this;
     }
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "themeVariables", {
+        get: function () {
+            return Themes[this.themeName + "-" + this.themePalette];
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(ThemeSurveyTabViewModel.prototype, "activeLanguage", {
         get: function () {
             return this.getPropertyValue("activeLanguage", this.survey.locale || survey_core__WEBPACK_IMPORTED_MODULE_2__["surveyLocalization"].defaultLocale);
@@ -10263,6 +10503,9 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         this.nextPageAction.css = isNextEnabled ? "sv-action-bar-item--secondary" : "";
         this.nextPageAction.enabled = isNextEnabled;
     };
+    ThemeSurveyTabViewModel.prototype.initializeColorCalculator = function () {
+        this.colorCalculator.initialize(this.themeVariables["--sjs-primary-backcolor"], this.themeVariables["--sjs-primary-backcolor-light"], this.themeVariables["--sjs-primary-backcolor-dark"]);
+    };
     ThemeSurveyTabViewModel.prototype.createThemeEditorSurvey = function () {
         var _this = this;
         var json = this.getThemeEditorSurveyJSON();
@@ -10275,21 +10518,21 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         themeEditorSurvey.mergeData(this.themeVariables);
         themeEditorSurvey.getQuestionByName("questionPanel").contentPanel.getQuestionByName("backcolor").value = this.themeVariables["--background"];
         themeEditorSurvey.getQuestionByName("editorPanel").contentPanel.getQuestionByName("backcolor").value = this.themeVariables["--background-dim-light"];
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(this.simulator.themeVariables, this.themeVariables);
+        this.initializeColorCalculator();
         themeEditorSurvey.onValueChanged.add(function (sender, options) {
             var _a, _b;
             if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
                 _this[options.name] = options.value;
+                _this.initializeColorCalculator();
                 themeEditorSurvey.mergeData(_this.themeVariables);
-            }
-            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));
+                var newTheme_1 = {};
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme_1, _this.themeVariables);
+                _this.simulator.themeVariables = newTheme_1;
+                if (options.name === "themeMode") {
+                    _this.survey["isCompact"] = options.value === "lightweight";
+                }
+                return;
             }
             if (["backgroundImage", "backgroundImageFit"].indexOf(options.name) !== -1) {
                 _this.survey[options.name] = options.value;
@@ -10299,40 +10542,48 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                 _this.survey.backgroundOpacity = options.value / 100;
                 return;
             }
-            if (options.name === "themeMode") {
-                _this.survey["isCompact"] = options.value === "lightweight";
-                return;
+            if (options.name === "--sjs-primary-backcolor") {
+                _this.colorCalculator.calculateColors(options.value);
+                _this.themeChanges["--sjs-primary-backcolor"] = options.value;
+                _this.themeChanges["--sjs-primary-backcolor-light"] = _this.colorCalculator.colorSettings.newColorLight;
+                _this.themeChanges["--sjs-primary-backcolor-dark"] = _this.colorCalculator.colorSettings.newColorDark;
+                _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-light", _this.colorCalculator.colorSettings.newColorLight);
+                _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-dark", _this.colorCalculator.colorSettings.newColorDark);
+            }
+            if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
+                var baseColor = themeEditorSurvey.getValue("--background-dim-light");
+                var questionBackgroundTransparencyValue = themeEditorSurvey.getValue("questionBackgroundTransparency");
+                _this.themeChanges["--sjs-editor-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, questionBackgroundTransparencyValue / 100);
+            }
+            if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
+                var baseColor = themeEditorSurvey.getValue("--background");
+                var panelBackgroundTransparencyValue = themeEditorSurvey.getValue("panelBackgroundTransparency");
+                _this.themeChanges["--sjs-question-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, panelBackgroundTransparencyValue / 100);
             }
-            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()) || "");
+                    _this.themeChanges["--sjs-font-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key] + (((_a = innerQ.unit) === null || _a === void 0 ? void 0 : _a.toString()) || "");
                 });
             }
             if (((_b = options.question) === null || _b === void 0 ? void 0 : _b.getType()) === "elementsettings") {
                 Object.keys(options.value).forEach(function (key) {
                     if (key === "corner")
                         return;
-                    _data["--sjs-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key];
+                    _this.themeChanges["--sjs-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key];
                 });
             }
-            _this.simulator.themeVariables = _data;
+            var newTheme = {};
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, _this.simulator.themeVariables, _this.themeChanges);
+            _this.simulator.themeVariables = newTheme;
         });
-        themeEditorSurvey.getAllQuestions().map(function (q) { return q.allowRootStyle = false; });
+        themeEditorSurvey.getAllQuestions().forEach(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",
@@ -10579,10 +10830,24 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     defaultValue: {
                                         backcolor: "#ffffff",
                                         hovercolor: "#f8f8f8",
-                                        corner: 4,
-                                        border: "0 1 2 rgba(0, 0, 0, 0.15)"
+                                        corner: 4
                                     }
-                                }, {
+                                },
+                                {
+                                    type: "boxshadowsettings",
+                                    name: "--sjs-general-shadow-small",
+                                    descriptionLocation: "hidden",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionShadow"),
+                                    defaultValue: {
+                                        x: 0,
+                                        y: 1,
+                                        blur: 2,
+                                        spread: 0,
+                                        isInset: false,
+                                        color: "rgba(0, 0, 0, 0.15)"
+                                    }
+                                },
+                                {
                                     type: "expression",
                                     name: "--background",
                                     expression: "{questionPanel.backcolor}",
@@ -10594,7 +10859,8 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         color: "#161616",
-                                        size: 16
+                                        weight: "600",
+                                        size: 16,
                                     }
                                 }, {
                                     type: "fontSettings",
@@ -10618,8 +10884,21 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     defaultValue: {
                                         backcolor: "#ffffff",
                                         hovercolor: "#f8f8f8",
-                                        corner: 4,
-                                        border: "0 1 2 rgba(0, 0, 0, 0.15)"
+                                        corner: 4
+                                    }
+                                },
+                                {
+                                    type: "boxshadowsettings",
+                                    name: "--sjs-general-shadow-inner",
+                                    descriptionLocation: "hidden",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorShadow"),
+                                    defaultValue: {
+                                        x: 0,
+                                        y: 1,
+                                        blur: 2,
+                                        spread: 0,
+                                        isInset: true,
+                                        color: "rgba(0, 0, 0, 0.15)"
                                     }
                                 }, {
                                     type: "expression",
@@ -10649,7 +10928,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDefaultColor"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "#19b394"
+                                            defaultValue: "#19B394"
                                         },
                                         {
                                             type: "color",
@@ -10665,7 +10944,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "#e8f7f4"
+                                            defaultValue: "#E8F7F4"
                                         }
                                     ]
                                 }, {
@@ -10787,12 +11066,6 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
     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 + ")";
-}
 
 
 /***/ }),
@@ -12132,7 +12405,7 @@ var Translation = /** @class */ (function (_super) {
     };
     Translation.prototype.createStringsSurvey = function () {
         var _this = this;
-        var json = { autoGrowComment: true };
+        var json = { autoGrowComment: true, allowResizeComment: false };
         Object(_property_grid_index__WEBPACK_IMPORTED_MODULE_5__["setSurveyJSONForPropertyGrid"])(json, false);
         var survey = this.options.createSurvey(json, "translation_strings");
         survey.lazyRendering = true;
@@ -12800,6 +13073,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _src_components_tabs_translation__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../src/components/tabs/translation */ "./src/components/tabs/translation.ts");
 /* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./components/string-editor */ "./src/components/string-editor.ts");
 /* harmony import */ var _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./components/tabs/theme-plugin */ "./src/components/tabs/theme-plugin.ts");
+/* harmony import */ var _survey_elements__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./survey-elements */ "./src/survey-elements.ts");
+
+
+
 
 
 
@@ -12829,8 +13106,6 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
 __webpack_require__(/*! ./components/string-editor.scss */ "./src/components/string-editor.scss");
 __webpack_require__(/*! ./creator-theme/creator.scss */ "./src/creator-theme/creator.scss");
-
-
 //Obsolete
 var CreatorAction = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CreatorAction, _super);
@@ -13268,6 +13543,21 @@ var CreatorBase = /** @class */ (function (_super) {
          *- options.page the new survey Page object.
          */
         _this.onPageAdded = new CreatorEvent();
+        /**
+         * An event that is raised when Survey Creator renders action buttons under each page on the design surface. Use this event to add, remove, or modify the buttons.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.actions`: [`IAction[]`](/form-library/documentation/api-reference/iaction)\
+         * An array of actions. You can add or remove actions from this array.
+         * - `options.page`: [`PageModel`](/form-library/documentation/api-reference/page-model)\
+         * A page for which the event is raised.
+         * - `options.addNewQuestion(type)`: Method\
+         * Adds a new question of a specified [`type`](/form-library/documentation/api-reference/question#getType) to the page.
+         */
+        _this.onGetPageActions = new CreatorEvent();
         /**
          * The event is fired when the survey creator is initialized and a survey object (Survey.Survey) is created.
          *- sender the survey creator object that fires the event
@@ -14490,9 +14780,9 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     CreatorBase.prototype.initDragDropSurveyElements = function () {
         var _this = this;
-        survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropSurveyElements"].restrictDragQuestionBetweenPages =
+        _survey_elements__WEBPACK_IMPORTED_MODULE_25__["DragDropSurveyElements"].restrictDragQuestionBetweenPages =
             _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].dragDrop.restrictDragQuestionBetweenPages;
-        this.dragDropSurveyElements = new survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropSurveyElements"](null, this);
+        this.dragDropSurveyElements = new _survey_elements__WEBPACK_IMPORTED_MODULE_25__["DragDropSurveyElements"](null, this);
         var isDraggedFromToolbox = false;
         this.dragDropSurveyElements.onDragStart.add(function (sender, options) {
             var panel = sender.dropTarget.parent;
@@ -15813,6 +16103,15 @@ var CreatorBase = /** @class */ (function (_super) {
             popupModel: popupModel
         };
     };
+    CreatorBase.prototype.getUpdatedPageAdornerFooterActions = function (pageAdorner, actions) {
+        var options = {
+            page: pageAdorner.page,
+            addNewQuestion: function (type) { pageAdorner.addNewQuestion(pageAdorner, undefined, type); },
+            actions: actions
+        };
+        this.onGetPageActions.fire(this, options);
+        return options.actions;
+    };
     CreatorBase.prototype.addNewQuestionInPage = function (beforeAdd, panel, type) {
         if (panel === void 0) { panel = null; }
         if (type === void 0) { type = null; }
@@ -17472,7 +17771,7 @@ var __spreadArray = function (to, from) {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, EmbedModel, TabEmbedPlugin, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, 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 */
+/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, EmbedModel, TabEmbedPlugin, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, createColor, parseColor, createBoxShadow, parseBoxShadow, Themes, ThemeSurveyTabViewModel, TabThemePlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorker, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -17563,345 +17862,369 @@ __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_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 import */ var _components_tabs_theme_custom_questions_color_settings__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/color-settings */ "./src/components/tabs/theme-custom-questions/color-settings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createColor", function() { return _components_tabs_theme_custom_questions_color_settings__WEBPACK_IMPORTED_MODULE_11__["createColor"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return _components_tabs_theme_custom_questions_color_settings__WEBPACK_IMPORTED_MODULE_11__["parseColor"]; });
+
+/* harmony import */ var _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/boxshadow-settings */ "./src/components/tabs/theme-custom-questions/boxshadow-settings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createBoxShadow", function() { return _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__["createBoxShadow"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThemeSurveyTabViewModel", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_11__["ThemeSurveyTabViewModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseBoxShadow", function() { return _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__["parseBoxShadow"]; });
 
-/* harmony import */ var _components_tabs_theme_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_theme__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/tabs/theme */ "./src/components/tabs/theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Themes", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_13__["Themes"]; });
 
-/* harmony 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__, "ThemeSurveyTabViewModel", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_13__["ThemeSurveyTabViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogicEvent", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_13__["LogicEvent"]; });
+/* harmony import */ var _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/tabs/theme-plugin */ "./src/components/tabs/theme-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabThemePlugin", function() { return _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_14__["TabThemePlugin"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_13__["SurveyLogic"]; });
+/* harmony import */ var _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/tabs/logic */ "./src/components/tabs/logic.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initLogicOperator", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__["initLogicOperator"]; });
 
-/* harmony 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__, "LogicEvent", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__["LogicEvent"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemString", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_14__["TranslationItemString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_15__["SurveyLogic"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItem", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_14__["TranslationItem"]; });
+/* harmony import */ var _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../components/tabs/translation */ "./src/components/tabs/translation.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemBase", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationItemBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationGroup", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_14__["TranslationGroup"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemString", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationItemString"]; });
 
-/* 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__, "TranslationItem", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationItem"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationGroup", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["TranslationGroup"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_16__["Translation"]; });
 
-/* 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_translation_theme__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/tabs/translation-theme */ "./src/components/tabs/translation-theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "translationCss", function() { return _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_17__["translationCss"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerViewModel", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_17__["TabDesignerViewModel"]; });
+/* harmony import */ var _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/tabs/translation-plugin */ "./src/components/tabs/translation-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationPlugin", function() { return _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_18__["TabTranslationPlugin"]; });
 
-/* harmony import */ var _components_tabs_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_tabs_designer__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/tabs/designer */ "./src/components/tabs/designer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initialSettingsAllowShowEmptyTitleInDesignMode", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_19__["initialSettingsAllowShowEmptyTitleInDesignMode"]; });
 
-/* harmony import */ var _components_tabs_logic_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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerViewModel", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_19__["TabDesignerViewModel"]; });
 
-/* 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_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../components/tabs/designer-plugin */ "./src/components/tabs/designer-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerPlugin", function() { return _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_20__["TabDesignerPlugin"]; });
 
-/* harmony import */ var _components_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_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../components/tabs/logic-ui */ "./src/components/tabs/logic-ui.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_21__["SurveyLogicUI"]; });
 
-/* harmony import */ var _components_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_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../components/tabs/logic-plugin */ "./src/components/tabs/logic-plugin.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabLogicPlugin", function() { return _components_tabs_logic_plugin__WEBPACK_IMPORTED_MODULE_22__["TabLogicPlugin"]; });
 
-/* harmony import */ var _components_page_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_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../components/tabs/logic-theme */ "./src/components/tabs/logic-theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "logicCss", function() { return _components_tabs_logic_theme__WEBPACK_IMPORTED_MODULE_23__["logicCss"]; });
 
-/* harmony import */ var _components_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_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../components/toolbox/toolbox-tool */ "./src/components/toolbox/toolbox-tool.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return _components_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_24__["ToolboxToolViewModel"]; });
 
-/* harmony import */ var _components_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_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../components/page-navigator/page-navigator */ "./src/components/page-navigator/page-navigator.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageNavigatorViewModel", function() { return _components_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_25__["PageNavigatorViewModel"]; });
 
-/* harmony import */ var _components_question__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_page__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../components/page */ "./src/components/page.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageAdorner", function() { return _components_page__WEBPACK_IMPORTED_MODULE_26__["PageAdorner"]; });
 
-/* harmony import */ var _components_question_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_row__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../components/row */ "./src/components/row.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowViewModel", function() { return _components_row__WEBPACK_IMPORTED_MODULE_27__["RowViewModel"]; });
 
-/* harmony import */ var _components_question_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_question__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../components/question */ "./src/components/question.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionAdornerViewModel", function() { return _components_question__WEBPACK_IMPORTED_MODULE_28__["QuestionAdornerViewModel"]; });
 
-/* harmony import */ var _components_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 import */ var _components_question_dropdown__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../components/question-dropdown */ "./src/components/question-dropdown.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionDropdownAdornerViewModel", function() { return _components_question_dropdown__WEBPACK_IMPORTED_MODULE_29__["QuestionDropdownAdornerViewModel"]; });
 
-/* harmony import */ var _components_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_question_image__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../components/question-image */ "./src/components/question-image.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionImageAdornerViewModel", function() { return _components_question_image__WEBPACK_IMPORTED_MODULE_30__["QuestionImageAdornerViewModel"]; });
 
-/* harmony import */ var _components_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 import */ var _components_question_rating__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../components/question-rating */ "./src/components/question-rating.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionRatingAdornerViewModel", function() { return _components_question_rating__WEBPACK_IMPORTED_MODULE_31__["QuestionRatingAdornerViewModel"]; });
 
-/* harmony 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 import */ var _components_item_value__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../components/item-value */ "./src/components/item-value.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ItemValueWrapperViewModel", function() { return _components_item_value__WEBPACK_IMPORTED_MODULE_32__["ItemValueWrapperViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperViewModel", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_32__["MatrixCellWrapperViewModel"]; });
+/* harmony import */ var _components_image_item_value__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../components/image-item-value */ "./src/components/image-item-value.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ImageItemValueWrapperViewModel", function() { return _components_image_item_value__WEBPACK_IMPORTED_MODULE_33__["ImageItemValueWrapperViewModel"]; });
 
-/* harmony 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 import */ var _components_matrix_cell__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../components/matrix-cell */ "./src/components/matrix-cell.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperEditSurvey", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_34__["MatrixCellWrapperEditSurvey"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_MONITOR_DPI", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_33__["DEFAULT_MONITOR_DPI"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperViewModel", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_34__["MatrixCellWrapperViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "simulatorDevices", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_33__["simulatorDevices"]; });
+/* harmony import */ var _components_simulator__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../components/simulator */ "./src/components/simulator.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulatorModel", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_35__["SurveySimulatorModel"]; });
 
-/* harmony 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__, "DEFAULT_MONITOR_DPI", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_35__["DEFAULT_MONITOR_DPI"]; });
 
-/* 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__, "simulatorDevices", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_35__["simulatorDevices"]; });
 
-/* 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_results__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../components/results */ "./src/components/results.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsItemModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_36__["SurveyResultsItemModel"]; });
 
-/* harmony 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_36__["SurveyResultsModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorConnector", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_36__["StringEditorConnector"]; });
+/* harmony import */ var _components_header_logo_image__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../components/header/logo-image */ "./src/components/header/logo-image.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogoImageViewModel", function() { return _components_header_logo_image__WEBPACK_IMPORTED_MODULE_37__["LogoImageViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_36__["StringEditorViewModelBase"]; });
+/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../components/string-editor */ "./src/components/string-editor.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringItemsNavigatorBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_38__["StringItemsNavigatorBase"]; });
 
-/* harmony import */ var _components_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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorConnector", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_38__["StringEditorConnector"]; });
 
-/* 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__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_38__["StringEditorViewModelBase"]; });
+
+/* harmony import */ var _components_embedded_survey__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../components/embedded-survey */ "./src/components/embedded-survey.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionEmbeddedSurveyModel", function() { return _components_embedded_survey__WEBPACK_IMPORTED_MODULE_39__["QuestionEmbeddedSurveyModel"]; });
+
+/* harmony import */ var _components_link_value__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../components/link-value */ "./src/components/link-value.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionLinkValueModel", function() { return _components_link_value__WEBPACK_IMPORTED_MODULE_40__["QuestionLinkValueModel"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EditorLocalization", function() { return _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["EditorLocalization"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getLocString", function() { return _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"]; });
 
-/* harmony import */ var _json5__WEBPACK_IMPORTED_MODULE_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 _json5__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../json5 */ "./src/json5.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyJSON5", function() { return _json5__WEBPACK_IMPORTED_MODULE_41__["SurveyJSON5"]; });
+
+/* harmony import */ var _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../custom-questions/question-spin-editor */ "./src/custom-questions/question-spin-editor.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionSpinEditorModel", function() { return _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_42__["QuestionSpinEditorModel"]; });
+
+/* harmony import */ var _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../custom-questions/question-color */ "./src/custom-questions/question-color.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionColorModel", function() { return _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_43__["QuestionColorModel"]; });
+
+/* harmony import */ var _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/question-file */ "./src/custom-questions/question-file.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionFileEditorModel", function() { return _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_44__["QuestionFileEditorModel"]; });
 
-/* harmony import */ var _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 _property_grid__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../property-grid */ "./src/property-grid/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setSurveyJSONForPropertyGrid", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["setSurveyJSONForPropertyGrid"]; });
 
-/* harmony 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyEditorSetupValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyEditorSetupValue"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorCollection"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTitleActionsCreator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridTitleActionsCreator"]; });
 
-/* 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__, "PropertyJSONGenerator", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyJSONGenerator"]; });
 
-/* 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__, "PropertyGridModel", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridModel"]; });
 
-/* 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__, "PropertyGridEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditor"]; });
 
-/* 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__, "PropertyGridEditorBoolean", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorBoolean"]; });
 
-/* 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__, "PropertyGridEditorStringBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorStringBase"]; });
 
-/* 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__, "PropertyGridEditorString", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorString"]; });
 
-/* 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__, "PropertyGridLinkEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridLinkEditor"]; });
 
-/* 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__, "PropertyGridEditorNumber", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorNumber"]; });
 
-/* 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__, "PropertyGridEditorImageSize", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorImageSize"]; });
 
-/* 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__, "PropertyGridEditorText", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorText"]; });
 
-/* 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__, "PropertyGridEditorHtml", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorHtml"]; });
 
-/* 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__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorColor"]; });
 
-/* 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__, "PropertyGridEditorStringArray", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorStringArray"]; });
 
-/* 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__, "PropertyGridEditorDropdown", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorDropdown"]; });
 
-/* 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__, "PropertyGridEditorSet", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorSet"]; });
 
-/* 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__, "PropertyGridEditorPage", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorPage"]; });
 
-/* 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__, "PropertyGridEditorQuestion", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorQuestion"]; });
 
-/* 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__, "PropertyGridEditorQuestionSelectBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorQuestionSelectBase"]; });
 
-/* 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__, "PropertyGridEditorQuestionValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorQuestionValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestion", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorQuestion"]; });
+/* harmony import */ var _property_grid_condition__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../property-grid/condition */ "./src/property-grid/condition.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorExpression", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorExpression"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionSelectBase", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorQuestionSelectBase"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCondition", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_46__["PropertyGridEditorCondition"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionValue", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorQuestionValue"]; });
+/* harmony import */ var _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../property-grid/matrices */ "./src/property-grid/matrices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrix", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrix"]; });
 
-/* harmony 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__, "PropertyGridEditorMatrixItemValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixItemValues"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCondition", function() { return _property_grid_condition__WEBPACK_IMPORTED_MODULE_44__["PropertyGridEditorCondition"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixRateValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixRateValues"]; });
 
-/* 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__, "PropertyGridEditorMatrixColumns", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixColumns"]; });
 
-/* 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__, "PropertyGridEditorMatrixPages", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixPages"]; });
 
-/* 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__, "PropertyGridEditorMatrixCalculatedValues", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixCalculatedValues"]; });
 
-/* 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__, "PropertyGridEditorMatrixHtmlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixHtmlConditions"]; });
 
-/* 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__, "PropertyGridEditorMatrixUrlConditions", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixUrlConditions"]; });
 
-/* 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__, "PropertyGridEditorMatrixMutlipleTextItems", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixMutlipleTextItems"]; });
 
-/* 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__, "PropertyGridEditorMatrixMultipleTypes", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixMultipleTypes"]; });
 
-/* 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__, "PropertyGridEditorMatrixValidators", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixValidators"]; });
 
-/* 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__, "PropertyGridEditorMatrixTriggers", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_47__["PropertyGridEditorMatrixTriggers"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixMultipleTypes", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixMultipleTypes"]; });
+/* harmony import */ var _property_grid_bindings__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../property-grid/bindings */ "./src/property-grid/bindings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBindings", function() { return _property_grid_bindings__WEBPACK_IMPORTED_MODULE_48__["PropertyGridEditorBindings"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixValidators", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixValidators"]; });
+/* harmony import */ var _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../property-grid/property-grid-view-model */ "./src/property-grid/property-grid-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridViewModel", function() { return _property_grid_property_grid_view_model__WEBPACK_IMPORTED_MODULE_49__["PropertyGridViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMatrixTriggers", function() { return _property_grid_matrices__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorMatrixTriggers"]; });
+/* harmony import */ var _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../property-grid/object-selector */ "./src/property-grid/object-selector.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorItem", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__["ObjectSelectorItem"]; });
 
-/* harmony 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelector", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__["ObjectSelector"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorModel", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_50__["ObjectSelectorModel"]; });
 
-/* 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 import */ var _property_grid_restfull__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../property-grid/restfull */ "./src/property-grid/restfull.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionRestfull", function() { return _property_grid_restfull__WEBPACK_IMPORTED_MODULE_51__["PropertyGridEditorQuestionRestfull"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelector", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_48__["ObjectSelector"]; });
+/* harmony import */ var _property_grid_values__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../property-grid/values */ "./src/property-grid/values.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridValueEditorBase", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridValueEditorBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjectSelectorModel", function() { return _property_grid_object_selector__WEBPACK_IMPORTED_MODULE_48__["ObjectSelectorModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridCellsEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridCellsEditor"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridValueEditor"]; });
 
-/* 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__, "PropertyGridRowValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridRowValueEditor"]; });
 
-/* 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__, "PropertyGridPanelValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridPanelValueEditor"]; });
 
-/* 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__, "PropertyGridTriggerValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridTriggerValueEditor"]; });
 
-/* 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__, "PropertyGridTriggerValueInLogicEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_52__["PropertyGridTriggerValueInLogicEditor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridPanelValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridPanelValueEditor"]; });
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyGridCss", function() { return _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_53__["propertyGridCss"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridTriggerValueEditor"]; });
+/* harmony import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_54__["QuestionConverter"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridTriggerValueInLogicEditor", function() { return _property_grid_values__WEBPACK_IMPORTED_MODULE_50__["PropertyGridTriggerValueInLogicEditor"]; });
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_55__["svgBundle"]; });
 
-/* harmony 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 _textWorker__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_56__["SurveyTextWorker"]; });
 
-/* harmony import */ var _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 _toolbox__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_57__["QuestionToolboxCategory"]; });
 
-/* harmony import */ var _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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_57__["QuestionToolboxItem"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_57__["QuestionToolbox"]; });
 
-/* 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 import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarModel", function() { return _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_58__["SidebarModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_55__["QuestionToolboxItem"]; });
+/* harmony import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../components/side-bar/side-bar-tab-model */ "./src/components/side-bar/side-bar-tab-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarTabModel", function() { return _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_59__["SidebarTabModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_55__["QuestionToolbox"]; });
+/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNextItemValue"]; });
 
-/* harmony 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNextItemText"]; });
 
-/* harmony import */ var _components_side_bar_side_bar_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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNextValue"]; });
 
-/* 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__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["findParentNode"]; });
 
-/* 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__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["focusFirstControl"]; });
 
-/* 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__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getFirstNonTextElement"]; });
 
-/* 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__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getNodesFromKoComponentInfo"]; });
 
-/* 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__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["propertyExists"]; });
 
-/* 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__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["isPropertyVisible"]; });
 
-/* 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__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["toggleHovered"]; });
 
-/* 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__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["clearNewLines"]; });
 
-/* 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__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["select"]; });
 
-/* 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__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["copyObject"]; });
 
-/* 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__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["copyCssClasses"]; });
 
-/* 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__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["assignDefaultV2Classes"]; });
 
-/* 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__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["wrapTextByCurlyBraces"]; });
 
-/* 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__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["capitalize"]; });
 
-/* 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__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["notShortCircuitAnd"]; });
 
-/* 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__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["imageMimeTypes"]; });
 
-/* 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__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getAcceptedTypesByContentMode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["notShortCircuitAnd"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["getQuestionFromObj"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["imageMimeTypes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["ingectAlpha"]; });
 
-/* 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__, "convertRgbaToString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["convertRgbaToString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_59__["getQuestionFromObj"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["parseRgbaFromString"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["HSBToRGB"]; });
 
-/* 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__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["RGBToHSB"]; });
 
-/* 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__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["assign"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_61__["ColorCalculator"]; });
 
-/* 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 import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_62__["SurveyQuestionEditorDefinition"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["undoRedoTransaction"]; });
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_63__["ObjType"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["ignoreUndoRedo"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_63__["SurveyHelper"]; });
 
-/* 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 _utils_resizer__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_64__["ResizeManager"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__["Transaction"]; });
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__["UndoRedoPlugin"]; });
 
-/* harmony 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__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__["undoRedoTransaction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__["UndoRedoArrayAction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_65__["ignoreUndoRedo"]; });
 
-/* 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 _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["UndoRedoManager"]; });
 
-/* harmony 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__);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["Transaction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["UndoRedoAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_66__["UndoRedoArrayAction"]; });
+
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_67__["PagesController"]; });
+
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_68___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_68__);
 var Version;
-Version = "" + "1.9.89";
+Version = "" + "1.9.90";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -17943,6 +18266,8 @@ __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-but
 
 
 
+
+
 
 
 
@@ -17985,8 +18310,8 @@ __webpack_require__(/*! ../property-grid-theme/property-grid.scss */ "./src/prop
 __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 
-survey_core__WEBPACK_IMPORTED_MODULE_66__["settings"].supportCreatorV2 = true;
-Object(survey_core__WEBPACK_IMPORTED_MODULE_66__["checkLibraryVersion"])("" + "1.9.89", "survey-creator-core");
+survey_core__WEBPACK_IMPORTED_MODULE_68__["settings"].supportCreatorV2 = true;
+Object(survey_core__WEBPACK_IMPORTED_MODULE_68__["checkLibraryVersion"])("" + "1.9.90", "survey-creator-core");
 
 
 /***/ }),
@@ -20474,6 +20799,7 @@ var enStrings = {
         maxTextLength: "Maximum answer length (in characters)",
         maxOthersLength: "Maximum comment length (in characters)",
         autoGrowComment: "Auto-expand comment area if necessary",
+        allowResizeComment: "Allow users to resize text areas",
         textUpdateMode: "Update text question value",
         focusOnFirstError: "Set focus on the first invalid answer",
         checkErrorsMode: "Run validation",
@@ -20954,6 +21280,7 @@ var enStrings = {
         navigationDescription: "Navigation description",
         longTap: "Long tap",
         autoGrow: "Auto grow",
+        allowResize: "Allow resizing",
         acceptCarriageReturn: "Accept carriage return",
         displayMode: "Display mode",
         rateType: "Rate type",
@@ -21018,13 +21345,21 @@ var enStrings = {
         color: "Color",
         size: "Size",
         fontWeightRegular: "Regular",
+        fontWeightHeavy: "Heavy",
         fontWeightSemiBold: "Semi-Bold",
         fontWeightBold: "Bold",
         scale: "Scale",
         cornerRadius: "Corner Radius",
         surveyTitle: "Survey Title Font",
         pageTitle: "Page Title Font",
-        pageDescription: "Page Description Font"
+        pageDescription: "Page Description Font",
+        boxShadowX: "X",
+        boxShadowY: "Y",
+        opacity: "Opacity",
+        boxShadowBlur: "Blur",
+        boxShadowSpread: "Spread",
+        questionShadow: "Question Panel Border / Shadow",
+        editorShadow: "Editor Border / Shadow"
     },
 };
 // Uncomment the line below if you create a custom dictionary.
@@ -25368,6 +25703,19 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         this.initializePlaceholder(rowObj, q, options.columnName);
         q.property = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findProperty(rowObj.getType(), options.columnName);
     };
+    PropertyGridEditorMatrix.prototype.onMatrixCellValueChanged = function (obj, options) {
+        var column = options.question.getColumnByName(options.columnName);
+        if (!column || !column.isUnique)
+            return;
+        options.question.visibleRows.forEach(function (row) {
+            if (row !== options.row) {
+                var q = row.getQuestionByColumnName(options.columnName);
+                if (!!q && q.errors.length > 0) {
+                    q.hasErrors();
+                }
+            }
+        });
+    };
     PropertyGridEditorMatrix.prototype.updateMatixActionsClasses = function (actions) {
         actions.forEach(function (action) {
             action.innerCss = (action.innerCss || "") + " spg-action-button--muted";
@@ -25756,6 +26104,7 @@ var PropertyGridEditorMatrixItemValues = /** @class */ (function (_super) {
         }
     };
     PropertyGridEditorMatrixItemValues.prototype.onMatrixCellValueChanged = function (obj, options) {
+        _super.prototype.onMatrixCellValueChanged.call(this, obj, options);
         if (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionRatingModel"] && options.columnName == "icon") {
             //options.cellQuestion.html = "<svg style='fill: red'><use xlink:href=\"#" + options.cellQuestion.value + "\"></use></svg>";
             options.cellQuestion.html = options.cellQuestion.value;
@@ -25999,13 +26348,12 @@ var PropertyGridEditorMatrixMultipleTypes = /** @class */ (function (_super) {
         }
     };
     PropertyGridEditorMatrixMultipleTypes.prototype.onMatrixCellValueChanged = function (obj, options) {
-        if (options.columnName != this.getObjTypeName()) {
+        _super.prototype.onMatrixCellValueChanged.call(this, obj, options);
+        if (options.columnName !== this.getObjTypeName())
             return;
-        }
         var index = options.question.visibleRows.indexOf(options.row);
-        if (index < 0) {
+        if (index < 0)
             return;
-        }
         var isDetailPanelShowing = options.row.isDetailPanelShowing;
         var objJSON = options.row.editingObj.toJSON();
         delete objJSON.type;
@@ -26937,6 +27285,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "maxLength", tab: "validation" },
                 { name: "textUpdateMode", tab: "data" },
                 { name: "autoGrow", tab: "layout" },
+                { name: "allowResize", tab: "layout" },
             ]
         },
         file: {
@@ -27451,6 +27800,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "maxTextLength", tab: "question" },
                 { name: "maxOthersLength", tab: "question" },
                 { name: "autoGrowComment", tab: "question" },
+                { name: "allowResizeComment", tab: "question" },
                 { name: "showPageTitles", tab: "pages" },
                 { name: "showPageNumbers", tab: "pages" },
                 { name: "calculatedValues", tab: "logic" },
@@ -28197,6 +28547,629 @@ var SelectionHistory = /** @class */ (function (_super) {
 
 
 
+/***/ }),
+
+/***/ "./src/survey-elements.ts":
+/*!********************************!*\
+  !*** ./src/survey-elements.ts ***!
+  \********************************/
+/*! exports provided: calculateIsEdge, calculateIsSide, calculateDragOverLocation, DragDropSurveyElements */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateIsEdge", function() { return calculateIsEdge; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateIsSide", function() { return calculateIsSide; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "calculateDragOverLocation", function() { return calculateDragOverLocation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropSurveyElements", function() { return DragDropSurveyElements; });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function calculateIsEdge(dropTargetNode, clientY) {
+    var rect = dropTargetNode.getBoundingClientRect();
+    return clientY - rect.top <= DragDropSurveyElements.edgeHeight || rect.bottom - clientY <= DragDropSurveyElements.edgeHeight;
+}
+function calculateIsSide(dropTargetNode, clientX) {
+    var rect = dropTargetNode.getBoundingClientRect();
+    return clientX - rect.left <= DragDropSurveyElements.edgeHeight || rect.right - clientX <= DragDropSurveyElements.edgeHeight;
+}
+function calculateDragOverLocation(clientX, clientY, dropTargetNode) {
+    var rect = dropTargetNode.getBoundingClientRect();
+    var tg = rect.height / rect.width;
+    var dx = clientX - rect.x;
+    var dy = clientY - rect.y;
+    if (dy >= tg * dx) {
+        if (dy >= -tg * dx + rect.height) {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom;
+        }
+        else {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left;
+        }
+    }
+    else {
+        if (dy >= -tg * dx + rect.height) {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right;
+        }
+        else {
+            return survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top;
+        }
+    }
+}
+var DragDropSurveyElements = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(DragDropSurveyElements, _super);
+    function DragDropSurveyElements() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isEdge = false;
+        _this.isSide = false;
+        _this.prevIsEdge = null;
+        // protected ghostSurveyElement: IElement = null;
+        _this.dragOverIndicatorElement = null;
+        _this.isDraggedElementSelected = false;
+        _this.doBanDropHere = function () {
+            _this.removeDragOverMarker(_this.dragOverIndicatorElement);
+            _this.removeDragOverMarker(_this.dropTarget);
+        };
+        _this.doDrop = function () {
+            if (!_this.dropTarget)
+                return;
+            var page = _this.parentElement;
+            var dragged = _this.draggedElement;
+            var src = _this.draggedElement;
+            var dest = _this.dropTarget;
+            var row = page.dragDropFindRow(dest);
+            var targetIndex = _this.getElementIndexInPanel(dest, row);
+            if (_this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right || _this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+                targetIndex++;
+            }
+            var elementsToSetSWNL = [];
+            var elementsToResetSWNL = [];
+            var srcRow = src && src.parent && src.parent.dragDropFindRow(src);
+            if (srcRow && srcRow.elements.length > 1) {
+                elementsToSetSWNL.push(src);
+                if (srcRow.elements[0] === src) {
+                    elementsToSetSWNL.push(srcRow.elements[1]);
+                }
+            }
+            if (!!row) {
+                var dragOverIndicator = _this.dragOverIndicatorElement || _this.dropTarget;
+                var dragOverLocation = dragOverIndicator.dragTypeOverMe;
+                if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left) {
+                    elementsToResetSWNL.push(dest);
+                    if (row.elements.indexOf(dest) === 0 || row.elements.indexOf(src) === 0 && row.elements.indexOf(dest) === 1) {
+                        elementsToSetSWNL.push(dragged);
+                    }
+                    else {
+                        elementsToResetSWNL.push(dragged);
+                    }
+                }
+                else if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Right) {
+                    elementsToResetSWNL.push(dragged);
+                    if (row.elements.indexOf(dest) === 0) {
+                        elementsToSetSWNL.push(dragged);
+                    }
+                }
+                else if (row.elements.length > 1) {
+                    elementsToSetSWNL.push(dragged);
+                    if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top) {
+                        targetIndex = _this.getElementIndexInPanel(row.elements[0], row);
+                    }
+                    else if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom) {
+                        targetIndex = _this.getElementIndexInPanel(row.elements[row.elements.length - 1], row) + 1;
+                    }
+                }
+                else {
+                    elementsToSetSWNL.push(dragged);
+                }
+            }
+            if (!!src && !!src.parent) {
+                page.survey.startMovingQuestion();
+                var isSamePanel = !!row && row.panel == src.parent;
+                if (isSamePanel) {
+                    _this.moveElementInPanel(row.panel, src, dragged, targetIndex);
+                    row.panel.updateRows();
+                    targetIndex = -1;
+                }
+                else {
+                    src.parent.removeElement(src);
+                }
+            }
+            if (!_this.isEdge && !_this.isSide && (dest.isPanel || dest.isPage)) {
+                dest.addElement(dragged);
+                dest.updateRows();
+            }
+            else if (!!row && targetIndex > -1) {
+                row.panel.addElement(dragged, targetIndex);
+                row.panel.updateRows();
+            }
+            page.survey.stopMovingQuestion();
+            elementsToSetSWNL.map(function (e) { e.startWithNewLine = true; });
+            elementsToResetSWNL.map(function (e) { e.startWithNewLine = false; });
+            return dragged;
+        };
+        return _this;
+        // protected removeGhostElementFromSurvey(): void {
+        //   const dropTarget = this.prevDropTarget || this.dropTarget;
+        //   if (!!dropTarget) {
+        //     dropTarget.dragTypeOverMe = null;
+        //   }
+        //   if (!!this.parentElement) this.parentElement.dragDropFinish(true);
+        // }
+        // private insertRealElementIntoSurvey() {
+        //   this.removeGhostElementFromSurvey();
+        //   const isTargetRowMultiple = this.calcTargetRowMultiple();
+        //   // ghost new page
+        //   if (this.dropTarget.isPage && (<any>this.dropTarget)["_isGhost"]) {
+        //     (<any>this.dropTarget)["_addGhostPageViewModel"]();
+        //   }
+        //   // EO ghost new page
+        //   //TODO need for dragDrop helper in library
+        //   const json = new JsonObject().toJsonObject(this.draggedElement);
+        //   json["type"] = this.draggedElement.getType();
+        //   const fakeTargetElement = this.createFakeTargetElement(
+        //     this.draggedElement.name,
+        //     json
+        //   );
+        //   //
+        //   this.parentElement.dragDropStart(
+        //     this.draggedElement,
+        //     fakeTargetElement,
+        //     DragDropSurveyElements.nestedPanelDepth
+        //   );
+        //   this.parentElement.dragDropMoveTo(
+        //     this.dropTarget,
+        //     isTargetRowMultiple ? this.isRight : this.isBottom,
+        //     this.isEdge
+        //   );
+        //   const newElement = this.parentElement.dragDropFinish();
+        //   return newElement;
+        // }
+        // private createFakeTargetElement(elementName: string, json: any): any {
+        //   if (!elementName || !json) return null;
+        //   var targetElement = null;
+        //   targetElement = Serializer.createClass(json["type"]);
+        //   new JsonObject().toObject(json, targetElement);
+        //   targetElement.name = elementName;
+        //   if (targetElement["setSurveyImpl"]) {
+        //     targetElement["setSurveyImpl"](this.survey);
+        //   } else {
+        //     targetElement["setData"](this.survey);
+        //   }
+        //   targetElement.renderWidth = "100%";
+        //   return targetElement;
+        // }
+        // private createGhostSurveyElement(isMultipleRowDrag = false): any {
+        //   let className = "sv-drag-drop-ghost";
+        //   let minWidth = "300px";
+        //   if (isMultipleRowDrag) {
+        //     minWidth = "4px";
+        //     className += " sv-drag-drop-ghost--vertical";
+        //   }
+        //   const json: any = {
+        //     type: "html",
+        //     minWidth,
+        //     name: DragDropSurveyElements.ghostSurveyElementName,
+        //     html: `<div class="${className}"></div>`,
+        //   };
+        //   const element = <any>this.createElementFromJson(json);
+        //   element.startWithNewLine = !isMultipleRowDrag;
+        //   if (isMultipleRowDrag) {
+        //     element.maxWidth = "4px";
+        //     element.renderWidth = "0px";
+        //     element.paddingRight = "0px";
+        //     element.paddingLeft = "0px";
+        //   }
+        //   return element;
+        // }
+    }
+    Object.defineProperty(DragDropSurveyElements.prototype, "draggedElementType", {
+        get: function () {
+            return "survey-element";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // private isRight: boolean;
+    // protected prevIsRight: boolean;
+    DragDropSurveyElements.prototype.startDragToolboxItem = function (event, draggedElementJson, toolboxItemTitle) {
+        var preventSaveTargetNode = true;
+        var draggedElement = this.createElementFromJson(draggedElementJson);
+        draggedElement.toolboxItemTitle = toolboxItemTitle;
+        this.startDrag(event, draggedElement, null, null, preventSaveTargetNode);
+    };
+    DragDropSurveyElements.prototype.startDragSurveyElement = function (event, draggedElement, isElementSelected) {
+        this.isDraggedElementSelected = isElementSelected;
+        this.startDrag(event, draggedElement);
+    };
+    DragDropSurveyElements.prototype.getShortcutText = function (draggedElement) {
+        return draggedElement.toolboxItemTitle || _super.prototype.getShortcutText.call(this, draggedElement);
+    };
+    DragDropSurveyElements.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
+        var draggedElementShortcut = document.createElement("div");
+        var textSpan = document.createElement("span");
+        textSpan.className = "svc-dragged-element-shortcut__text";
+        textSpan.innerText = text;
+        draggedElementShortcut.appendChild(this.createDraggedElementIcon());
+        draggedElementShortcut.appendChild(textSpan);
+        draggedElementShortcut.className = this.getDraggedElementClass();
+        return draggedElementShortcut;
+    };
+    DragDropSurveyElements.prototype.createDraggedElementIcon = function () {
+        var span = document.createElement("span");
+        var type = this.draggedElement.getType();
+        var svgString = "<svg class=\"sv-svg-icon\" role=\"img\" style=\"width: 24px; height: 24px;\"><use xlink:href=\"#icon-" + type + "\"></use></svg>";
+        span.className = "svc-dragged-element-shortcut__icon";
+        span.innerHTML = svgString;
+        return span;
+    };
+    DragDropSurveyElements.prototype.getDraggedElementClass = function () {
+        var result = "svc-dragged-element-shortcut";
+        if (this.isDraggedElementSelected)
+            result += " svc-dragged-element-shortcut--selected";
+        return result;
+    };
+    DragDropSurveyElements.prototype.createElementFromJson = function (json) {
+        var element = this.createNewElement(json);
+        if (element["setSurveyImpl"]) {
+            element["setSurveyImpl"](this.survey);
+        }
+        else {
+            element["setData"](this.survey);
+        }
+        element.renderWidth = "100%";
+        return element;
+    };
+    DragDropSurveyElements.prototype.createNewElement = function (json) {
+        var newElement = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(json["type"]);
+        new survey_core__WEBPACK_IMPORTED_MODULE_1__["JsonObject"]().toObject(json, newElement);
+        return newElement;
+    };
+    DragDropSurveyElements.prototype.findDropTargetNodeByDragOverNode = function (dragOverNode) {
+        var ghostRow = dragOverNode.closest(".svc-row--ghost");
+        if (!!ghostRow) {
+            var ghostDataAttrSelector = "[data-sv-drop-target-survey-element='sv-drag-drop-ghost-survey-element-name']";
+            var ghostNode = dragOverNode.closest(ghostDataAttrSelector) || dragOverNode.querySelector(ghostDataAttrSelector);
+            if (!!ghostNode) {
+                return ghostNode;
+            }
+        }
+        var dropTargetNode = dragOverNode.closest(this.dropTargetDataAttributeName);
+        return dropTargetNode;
+    };
+    DragDropSurveyElements.prototype.getDropTargetByDataAttributeValue = function (dataAttributeValue, dropTargetNode, event) {
+        this.removeDragOverMarker(this.dragOverIndicatorElement);
+        this.dragOverIndicatorElement = null;
+        if (!dataAttributeValue) {
+            // panel dynamic
+            var nearestDropTargetElement = dropTargetNode.parentElement.closest(this.dropTargetDataAttributeName);
+            dataAttributeValue = this.getDataAttributeValueByNode(nearestDropTargetElement);
+        }
+        if (!dataAttributeValue) {
+            throw new Error("Can't find drop target survey element name");
+        }
+        if (dataAttributeValue === DragDropSurveyElements.ghostSurveyElementName) {
+            return this.prevDropTarget;
+        }
+        // drop to new page
+        if (dataAttributeValue === "newGhostPage") {
+            return DragDropSurveyElements.newGhostPage;
+        }
+        // drop to page
+        var page = this.survey.getPageByName(dataAttributeValue);
+        if (page) {
+            if (page.elements.length !== 0) {
+                // TODO we can't drop on not empty page directly for now
+                return null;
+            }
+            return page;
+        }
+        // drop to question or panel
+        var dropTarget;
+        var dragOverElement;
+        this.survey.pages.forEach(function (page) {
+            var question = page.getElementByName(dataAttributeValue);
+            if (question) {
+                dropTarget = question;
+                dragOverElement = question;
+            }
+        });
+        // drop to paneldynamic
+        if (dropTarget.getType() === "paneldynamic" && !this.isEdge && !this.isSide) {
+            dropTarget = dropTarget.template;
+        }
+        // drop to matrix detail panel
+        if ((dropTarget.getType() === "matrixdropdown" || dropTarget.getType() === "matrixdynamic") && dropTarget.detailPanelMode !== "none" && !this.isEdge && !this.isSide) {
+            dropTarget = dropTarget.detailPanel;
+        }
+        // drop to panel
+        else if (dropTarget.isPanel) {
+            dropTarget = this.getPanelDropTarget(dropTargetNode, dropTarget, event);
+        }
+        // drop to question
+        //question inside paneldymanic
+        if (!dropTarget.page) {
+            var nearestDropTargetPageElement = dropTargetNode.parentElement.closest("[data-sv-drop-target-page]");
+            dataAttributeValue = nearestDropTargetPageElement.dataset.svDropTargetPage;
+            var page_1 = this.survey.getPageByName(dataAttributeValue);
+            dropTarget.__page = page_1;
+        }
+        this.dragOverIndicatorElement = dragOverElement;
+        return dropTarget;
+        // EO drop to question or panel
+    };
+    DragDropSurveyElements.prototype.isDropTargetValid = function (dropTarget, dropTargetNode) {
+        if (!dropTarget)
+            return false;
+        if (dropTarget === this.draggedElement)
+            return false;
+        if (this.draggedElement.getType() === "paneldynamic" && dropTarget === this.draggedElement.template) {
+            return false;
+        }
+        if (DragDropSurveyElements.restrictDragQuestionBetweenPages &&
+            this.shouldRestricDragQuestionBetweenPages(dropTarget)) {
+            return false;
+        }
+        return true;
+    };
+    // protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean {
+    //   return false;
+    // }
+    // protected calculateIsBottom(
+    //   clientY: number,
+    //   dropTargetNode?: HTMLElement
+    // ): boolean {
+    //   // we shouldn't reculc isBottom if drag over ghost survey element
+    //   if (this.getDataAttributeValueByNode(dropTargetNode) === DragDropSurveyElements.ghostSurveyElementName) {
+    //     return this.isBottom;
+    //   }
+    //   const middle = this.calculateVerticalMiddleOfHTMLElement(dropTargetNode);
+    //   return clientY >= middle;
+    // }
+    // protected calculateIsRight(
+    //   clientX: number,
+    //   dropTargetNode?: HTMLElement
+    // ): boolean {
+    //   // we shouldn't reculc isBottom if drag over ghost survey element
+    //   if (this.getDataAttributeValueByNode(dropTargetNode) === DragDropSurveyElements.ghostSurveyElementName) {
+    //     return this.isRight;
+    //   }
+    //   const middle = this.calculateHorizontalMiddleOfHTMLElement(dropTargetNode);
+    //   return clientX >= middle;
+    // }
+    // protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean {
+    //   // if (this.dropTarget === this.ghostSurveyElement) return true;
+    //   return (
+    //     this.dropTarget === this.prevDropTarget && newIsBottom === this.isBottom
+    //     && this.isEdge === this.prevIsEdge && this.isRight === this.prevIsRight
+    //   );
+    // }
+    DragDropSurveyElements.prototype.shouldRestricDragQuestionBetweenPages = function (dropTarget) {
+        var oldPage = this.draggedElement["page"];
+        var newPage = dropTarget.isPage ? dropTarget : dropTarget["page"];
+        // if oldPage === null then it is drop from the toolbox
+        return oldPage && oldPage !== newPage;
+    };
+    DragDropSurveyElements.prototype.getPanelDropTarget = function (HTMLElement, dropTarget, event) {
+        var isEdge = this.isEdge;
+        if (!isEdge && dropTarget.questions.length !== 0) {
+            HTMLElement = this.findDeepestDropTargetChild(HTMLElement);
+            dropTarget = this.getDropTargetByNode(HTMLElement, event);
+        }
+        return dropTarget;
+    };
+    DragDropSurveyElements.prototype.findDeepestDropTargetChild = function (parent) {
+        var selector = this.dropTargetDataAttributeName;
+        var result = parent;
+        while (!!parent) {
+            result = parent;
+            parent = parent.querySelector(selector);
+        }
+        return result;
+    };
+    DragDropSurveyElements.prototype.dragOverCore = function (dropTarget, dragOverLocation, isEdge, isSide) {
+        if (isEdge === void 0) { isEdge = false; }
+        if (isSide === void 0) { isSide = false; }
+        this.removeDragOverMarker(this.dragOverIndicatorElement);
+        this.removeDragOverMarker(this.dropTarget);
+        if (dropTarget === this.draggedElement) {
+            this.allowDropHere = false;
+            return;
+        }
+        this.dropTarget = dropTarget;
+        this.dragOverLocation = dragOverLocation;
+        this.isEdge = isEdge;
+        this.isSide = isSide;
+        this.parentElement = this.dropTarget.isPage
+            ? this.dropTarget
+            : (this.dropTarget.page || this.dropTarget.__page);
+        var dragOverIndicator = this.dragOverIndicatorElement || this.dropTarget;
+        if (!this.isEdge && !this.isSide && this.isDragOverInsideEmptyPanel()) {
+            dragOverIndicator.dragTypeOverMe = survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].InsideEmptyPanel;
+        }
+        else {
+            var row = this.parentElement.dragDropFindRow(dragOverIndicator);
+            if (!!row && row.elements.length > 1 && (this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Top || this.dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Bottom)) {
+                row.dragTypeOverMe = this.dragOverLocation;
+                this.dragOverIndicatorElement = row;
+            }
+            else {
+                dragOverIndicator.dragTypeOverMe = this.dragOverLocation;
+            }
+        }
+    };
+    DragDropSurveyElements.prototype.dragOver = function (event) {
+        var dropTargetNode = this.findDropTargetNodeFromPoint(event.clientX, event.clientY);
+        if (!dropTargetNode) {
+            this.banDropHere();
+            return;
+        }
+        this.isEdge = calculateIsEdge(dropTargetNode, event.clientY);
+        this.isSide = calculateIsSide(dropTargetNode, event.clientX);
+        var dropTarget = this.getDropTargetByNode(dropTargetNode, event);
+        var isDropTargetValid = this.isDropTargetValid(dropTarget, dropTargetNode);
+        if (!isDropTargetValid) {
+            this.banDropHere();
+            return;
+        }
+        this.allowDropHere = true;
+        var dragOverLocation = calculateDragOverLocation(event.clientX, event.clientY, dropTargetNode);
+        this.dragOverCore(dropTarget, dragOverLocation, this.isEdge, this.isSide);
+    };
+    // protected doDragOver(dropTargetNode?: HTMLElement, event?: PointerEvent): void {
+    //   this.isRight = this.calculateIsRight(event.clientX, dropTargetNode);
+    // }
+    // protected afterDragOver(dropTargetNode: HTMLElement, event: PointerEvent): void {
+    //   this.prevIsEdge = this.isEdge;
+    //   this.prevIsRight = this.isRight;
+    //   this.insertGhostElementIntoSurvey();
+    // }
+    DragDropSurveyElements.prototype.onStartDrag = function () {
+        // this.ghostSurveyElement = this.createGhostSurveyElement();
+        this.draggedElement.isDragMe = true;
+    };
+    // protected doBanDropHere = (): void => {
+    //   this.removeGhostElementFromSurvey();
+    //   this.isEdge = null;
+    // };
+    DragDropSurveyElements.prototype.getElementIndexInPanel = function (target, row) {
+        if (!row)
+            return -1;
+        var index = row.elements.indexOf(target);
+        if (row.index == 0)
+            return index;
+        var prevRow = row.panel.rows[row.index - 1];
+        var prevElement = prevRow.elements[prevRow.elements.length - 1];
+        return index + row.panel.elements.indexOf(prevElement) + 1;
+    };
+    DragDropSurveyElements.prototype.moveElementInPanel = function (panel, src, target, targetIndex) {
+        var srcIndex = src.parent.elements.indexOf(src);
+        if (targetIndex > srcIndex) {
+            targetIndex--;
+        }
+        if (src === target && srcIndex === targetIndex) {
+            return;
+        }
+        panel.removeElement(src);
+        panel.addElement(target, targetIndex);
+    };
+    // protected doDrop = (): any => {
+    //   if (this.dropTarget) {
+    //     (<HTMLElement>document.activeElement).blur();
+    //     (<HTMLElement>settings.environment.root.activeElement).blur();
+    //     return this.insertRealElementIntoSurvey();
+    //   }
+    //   return null;
+    // };
+    DragDropSurveyElements.prototype.removeDragOverMarker = function (dropTarget) {
+        var _a;
+        if (!!dropTarget) {
+            dropTarget.dragTypeOverMe = null;
+        }
+        var row = (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.dragDropFindRow(dropTarget);
+        if (!!row) {
+            row.dragTypeOverMe = null;
+        }
+    };
+    DragDropSurveyElements.prototype.clear = function () {
+        this.isEdge = null;
+        this.isSide = null;
+        this.removeDragOverMarker(this.prevDropTarget);
+        this.removeDragOverMarker(this.dropTarget);
+        this.removeDragOverMarker(this.dragOverIndicatorElement);
+        if (!!this.draggedElement) {
+            this.draggedElement.isDragMe = false;
+        }
+        _super.prototype.clear.call(this);
+    };
+    // protected doClear = (): void => {
+    //   // this.removeGhostElementFromSurvey();
+    //   this.isEdge = null;
+    //   this.isSide = null;
+    //   // this.ghostSurveyElement = null;
+    //   this.removeDragOverMarker(this.prevDropTarget);
+    //   this.removeDragOverMarker(this.dropTarget);
+    //   this.removeDragOverMarker(this.dragOverIndicatorElement);
+    //   if (!!this.draggedElement) {
+    //     this.draggedElement.isDragMe = false;
+    //   }
+    //   // this.isRight = null;
+    // };
+    // protected insertGhostElementIntoSurvey(): boolean {
+    //   this.removeGhostElementFromSurvey();
+    //   let isTargetRowMultiple = this.calcTargetRowMultiple();
+    //   this.ghostSurveyElement = this.createGhostSurveyElement(isTargetRowMultiple);
+    //   this.ghostSurveyElement.name =
+    //     DragDropSurveyElements.ghostSurveyElementName; // TODO why do we need setup it manually see createGhostSurveyElement method
+    //   this.parentElement = this.dropTarget.isPage
+    //     ? this.dropTarget
+    //     : ((<any>this.dropTarget).page || (<any>this.dropTarget).__page);
+    //   if (this.isDragOverInsideEmptyPanel()) {
+    //     this.dropTarget.dragTypeOverMe = DragTypeOverMeEnum.InsideEmptyPanel;
+    //     return;
+    //   }
+    //   if (!this.isEdge && isTargetRowMultiple) {
+    //     this.dropTarget.dragTypeOverMe = this.isRight ?
+    //       DragTypeOverMeEnum.MultilineRight :
+    //       DragTypeOverMeEnum.MultilineLeft;
+    //     return;
+    //   }
+    //   this.parentElement.dragDropStart(
+    //     this.draggedElement,
+    //     this.ghostSurveyElement,
+    //     DragDropSurveyElements.nestedPanelDepth
+    //   );
+    //   const result = this.parentElement.dragDropMoveTo(
+    //     this.dropTarget,
+    //     isTargetRowMultiple ? this.isRight : this.isBottom,
+    //     this.isEdge
+    //   );
+    //   return result;
+    // }
+    // private calcTargetRowMultiple() {
+    //   const targetParent = this.getTargetParent(this.dropTarget);
+    //   let targetRow: any = this.getTargetRow(this.dropTarget);
+    //   const isTargetRowMultiple = targetRow && targetRow.elements.length > 1;
+    //   const isTemplatePanelInPanelDynamic = targetParent.isPanel && !targetParent.name;
+    //   if (this.isEdge && isTargetRowMultiple && !isTemplatePanelInPanelDynamic) {
+    //     targetParent.__page = this.dropTarget.page || this.dropTarget.__page;
+    //     this.dropTarget = targetParent;
+    //     return false;
+    //   }
+    //   return isTargetRowMultiple;
+    // }
+    DragDropSurveyElements.prototype.getTargetParent = function (dropTarget) {
+        var targetParent = dropTarget.isPage || dropTarget.isPanel ? dropTarget : dropTarget.parent;
+        if (dropTarget.getType() === "paneldynamic") {
+            targetParent = dropTarget.templateValue;
+        }
+        return targetParent;
+    };
+    DragDropSurveyElements.prototype.getTargetRow = function (dropTarget) {
+        var targetParent = this.getTargetParent(dropTarget);
+        var targetRow;
+        targetParent.rows.forEach(function (row) {
+            if (row.elements.indexOf(dropTarget) !== -1) {
+                targetRow = row;
+            }
+        });
+        return targetRow;
+    };
+    DragDropSurveyElements.prototype.isDragOverInsideEmptyPanel = function () {
+        var isEmptyPanel = this.dropTarget.isPanel && this.dropTarget.questions.length === 0;
+        var isDragOverInside = !this.isEdge && !this.isSide;
+        return isEmptyPanel && isDragOverInside;
+    };
+    DragDropSurveyElements.newGhostPage = null;
+    DragDropSurveyElements.restrictDragQuestionBetweenPages = false;
+    DragDropSurveyElements.edgeHeight = 30;
+    DragDropSurveyElements.nestedPanelDepth = -1;
+    DragDropSurveyElements.ghostSurveyElementName = "sv-drag-drop-ghost-survey-element-name"; // before renaming use globa search (we have also css selectors)
+    return DragDropSurveyElements;
+}(survey_core__WEBPACK_IMPORTED_MODULE_1__["DragDropCore"]));
+
+
+
 /***/ }),
 
 /***/ "./src/survey-helper.ts":
@@ -29785,7 +30758,7 @@ var ResizeManager = /** @class */ (function () {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj */
+/*! exports provided: getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, HSBToRGB, RGBToHSB, assign, ColorCalculator */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -29811,6 +30784,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return imageMimeTypes; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return getAcceptedTypesByContentMode; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return getQuestionFromObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return ingectAlpha; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return convertRgbaToString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return parseRgbaFromString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return HSBToRGB; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return RGBToHSB; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return assign; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return ColorCalculator; });
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../creator-settings */ "./src/creator-settings.ts");
@@ -30132,6 +31112,88 @@ function getAcceptedTypesByContentMode(contentMode) {
 function getQuestionFromObj(obj) {
     return (obj instanceof survey_core__WEBPACK_IMPORTED_MODULE_0__["MatrixDropdownColumn"]) ? obj.templateQuestion : obj;
 }
+function ingectAlpha(baseColor, alpha) {
+    if (!!baseColor && alpha !== undefined) {
+        var r = parseInt(baseColor.slice(1, 3), 16);
+        var g = parseInt(baseColor.slice(3, 5), 16);
+        var b = parseInt(baseColor.slice(5, 7), 16);
+        return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
+    }
+}
+function convertRgbaToString(rgbValues, alpha) {
+    return "rgba(" + rgbValues[0] + ", " + rgbValues[1] + ", " + rgbValues[2] + ", " + alpha + ")";
+}
+function parseRgbaFromString(value) {
+    var matchRgb = value.match(/\((.*)\)/);
+    if (matchRgb) {
+        return matchRgb[1].split(",").map(function (i) { return parseFloat(i); });
+    }
+    else {
+        return [];
+    }
+}
+function HSBToRGB(h, s, b) {
+    s /= 100;
+    b /= 100;
+    var k = function (n) { return (n + h / 60) % 6; };
+    var f = function (n) { return b * (1 - s * Math.max(0, Math.min(k(n), 4 - k(n), 1))); };
+    return [Math.round(255 * f(5)), Math.round(255 * f(3)), Math.round(255 * f(1))];
+}
+function RGBToHSB(r, g, b) {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    var v = Math.max(r, g, b), n = v - Math.min(r, g, b);
+    var h = n === 0 ? 0 : n && v === r ? (g - b) / n : v === g ? 2 + (b - r) / n : 4 + (r - g) / n;
+    return [60 * (h < 0 ? h + 6 : h), v && (n / v) * 100, v * 100];
+}
+function assign() {
+    var objects = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        objects[_i] = arguments[_i];
+    }
+    if (objects.length <= 1) {
+        return;
+    }
+    if (objects.length == 2) {
+        Object.keys(objects[1]).forEach(function (key) { return objects[0][key] = objects[1][key]; });
+        return;
+    }
+    for (var i = 1; i < objects.length; i++) {
+        assign(objects[0], objects[i]);
+    }
+}
+var ColorCalculator = /** @class */ (function () {
+    function ColorCalculator() {
+        this.colorSettings = { baseColorAlpha: 1, darkColorAlpha: 1, lightColorAlpha: 1, deltaDarkColor: 0, deltaLightColor: 0, newColorLight: "", newColorDark: "" };
+    }
+    ColorCalculator.prototype.initialize = function (baseColor, lightColor, darkColor) {
+        var primaryColorRgba = parseRgbaFromString(baseColor);
+        var primaryColorDarkRgba = parseRgbaFromString(darkColor);
+        var primaryColorLightRgba = parseRgbaFromString(lightColor);
+        this.colorSettings.baseColorAlpha = primaryColorRgba[3];
+        this.colorSettings.darkColorAlpha = primaryColorDarkRgba[3];
+        this.colorSettings.lightColorAlpha = primaryColorLightRgba[3];
+        var primaryColorHSB = RGBToHSB(primaryColorRgba[0], primaryColorRgba[1], primaryColorRgba[2]);
+        var primaryColorDarkHSB = RGBToHSB(primaryColorDarkRgba[0], primaryColorDarkRgba[1], primaryColorDarkRgba[2]);
+        var primaryColorLightHSB = RGBToHSB(primaryColorLightRgba[0], primaryColorLightRgba[1], primaryColorLightRgba[2]);
+        this.colorSettings.deltaDarkColor = primaryColorHSB[2] - primaryColorDarkHSB[2];
+        this.colorSettings.deltaLightColor = primaryColorHSB[2] - primaryColorLightHSB[2];
+    };
+    ColorCalculator.prototype.calculateColors = function (newColor) {
+        var newColorRbg = parseRgbaFromString(newColor);
+        if (newColorRbg.length === 0) {
+            newColorRbg = parseRgbaFromString(ingectAlpha(newColor, 1));
+        }
+        var newColorHsb = RGBToHSB(newColorRbg[0], newColorRbg[1], newColorRbg[2]);
+        var newPrimaryColorDarkRGB = HSBToRGB(newColorHsb[0], newColorHsb[1], newColorHsb[2] - this.colorSettings.deltaDarkColor);
+        var newPrimaryColorLightRGB = HSBToRGB(newColorHsb[0], newColorHsb[1], newColorHsb[2] - this.colorSettings.deltaLightColor);
+        this.colorSettings.newColorLight = convertRgbaToString(newPrimaryColorLightRGB, this.colorSettings.lightColorAlpha);
+        this.colorSettings.newColorDark = convertRgbaToString(newPrimaryColorDarkRGB, this.colorSettings.darkColorAlpha);
+    };
+    return ColorCalculator;
+}());
+
 
 
 /***/ }),