survey-creator-core 1.9.99 → 1.9.101

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.99
+ * SurveyJS Creator v1.9.101
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -106,10 +106,10 @@ return /******/ (function(modules) { // webpackBootstrap
 /*!******************************!*\
   !*** ./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 */
+/*! exports provided: default, sharp, borderless, flat, plain, doubleborder, layered, solid, threedimensional, contrast, default-dark, sharp-dark, borderless-dark, flat-dark, plain-dark, doubleborder-dark, layered-dark, solid-dark, threedimensional-dark, contrast-dark, default-lw, sharp-lw, borderless-lw, flat-lw, doubleborder-lw, layered-lw, solid-lw, threedimensional-lw, contrast-lw, default-dark-lw, sharp-dark-lw, borderless-dark-lw, flat-dark-lw, doubleborder-dark-lw, layered-dark-lw, solid-dark-lw, contrast-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-backcolor-dim-dark\":\"rgba(243, 243, 243, 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-primary-forecolor-light\":\"rgba(255, 255, 255, 0.25)\",\"--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-backcolor-dim-dark\":\"rgba(220, 220, 220, 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-backcolor-dim-dark\":\"rgba(223, 233, 250, 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-general-backcolor-dim-dark\":\"rgba(235, 235, 235, 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-general-backcolor-dim-dark\":\"rgba(237, 237, 237, 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-backcolor-dim-dark\":\"rgba(225, 220, 233, 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-backcolor-dim-dark\":\"rgba(234, 234, 234, 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-general-backcolor-dim-dark\":\"rgba(242, 242, 242, 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-backcolor-dim-dark\":\"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-backcolor-dim-dark\":\"rgba(46, 46, 46, 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-primary-forecolor-light\":\"rgba(32, 32, 32, 0.25)\",\"--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-backcolor-dim-dark\":\"rgba(47, 47, 47, 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-backcolor-dim-dark\":\"rgba(40, 46, 61, 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-general-backcolor-dim-dark\":\"rgba(52, 52, 52, 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-general-backcolor-dim-dark\":\"rgba(47, 47, 47, 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-general-backcolor-dim-dark\":\"rgba(53, 53, 53, 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-backcolor-dim-dark\":\"rgba(37, 38, 48, 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-backcolor-dim-dark\":\"rgba(51, 53, 61, 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-general-backcolor-dim-dark\":\"rgba(58, 58, 58, 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-backcolor-dim-dark\":\"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)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(220, 232, 252, 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\"}}");
+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-backcolor-dim-dark\":\"rgba(243, 243, 243, 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-primary-forecolor-light\":\"rgba(255, 255, 255, 0.25)\",\"--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)\"},\"sharp\":{\"--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-backcolor-dim-dark\":\"rgba(220, 220, 220, 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)\"},\"borderless\":{\"--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-backcolor-dim-dark\":\"rgba(223, 233, 250, 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)\"},\"flat\":{\"--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-general-backcolor-dim-dark\":\"rgba(235, 235, 235, 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)\"},\"plain\":{\"--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)\"},\"doubleborder\":{\"--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-general-backcolor-dim-dark\":\"rgba(237, 237, 237, 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)\"},\"layered\":{\"--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-backcolor-dim-dark\":\"rgba(225, 220, 233, 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)\"},\"solid\":{\"--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-backcolor-dim-dark\":\"rgba(234, 234, 234, 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)\"},\"threedimensional\":{\"--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-general-backcolor-dim-dark\":\"rgba(242, 242, 242, 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)\"},\"contrast\":{\"--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-backcolor-dim-dark\":\"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-backcolor-dim-dark\":\"rgba(46, 46, 46, 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-primary-forecolor-light\":\"rgba(32, 32, 32, 0.25)\",\"--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)\"},\"sharp-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-backcolor-dim-dark\":\"rgba(47, 47, 47, 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)\"},\"borderless-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-backcolor-dim-dark\":\"rgba(40, 46, 61, 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)\"},\"flat-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-general-backcolor-dim-dark\":\"rgba(52, 52, 52, 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)\"},\"plain-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-general-backcolor-dim-dark\":\"rgba(47, 47, 47, 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)\"},\"doubleborder-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-general-backcolor-dim-dark\":\"rgba(53, 53, 53, 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)\"},\"layered-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-backcolor-dim-dark\":\"rgba(37, 38, 48, 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)\"},\"solid-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-backcolor-dim-dark\":\"rgba(51, 53, 61, 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)\"},\"threedimensional-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-general-backcolor-dim-dark\":\"rgba(58, 58, 58, 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)\"},\"contrast-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-backcolor-dim-dark\":\"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)\"},\"sharp-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 238, 238, 1)\"},\"borderless-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)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(220, 232, 252, 1)\"},\"flat-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(246, 246, 246, 1)\"},\"doubleborder-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(245, 245, 245, 1)\"},\"layered-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"solid-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)\"},\"threedimensional-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(248, 248, 248, 1)\"},\"contrast-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"default-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\"},\"sharp-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(33, 33, 33, 1)\"},\"borderless-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(43, 48, 63, 1)\"},\"flat-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\"},\"doubleborder-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(52, 52, 52, 1)\"},\"layered-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(39, 40, 50, 1)\"},\"solid-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(53, 55, 63, 1)\"},\"contrast-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\"}}");
 
 /***/ }),
 
@@ -1193,13 +1193,20 @@ var MatrixCellWrapperViewModel = /** @class */ (function (_super) {
     }
     MatrixCellWrapperViewModel.prototype.editQuestion = function (model, event) {
         var editSurvey = new MatrixCellWrapperEditSurvey(model.creator, model.question);
-        survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("svc-question-editor-content", {
-            survey: editSurvey.survey,
-            creator: this.creator
-        }, function () {
-            editSurvey.apply();
-            return true;
-        }, undefined, "svc-matrix-cell__popup", model.question.name, this.creator.isMobileView ? "overlay" : "popup");
+        survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
+            componentName: "svc-question-editor-content",
+            data: {
+                survey: editSurvey.survey,
+                creator: this.creator
+            },
+            onApply: function () {
+                editSurvey.apply();
+                return true;
+            },
+            cssClass: "svc-matrix-cell__popup",
+            title: model.question.name,
+            displayMode: this.creator.isMobileView ? "overlay" : "popup"
+        }, model.creator.rootElement);
         event.stopPropagation();
         model.creator.selectElement(model.column);
     };
@@ -5151,7 +5158,15 @@ var AceJsonEditorModel = /** @class */ (function (_super) {
         return annotations;
     };
     AceJsonEditorModel.prototype.setErrors = function (errors) {
+        var _this = this;
+        _super.prototype.setErrors.call(this, errors);
         this.aceEditor.getSession().setAnnotations(this.createAnnotations(errors));
+        setTimeout(function () { return _this.aceEditor.resize(); });
+    };
+    AceJsonEditorModel.prototype.gotoError = function (at, row, column) {
+        this.aceEditor.focus();
+        this.aceEditor.renderer.scrollCursorIntoView({ row: row + 1, column: column + 1 }, 0.5);
+        this.aceEditor.gotoLine(row + 1, column + 1);
     };
     AceJsonEditorModel.prototype.onEditorActivated = function () {
         this.aceEditor.getSession().getUndoManager().markClean();
@@ -5206,6 +5221,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+var maxErrorLength = 150;
 var JsonEditorBaseModel = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(JsonEditorBaseModel, _super);
     function JsonEditorBaseModel(creator) {
@@ -5249,6 +5265,61 @@ var JsonEditorBaseModel = /** @class */ (function (_super) {
             }
         }
     };
+    Object.defineProperty(JsonEditorBaseModel.prototype, "errorList", {
+        get: function () {
+            var _this = this;
+            if (!this.errorListValue) {
+                this.errorListValue = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ListModel"]([], function (action) {
+                    var error = action.data;
+                    if (!!error)
+                        _this.gotoError(error.at, error.rowAt, error.columnAt);
+                }, false);
+                this.errorListValue.searchEnabled = false;
+                this.errorListValue.cssClasses = {
+                    item: "svc-json-errors__item",
+                    itemIcon: "svc-json-error__icon",
+                    itemBody: "svc-json-error",
+                    itemsContainer: "svc-json-errors"
+                };
+                this.errorListValue.hasVerticalScroller = true;
+            }
+            return this.errorListValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    JsonEditorBaseModel.prototype.setErrors = function (errors) {
+        var hasErrors = errors.length > 0;
+        if (hasErrors) {
+            var actions_1 = [];
+            this.createErrorActions(errors).forEach(function (action) { return actions_1.push(action); });
+            this.errorList.setItems(actions_1);
+        }
+        this.hasErrors = hasErrors;
+    };
+    JsonEditorBaseModel.prototype.gotoError = function (at, row, column) { };
+    JsonEditorBaseModel.prototype.createErrorActions = function (errors) {
+        var res = [];
+        var counter = 1;
+        errors.forEach(function (error) {
+            var line = error.rowAt > -1 ? "Line: " + (error.rowAt + 1) + ". " : "";
+            var title = error.text;
+            if (title.length > maxErrorLength + 3) {
+                title = title.substring(0, maxErrorLength) + "...";
+            }
+            title = line + title;
+            var at = error.at;
+            res.push(new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+                id: "error_" + counter++,
+                title: title,
+                tooltip: error.text,
+                iconName: "icon-error",
+                iconSize: 16,
+                data: error
+            }));
+        });
+        return res;
+    };
     JsonEditorBaseModel.prototype.processErrors = function (text) {
         var textWorker = new _textWorker__WEBPACK_IMPORTED_MODULE_2__["SurveyTextWorker"](text);
         this.setErrors(textWorker.errors);
@@ -5261,6 +5332,9 @@ var JsonEditorBaseModel = /** @class */ (function (_super) {
         configurable: true
     });
     JsonEditorBaseModel.updateTextTimeout = 1000;
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], JsonEditorBaseModel.prototype, "hasErrors", void 0);
     return JsonEditorBaseModel;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
@@ -5357,6 +5431,14 @@ var TextareaJsonEditorModel = /** @class */ (function (_super) {
         this.processErrors(value);
         this.isProcessingImmediately = false;
     };
+    TextareaJsonEditorModel.prototype.gotoError = function (at, row, column) {
+        if (!this.textElement)
+            return;
+        var el = this.textElement;
+        el.selectionStart = at;
+        el.selectionEnd = at;
+        el.focus();
+    };
     Object.defineProperty(TextareaJsonEditorModel.prototype, "errorButtonText", {
         get: function () {
             return this.canShowErrors ? Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("ed.jsonHideErrors") : Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("ed.jsonShowErrors");
@@ -5395,7 +5477,9 @@ var TextareaJsonEditorModel = /** @class */ (function (_super) {
         _super.prototype.onTextChanged.call(this);
     };
     TextareaJsonEditorModel.prototype.setErrors = function (errors) {
+        //TODO Remove this line and then the function
         this._errors = errors;
+        _super.prototype.setErrors.call(this, errors);
     };
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "", onSet: function (_, target) { return target.onTextChanged(); } })
@@ -8248,18 +8332,24 @@ var SurveyLogicUI = /** @class */ (function (_super) {
         return false;
     };
     SurveyLogicUI.prototype.confirmLeavingOnError = function (onLeaving, onStaying) {
-        if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal)
+        if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog)
             return false;
         var locStr = new survey_core__WEBPACK_IMPORTED_MODULE_1__["LocalizableString"](undefined);
         locStr.text = this.getLocString("ed.lg.uncompletedRule_text");
-        var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("sv-string-viewer", { locStr: locStr, locString: locStr, model: locStr }, //TODO fix in library
-        function () {
-            onLeaving();
-            return true;
-        }, function () {
-            onStaying();
-            return true;
-        }, undefined, this.getLocString("ed.lg.uncompletedRule_title"), "popup");
+        var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
+            componentName: "sv-string-viewer",
+            data: { locStr: locStr, locString: locStr, model: locStr },
+            onApply: function () {
+                onLeaving();
+                return true;
+            },
+            onCancel: function () {
+                onStaying();
+                return true;
+            },
+            title: this.getLocString("ed.lg.uncompletedRule_title"),
+            displayMode: "popup"
+        }, this.options.rootElement);
         var toolbar = popupModel.footerToolbar;
         var applyBtn = toolbar.getActionById("apply");
         var cancelBtn = toolbar.getActionById("cancel");
@@ -10504,7 +10594,7 @@ __webpack_require__.r(__webpack_exports__);
 
 __webpack_require__(/*! ./theme.scss */ "./src/components/tabs/theme.scss");
 var Themes = __webpack_require__(/*! ../../../imported-themes.json */ "./imported-themes.json");
-var PredefinedThemes = ["default", "contrast", "plain", "simple", "blank", "double", "bulk", "pseudo-3d", "playful", "ultra"];
+var PredefinedThemes = ["default", "sharp", "borderless", "flat", "plain", "doubleborder", "layered", "solid", "threedimensional", "contrast"];
 var PredefinedColors = {
     light: {
         teal: "rgba(11, 128, 128, 1)",
@@ -10989,6 +11079,10 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
             _this.blockThemeChangedNotifications -= 1;
             _this.setThemeToSurvey();
         });
+        themeEditorSurvey.onUploadFiles.add(function (_, options) {
+            var callback = function (status, data) { return options.callback(status, [{ content: data, file: options.files[0] }]); };
+            _this.surveyProvider.uploadFiles(options.files, undefined, callback);
+        });
         themeEditorSurvey.getAllQuestions().forEach(function (q) { return q.allowRootStyle = false; });
         themeEditorSurvey.onQuestionCreated.add(function (_, opt) {
             opt.question.allowRootStyle = false;
@@ -11024,6 +11118,15 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionTitle"), newCssVariables, newCssVariables["--sjs-general-forecolor"]);
         Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionDescription"), newCssVariables, newCssVariables["--sjs-general-forecolor-light"]);
         Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("editorFont"), newCssVariables);
+        if (!!newCssVariables["--sjs-corner-radius"]) {
+            themeEditorSurvey.getQuestionByName("cornerRadius").value = parseFloat(newCssVariables["--sjs-corner-radius"]);
+        }
+        if (!!newCssVariables["--sjs-base-unit"]) {
+            themeEditorSurvey.getQuestionByName("commonScale").value = parseFloat(newCssVariables["--sjs-base-unit"]) * 100 / 8;
+        }
+        if (!!newCssVariables["--sjs-font-size"]) {
+            themeEditorSurvey.getQuestionByName("commonFontSize").value = parseFloat(newCssVariables["--sjs-font-size"]) * 100 / 16;
+        }
         themeEditorSurvey.getAllQuestions().forEach(function (question) {
             if (["color", "colorsettings"].indexOf(question.getType()) !== -1) {
                 question.choices = Object.keys(PredefinedColors[_this.themePalette]).map(function (colorName) { return new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](PredefinedColors[_this.themePalette][colorName], Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colors." + colorName)); });
@@ -11042,6 +11145,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
     ThemeSurveyTabViewModel.prototype.getThemeEditorSurveyJSON = function () {
         var themeEditorSurveyJSON = {
             "clearInvisibleValues": "none",
+            questionErrorLocation: "bottom",
             elements: [{
                     type: "panel",
                     state: "expanded",
@@ -11103,8 +11207,10 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     elements: [
                                         {
                                             type: "fileedit",
+                                            storeDataAsText: false,
                                             name: "backgroundImage",
                                             titleLocation: "hidden",
+                                            maxSize: this.surveyProvider.onUploadFile.isEmpty ? 65536 : undefined,
                                             acceptedTypes: "image/*",
                                             placeholder: "Browse..."
                                         },
@@ -11183,7 +11289,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                 },
                                 {
                                     type: "spinedit",
-                                    name: "--font-size",
+                                    name: "commonFontSize",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontSize"),
                                     descriptionLocation: "hidden",
                                     unit: "%",
@@ -11194,7 +11300,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                 {
                                     type: "expression",
                                     name: "--sjs-font-size",
-                                    expression: "{--font-size}*16/100+\"px\"",
+                                    expression: "{commonFontSize}*16/100+\"px\"",
                                     visible: false
                                 },
                             ]
@@ -13458,6 +13564,7 @@ var ToolboxToolViewModel = /** @class */ (function (_super) {
             _this.creator.clickToolboxItem(_this.item.json);
         };
         _this.onPointerUp = function (pointerUpEvent) {
+            _this.creator.onDragDropItemEnd();
             _this._node.classList.remove("svc-toolbox__tool--pressed");
             _this._node = null;
             document.removeEventListener("pointerup", _this.onPointerUp);
@@ -13486,6 +13593,7 @@ var ToolboxToolViewModel = /** @class */ (function (_super) {
         this._node = pointerDownEvent.currentTarget;
         this._node.classList.add("svc-toolbox__tool--pressed");
         document.addEventListener("pointerup", this.onPointerUp);
+        this.creator.onDragDropItemStart();
     };
     Object.defineProperty(ToolboxToolViewModel.prototype, "dragDropHelper", {
         get: function () {
@@ -13593,7 +13701,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 
 
 __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
@@ -13985,58 +14092,61 @@ var CreatorBase = /** @class */ (function (_super) {
          */
         _this.onLogicItemDisplayText = new CreatorEvent();
         /**
-          * The event is called when a survey is changed in the designer. A new page/question/page is added or existing is removed, a property is changed and so on.
-          *- sender the survey creator object that fires the event
-          * options object contains the information about certain modifications
-          *- options.type contains string constant describing certain modification
-          * Available values:
+          * An event that is raised when users modify survey or theme settings.
+          *
+          * Parameters:
+          *
+          * - `sender`: `CreatorBase`\
+          * A Survey Creator instance that raised the event.
+          *
+          * - `options.type`: `"ADDED_FROM_TOOLBOX"` | `"PAGE_ADDED"` | `"PAGE_MOVED"` | `"QUESTION_CONVERTED"` | `"QUESTION_CHANGED_BY_EDITOR"` | `"PROPERTY_CHANGED"` | `"ELEMENT_REORDERED"` | `"OBJECT_DELETED"` | `"VIEW_TYPE_CHANGED"` | `"DO_DROP"` | `"TRANSLATIONS_CHANGED"` | `"JSON_EDITOR"` | `"THEME_MODIFIED"`\
+          * A value that indicates the modification.
           *
-          *- options.type: "ADDED_FROM_TOOLBOX"
-          *- options.question: newly added question
+          * Depending on the `options.type` value, the `options` object contains parameters listed below:
           *
-          *- options.type: "PAGE_ADDED"
-          *- options.newValue: newly created page
+          * `options.type`: `"ADDED_FROM_TOOLBOX"`\
+          * - `options.question` - An added question.
           *
-          *- options.type: "PAGE_MOVED"
-          *- options.page: page has been moved
-          *- options.indexFrom: pevious index
-          *- options.indexTo: new index
+          * `options.type`: `"PAGE_ADDED"`\
+          * - `options.newValue` - An added page.
           *
-          *- options.type: "QUESTION_CONVERTED"
-          *- options.className: the converted class name
-          *- options.oldValue: pevious object
-          *- options.newValue: the new object, converted from oldVale to the given class name
+          * `options.type`: `"PAGE_MOVED"`\
+          * - `options.page` - A moved page.
+          * - `options.indexFrom` - A previous index.
+          * - `options.indexTo` - A current index.
           *
-          *- options.type: "QUESTION_CHANGED_BY_EDITOR"
-          *- options.question: question has been edited in the popup question editor
+          * `options.type`: `"QUESTION_CONVERTED"`\
+          * - `options.className` - The name of a class to which a question has been converted.
+          * - `options.oldValue` - An object of a previous class.
+          * - `options.newValue` - An object of a class specified by `options.className`.
           *
-          *- options.type: "PROPERTY_CHANGED"
-          *- options.name: the name of the property has been changed
-          *- options.target: the object containing the changed property
-          *- options.oldValue: the previous value of the changed property
-          *- options.newValue: the new value of the changed property
+          * `options.type`: `"QUESTION_CHANGED_BY_EDITOR"`\
+          * - `options.question` - A question that has been edited in a pop-up editor.
           *
-          *- options.type: "ELEMENT_REORDERED"
-          *- options.arrayName: the name of the array property has been changed
-          *- options.parent: the object containing the array property
-          *- options.element: the element that changed the place in the array
-          *- options.indexFrom: moved from index
-          *- options.indexTo: moved to index
+          * `options.type`: `"PROPERTY_CHANGED"`\
+          * - `options.name` - The name of the changed property.
+          * - `options.target` - An object that contains the changed property.
+          * - `options.oldValue` - A previous value of the changed property.
+          * - `options.newValue` - A new value of the changed property.
           *
-          *- options.type: "OBJECT_DELETED"
-          *- options.target: deleted object
+          * `options.type`: `"ELEMENT_REORDERED"`\
+          * - `options.arrayName` - The name of the changed array.
+          * - `options.parent` - An object that contains the changed array.
+          * - `options.element` - A reordered element.
+          * - `options.indexFrom` - A previous index.
+          * - `options.indexTo` - A current index.
           *
-          *- options.type: "VIEW_TYPE_CHANGED"
-          *- options.newType: new type of the creator view: editor or designer
+          * `options.type`: `"OBJECT_DELETED"`\
+          * - `options.target` - A deleted object.
           *
-          *- options.type: "DO_DROP"
-          *- options.page: the page of the drap/drop operation
-          *- options.source: the source dragged object
-          *- options.target: the drop target
-          *- options.newElement: a new element. It is defined if a user drops question or panel from the toolbox
+          * `options.type`: `"VIEW_TYPE_CHANGED"`\
+          * - `options.newType` - A current view: `"editor"` or `"designer"`.
           *
-          *- options.type: "TRANSLATIONS_CHANGED"
-          *- options.type: "JSON_EDITOR"
+          * `options.type`: `"DO_DROP"`\
+          * - `options.page` - A parent page of the dragged element.
+          * - `options.source` - A dragged element.
+          * - `options.target` - A drop target.
+          * - `options.newElement` - A new element. This parameter is defined only if users drag a question or panel from the Toolbox.
           */
         _this.onModified = new CreatorEvent();
         /**
@@ -14516,6 +14626,25 @@ var CreatorBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(CreatorBase.prototype, "haveCommercialLicense", {
+        /**
+         * Removes the Free Trial bar.
+         *
+         * Default value: `false`
+         *
+         * > You can enable this property only if you have a Survey Creator commercial license. It is illegal to enable this property without a license.
+         */
+        get: function () {
+            if (!!survey_core__WEBPACK_IMPORTED_MODULE_1__["hasLicense"] && Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["hasLicense"])(1))
+                return true;
+            return this.getPropertyValue("haveCommercialLicense", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("haveCommercialLicense", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(CreatorBase.prototype, "licenseText", {
         get: function () {
             return this.getLocString("survey.license");
@@ -15462,6 +15591,12 @@ var CreatorBase = /** @class */ (function (_super) {
         }
         return !!classInfo && classInfo.name === typeName;
     };
+    CreatorBase.prototype.onDragDropItemStart = function () {
+        this.addNewElementReason = "DROPPED_FROM_TOOLBOX";
+    };
+    CreatorBase.prototype.onDragDropItemEnd = function () {
+        this.addNewElementReason = undefined;
+    };
     CreatorBase.prototype.doOnQuestionAdded = function (question, parentPanel) {
         question.name = this.generateUniqueName(question, question.name);
         var page = this.getPageByElement(question);
@@ -15870,7 +16005,7 @@ var CreatorBase = /** @class */ (function (_super) {
         var index = !!question["parent"]
             ? question["parent"].elements.indexOf(question) + 1
             : -1;
-        this.doClickQuestionCore(newElement, "ELEMENT_COPIED", index);
+        this.doClickQuestionCore(newElement, "ELEMENT_COPIED", index, question["parent"]);
         return newElement;
     };
     Object.defineProperty(CreatorBase.prototype, "selectedElement", {
@@ -16284,6 +16419,22 @@ var CreatorBase = /** @class */ (function (_super) {
             });
         }
     };
+    Object.defineProperty(CreatorBase.prototype, "rootElement", {
+        get: function () {
+            return this._rootElementValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CreatorBase.prototype.setRootElement = function (element) {
+        this._rootElementValue = element;
+        this.initKeyboardShortcuts(element);
+        this.initResponsivityManager(element);
+    };
+    CreatorBase.prototype.unsubscribeRootElement = function () {
+        this.removeKeyboardShortcuts(this._rootElementValue);
+        this.resetResponsivityManager();
+    };
     CreatorBase.prototype.initKeyboardShortcuts = function (rootNode) {
         if (!!rootNode) {
             rootNode.addEventListener("keydown", this.onKeyDownHandler);
@@ -16622,8 +16773,11 @@ var CreatorBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(CreatorBase.prototype, "saveThemeFunc", {
         /**
-         * Assign to this property a function that will be called on clicking the 'Save' button or on any change if isAutoSave equals true.
-         * @see isAutoSave
+         * A function that is called each time users click the [Save button](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#showSaveButton) or [auto-save](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#isAutoSave) is triggered to save a theme JSON object.
+         *
+         * For more information, refer to the [Save and Load Custom Themes](/survey-creator/documentation/theme-editor#save-and-load-custom-themes) help topic.
+         * @see showThemeTab
+         * @see saveSurveyFunc
          */
         get: function () {
             return this.saveThemeFuncValue;
@@ -16636,8 +16790,10 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "saveSurveyFunc", {
         /**
-         * Assign to this property a function that will be called on clicking the 'Save' button or on any change if isAutoSave equals true.
-         * @see isAutoSave
+         * A function that is called each time users click the [Save button](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#showSaveButton) or [auto-save](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#isAutoSave) is triggered to save a survey JSON schema.
+         *
+         * For more information, refer to the Save and Load Survey Model Schemas help topic for your framework: [Angular](https://surveyjs.io/survey-creator/documentation/get-started-angular#save-and-load-survey-model-schemas) | [Vue](https://surveyjs.io/survey-creator/documentation/get-started-vue#save-and-load-survey-model-schemas) | [React](https://surveyjs.io/survey-creator/documentation/get-started-react#save-and-load-survey-model-schemas) | [Knockout / jQuery](https://surveyjs.io/survey-creator/documentation/get-started-knockout-jquery).
+         * @see saveThemeFunc
          */
         get: function () {
             return this.saveSurveyFuncValue;
@@ -16842,9 +16998,6 @@ var CreatorBase = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], CreatorBase.prototype, "inplaceEditForValues", void 0);
-    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
-    ], CreatorBase.prototype, "haveCommercialLicense", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
     ], CreatorBase.prototype, "isAutoSave", void 0);
@@ -18965,7 +19118,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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.99";
+Version = "" + "1.9.101";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -19054,7 +19207,7 @@ __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 
 survey_core__WEBPACK_IMPORTED_MODULE_70__["settings"].supportCreatorV2 = true;
-Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.99", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.101", "survey-creator-core");
 
 
 /***/ }),
@@ -19331,6 +19484,7 @@ var map = {
 	"./edit.svg": "./src/images/edit.svg",
 	"./edit_16x16.svg": "./src/images/edit_16x16.svg",
 	"./editing-finish.svg": "./src/images/editing-finish.svg",
+	"./error.svg": "./src/images/error.svg",
 	"./expand-detail-light_16x16.svg": "./src/images/expand-detail-light_16x16.svg",
 	"./expand-detail_16x16.svg": "./src/images/expand-detail_16x16.svg",
 	"./expand-panel.svg": "./src/images/expand-panel.svg",
@@ -19843,6 +19997,17 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 
 /***/ }),
 
+/***/ "./src/images/error.svg":
+/*!******************************!*\
+  !*** ./src/images/error.svg ***!
+  \******************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_19289_560924)\"><path d=\"M8 0C3.58 0 0 3.58 0 8C0 12.42 3.58 16 8 16C12.42 16 16 12.42 16 8C16 3.58 12.42 0 8 0ZM8 14C4.69 14 2 11.31 2 8C2 4.69 4.69 2 8 2C11.31 2 14 4.69 14 8C14 11.31 11.31 14 8 14ZM11.41 6L9.41 8L11.41 10L10 11.41L8 9.41L6 11.41L4.59 10L6.59 8L4.59 6L6 4.59L8 6.59L10 4.59L11.41 6Z\"></path></g><defs><clipPath id=\"clip0_19289_560924\"><rect width=\"16\" height=\"16\" fill=\"transparent\"></rect></clipPath></defs></svg>"
+
+/***/ }),
+
 /***/ "./src/images/expand-detail-light_16x16.svg":
 /*!**************************************************!*\
   !*** ./src/images/expand-detail-light_16x16.svg ***!
@@ -21636,6 +21801,7 @@ var enStrings = {
         maxErrorText: "\"Value exceeds maximum\" error message",
         otherErrorText: "\"Empty comment\" error message",
         keyDuplicationError: "\"Non-unique key value\" error message",
+        minSelectedChoices: "Minimum selected choices",
         maxSelectedChoices: "Maximum selected choices",
         showClearButton: "Show the Clear button",
         showNumber: "Show panel number",
@@ -22140,15 +22306,15 @@ var enStrings = {
         editorShadow: "Input element shadow effects",
         names: {
             "default": "Default",
-            "contrast": "Contrast",
+            "sharp": "Sharp",
+            "borderless": "Borderless",
+            "flat": "Flat",
             "plain": "Plain",
-            "simple": "Simple",
-            "blank": "Blank",
-            "double": "Double",
-            "bulk": "Bulk",
-            "pseudo-3d": "Pseudo 3D",
-            "playful": "Playful",
-            "ultra": "Ultra"
+            "doubleborder": "Double Border",
+            "layered": "Layered",
+            "solid": "Solid",
+            "threedimensional": "3D",
+            "contrast": "Contrast"
         },
         colors: {
             teal: "Teal",
@@ -25984,22 +26150,30 @@ var PropertyGridEditor = /** @class */ (function () {
         if (question.isReadOnly) {
             surveyPropertyEditor.editSurvey.mode = "display";
         }
-        if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal)
+        if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog)
             return surveyPropertyEditor;
         var prevCurrentLocale = survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].currentLocale;
         var locale = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].currentLocale;
         survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].currentLocale = locale;
-        var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("survey", {
-            survey: surveyPropertyEditor.editSurvey,
-            model: surveyPropertyEditor.editSurvey
-        }, function () {
-            _this.onModalPropertyEditorClosed(editor, property, question, options, "apply");
-            onClose && onClose("apply");
-            return surveyPropertyEditor.apply();
-        }, function () {
-            _this.onModalPropertyEditorClosed(editor, property, question, options, "cancel");
-            onClose && onClose("cancel");
-        }, "sv-property-editor", question.title, options.isMobileView ? "overlay" : "popup");
+        var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
+            componentName: "survey",
+            data: {
+                survey: surveyPropertyEditor.editSurvey,
+                model: surveyPropertyEditor.editSurvey
+            },
+            onApply: function () {
+                _this.onModalPropertyEditorClosed(editor, property, question, options, "apply");
+                onClose && onClose("apply");
+                return surveyPropertyEditor.apply();
+            },
+            onCancel: function () {
+                _this.onModalPropertyEditorClosed(editor, property, question, options, "cancel");
+                onClose && onClose("cancel");
+            },
+            cssClass: "sv-property-editor",
+            title: question.title,
+            displayMode: options.isMobileView ? "overlay" : "popup"
+        }, options.rootElement);
         if (question.isReadOnly) {
             var applyBtn = popupModel.footerToolbar.getActionById("apply");
             if (!!applyBtn) {
@@ -26747,14 +26921,15 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
             var newName = PropertyGridEditorMatrix.getNewColumnName(matrix.value, keyPropName, baseValue);
             keyValue = newName;
         }
-        var item = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(this.getDefaultClassName(prop), json);
+        var obj = matrix.obj;
+        var item = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(this.getDefaultClassName(obj, prop), json);
         if (!!keyValue) {
             item[keyPropName] = keyValue;
         }
         if (!!this.getObjTypeName()) {
             item[this.getObjTypeName()] = item.getType();
         }
-        var arr = matrix.obj[prop.name];
+        var arr = obj[prop.name];
         if (survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].isDescendantOf(item.getType(), "itemvalue")) {
             item.text = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getNextItemText"])(arr);
         }
@@ -26764,7 +26939,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         }
         return item;
     };
-    PropertyGridEditorMatrix.prototype.getDefaultClassName = function (prop) {
+    PropertyGridEditorMatrix.prototype.getDefaultClassName = function (obj, prop) {
         return prop.className;
     };
     PropertyGridEditorMatrix.prototype.getBaseValue = function (prop) {
@@ -27342,8 +27517,16 @@ var PropertyGridEditorMatrixValidators = /** @class */ (function (_super) {
     PropertyGridEditorMatrixValidators.prototype.getObjTypeName = function () {
         return "validatorType";
     };
-    PropertyGridEditorMatrixValidators.prototype.getDefaultClassName = function (prop) {
-        return "expressionvalidator";
+    PropertyGridEditorMatrixValidators.prototype.getDefaultClassName = function (obj, prop) {
+        var res = "expression";
+        var question = obj;
+        if (!!question.getSupportedValidators) {
+            var validators = question.getSupportedValidators();
+            if (validators.length > 0 && validators.indexOf(res) < 0) {
+                res = validators[0];
+            }
+        }
+        return res + "validator";
     };
     PropertyGridEditorMatrixValidators.prototype.getChoices = function (obj) {
         var names = this.getSupportedValidators(obj);
@@ -27383,7 +27566,7 @@ var PropertyGridEditorMatrixTriggers = /** @class */ (function (_super) {
     PropertyGridEditorMatrixTriggers.prototype.getObjTypeName = function () {
         return "triggerType";
     };
-    PropertyGridEditorMatrixTriggers.prototype.getDefaultClassName = function (prop) {
+    PropertyGridEditorMatrixTriggers.prototype.getDefaultClassName = function (obj, prop) {
         var classes = this.getAvailableTriggers().map(function (tr) { return tr.name; });
         if (!classes.length)
             return prop.name;
@@ -28383,6 +28566,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
             properties: [
                 { name: "showSelectAllItem", tab: "choices" },
                 { name: "selectAllText", tab: "choices" },
+                { name: "minSelectedChoices", tab: "choices" },
                 { name: "maxSelectedChoices", tab: "choices" },
                 { name: "separateSpecialChoices", tab: "choices" },
             ]
@@ -28527,6 +28711,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
                 { name: "showSelectAllItem", tab: "choices" },
                 { name: "showNoneItem", tab: "choices" },
                 { name: "noneText", tab: "choices" },
+                { name: "minSelectedChoices", tab: "choices" },
                 { name: "maxSelectedChoices", tab: "choices" },
                 { name: "selectAllText", tab: "choices" },
                 { name: "choicesVisibleIf", tab: "logic" },
@@ -29614,9 +29799,9 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
                     elementsToSetSWNL.push(srcRow.elements[1]);
                 }
             }
+            var dragOverIndicator = _this.dragOverIndicatorElement || _this.dropTarget;
+            var dragOverLocation = dragOverIndicator.dragTypeOverMe;
             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) {
@@ -29645,9 +29830,10 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
                     elementsToSetSWNL.push(dragged);
                 }
             }
+            var isTargetIsContainer = dest.isPanel || dest.isPage;
             if (!!src && !!src.parent) {
                 page.survey.startMovingQuestion();
-                var isSamePanel = !!row && row.panel == src.parent;
+                var isSamePanel = !(isTargetIsContainer && dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].InsideEmptyPanel) && !!row && row.panel == src.parent;
                 if (isSamePanel) {
                     _this.moveElementInPanel(row.panel, src, dragged, targetIndex);
                     row.panel.updateRows();
@@ -29657,7 +29843,7 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
                     src.parent.removeElement(src);
                 }
             }
-            if (!_this.isEdge && !_this.isSide && (dest.isPanel || dest.isPage)) {
+            if (!_this.isEdge && !_this.isSide && isTargetIsContainer) {
                 dest.addElement(dragged);
                 dest.updateRows();
             }
@@ -29671,79 +29857,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
             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 () {
@@ -29894,38 +30007,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         }
         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"];
@@ -29998,22 +30079,10 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         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;
@@ -30035,14 +30104,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         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) {
@@ -30064,62 +30125,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
         }
         _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") {
@@ -30184,6 +30189,16 @@ var ObjType;
 var SurveyHelper = /** @class */ (function () {
     function SurveyHelper() {
     }
+    SurveyHelper.getNewElementName = function (el) {
+        var survey = el.getSurvey();
+        if (!survey)
+            return el.name;
+        if (el.isPage)
+            return this.getNewPageName(survey.pages);
+        if (el.isPanel)
+            return this.getNewPanelName(survey.getAllPanels());
+        return this.getNewQuestionName(survey.getAllQuestions());
+    };
     SurveyHelper.getNewPageName = function (objs) {
         return SurveyHelper.getNewName(objs, _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["editorLocalization"].getString("ed.newPageName"));
     };
@@ -30543,7 +30558,9 @@ __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 _json5__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./json5 */ "./src/json5.ts");
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-helper */ "./src/survey-helper.ts");
+/* harmony import */ var _json5__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./json5 */ "./src/json5.ts");
+
 
 
 
@@ -30557,6 +30574,20 @@ var SurveyForTextWorker = /** @class */ (function (_super) {
     }
     return SurveyForTextWorker;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyModel"]));
+var SurveyTextWorkerJsonErrorFixerBase = /** @class */ (function () {
+    function SurveyTextWorkerJsonErrorFixerBase() {
+    }
+    SurveyTextWorkerJsonErrorFixerBase.prototype.getCorrectAt = function (text, at, end) {
+        return at;
+    };
+    Object.defineProperty(SurveyTextWorkerJsonErrorFixerBase.prototype, "isFixable", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyTextWorkerJsonErrorFixerBase.prototype.fixError = function (text, start, end) { return text; };
+    return SurveyTextWorkerJsonErrorFixerBase;
+}());
 var SurveyTextWorkerError = /** @class */ (function () {
     function SurveyTextWorkerError(at, text) {
         this.at = at;
@@ -30564,6 +30595,25 @@ var SurveyTextWorkerError = /** @class */ (function () {
         this.rowAt = -1;
         this.columnAt = -1;
     }
+    Object.defineProperty(SurveyTextWorkerError.prototype, "isFixable", {
+        get: function () { return this.fixer.isFixable; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyTextWorkerError.prototype.fixError = function (text) { return text; };
+    Object.defineProperty(SurveyTextWorkerError.prototype, "fixer", {
+        get: function () {
+            if (!this.fixerValue) {
+                this.fixerValue = this.createFixer();
+            }
+            return this.fixerValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyTextWorkerError.prototype.createFixer = function () {
+        return new SurveyTextWorkerJsonErrorFixerBase();
+    };
     return SurveyTextWorkerError;
 }());
 
@@ -30576,45 +30626,140 @@ var SurveyTextWorkerParserError = /** @class */ (function (_super) {
     return SurveyTextWorkerParserError;
 }(SurveyTextWorkerError));
 
+var SurveyTextWorkerJsonErrorFixer = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonErrorFixer, _super);
+    function SurveyTextWorkerJsonErrorFixer(element, jsonObj) {
+        var _this = _super.call(this) || this;
+        _this.element = element;
+        _this.jsonObj = jsonObj;
+        return _this;
+    }
+    SurveyTextWorkerJsonErrorFixer.prototype.getNewIndex = function (text, findText, at, end) {
+        var index = text.indexOf(findText, at);
+        if (index > -1 && (end < 0 || index < end)) {
+            return index;
+        }
+        return -1;
+    };
+    SurveyTextWorkerJsonErrorFixer.prototype.fixError = function (text, start, end) {
+        var content = text.substring(start, end + 1);
+        var json = JSON.parse(content);
+        this.updatedJsonObjOnFix(json);
+        return this.replaceJson(text, start, end, json);
+    };
+    SurveyTextWorkerJsonErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
+    };
+    SurveyTextWorkerJsonErrorFixer.prototype.replaceJson = function (text, start, end, json) {
+        var newContent = JSON.stringify(json);
+        return text.substring(0, start) + newContent + text.substring(end + 1);
+    };
+    return SurveyTextWorkerJsonErrorFixer;
+}(SurveyTextWorkerJsonErrorFixerBase));
+var SurveyTextWorkerJsonUnknownPropertyErrorFixer = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonUnknownPropertyErrorFixer, _super);
+    function SurveyTextWorkerJsonUnknownPropertyErrorFixer(element, jsonObj, propertyName) {
+        var _this = _super.call(this, element, jsonObj) || this;
+        _this.element = element;
+        _this.jsonObj = jsonObj;
+        _this.propertyName = propertyName;
+        return _this;
+    }
+    Object.defineProperty(SurveyTextWorkerJsonUnknownPropertyErrorFixer.prototype, "isFixable", {
+        get: function () { return !!this.propertyName; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyTextWorkerJsonUnknownPropertyErrorFixer.prototype.getCorrectAt = function (text, at, end) {
+        var propName = this.propertyName;
+        if (!propName)
+            return at;
+        return this.getNewIndex(text, this.propertyName, at, end);
+    };
+    SurveyTextWorkerJsonUnknownPropertyErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
+        if (!!this.propertyName) {
+            delete json[this.propertyName];
+        }
+    };
+    return SurveyTextWorkerJsonUnknownPropertyErrorFixer;
+}(SurveyTextWorkerJsonErrorFixer));
+var SurveyTextWorkerJsonDuplicateNameErrorFixer = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonDuplicateNameErrorFixer, _super);
+    function SurveyTextWorkerJsonDuplicateNameErrorFixer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(SurveyTextWorkerJsonDuplicateNameErrorFixer.prototype, "isFixable", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyTextWorkerJsonDuplicateNameErrorFixer.prototype.getCorrectAt = function (text, at, end) {
+        var newAt = this.getNewIndex(text, "name:", at, end);
+        if (newAt > at)
+            return newAt;
+        return this.getNewIndex(text, "\"name\":", at, end);
+    };
+    SurveyTextWorkerJsonDuplicateNameErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
+        json["name"] = _survey_helper__WEBPACK_IMPORTED_MODULE_2__["SurveyHelper"].getNewElementName(this.element);
+    };
+    return SurveyTextWorkerJsonDuplicateNameErrorFixer;
+}(SurveyTextWorkerJsonErrorFixer));
+var SurveyTextWorkerJsonRequiredPropertyErrorFixer = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonRequiredPropertyErrorFixer, _super);
+    function SurveyTextWorkerJsonRequiredPropertyErrorFixer(element, jsonObj, propertyName) {
+        var _this = _super.call(this, element, jsonObj) || this;
+        _this.element = element;
+        _this.jsonObj = jsonObj;
+        _this.propertyName = propertyName;
+        return _this;
+    }
+    Object.defineProperty(SurveyTextWorkerJsonRequiredPropertyErrorFixer.prototype, "isFixable", {
+        get: function () { return this.propertyName === "name"; },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyTextWorkerJsonRequiredPropertyErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
+        var name = this.element["name"];
+        if (!name)
+            name = _survey_helper__WEBPACK_IMPORTED_MODULE_2__["SurveyHelper"].getNewElementName(this.element);
+        json["name"] = name;
+    };
+    return SurveyTextWorkerJsonRequiredPropertyErrorFixer;
+}(SurveyTextWorkerJsonErrorFixer));
 var SurveyTextWorkerJsonError = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonError, _super);
     function SurveyTextWorkerJsonError(jsonError) {
         var _this = _super.call(this, jsonError.at, jsonError.getFullDescription()) || this;
         _this.elementStart = jsonError.at;
         _this.elementEnd = jsonError.end;
-        //this.element = jsonError.element;
+        _this.element = jsonError.element;
         _this.errorType = jsonError.type;
         _this.propertyName = jsonError["propertyName"];
+        _this.jsonObj = jsonError.jsonObj;
         return _this;
     }
+    SurveyTextWorkerJsonError.prototype.createFixer = function () {
+        if (this.errorType === "unknownproperty")
+            return new SurveyTextWorkerJsonUnknownPropertyErrorFixer(this.element, this.jsonObj, this.propertyName);
+        if (this.errorType === "duplicatename")
+            return new SurveyTextWorkerJsonDuplicateNameErrorFixer(this.element, this.jsonObj);
+        if (this.errorType === "requiredproperty")
+            return new SurveyTextWorkerJsonRequiredPropertyErrorFixer(this.element, this.jsonObj, this.propertyName);
+        return _super.prototype.createFixer.call(this);
+    };
     SurveyTextWorkerJsonError.prototype.getErrorType = function () { return this.errorType; };
+    Object.defineProperty(SurveyTextWorkerJsonError.prototype, "isFixable", {
+        get: function () { return this.fixer.isFixable && this.elementStart > -1 && this.elementEnd > this.elementStart; },
+        enumerable: false,
+        configurable: true
+    });
     SurveyTextWorkerJsonError.prototype.correctAt = function (text) {
-        if (this.at < 0)
-            return;
-        if (this.propertyName && this.errorType === "unknownproperty") {
-            this.at = this.getCorrectAtForUnknowProperty(text);
-        }
-        if (this.errorType === "duplicatename") {
-            this.at = this.getCorrectAtForDuplicateName(text);
+        var newAt = this.fixer.getCorrectAt(text, this.at, this.elementEnd);
+        if (newAt > -1) {
+            this.at = newAt;
         }
     };
-    SurveyTextWorkerJsonError.prototype.getCorrectAtForUnknowProperty = function (text) {
-        var newAt = this.getNewIndex(text, this.propertyName);
-        return newAt > -1 ? newAt : this.at;
-    };
-    SurveyTextWorkerJsonError.prototype.getCorrectAtForDuplicateName = function (text) {
-        var newAt = this.getNewIndex(text, "name:");
-        if (newAt < 0) {
-            newAt = this.getNewIndex(text, "\"name\":");
-        }
-        return newAt > -1 ? newAt : this.at;
-    };
-    SurveyTextWorkerJsonError.prototype.getNewIndex = function (text, findText) {
-        var index = text.indexOf(findText, this.at);
-        if (index > -1 && (this.elementEnd < 0 || index < this.elementEnd)) {
-            return index;
-        }
-        return -1;
+    SurveyTextWorkerJsonError.prototype.fixError = function (text) {
+        return this.fixer.fixError(text, this.elementStart, this.elementEnd);
     };
     return SurveyTextWorkerJsonError;
 }(SurveyTextWorkerError));
@@ -30645,7 +30790,7 @@ var SurveyTextWorker = /** @class */ (function () {
     SurveyTextWorker.prototype.process = function () {
         var _this = this;
         try {
-            this.jsonValue = new _json5__WEBPACK_IMPORTED_MODULE_2__["SurveyJSON5"](1).parse(this.text);
+            this.jsonValue = new _json5__WEBPACK_IMPORTED_MODULE_3__["SurveyJSON5"](1).parse(this.text);
         }
         catch (error) {
             this.errors.push(new SurveyTextWorkerParserError(error.at, error.message));
@@ -30752,6 +30897,7 @@ var SurveyTextWorker = /** @class */ (function () {
         error.element = el;
         return error;
     };
+    SurveyTextWorker.newLineChar = "\n";
     return SurveyTextWorker;
 }());