survey-creator-core 1.9.89 → 1.9.91

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.89
+ * SurveyJS Creator v1.9.91
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -102,6 +102,17 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
+/***/ "./imported-themes.json":
+/*!******************************!*\
+  !*** ./imported-themes.json ***!
+  \******************************/
+/*! exports provided: default, contrast, plain, simple, blank, double, bulk, pseudo-3d, playful, ultra, default-dark, contrast-dark, plain-dark, simple-dark, blank-dark, double-dark, bulk-dark, pseudo-3d-dark, playful-dark, ultra-dark, default-lw, contrast-lw, plain-lw, simple-lw, double-lw, bulk-lw, pseudo-3d-lw, playful-lw, ultra-lw, default-dark-lw, contrast-dark-lw, plain-dark-lw, simple-dark-lw, double-dark-lw, bulk-dark-lw, pseudo-3d-dark-lw, ultra-dark-lw, dark-designer */
+/***/ (function(module) {
+
+module.exports = JSON.parse("{\"default\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(248, 248, 248, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(243, 243, 243, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(249, 249, 249, 1)\",\"--sjs-general-forecolor\":\"rgba(0, 0, 0, 0.91)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 0.45)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 0.91)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.45)\",\"--sjs-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)\",\"--sjs-primary-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-secondary-backcolor\":\"rgba(255, 152, 20, 1)\",\"--sjs-secondary-backcolor-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-secondary-backcolor-semi-light\":\"rgba(255, 152, 20, 0.25)\",\"--sjs-secondary-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-secondary-forecolor-light\":\"rgba(255, 255, 255, 0.25)\",\"--sjs-shadow-small\":\"0px 1px 2px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.09)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.16)\",\"--sjs-border-inside\":\"rgba(0, 0, 0, 0.16)\",\"--sjs-special-red\":\"rgba(229, 10, 62, 1)\",\"--sjs-special-red-light\":\"rgba(229, 10, 62, 0.1)\",\"--sjs-special-red-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-special-green\":\"rgba(25, 179, 148, 1)\",\"--sjs-special-green-light\":\"rgba(25, 179, 148, 0.1)\",\"--sjs-special-green-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-special-blue\":\"rgba(67, 127, 217, 1)\",\"--sjs-special-blue-light\":\"rgba(67, 127, 217, 0.1)\",\"--sjs-special-blue-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-special-yellow\":\"rgba(255, 152, 20, 1)\",\"--sjs-special-yellow-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-special-yellow-forecolor\":\"rgba(255, 255, 255, 1)\"},\"contrast\":{\"--sjs-general-backcolor-dark\":\"rgba(228, 228, 228, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(224, 224, 224, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 238, 238, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 0.6)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.6)\",\"--sjs-primary-backcolor\":\"rgba(103, 58, 176, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(103, 58, 176, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(69, 24, 142, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.25)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.25)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.25)\"},\"plain\":{\"--sjs-general-backcolor-dark\":\"rgba(241, 246, 255, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(231, 240, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 245, 255, 1)\",\"--sjs-general-forecolor-light\":\"rgba(133, 154, 186, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(133, 154, 186, 1)\",\"--sjs-primary-backcolor\":\"rgba(35, 101, 200, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(35, 101, 200, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(26, 86, 175, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-inner\":\"inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-border-light\":\"rgba(220, 229, 241, 1)\",\"--sjs-border-default\":\"rgba(179, 200, 229, 1)\"},\"simple\":{\"--sjs-general-backcolor\":\"rgba(246, 246, 246, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(235, 235, 235, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(85, 181, 52, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(85, 181, 52, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(64, 159, 31, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.12)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.12)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.12)\"},\"blank\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(37, 137, 229, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(37, 137, 229, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(21, 119, 209, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-medium\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.05)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.15)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.15)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.15)\"},\"double\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(239, 239, 239, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(245, 245, 245, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(76, 100, 137, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(76, 100, 137, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(62, 83, 115, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(0, 0, 0, 0.07)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.08)\",\"--sjs-shadow-inner\":\"0px 0px 0px 2px rgba(0, 0, 0, 0.1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.1)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.1)\"},\"bulk\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(244, 244, 244, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(216, 207, 236, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(241, 237, 248, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.5)\",\"--sjs-primary-backcolor\":\"rgba(122, 100, 168, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(122, 100, 168, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(105, 84, 152, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)\",\"--sjs-shadow-inner\":\"inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)\"},\"pseudo-3d\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(243, 243, 243, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(46, 172, 180, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(245, 245, 245, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 0.43)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 0.8)\",\"--sjs-primary-backcolor\":\"rgba(46, 172, 180, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(46, 172, 180, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(23, 156, 165, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 0px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-inner\":\"inset 0px 2px 0px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.09)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.16)\"},\"playful\":{\"--sjs-general-backcolor\":\"rgba(248, 248, 248, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(242, 242, 242, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(217, 74, 100, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(217, 74, 100, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(189, 61, 84, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)\",\"--sjs-shadow-medium\":\"0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)\",\"--sjs-shadow-large\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.08)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.08)\"},\"ultra\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 1)\",\"--sjs-primary-backcolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 216, 77, 1)\",\"--sjs-primary-backcolor-dark\":\"rgba(83, 83, 83, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-medium\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-large\":\"0px 6px 0px 0px rgba(0, 0, 0, 1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.2)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 1)\"},\"default-dark\":{\"--sjs-general-backcolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(52, 52, 52, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(43, 43, 43, 1)\",\"--sjs-general-forecolor\":\"rgba(255, 255, 255, 0.78)\",\"--sjs-general-forecolor-light\":\"rgba(255, 255, 255, 0.42)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 0.79)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 0.45)\",\"--sjs-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)\",\"--sjs-primary-forecolor\":\"rgba(32, 32, 32, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-secondary-backcolor\":\"rgba(255, 152, 20, 1)\",\"--sjs-secondary-backcolor-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-secondary-backcolor-semi-light\":\"rgba(255, 152, 20, 0.25)\",\"--sjs-secondary-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-secondary-forecolor-light\":\"rgba(48, 48, 48, 0.25)\",\"--sjs-shadow-small\":\"0px 1px 2px 0px rgba(0, 0, 0, 0.35)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-inner\":\"inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.08)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-border-inside\":\"rgba(255, 255, 255, 0.08)\",\"--sjs-special-red\":\"rgba(254, 76, 108, 1)\",\"--sjs-special-red-light\":\"rgba(254, 76, 108, 0.1)\",\"--sjs-special-red-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-special-green\":\"rgba(36, 197, 164, 1)\",\"--sjs-special-green-light\":\"rgba(36, 197, 164, 0.1)\",\"--sjs-special-green-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-special-blue\":\"rgba(91, 151, 242, 1)\",\"--sjs-special-blue-light\":\"rgba(91, 151, 242, 0.1)\",\"--sjs-special-blue-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-special-yellow\":\"rgba(255, 152, 20, 1)\",\"--sjs-special-yellow-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-special-yellow-forecolor\":\"rgba(48, 48, 48, 1)\"},\"contrast-dark\":{\"--sjs-general-backcolor-dark\":\"rgba(58, 58, 58, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(27, 27, 27, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(33, 33, 33, 1)\",\"--sjs-general-forecolor\":\"rgba(255, 255, 255, 0.78)\",\"--sjs-general-forecolor-light\":\"rgba(255, 255, 255, 0.5)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 0.8)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 0.55)\",\"--sjs-primary-backcolor\":\"rgba(16, 226, 255, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(0, 0, 0, 0.35)\",\"--sjs-primary-backcolor-dark\":\"rgba(129, 240, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.28)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.22)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.22)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.22)\"},\"plain-dark\":{\"--sjs-general-backcolor\":\"rgba(43, 48, 63, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(50, 55, 72, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(33, 37, 51, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(36, 41, 55, 1)\",\"--sjs-general-forecolor-light\":\"rgba(114, 120, 137, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(114, 120, 137, 1)\",\"--sjs-primary-backcolor\":\"rgba(114, 187, 255, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(114, 187, 255, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(151, 205, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.35)\",\"--sjs-shadow-inner\":\"inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-border-light\":\"rgba(55, 62, 79, 1)\",\"--sjs-border-default\":\"rgba(65, 72, 90, 1)\"},\"simple-dark\":{\"--sjs-general-backcolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(56, 56, 56, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(43, 43, 43, 1)\",\"--sjs-primary-backcolor\":\"rgba(92, 214, 49, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.07)\",\"--sjs-primary-backcolor-dark\":\"rgba(130, 237, 92, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.09)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.07)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.07)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.07)\"},\"blank-dark\":{\"--sjs-general-backcolor\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(47, 47, 47, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(36, 36, 36, 1)\",\"--sjs-primary-backcolor\":\"rgba(85, 171, 250, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-primary-backcolor-dark\":\"rgba(126, 193, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.12)\"},\"double-dark\":{\"--sjs-general-backcolor\":\"rgba(52, 52, 52, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(58, 58, 58, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(47, 47, 47, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(47, 47, 47, 1)\",\"--sjs-primary-backcolor\":\"rgba(120, 156, 210, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(146, 181, 235, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-medium\":\"0px 0px 0px 2px rgba(255, 255, 255, 0.1)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px 0px 0px 2px rgba(255, 255, 255, 0.1)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.1)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.1)\"},\"bulk-dark\":{\"--sjs-general-backcolor\":\"rgba(39, 40, 50, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(46, 47, 58, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(30, 31, 40, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(32, 33, 43, 1)\",\"--sjs-general-forecolor\":\"rgba(213, 215, 238, 1)\",\"--sjs-general-forecolor-light\":\"rgba(117, 120, 140, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(213, 215, 238, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(117, 119, 141, 1)\",\"--sjs-primary-backcolor\":\"rgba(164, 127, 243, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(164, 127, 243, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(192, 165, 251, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)\",\"--sjs-shadow-inner\":\"inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)\",\"--sjs-border-light\":\"rgba(54, 56, 69, 1)\",\"--sjs-border-default\":\"rgba(67, 69, 85, 1)\"},\"pseudo-3d-dark\":{\"--sjs-general-backcolor\":\"rgba(53, 55, 63, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(60, 63, 74, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(38, 40, 47, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(46, 48, 55, 1)\",\"--sjs-general-forecolor-light\":\"rgba(125, 129, 143, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(125, 130, 148, 1)\",\"--sjs-primary-backcolor\":\"rgba(58, 202, 211, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(67, 70, 80, 1)\",\"--sjs-primary-backcolor-dark\":\"rgba(92, 224, 233, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 0px 0px rgba(33, 35, 43, 1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 0px rgba(33, 35, 43, 1)\",\"--sjs-border-light\":\"rgba(65, 69, 83, 1)\",\"--sjs-border-default\":\"rgba(97, 101, 118, 1)\"},\"playful-dark\":{\"--sjs-general-backcolor\":\"rgba(38, 38, 38, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(28, 28, 28, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(48, 48, 48, 1)\",\"--sjs-primary-backcolor\":\"rgba(243, 87, 134, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.05)\",\"--sjs-primary-backcolor-dark\":\"rgba(250, 118, 157, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)\",\"--sjs-shadow-medium\":\"0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)\",\"--sjs-shadow-large\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.12)\"},\"ultra-dark\":{\"--sjs-general-backcolor\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor-dark\":\"rgba(53, 53, 53, 1)\",\"--sjs-primary-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-medium\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-large\":\"0px 6px 0px 0px rgba(0, 0, 0, 1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-border-light\":\"rgba(232, 192, 51, 1)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 1)\"},\"default-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"contrast-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 238, 238, 1)\"},\"plain-lw\":{\"--sjs-general-backcolor\":\"rgba(231, 240, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(220, 232, 252, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(231, 240, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\"},\"simple-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(246, 246, 246, 1)\"},\"double-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(245, 245, 245, 1)\"},\"bulk-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"pseudo-3d-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 0.91)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.45)\"},\"playful-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(248, 248, 248, 1)\"},\"ultra-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"default-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\"},\"contrast-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(33, 33, 33, 1)\"},\"plain-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(43, 48, 63, 1)\"},\"simple-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\"},\"double-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(52, 52, 52, 1)\"},\"bulk-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(39, 40, 50, 1)\"},\"pseudo-3d-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(53, 55, 63, 1)\"},\"ultra-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 1)\"},\"dark-designer\":{\"--sjs-primary-backcolor\":\"rgba(36, 197, 164, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(36, 197, 164, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(44, 206, 173, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\"}}");
+
+/***/ }),
+
 /***/ "./node_modules/papaparse/papaparse.min.js":
 /*!*************************************************!*\
   !*** ./node_modules/papaparse/papaparse.min.js ***!
@@ -683,7 +694,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 +782,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 +1618,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 +1640,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 +1704,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 +1728,17 @@ var PageAdorner = /** @class */ (function (_super) {
     };
     Object.defineProperty(PageAdorner.prototype, "css", {
         get: function () {
+            var result = "";
+            if (!!this.dragTypeOverMe && this.page.elements.length === 0 && this.creator.survey.pages.length > 0) {
+                result = "svc-page--drag-over-empty";
+            }
             if (this.isGhost) {
-                return "svc-page__content--new";
+                return result + " svc-page__content--new";
             }
-            return this.creator.isElementSelected(this.page)
-                ? "svc-page__content--selected"
-                : "";
+            if (this.creator.isElementSelected(this.page)) {
+                result += " svc-page__content--selected";
+            }
+            return result;
         },
         enumerable: false,
         configurable: true
@@ -1739,6 +1762,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 +1795,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 +2176,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 +2201,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 +2318,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 +2363,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 +2396,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 +2636,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 +2906,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;
         },
@@ -3312,9 +3380,6 @@ var SurveySimulatorModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: true })
     ], SurveySimulatorModel.prototype, "simulatorScaleEnabled", void 0);
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: {} })
-    ], SurveySimulatorModel.prototype, "themeVariables", void 0);
     return SurveySimulatorModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
@@ -3980,6 +4045,15 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
         event.stopImmediatePropagation();
         event.preventDefault();
     };
+    StringEditorViewModelBase.prototype.onPaste = function (event) {
+        if (this.editAsText) {
+            event.preventDefault();
+            // get text representation of clipboard
+            var text = event.clipboardData.getData("text/plain");
+            // insert text manually
+            document.execCommand("insertHTML", false, text);
+        }
+    };
     StringEditorViewModelBase.prototype.onKeyDown = function (event) {
         if (event.keyCode === 13) {
             this.blurEditor();
@@ -4372,13 +4446,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 +4489,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 () {
@@ -5467,8 +5542,22 @@ var LogicActionTriggerModel = /** @class */ (function (_super) {
     LogicActionTriggerModel.prototype.updateCurrentLogicAction = function (survey) {
         var createNewAction = !this.initialLogicAction || this.initialLogicAction.logicType != this.logicType;
         if (!createNewAction) {
-            this.initialLogicAction.element.fromJSON(this.panelObj.toJSON());
+            var el = this.initialLogicAction.element;
+            var srcJson = this.panelObj.toJSON();
+            var srcKeys = Object.keys(srcJson);
+            var destKeys = Object.keys(el.toJSON());
+            var propsToDelete = [];
+            for (var i = 0; i < destKeys.length; i++) {
+                var key = destKeys[i];
+                if (srcKeys.indexOf(key) < 0) {
+                    propsToDelete.push(key);
+                }
+            }
+            el.fromJSON(srcJson);
             this.currentLogicAction = this.initialLogicAction;
+            for (var i = 0; i < propsToDelete.length; i++) {
+                el[propsToDelete[i]] = undefined;
+            }
             return false;
         }
         this.currentLogicAction = new _logic_items__WEBPACK_IMPORTED_MODULE_4__["SurveyLogicAction"](this.logicType, this.panelObj, survey);
@@ -7764,6 +7853,9 @@ var SurveyLogicTypes = /** @class */ (function () {
             dependedOnPropertyName: "setToName",
             questionNames: ["setToName"],
             getDisplayText: function (element, formatStr, lt) {
+                if (survey_core__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(element["setValue"])) {
+                    formatStr = getLogicString("trigger_setvalueEmptyText");
+                }
                 return formatStr["format"](lt.formatElName(element["setToName"]), element["setValue"]);
             },
         },
@@ -9624,6 +9716,294 @@ 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 */
+/***/ (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 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" ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["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);
+}
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme-custom-questions/element-settings.ts":
+/*!************************************************************************!*\
+  !*** ./src/components/tabs/theme-custom-questions/element-settings.ts ***!
+  \************************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
+
+
+survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
+    name: "elementsettings",
+    showInToolbox: false,
+    elementsJSON: [
+        {
+            type: "color",
+            name: "backcolor",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.backcolor"),
+            titleLocation: "left",
+            descriptionLocation: "hidden"
+        },
+        {
+            type: "color",
+            name: "hovercolor",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.hovercolor"),
+            titleLocation: "left",
+            descriptionLocation: "hidden"
+        },
+        {
+            type: "spinedit",
+            name: "corner",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.cornerRadius"),
+            titleLocation: "left",
+            descriptionLocation: "hidden",
+            unit: "px",
+            defaultValue: 4,
+            min: 0
+        },
+        {
+            type: "expression",
+            name: "cornerRadius",
+            expression: "{composite.corner}+\"px\"",
+            visible: false
+        }
+    ],
+    onInit: function () {
+    },
+    onCreated: function (question) {
+    },
+    onValueChanged: function (question, name, newValue) {
+    },
+});
+
+
+/***/ }),
+
+/***/ "./src/components/tabs/theme-custom-questions/font-settings.ts":
+/*!*********************************************************************!*\
+  !*** ./src/components/tabs/theme-custom-questions/font-settings.ts ***!
+  \*********************************************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
+
+
+survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
+    name: "fontsettings",
+    showInToolbox: false,
+    elementsJSON: [
+        {
+            type: "dropdown",
+            name: "family",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontFamily"),
+            titleLocation: "left",
+            descriptionLocation: "hidden",
+            choices: ["Open Sans", "Arial"],
+            defaultValue: "Open Sans",
+            allowClear: false
+        },
+        {
+            type: "buttongroup",
+            name: "weight",
+            titleLocation: "hidden",
+            descriptionLocation: "hidden",
+            choices: [
+                { value: "400", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontWeightRegular") },
+                { value: "500", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontWeightHeavy") },
+                { value: "600", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontWeightSemiBold") },
+                { value: "700", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontWeightBold") },
+            ],
+            defaultValue: "400"
+        },
+        {
+            type: "color",
+            name: "color",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.color"),
+            titleLocation: "left",
+            // choices: ["#00FFFF", "#00FFFF"],
+            descriptionLocation: "hidden"
+        },
+        {
+            type: "spinedit",
+            name: "size",
+            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.size"),
+            titleLocation: "left",
+            descriptionLocation: "hidden",
+            unit: "px",
+            min: 0,
+        }
+    ],
+    onInit: function () {
+    },
+    onCreated: function (question) {
+        var color = question.contentPanel.getQuestionByName("color");
+        color.visible = question.name !== "surveyTitle";
+    },
+    onValueChanged: function (question, name, newValue) {
+    },
+});
+
+
 /***/ }),
 
 /***/ "./src/components/tabs/theme-plugin.ts":
@@ -9688,6 +10068,8 @@ var TabThemePlugin = /** @class */ (function () {
         this.sidebarTab.model = this.model.themeEditorSurvey;
         this.sidebarTab.componentName = "survey-widget";
         this.creator.sidebar.activeTab = this.sidebarTab.id;
+        this.importAction.visible = true;
+        this.exportAction.visible = true;
     };
     TabThemePlugin.prototype.update = function () {
         var _this = this;
@@ -9717,6 +10099,8 @@ var TabThemePlugin = /** @class */ (function () {
         }
         this.sidebarTab.visible = false;
         this.testAgainAction.visible = false;
+        this.importAction.visible = false;
+        this.exportAction.visible = false;
         this.invisibleToggleAction && (this.invisibleToggleAction.visible = false);
         return true;
     };
@@ -9805,6 +10189,43 @@ var TabThemePlugin = /** @class */ (function () {
             iconName: "icon-arrow-right_16x16",
             visible: false
         });
+        this.importAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "svc-theme-import",
+            iconName: "icon-load",
+            locTitleName: "ed.themeImportButton",
+            locTooltipName: "ed.themeImportButton",
+            visible: false,
+            mode: "small",
+            component: "sv-action-bar-item",
+            needSeparator: true,
+            action: function () {
+                if (!document)
+                    return;
+                if (!_this.inputFileElement) {
+                    _this.inputFileElement = document.createElement("input");
+                    _this.inputFileElement.type = "file";
+                    _this.inputFileElement.style.display = "none";
+                    _this.inputFileElement.onchange = function () {
+                        _this.model.importFromFileUI(_this.inputFileElement);
+                    };
+                }
+                _this.inputFileElement.click();
+            }
+        });
+        items.push(this.importAction);
+        this.exportAction = new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+            id: "svc-theme-export",
+            iconName: "icon-download",
+            locTitleName: "ed.themeExportButton",
+            locTooltipName: "ed.themeExportButton",
+            visible: false,
+            mode: "small",
+            component: "sv-action-bar-item",
+            action: function () {
+                _this.model.exportToFileUI();
+            }
+        });
+        items.push(this.exportAction);
         return items;
     };
     TabThemePlugin.prototype.addFooterActions = function () {
@@ -9851,6 +10272,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _property_grid__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../property-grid */ "./src/property-grid/index.ts");
 /* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../creator-settings */ "./src/creator-settings.ts");
+
 
 
 
@@ -9859,140 +10282,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 __webpack_require__(/*! ./theme.scss */ "./src/components/tabs/theme.scss");
-var Themes = {
-    "default-light": {
-        "--sjs-primary-backcolor": "#19b394",
-        "--background": "#ffffff",
-        "--background-dim": "#f3f3f3",
-        "--background-dim-light": "#f9f9f9",
-        "--sjs-general-forecolor": "rgba(0, 0, 0, 0.91)",
-        "--sjs-general-forecolor-light": "rgba(0, 0, 0, 0.45);",
-        "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 0.91);",
-        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45);",
-        "--sjs-editor-background": "#f9f9f9",
-        "--sjs-question-background": "#ffffff",
-        "--sjs-primary-forecolor": "#ffffff",
-        "--foreground": "#161616",
-        "--base-unit": "8px",
-        "--sjs-corner-radius": "4px"
-    },
-    "default-dark": {
-        "--sjs-primary-backcolor": "#1ab7fa",
-        "--background": "#555555",
-        "--background-dim": "#4d4d4d",
-        "--background-dim-light": "#4d4d4d",
-        "--sjs-general-forecolor": "rgba(255, 255, 255, 0.78)",
-        "--sjs-general-forecolor-light": "rgba(255, 255, 255, 0.42)",
-        "--sjs-general-dim-forecolor": "rgba(255, 255, 255, 0.79)",
-        "--sjs-general-dim-forecolor-light": "rgba(255, 255, 255, 0.45)",
-        "--sjs-editor-background": "#4d4d4d",
-        "--sjs-question-background": "#555555",
-        "--sjs-primary-forecolor": "#ffffff",
-        "--foreground": "#ededed",
-        "--base-unit": "8px",
-        "--sjs-corner-radius": "4px"
-    }
-};
-survey_core__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.add({
-    name: "fontsettings",
-    showInToolbox: false,
-    elementsJSON: [
-        {
-            type: "dropdown",
-            name: "family",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontFamily"),
-            titleLocation: "left",
-            descriptionLocation: "hidden",
-            choices: ["Open Sans", "Arial"],
-            defaultValue: "Open Sans",
-            allowClear: false
-        },
-        {
-            type: "buttongroup",
-            name: "weight",
-            titleLocation: "hidden",
-            descriptionLocation: "hidden",
-            choices: [
-                { value: "400", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightRegular") },
-                { value: "500", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightSemiBold") },
-                { value: "700", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontWeightBold") },
-            ],
-            defaultValue: "400"
-        },
-        {
-            type: "color",
-            name: "color",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.color"),
-            titleLocation: "left",
-            descriptionLocation: "hidden"
-        },
-        {
-            type: "spinedit",
-            name: "size",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.size"),
-            titleLocation: "left",
-            descriptionLocation: "hidden",
-            unit: "px",
-            min: 0,
-        }
-    ],
-    onInit: function () {
-    },
-    onCreated: function (question) {
-        var color = question.contentPanel.getQuestionByName("color");
-        color.visible = question.name !== "surveyTitle";
-    },
-    onValueChanged: function (question, name, newValue) {
-    },
-});
-survey_core__WEBPACK_IMPORTED_MODULE_2__["ComponentCollection"].Instance.add({
-    name: "elementsettings",
-    showInToolbox: false,
-    elementsJSON: [
-        {
-            type: "color",
-            name: "backcolor",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backcolor"),
-            titleLocation: "left",
-            descriptionLocation: "hidden"
-        },
-        {
-            type: "color",
-            name: "hovercolor",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.hovercolor"),
-            titleLocation: "left",
-            descriptionLocation: "hidden"
-        },
-        {
-            type: "spinedit",
-            name: "corner",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.cornerRadius"),
-            titleLocation: "left",
-            descriptionLocation: "hidden",
-            unit: "px",
-            defaultValue: 4,
-            min: 0
-        },
-        {
-            type: "expression",
-            name: "cornerRadius",
-            expression: "{composite.corner}+\"px\"",
-            visible: false
-        }, {
-            type: "text",
-            name: "border",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderDecoration"),
-            titleLocation: "left",
-            descriptionLocation: "hidden"
-        }
-    ],
-    onInit: function () {
-    },
-    onCreated: function (question) {
-    },
-    onValueChanged: function (question, name, newValue) {
-    },
-});
+var Themes = __webpack_require__(/*! ../../../imported-themes.json */ "./imported-themes.json");
 var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(ThemeSurveyTabViewModel, _super);
     function ThemeSurveyTabViewModel(surveyProvider, startTheme) {
@@ -10001,10 +10291,36 @@ 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.loadTheme(_this.surveyProvider.theme);
         _this.themeEditorSurveyValue = _this.createThemeEditorSurvey();
+        var self = _this;
+        _this.exportToFileUI = function () {
+            self.exportToFile(_creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.exportFileName);
+        };
+        _this.importFromFileUI = function (el) {
+            if (el.files.length < 1)
+                return;
+            self.importFromFile(el.files[0]);
+            el.value = "";
+        };
         return _this;
     }
+    ThemeSurveyTabViewModel.prototype.getFullThemeName = function (_themeName) {
+        if (this.themePalette === "light") {
+            return _themeName || this.themeName;
+        }
+        return (_themeName || this.themeName) + "-" + this.themePalette;
+    };
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "themeVariables", {
+        get: function () {
+            return Themes[this.getFullThemeName()];
+        },
+        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);
@@ -10046,10 +10362,32 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(ThemeSurveyTabViewModel.prototype, "currentTheme", {
+        get: function () {
+            return this.surveyProvider.theme;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ThemeSurveyTabViewModel.prototype.loadTheme = function (theme) {
+        this.themeName = theme["themeName"];
+        this.themePalette = theme["themePalette"];
+        this.themeMode = theme.isCompact ? "lightweight" : undefined;
+        var fullThemeName = this.getFullThemeName();
+        if (!Themes[fullThemeName]) {
+            Themes[fullThemeName] = theme;
+            var themeSelector = this.themeEditorSurveyValue.getQuestionByName("themeName");
+            themeSelector.choices = themeSelector.choices.concat(new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](theme["themeName"]));
+        }
+        var themeVariables = {};
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(themeVariables, this.themeVariables, theme.cssVariables);
+        theme.cssVariables = themeVariables;
+    };
     ThemeSurveyTabViewModel.prototype.updateSimulatorSurvey = function (json, theme) {
         var newSurvey = this.surveyProvider.createSurvey(json || {}, "theme");
         newSurvey.setCss(theme, false);
         this.simulator.survey = newSurvey;
+        this.setThemeToSurvey();
         if (this.onSurveyCreatedCallback)
             this.onSurveyCreatedCallback(this.survey);
         var self = this;
@@ -10083,6 +10421,35 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
             self.updatePageItem(options.page);
         });
     };
+    ThemeSurveyTabViewModel.prototype.exportToFile = function (fileName) {
+        if (!window)
+            return;
+        var data = JSON.stringify(this.currentTheme, null, 4);
+        var blob = new Blob([data], { type: "application/json" });
+        if (window.navigator["msSaveOrOpenBlob"]) {
+            window.navigator["msSaveBlob"](blob, fileName);
+        }
+        else {
+            var elem = window.document.createElement("a");
+            elem.href = window.URL.createObjectURL(blob);
+            elem.download = fileName;
+            document.body.appendChild(elem);
+            elem.click();
+            document.body.removeChild(elem);
+        }
+    };
+    ThemeSurveyTabViewModel.prototype.importFromFile = function (file) {
+        var _this = this;
+        var fileReader = new FileReader();
+        fileReader.onload = function (e) {
+            var theme = JSON.parse(fileReader.result);
+            _this.surveyProvider.theme = theme;
+            _this.loadTheme(theme);
+            _this.loadThemeIntoPropertyGrid(_this.themeEditorSurvey);
+            _this.initializeColorCalculator();
+        };
+        fileReader.readAsText(file);
+    };
     ThemeSurveyTabViewModel.prototype.setJSON = function (json, currTheme) {
         this.json = json;
         if (json != null) {
@@ -10263,6 +10630,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.currentTheme.cssVariables["--sjs-primary-backcolor"], this.currentTheme.cssVariables["--sjs-primary-backcolor-light"], this.currentTheme.cssVariables["--sjs-primary-backcolor-dark"]);
+    };
     ThemeSurveyTabViewModel.prototype.createThemeEditorSurvey = function () {
         var _this = this;
         var json = this.getThemeEditorSurveyJSON();
@@ -10272,67 +10642,99 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         var themeBuilderCss = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__assign"])({}, _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_5__["propertyGridCss"]);
         themeBuilderCss.root += " spg-theme-builder-root";
         themeEditorSurvey.css = themeBuilderCss;
-        themeEditorSurvey.mergeData(this.themeVariables);
-        themeEditorSurvey.getQuestionByName("questionPanel").contentPanel.getQuestionByName("backcolor").value = this.themeVariables["--background"];
-        themeEditorSurvey.getQuestionByName("editorPanel").contentPanel.getQuestionByName("backcolor").value = this.themeVariables["--background-dim-light"];
+        this.loadThemeIntoPropertyGrid(themeEditorSurvey);
+        this.initializeColorCalculator();
         themeEditorSurvey.onValueChanged.add(function (sender, options) {
             var _a, _b;
+            _this.themeChanges[options.name] = options.value;
             if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
                 _this[options.name] = options.value;
-                themeEditorSurvey.mergeData(_this.themeVariables);
-            }
-            if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
-                var baseColor = themeEditorSurvey.getValue("--background-dim-light");
-                var questionBackgroundTransparencyValue = themeEditorSurvey.getValue("questionBackgroundTransparency");
-                themeEditorSurvey.setValue("--sjs-editor-background", ingectAlpha(baseColor, questionBackgroundTransparencyValue / 100));
-            }
-            if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
-                var baseColor = themeEditorSurvey.getValue("--background");
-                var panelBackgroundTransparencyValue = themeEditorSurvey.getValue("panelBackgroundTransparency");
-                themeEditorSurvey.setValue("--sjs-question-background", ingectAlpha(baseColor, panelBackgroundTransparencyValue / 100));
+                _this.initializeColorCalculator();
+                if (options.name === "themeMode") {
+                    _this.survey["isCompact"] = options.value === "lightweight";
+                    _this.surveyProvider.theme.isCompact = options.value === "lightweight";
+                }
+                else {
+                    _this.surveyProvider.theme["themeName"] = _this.themeName;
+                    _this.surveyProvider.theme["themePalette"] = _this.themePalette;
+                }
+                var newTheme_1 = {};
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme_1, Themes[_this.getFullThemeName("default")], Themes[_this.getFullThemeName()]);
+                if (_this.survey["isCompact"]) {
+                    Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme_1, Themes[_this.getFullThemeName() + "-lw"]);
+                }
+                themeEditorSurvey.mergeData(newTheme_1);
+                _this.surveyProvider.theme.cssVariables = newTheme_1;
+                _this.setThemeToSurvey();
+                return;
             }
             if (["backgroundImage", "backgroundImageFit"].indexOf(options.name) !== -1) {
                 _this.survey[options.name] = options.value;
+                _this.surveyProvider.theme[options.name] = options.value;
                 return;
             }
             if (options.name === "backgroundOpacity") {
                 _this.survey.backgroundOpacity = options.value / 100;
+                _this.surveyProvider.theme.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("--sjs-general-backcolor-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("--sjs-general-backcolor");
+                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.surveyProvider.theme.cssVariables, _this.themeChanges);
+            _this.surveyProvider.theme.cssVariables = newTheme;
+            _this.setThemeToSurvey();
         });
-        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.loadThemeIntoPropertyGrid = function (themeEditorSurvey) {
+        themeEditorSurvey.mergeData(this.surveyProvider.theme.cssVariables);
+        themeEditorSurvey.setValue("themeName", this.themeName);
+        themeEditorSurvey.setValue("themeMode", this.themeMode);
+        themeEditorSurvey.setValue("themePalette", this.themePalette);
+        themeEditorSurvey.getQuestionByName("questionPanel").contentPanel.getQuestionByName("backcolor").value = this.currentTheme.cssVariables["--sjs-general-backcolor"];
+        themeEditorSurvey.getQuestionByName("editorPanel").contentPanel.getQuestionByName("backcolor").value = this.currentTheme.cssVariables["--sjs-general-backcolor-dim-light"];
+    };
+    ThemeSurveyTabViewModel.prototype.setThemeToSurvey = function (theme) {
+        if (!!theme) {
+            this.surveyProvider.theme = theme;
+        }
+        this.survey.applyTheme(this.surveyProvider.theme);
+    };
     ThemeSurveyTabViewModel.prototype.getThemeEditorSurveyJSON = function () {
         var themeEditorSurveyJSON = {
             "clearInvisibleValues": "none",
@@ -10349,7 +10751,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     name: "themeName",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themeName"),
                                     descriptionLocation: "hidden",
-                                    choices: ["default", "contrast", "plain", "simple", "blank", "double", "ultra"],
+                                    choices: ["default", "contrast", "plain", "simple", "blank", "double", "bulk", "pseudo-3d", "playful", "ultra"],
                                     defaultValue: "default",
                                     allowClear: false
                                 },
@@ -10393,7 +10795,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                 },
                                 {
                                     type: "color",
-                                    name: "--background-dim",
+                                    name: "--sjs-general-backcolor-dim",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
                                     descriptionLocation: "hidden",
                                     defaultValue: "#f3f3f3"
@@ -10407,6 +10809,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                             type: "fileedit",
                                             name: "backgroundImage",
                                             titleLocation: "hidden",
+                                            acceptedTypes: "image/*",
                                             placeholder: "Browse..."
                                         },
                                         {
@@ -10501,7 +10904,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                 },
                                 {
                                     type: "expression",
-                                    name: "--base-unit",
+                                    name: "--sjs-base-unit",
                                     expression: "{commonScale}*8/100+\"px\"",
                                     visible: false
                                 },
@@ -10533,11 +10936,66 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                             elements: [
                                 {
                                     type: "color",
-                                    name: "--background-dim",
+                                    name: "--sjs-general-backcolor-dim",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
                                     descriptionLocation: "hidden",
                                     defaultValue: "#f3f3f3"
                                 }, {
+                                    type: "panel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentBackground"),
+                                    elements: [
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-backcolor",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDefaultColor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#19B394"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-backcolor-dark",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDarkColor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#14A48B"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-backcolor-light",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#E8F7F4"
+                                        }
+                                    ]
+                                }, {
+                                    type: "panel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentForeground"),
+                                    elements: [
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-forecolor",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolor"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#ffffff"
+                                        },
+                                        {
+                                            type: "color",
+                                            name: "--sjs-primary-forecolor-light",
+                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolorLight"),
+                                            titleLocation: "left",
+                                            descriptionLocation: "hidden",
+                                            defaultValue: "#ffffff"
+                                        }
+                                    ]
+                                }
+                            ]
+                        }, {
+                            type: "panel",
+                            elements: [
+                                {
                                     type: "fontSettings",
                                     name: "surveyTitle",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyTitle"),
@@ -10579,12 +11037,26 @@ 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-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",
+                                    name: "--sjs-general-backcolor",
                                     expression: "{questionPanel.backcolor}",
                                     visible: false
                                 }, {
@@ -10594,7 +11066,8 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     descriptionLocation: "hidden",
                                     defaultValue: {
                                         color: "#161616",
-                                        size: 16
+                                        weight: "600",
+                                        size: 16,
                                     }
                                 }, {
                                     type: "fontSettings",
@@ -10610,86 +11083,46 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                         }, {
                             type: "panel",
                             elements: [
-                                {
-                                    type: "elementSettings",
-                                    name: "editorPanel",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorPanel"),
-                                    descriptionLocation: "hidden",
-                                    defaultValue: {
-                                        backcolor: "#ffffff",
-                                        hovercolor: "#f8f8f8",
-                                        corner: 4,
-                                        border: "0 1 2 rgba(0, 0, 0, 0.15)"
-                                    }
-                                }, {
-                                    type: "expression",
-                                    name: "--background-dim-light",
-                                    expression: "{editorPanel.backcolor}",
-                                    visible: false
-                                }, {
-                                    type: "fontSettings",
-                                    name: "editorFont",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorFont"),
-                                    descriptionLocation: "hidden",
-                                    defaultValue: {
-                                        color: "#161616",
-                                        size: 16
-                                    }
-                                }
-                            ]
-                        }, {
-                            type: "panel",
-                            elements: [{
-                                    type: "panel",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentBackground"),
-                                    elements: [
-                                        {
-                                            type: "color",
-                                            name: "--sjs-primary-backcolor",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDefaultColor"),
-                                            titleLocation: "left",
-                                            descriptionLocation: "hidden",
-                                            defaultValue: "#19b394"
-                                        },
-                                        {
-                                            type: "color",
-                                            name: "--sjs-primary-backcolor-dark",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDarkColor"),
-                                            titleLocation: "left",
-                                            descriptionLocation: "hidden",
-                                            defaultValue: "#14A48B"
-                                        },
-                                        {
-                                            type: "color",
-                                            name: "--sjs-primary-backcolor-light",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
-                                            titleLocation: "left",
-                                            descriptionLocation: "hidden",
-                                            defaultValue: "#e8f7f4"
-                                        }
-                                    ]
-                                }, {
-                                    type: "panel",
-                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentForeground"),
-                                    elements: [
-                                        {
-                                            type: "color",
-                                            name: "--sjs-primary-forecolor",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolor"),
-                                            titleLocation: "left",
-                                            descriptionLocation: "hidden",
-                                            defaultValue: "#ffffff"
-                                        },
-                                        {
-                                            type: "color",
-                                            name: "--sjs-primary-forecolor-light",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolorLight"),
-                                            titleLocation: "left",
-                                            descriptionLocation: "hidden",
-                                            defaultValue: "#ffffff"
-                                        }
-                                    ]
-                                }]
+                                {
+                                    type: "elementSettings",
+                                    name: "editorPanel",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorPanel"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        backcolor: "#ffffff",
+                                        hovercolor: "#f8f8f8",
+                                        corner: 4
+                                    }
+                                },
+                                {
+                                    type: "boxshadowsettings",
+                                    name: "--sjs-shadow-inner",
+                                    descriptionLocation: "hidden",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorShadow"),
+                                    defaultValue: {
+                                        x: 0,
+                                        y: 1,
+                                        blur: 2,
+                                        spread: 0,
+                                        isInset: true,
+                                        color: "rgba(0, 0, 0, 0.15)"
+                                    }
+                                }, {
+                                    type: "expression",
+                                    name: "--sjs-general-backcolor-dim-light",
+                                    expression: "{editorPanel.backcolor}",
+                                    visible: false
+                                }, {
+                                    type: "fontSettings",
+                                    name: "editorFont",
+                                    title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorFont"),
+                                    descriptionLocation: "hidden",
+                                    defaultValue: {
+                                        color: "#161616",
+                                        size: 16
+                                    }
+                                }
+                            ]
                         }, {
                             type: "panel",
                             elements: [{
@@ -10718,15 +11151,6 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                     ]
                 }]
         };
-        // Object.keys(this.themeVariables).forEach(varName => {
-        //   themeEditorSurveyJSON.elements[1].elements[0].elements.push(<any>{
-        //     type: "text",
-        //     inputType: varName.indexOf("-unit") === -1 ? "color" : undefined,
-        //     title: editorLocalization.getString("theme." + varName),
-        //     name: varName,
-        //     defaultValue: this.themeVariables[varName]
-        //   });
-        // });
         return themeEditorSurveyJSON;
     };
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
@@ -10782,17 +11206,11 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "light" })
     ], ThemeSurveyTabViewModel.prototype, "themePalette", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "panel" })
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "panels" })
     ], ThemeSurveyTabViewModel.prototype, "themeMode", void 0);
     return ThemeSurveyTabViewModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_2__["Base"]));
 
-function ingectAlpha(baseColor, alpha) {
-    var r = parseInt(baseColor.slice(1, 3), 16);
-    var g = parseInt(baseColor.slice(3, 5), 16);
-    var b = parseInt(baseColor.slice(5, 7), 16);
-    return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
-}
 
 
 /***/ }),
@@ -12132,7 +12550,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 +13218,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 +13251,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 +13688,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
@@ -13486,6 +13921,7 @@ var CreatorBase = /** @class */ (function (_super) {
          * Default value: `"defaultV2"`
          */
         _this.themeForPreview = "defaultV2";
+        _this.theme = { cssVariables: {} };
         _this._allowModifyPages = true;
         /**
          * Obsolete. Use the [`showDefaultLanguageInPreviewTab`](https://surveyjs.io/Documentation/Survey-Creator?id=surveycreator#showDefaultLanguageInPreviewTab) property instead.
@@ -14490,9 +14926,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 +16249,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; }
@@ -16403,6 +16848,9 @@ var settings = {
          */
         exportFileName: "survey_translation.csv"
     },
+    theme: {
+        exportFileName: "survey_theme.json"
+    },
     operators: {
         empty: [],
         notempty: [],
@@ -16485,6 +16933,7 @@ var settings = {
                 choices: ["Item 1", "Item 2", "Item 3"]
             },
             imagepicker: {
+                imageFit: "cover",
                 choices: [
                     {
                         value: "Image 1",
@@ -16627,15 +17076,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+
 
 
 var QuestionColorModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(QuestionColorModel, _super);
-    function QuestionColorModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function QuestionColorModel(name) {
+        var _this = _super.call(this, name) || this;
+        _this.createItemValues("choices");
+        _this.registerFunctionOnPropertyValueChanged("choices", function () {
+            _this.updateChoices();
+        });
+        return _this;
     }
     QuestionColorModel.prototype.getCorrectedValue = function (newValue) {
-        newValue = newValue !== null && newValue !== void 0 ? newValue : "";
+        newValue = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["parseColor"])(newValue !== null && newValue !== void 0 ? newValue : "").color;
         newValue = (newValue.match(/#(\d|\w){1,6}/) || ["#000000"])[0];
         if (newValue.length === 4) {
             for (var i = 1; i < 4; i++) {
@@ -16694,6 +17150,68 @@ var QuestionColorModel = /** @class */ (function (_super) {
         _super.prototype.onSurveyValueChanged.call(this, newValue);
         this.updateRenderedValue();
     };
+    Object.defineProperty(QuestionColorModel.prototype, "dropdownAction", {
+        get: function () {
+            if (!this._dropdownAction) {
+                this._dropdownAction = this.createDropdownAction();
+            }
+            return this._dropdownAction;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionColorModel.prototype, "choices", {
+        get: function () {
+            return this.getPropertyValue("choices");
+        },
+        set: function (newValue) {
+            this.setPropertyValue("choices", newValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionColorModel.prototype, "showDropdownAction", {
+        get: function () {
+            return !this.isValueEmpty(this.choices);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionColorModel.prototype.createDropdownAction = function () {
+        var _this = this;
+        var action = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createDropdownActionModelAdvanced"])({
+            iconName: this.cssClasses.colorDropdownIcon
+        }, {
+            onSelectionChanged: function (item) {
+                _this.value = item.value;
+            },
+            items: this.choices
+        }, {
+            showPointer: false,
+            verticalPosition: "bottom",
+            horizontalPosition: "center"
+        });
+        var popupModel = action.popupModel;
+        var listModel = popupModel.contentComponentData.model;
+        listModel.cssClasses = {
+            itemBody: listModel.cssClasses.itemBody + " " + this.cssClasses.colorItem
+        };
+        popupModel.setWidthByTarget = true;
+        popupModel.positionMode = "fixed";
+        listModel.isItemSelected = function (itemValue) { return itemValue.value == _this.value; };
+        action.cssClasses = { item: this.cssClasses.colorDropdown };
+        return action;
+    };
+    QuestionColorModel.prototype.updateChoices = function () {
+        this.dropdownAction.popupModel.contentComponentData.model.setItems(this.choices);
+    };
+    Object.defineProperty(QuestionColorModel.prototype, "itemComponent", {
+        get: function () {
+            return "color-item";
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionColorModel.prototype, "unit", void 0);
@@ -16704,7 +17222,8 @@ var QuestionColorModel = /** @class */ (function (_super) {
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionTextModel"]));
 
 survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("color", [
-    "unit"
+    "unit",
+    "choices:itemvalue[]"
 ], function () { return new QuestionColorModel(""); }, "text");
 survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.registerQuestion("color", function (name) {
     return new QuestionColorModel(name);
@@ -17472,7 +17991,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, 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, parseColor, 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 +18082,371 @@ __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 import */ var _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/boxshadow-settings */ "./src/components/tabs/theme-custom-questions/boxshadow-settings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createBoxShadow", function() { return _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__["createBoxShadow"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseBoxShadow", function() { return _components_tabs_theme_custom_questions_boxshadow_settings__WEBPACK_IMPORTED_MODULE_12__["parseBoxShadow"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThemeSurveyTabViewModel", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_11__["ThemeSurveyTabViewModel"]; });
+/* harmony import */ var _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/font-settings */ "./src/components/tabs/theme-custom-questions/font-settings.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _components_tabs_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/element-settings */ "./src/components/tabs/theme-custom-questions/element-settings.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _components_tabs_theme__WEBPACK_IMPORTED_MODULE_15__ = __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_15__["Themes"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ThemeSurveyTabViewModel", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_15__["ThemeSurveyTabViewModel"]; });
 
-/* 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 import */ var _components_tabs_theme_plugin__WEBPACK_IMPORTED_MODULE_16__ = __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_16__["TabThemePlugin"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogicEvent", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_13__["LogicEvent"]; });
+/* harmony import */ var _components_tabs_logic__WEBPACK_IMPORTED_MODULE_17__ = __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_17__["initLogicOperator"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_13__["SurveyLogic"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LogicEvent", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_17__["LogicEvent"]; });
 
-/* 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__, "SurveyLogic", function() { return _components_tabs_logic__WEBPACK_IMPORTED_MODULE_17__["SurveyLogic"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemString", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_14__["TranslationItemString"]; });
+/* harmony import */ var _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__ = __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_18__["TranslationItemBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItem", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_14__["TranslationItem"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationItemString", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["TranslationItemString"]; });
 
-/* 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__, "TranslationItem", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["TranslationItem"]; });
 
-/* 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__, "TranslationGroup", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["TranslationGroup"]; });
 
-/* 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__, "Translation", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_18__["Translation"]; });
 
-/* harmony import */ var _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../components/tabs/translation-plugin */ "./src/components/tabs/translation-plugin.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabTranslationPlugin", function() { return _components_tabs_translation_plugin__WEBPACK_IMPORTED_MODULE_16__["TabTranslationPlugin"]; });
+/* harmony import */ var _components_tabs_translation_theme__WEBPACK_IMPORTED_MODULE_19__ = __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_19__["translationCss"]; });
 
-/* 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_plugin__WEBPACK_IMPORTED_MODULE_20__ = __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_20__["TabTranslationPlugin"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerViewModel", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_17__["TabDesignerViewModel"]; });
+/* harmony import */ var _components_tabs_designer__WEBPACK_IMPORTED_MODULE_21__ = __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_21__["initialSettingsAllowShowEmptyTitleInDesignMode"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabDesignerViewModel", function() { return _components_tabs_designer__WEBPACK_IMPORTED_MODULE_21__["TabDesignerViewModel"]; });
 
-/* harmony import */ var _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../components/tabs/logic-ui */ "./src/components/tabs/logic-ui.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return _components_tabs_logic_ui__WEBPACK_IMPORTED_MODULE_19__["SurveyLogicUI"]; });
+/* harmony import */ var _components_tabs_designer_plugin__WEBPACK_IMPORTED_MODULE_22__ = __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_22__["TabDesignerPlugin"]; });
 
-/* 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_logic_ui__WEBPACK_IMPORTED_MODULE_23__ = __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_23__["SurveyLogicUI"]; });
 
-/* 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_plugin__WEBPACK_IMPORTED_MODULE_24__ = __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_24__["TabLogicPlugin"]; });
 
-/* 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_theme__WEBPACK_IMPORTED_MODULE_25__ = __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_25__["logicCss"]; });
 
-/* 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_toolbox_toolbox_tool__WEBPACK_IMPORTED_MODULE_26__ = __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_26__["ToolboxToolViewModel"]; });
 
-/* 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_page_navigator_page_navigator__WEBPACK_IMPORTED_MODULE_27__ = __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_27__["PageNavigatorViewModel"]; });
 
-/* 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__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../components/page */ "./src/components/page.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PageAdorner", function() { return _components_page__WEBPACK_IMPORTED_MODULE_28__["PageAdorner"]; });
 
-/* 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_row__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../components/row */ "./src/components/row.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RowViewModel", function() { return _components_row__WEBPACK_IMPORTED_MODULE_29__["RowViewModel"]; });
 
-/* 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_question__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../components/question */ "./src/components/question.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionAdornerViewModel", function() { return _components_question__WEBPACK_IMPORTED_MODULE_30__["QuestionAdornerViewModel"]; });
 
-/* 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_dropdown__WEBPACK_IMPORTED_MODULE_31__ = __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_31__["QuestionDropdownAdornerViewModel"]; });
 
-/* 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_image__WEBPACK_IMPORTED_MODULE_32__ = __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_32__["QuestionImageAdornerViewModel"]; });
 
-/* 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_rating__WEBPACK_IMPORTED_MODULE_33__ = __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_33__["QuestionRatingAdornerViewModel"]; });
 
-/* 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_item_value__WEBPACK_IMPORTED_MODULE_34__ = __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_34__["ItemValueWrapperViewModel"]; });
 
-/* 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_image_item_value__WEBPACK_IMPORTED_MODULE_35__ = __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_35__["ImageItemValueWrapperViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperViewModel", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_32__["MatrixCellWrapperViewModel"]; });
+/* harmony import */ var _components_matrix_cell__WEBPACK_IMPORTED_MODULE_36__ = __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_36__["MatrixCellWrapperEditSurvey"]; });
 
-/* harmony import */ var _components_simulator__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../components/simulator */ "./src/components/simulator.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulatorModel", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_33__["SurveySimulatorModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixCellWrapperViewModel", function() { return _components_matrix_cell__WEBPACK_IMPORTED_MODULE_36__["MatrixCellWrapperViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_MONITOR_DPI", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_33__["DEFAULT_MONITOR_DPI"]; });
+/* harmony import */ var _components_simulator__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../components/simulator */ "./src/components/simulator.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveySimulatorModel", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_37__["SurveySimulatorModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "simulatorDevices", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_33__["simulatorDevices"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_MONITOR_DPI", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_37__["DEFAULT_MONITOR_DPI"]; });
 
-/* 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__, "simulatorDevices", function() { return _components_simulator__WEBPACK_IMPORTED_MODULE_37__["simulatorDevices"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_34__["SurveyResultsModel"]; });
+/* harmony import */ var _components_results__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../components/results */ "./src/components/results.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsItemModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_38__["SurveyResultsItemModel"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyResultsModel", function() { return _components_results__WEBPACK_IMPORTED_MODULE_38__["SurveyResultsModel"]; });
 
-/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../components/string-editor */ "./src/components/string-editor.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringItemsNavigatorBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_36__["StringItemsNavigatorBase"]; });
+/* harmony import */ var _components_header_logo_image__WEBPACK_IMPORTED_MODULE_39__ = __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_39__["LogoImageViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorConnector", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_36__["StringEditorConnector"]; });
+/* harmony import */ var _components_string_editor__WEBPACK_IMPORTED_MODULE_40__ = __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_40__["StringItemsNavigatorBase"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_36__["StringEditorViewModelBase"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StringEditorConnector", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_40__["StringEditorConnector"]; });
 
-/* 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__, "StringEditorViewModelBase", function() { return _components_string_editor__WEBPACK_IMPORTED_MODULE_40__["StringEditorViewModelBase"]; });
 
-/* 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 import */ var _components_embedded_survey__WEBPACK_IMPORTED_MODULE_41__ = __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_41__["QuestionEmbeddedSurveyModel"]; });
+
+/* harmony import */ var _components_link_value__WEBPACK_IMPORTED_MODULE_42__ = __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_42__["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_43__ = __webpack_require__(/*! ../json5 */ "./src/json5.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyJSON5", function() { return _json5__WEBPACK_IMPORTED_MODULE_43__["SurveyJSON5"]; });
+
+/* harmony import */ var _custom_questions_question_spin_editor__WEBPACK_IMPORTED_MODULE_44__ = __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_44__["QuestionSpinEditorModel"]; });
+
+/* harmony import */ var _custom_questions_question_color__WEBPACK_IMPORTED_MODULE_45__ = __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_45__["QuestionColorModel"]; });
+
+/* harmony import */ var _custom_questions_question_file__WEBPACK_IMPORTED_MODULE_46__ = __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_46__["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_47__ = __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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_47__["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_48__ = __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_48__["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_48__["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_49__ = __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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_49__["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_50__ = __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_50__["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_51__ = __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_51__["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_52__ = __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_52__["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_52__["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_52__["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_53__ = __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_53__["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_54__ = __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_54__["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_54__["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_54__["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_54__["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_54__["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_54__["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_54__["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_55__ = __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_55__["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_56__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_56__["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_57__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_57__["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_58__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_58__["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_59__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_59__["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_59__["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_59__["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_60__ = __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_60__["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_61__ = __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_61__["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_62__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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_63__["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__, "parseColor", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_63__["parseColor"]; });
 
-/* 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__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_63__["HSBToRGB"]; });
 
-/* 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__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_63__["RGBToHSB"]; });
 
-/* 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__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_63__["assign"]; });
 
-/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["UndoRedoPlugin"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_63__["ColorCalculator"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["undoRedoTransaction"]; });
+/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_64__ = __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_64__["SurveyQuestionEditorDefinition"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_63__["ignoreUndoRedo"]; });
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_65__["ObjType"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_65__["SurveyHelper"]; });
 
-/* 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 _utils_resizer__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_66__["ResizeManager"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_64__["UndoRedoAction"]; });
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_67__ = __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_67__["UndoRedoPlugin"]; });
 
-/* 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__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_67__["undoRedoTransaction"]; });
 
-/* 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 reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_67__["ignoreUndoRedo"]; });
 
-/* 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 import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_68__ = __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_68__["UndoRedoManager"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_68__["Transaction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_68__["UndoRedoAction"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_68__["UndoRedoArrayAction"]; });
+
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_69__["PagesController"]; });
+
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_70___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_70__);
 var Version;
-Version = "" + "1.9.89";
+Version = "" + "1.9.91";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -17941,6 +18486,10 @@ __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-but
 
 
 
+
+
+
+
 
 
 
@@ -17985,8 +18534,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_70__["settings"].supportCreatorV2 = true;
+Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.91", "survey-creator-core");
 
 
 /***/ }),
@@ -18243,6 +18792,7 @@ var map = {
 	"./collapse-detail_16x16.svg": "./src/images/collapse-detail_16x16.svg",
 	"./collapse-panel.svg": "./src/images/collapse-panel.svg",
 	"./collapse_16x16.svg": "./src/images/collapse_16x16.svg",
+	"./color-picker.svg": "./src/images/color-picker.svg",
 	"./comment.svg": "./src/images/comment.svg",
 	"./default.svg": "./src/images/default.svg",
 	"./delete_16x16.svg": "./src/images/delete_16x16.svg",
@@ -18553,6 +19103,17 @@ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/color-picker.svg":
+/*!*************************************!*\
+  !*** ./src/images/color-picker.svg ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.31 15.0002C2.69 15.0002 2.11 14.7602 1.68 14.3202C0.780005 13.4202 0.780005 11.9502 1.68 11.0502L2.45 10.2802C2.45 10.1802 2.44 10.0802 2.44 9.98023C2.44 9.02023 2.81 8.12023 3.49 7.44023L5.6 5.33023C5.37 5.04023 5.25 4.68023 5.25 4.31023C5.25 3.86023 5.42 3.44023 5.74 3.12023C6.06 2.80023 6.48 2.63023 6.92 2.63023C7.29 2.63023 7.65 2.75023 7.94 2.98023L8.88 2.04023C9.56 1.36023 10.46 0.990234 11.41 0.990234C12.36 0.990234 13.27 1.36023 13.95 2.04023C14.63 2.72023 15 3.62023 15 4.58023C15 5.54023 14.63 6.44023 13.95 7.12023L12.94 8.13023C13.04 8.34023 13.09 8.58023 13.09 8.82023C13.09 9.27023 12.92 9.69023 12.6 10.0002C12.28 10.3102 11.86 10.4902 11.42 10.4902C11.18 10.4902 10.94 10.4402 10.73 10.3402L8.56 12.5102C7.88 13.1902 6.98 13.5602 6.03 13.5602C5.93 13.5602 5.83 13.5602 5.73 13.5402L4.97 14.3002C4.53 14.7402 3.95 14.9802 3.34 14.9802L3.31 15.0002Z\" fill=\"black\" fill-opacity=\"0.15\"></path><path d=\"M14.0001 4.57969C14.0001 3.88969 13.7301 3.23969 13.2401 2.74969C12.2301 1.73969 10.5901 1.73969 9.58006 2.74969L7.94006 4.38969L7.39006 3.83969C7.13006 3.57969 6.70006 3.57969 6.44006 3.83969C6.18006 4.09969 6.18006 4.52969 6.44006 4.78969L6.99006 5.33969L4.18006 8.14969C3.69006 8.63969 3.42006 9.28969 3.42006 9.97969C3.42006 10.1997 3.46006 10.4097 3.51006 10.6197L2.38006 11.7497C1.87006 12.2597 1.87006 13.0897 2.38006 13.6097C2.64006 13.8697 2.97006 13.9897 3.31006 13.9897C3.65006 13.9897 3.98006 13.8597 4.24006 13.6097L5.37006 12.4797C5.58006 12.5297 5.79006 12.5697 6.01006 12.5697C6.70006 12.5697 7.35006 12.2997 7.84006 11.8097L10.6501 8.99969L10.9401 9.28969C11.0701 9.41969 11.2401 9.48969 11.4201 9.48969C11.6001 9.48969 11.7701 9.41969 11.9001 9.28969C12.1601 9.02969 12.1601 8.59969 11.9001 8.33969L11.6101 8.04969L13.2501 6.40969C13.7401 5.91969 14.0101 5.26969 14.0101 4.57969H14.0001ZM6.89006 10.8597C6.42006 11.3297 5.61006 11.3297 5.14006 10.8597C4.91006 10.6297 4.78006 10.3197 4.78006 9.98969C4.78006 9.65969 4.91006 9.34969 5.14006 9.11969L7.95006 6.30969L9.70006 8.05969L6.89006 10.8697V10.8597Z\"></path></svg>"
+
+/***/ }),
+
 /***/ "./src/images/comment.svg":
 /*!********************************!*\
   !*** ./src/images/comment.svg ***!
@@ -20162,6 +20723,8 @@ var enStrings = {
         translationImportFromSCVButton: "Import from CSV",
         translationMergeLocaleWithDefault: "Merge {0} with default locale",
         translationPlaceHolder: "Translation...",
+        themeExportButton: "Export",
+        themeImportButton: "Import",
         bold: "Bold",
         italic: "Italic",
         underline: "Underline",
@@ -20220,6 +20783,7 @@ var enStrings = {
             column_requireText: "make column {0} of question {1} required",
             trigger_completeText: "survey becomes completed",
             trigger_setvalueText: "set into question: {0} value {1}",
+            trigger_setvalueEmptyText: "clear question value: {0}",
             trigger_copyvalueText: "copy into question: {0} value from question {1}",
             trigger_skipText: "survey skip to the question {0}",
             trigger_runExpressionText1: "run expression: '{0}'",
@@ -20474,6 +21038,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 +21519,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 +21584,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.
@@ -21486,8 +22060,10 @@ var UndoRedoManager = /** @class */ (function () {
         if (transaction.isEmpty())
             return;
         this._cutOffTail();
-        this._transactions.push(transaction);
-        this._currentTransactionIndex++;
+        if (this._transactions[this._currentTransactionIndex] !== transaction) {
+            this._transactions.push(transaction);
+            this._currentTransactionIndex++;
+        }
         this.canUndoRedoCallback();
     };
     UndoRedoManager.prototype._getCurrentTransaction = function () {
@@ -22045,7 +22621,9 @@ var propertyGridCss = {
         colorInput: "spg-color-editor__color-input",
         control: "spg-color-editor__input spg-input-container__input",
         colorDropdown: "spg-input__edit-button",
-        colorDrodownIcon: "icon-drop-down-arrow"
+        colorDropdownIcon: "icon-drop-down-arrow",
+        colorItem: "spg-color-editor__color-item",
+        swatchIcon: "icon-color-picker"
     },
     fileedit: {
         root: "spg-input spg-input-container spg-file-edit",
@@ -25368,6 +25946,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 +26347,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 +26591,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 +27528,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "maxLength", tab: "validation" },
                 { name: "textUpdateMode", tab: "data" },
                 { name: "autoGrow", tab: "layout" },
+                { name: "allowResize", tab: "layout" },
             ]
         },
         file: {
@@ -27451,6 +28043,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 +28790,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 +31001,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, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -29811,6 +31027,14 @@ __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__, "parseColor", function() { return parseColor; });
+/* 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 +31356,105 @@ 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 parseColor(value) {
+    var rgbValues = parseRgbaFromString(value);
+    if (rgbValues.length !== 0) {
+        var opacity = 1;
+        if (rgbValues.length == 4) {
+            opacity = rgbValues.pop();
+        }
+        var color = rgbValues.reduce(function (res, color) {
+            var hex = color.toString(16);
+            return res + (hex.length == 1 ? "0" + hex : hex);
+        }, "#");
+        return { color: color, opacity: opacity * 100 };
+    }
+    else {
+        return { color: value, opacity: 100 };
+    }
+}
+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;
+}());
+
 
 
 /***/ }),