survey-creator-core 1.9.95 → 1.9.97

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.95
+ * SurveyJS Creator v1.9.97
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -109,7 +109,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /*! exports provided: default, contrast, plain, simple, blank, double, bulk, pseudo-3d, playful, ultra, default-dark, contrast-dark, plain-dark, simple-dark, blank-dark, double-dark, bulk-dark, pseudo-3d-dark, playful-dark, ultra-dark, default-lw, contrast-lw, plain-lw, simple-lw, double-lw, bulk-lw, pseudo-3d-lw, playful-lw, ultra-lw, default-dark-lw, contrast-dark-lw, plain-dark-lw, simple-dark-lw, double-dark-lw, bulk-dark-lw, pseudo-3d-dark-lw, ultra-dark-lw, dark-designer */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"default\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(248, 248, 248, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(243, 243, 243, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(249, 249, 249, 1)\",\"--sjs-general-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-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-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)\"},\"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\"}}");
 
 /***/ }),
 
@@ -559,13 +559,10 @@ var ImageItemValueWrapperViewModel = /** @class */ (function (_super) {
         var _this = this;
         this.isUploading = true;
         this.creator.uploadFiles(files, this.question, function (_, link) {
-            var itemValue = _this.creator.createNewItemValue(_this.question);
-            itemValue.imageLink = link;
-            _this.question.choices.push(itemValue);
-            if (_this.isChoosingNewFile && _this.creator) {
-                _this.creator.onItemValueAddedCallback(_this.question, "choices", itemValue, _this.question.choices);
-                _this.isChoosingNewFile = false;
-            }
+            _this.creator.createNewItemValue(_this.question, _this.isChoosingNewFile, function (res) {
+                res.imageLink = link;
+            });
+            _this.isChoosingNewFile = false;
             _this.isUploading = false;
         });
     };
@@ -826,9 +823,7 @@ var ItemValueWrapperViewModel = /** @class */ (function (_super) {
     ItemValueWrapperViewModel.prototype.addNewItem = function (item, question, creator) {
         item.value = "newitem";
         var itemValue = creator.createNewItemValue(question);
-        question.choices.push(itemValue);
         this.updateNewItemValue();
-        creator.onItemValueAddedCallback(question, this.collectionPropertyName, itemValue, question.choices);
         _string_editor__WEBPACK_IMPORTED_MODULE_4__["StringEditorConnector"].get(itemValue.locText).setAutoFocus();
     };
     ItemValueWrapperViewModel.prototype.remove = function (model) {
@@ -1133,6 +1128,7 @@ __webpack_require__(/*! ./matrix-cell.scss */ "./src/components/matrix-cell.scss
 var MatrixCellWrapperEditSurvey = /** @class */ (function () {
     function MatrixCellWrapperEditSurvey(creator, cellQuestion) {
         this.cellQuestion = cellQuestion;
+        this.creator = creator;
         var questionJSON = cellQuestion.toJSON();
         questionJSON.type = cellQuestion.getType();
         this.surveyValue = creator.createSurvey({ questions: [questionJSON] }, "modal-question-editor");
@@ -1163,8 +1159,11 @@ var MatrixCellWrapperEditSurvey = /** @class */ (function () {
         if (!!prevCellType) {
             questionJSON.cellType = prevCellType;
         }
+        if (survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(questionJSON, columnJSON))
+            return;
         column.fromJSON(questionJSON);
         matrix.onColumnCellTypeChanged(column);
+        this.creator.setModified({ type: "MATRIX_CELL_EDITOR", column: column });
     };
     return MatrixCellWrapperEditSurvey;
 }());
@@ -2000,16 +1999,21 @@ var QuestionImageAdornerViewModel = /** @class */ (function (_super) {
     QuestionImageAdornerViewModel.prototype.initFilePresentationModel = function () {
         var _this = this;
         this.filePresentationModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass("file", { name: this.question.name });
-        this.filePresentationModel.setSurveyImpl(this.question.getSurvey());
+        var surveyModel = this.question.getSurvey();
+        this.filePresentationModel.setSurveyImpl(surveyModel);
         this.filePresentationModel.forceIsInputReadOnly = !this.creator.isCanModifyProperty(this.question, "imageLink");
         this.filePresentationModel.dragAreaPlaceholder = this.placeholderText;
         this.filePresentationModel.chooseButtonCaption = this.chooseImageText;
         this.filePresentationModel.acceptedTypes = "image/*";
-        this.filePresentationModel.onPropertyValueChangedCallback = function (name, oldValue, newValue, sender, arrayChanges) {
-            if (name === "value" && newValue.length > 0) {
-                _this.question.imageLink = newValue[0].content;
+        this.filePresentationModel.storeDataAsText = false;
+        surveyModel.onUploadFiles.add(function (s, o) {
+            var fileToUpload = o.files[0];
+            if (!!fileToUpload) {
+                _this.creator.uploadFiles(o.files, _this.question, function (status, link) {
+                    _this.question.imageLink = link;
+                });
             }
-        };
+        });
     };
     QuestionImageAdornerViewModel.prototype.chooseFile = function (model) {
         var fileInput = model.questionRoot.getElementsByClassName("svc-choose-file-input")[0];
@@ -3686,10 +3690,16 @@ var StringItemsNavigatorBase = /** @class */ (function () {
         return null;
     };
     StringItemsNavigatorBase.prototype.addNewItems = function (items, startIndex, itemsToAdd) {
-        var newItems = items.slice(0, startIndex).concat(itemsToAdd.map(function (text) { return new survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"](text); })).concat(items.slice(startIndex + 1));
+        var _this = this;
+        var createNewItem = function (val) {
+            if (_this.question.createItemValue)
+                return _this.question.createItemValue(val);
+            return new survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"](val);
+        };
+        var newItems = items.slice(0, startIndex).concat(itemsToAdd.map(function (text) { return createNewItem(text); })).concat(items.slice(startIndex + 1));
         this.question[this.getItemsPropertyName(items)] = newItems;
     };
-    StringItemsNavigatorBase.prototype.setEventsForItem = function (items, item) {
+    StringItemsNavigatorBase.prototype.setEventsForItem = function (creator, items, item) {
         var _this = this;
         var connector = StringEditorConnector.get(this.getItemLocString(items, item));
         connector.onEditComplete.clear();
@@ -3699,7 +3709,7 @@ var StringItemsNavigatorBase = /** @class */ (function () {
                 StringEditorConnector.get(_this.getItemLocString(items, items[itemIndex + 1])).activateEditor();
             }
             if (itemIndex == items.length - 1) {
-                _this.addNewItem(items);
+                _this.addNewItem(creator, items);
                 StringEditorConnector.get(_this.getItemLocString(items, items[items.length - 1])).setAutoFocus();
                 StringEditorConnector.get(_this.getItemLocString(items, items[items.length - 1])).activateEditor();
             }
@@ -3740,6 +3750,7 @@ var StringItemsNavigatorBase = /** @class */ (function () {
         var question = questionAdorner.element;
         var navigator = StringItemsNavigatorBase.createItemsNavigator(question);
         if (navigator) {
+            var creator_1 = questionAdorner.creator;
             var titleConnector = StringEditorConnector.get(question.locTitle);
             var allItemSets = navigator.getItemSets();
             var activeChoices_1 = allItemSets[0];
@@ -3752,13 +3763,13 @@ var StringItemsNavigatorBase = /** @class */ (function () {
             }
             allItemSets.forEach(function (activeChoices) {
                 activeChoices.forEach(function (item) {
-                    navigator.setEventsForItem(activeChoices, item);
+                    navigator.setEventsForItem(creator_1, activeChoices, item);
                 });
                 var itemsPropertyName = navigator.getItemsPropertyName(activeChoices);
                 question.onPropertyChanged.add(function (sender, options) {
                     if (options.name == itemsPropertyName) {
                         activeChoices.forEach(function (item) {
-                            navigator.setEventsForItem(activeChoices, item);
+                            navigator.setEventsForItem(creator_1, activeChoices, item);
                         });
                     }
                 });
@@ -3780,9 +3791,11 @@ var StringItemsNavigatorSelectBase = /** @class */ (function (_super) {
     StringItemsNavigatorSelectBase.prototype.getItemSets = function () {
         return [this.question.choices];
     };
-    StringItemsNavigatorSelectBase.prototype.addNewItem = function (items, text) {
+    StringItemsNavigatorSelectBase.prototype.addNewItem = function (creator, items, text) {
         if (text === void 0) { text = null; }
-        this.question.choices.push(new survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"](text || Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getNextValue"])("item", items.map(function (i) { return i.value; }))));
+        var itemValue = creator.createNewItemValue(this.question);
+        if (!!text)
+            itemValue.value = text;
     };
     StringItemsNavigatorSelectBase.prototype.getItemsPropertyName = function (items) {
         return "choices";
@@ -3800,7 +3813,7 @@ var StringItemsNavigatorMultipleText = /** @class */ (function (_super) {
     StringItemsNavigatorMultipleText.prototype.getItemSets = function () {
         return [this.question.items];
     };
-    StringItemsNavigatorMultipleText.prototype.addNewItem = function (items, text) {
+    StringItemsNavigatorMultipleText.prototype.addNewItem = function (creator, items, text) {
         if (text === void 0) { text = null; }
         this.question.addItem(text || Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getNextValue"])("text", items.map(function (i) { return i.name; })));
     };
@@ -3824,7 +3837,7 @@ var StringItemsNavigatorMatrix = /** @class */ (function (_super) {
     StringItemsNavigatorMatrix.prototype.getItemSets = function () {
         return [this.question.columns, this.question.rows];
     };
-    StringItemsNavigatorMatrix.prototype.addNewItem = function (items, text) {
+    StringItemsNavigatorMatrix.prototype.addNewItem = function (creator, items, text) {
         if (text === void 0) { text = null; }
         if (items == this.question.columns)
             this.question.addColumn(text || Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getNextValue"])("Column ", items.map(function (i) { return i.value; })));
@@ -5097,8 +5110,8 @@ var AceJsonEditorModel = /** @class */ (function (_super) {
         for (var i = 0; i < errors.length; i++) {
             var error = errors[i];
             var annotation = {
-                row: error.position.start.row,
-                column: error.position.start.column,
+                row: error.rowAt,
+                column: error.columnAt,
                 text: error.text,
                 type: "error"
             };
@@ -7334,6 +7347,9 @@ var logicCss = {
         controlLabel: "",
         materialDecorator: "",
         controlValue: "sl-dropdown__value",
+        chevronButton: "",
+        chevronButtonSvg: "",
+        chevronButtonIconId: "",
     },
     imagepicker: {
         root: "",
@@ -9483,6 +9499,7 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         configurable: true
     });
     TestSurveyTabViewModel.prototype.updateSimulatorSurvey = function (json, theme) {
+        var _this = this;
         var newSurvey = this.surveyProvider.createSurvey(json || {}, "test");
         if (this.surveyProvider.showThemeTab) {
             newSurvey.applyTheme(this.surveyProvider.theme);
@@ -9523,6 +9540,16 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         this.survey.onPageVisibleChanged.add(function (sender, options) {
             self.updatePageItem(options.page);
         });
+        this.survey.onPopupVisibleChanged.add(function (_, options) {
+            if (options.visible) {
+                _this.onScrollCallback = function () {
+                    options.popup.toggleVisibility();
+                };
+            }
+            else {
+                _this.onScrollCallback = undefined;
+            }
+        });
     };
     TestSurveyTabViewModel.prototype.setJSON = function (json, currTheme) {
         this.json = json;
@@ -9704,6 +9731,11 @@ var TestSurveyTabViewModel = /** @class */ (function (_super) {
         this.nextPageAction.css = isNextEnabled ? "sv-action-bar-item--secondary" : "";
         this.nextPageAction.enabled = isNextEnabled;
     };
+    TestSurveyTabViewModel.prototype.onScroll = function () {
+        if (this.onScrollCallback)
+            this.onScrollCallback();
+        return true;
+    };
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
             defaultValue: false,
@@ -9824,7 +9856,7 @@ survey_core__WEBPACK_IMPORTED_MODULE_1__["ComponentCollection"].Instance.add({
                 "type": "buttongroup",
                 "name": "isInset",
                 "titleLocation": "hidden",
-                "choices": [{ text: "Drop", value: false }, { text: "Inner", value: true }]
+                "choices": [{ text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowDrop"), value: false }, { text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_0__["getLocString"])("theme.boxShadowInner"), value: true }]
             }
         ]
     },
@@ -9898,12 +9930,44 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
             titleLocation: "left"
         }
     ],
+    onInit: function () {
+        survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addProperty("colorsettings", {
+            name: "choices:itemvalue[]"
+        });
+    },
+    onLoaded: function (question) {
+        syncPropertiesFromCompositeToColor(question, "titleLocation", question.titleLocation);
+        syncPropertiesFromCompositeToColor(question, "choices", question.choices);
+    },
+    onPropertyChanged: function (question, propertyName, newValue) {
+        syncPropertiesFromCompositeToColor(question, propertyName, newValue);
+    },
+    valueToQuestion: function (value) {
+        return !!value ? createColor(value) : "";
+    },
+    valueFromQuestion: function (value) {
+        return typeof value == "string" ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["parseColor"])(value) : value;
+    },
     onCreated: function (question) {
-        question.valueFromDataCallback = function (newValue) { return typeof newValue == "string" ? Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["parseColor"])(newValue) : newValue; };
-        question.valueToDataCallback = function (newValue) { return !!newValue ? (typeof newValue == "string" ? newValue : createColor(newValue)) : ""; };
         question.contentPanel.questions.forEach(function (q) { return q.allowRootStyle = false; });
     }
 });
+function syncPropertiesFromCompositeToColor(question, propertyName, newValue) {
+    var colorQuestion = question.contentPanel.questions[0];
+    if (propertyName == "titleLocation") {
+        if (newValue == "left") {
+            question.titleLocation = "hidden";
+            colorQuestion.title = question.title;
+            colorQuestion.titleLocation = newValue;
+        }
+        else {
+            colorQuestion.titleLocation = "hidden";
+        }
+    }
+    if (propertyName == "choices") {
+        colorQuestion.choices = newValue;
+    }
+}
 function createColor(value) {
     return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["ingectAlpha"])(value.color, value.opacity / 100);
 }
@@ -9930,14 +9994,14 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
     showInToolbox: false,
     elementsJSON: [
         {
-            type: "color",
+            type: "colorsettings",
             name: "backcolor",
             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.backcolor"),
             titleLocation: "left",
             descriptionLocation: "hidden"
         },
         {
-            type: "color",
+            type: "colorsettings",
             name: "hovercolor",
             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.hovercolor"),
             titleLocation: "left",
@@ -9950,13 +10014,12 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
             titleLocation: "left",
             descriptionLocation: "hidden",
             unit: "px",
-            defaultValue: 4,
             min: 0
         },
         {
             type: "expression",
             name: "cornerRadius",
-            expression: "{composite.corner}+\"px\"",
+            expression: "iif({composite.corner} notempty, {composite.corner} + 'px', '')",
             visible: false
         }
     ],
@@ -9987,6 +10050,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var DefaultFonts = [
+    "Open Sans",
     "Arial, sans-serif",
     "Brush Script MT, cursive",
     "Courier New, monospace",
@@ -10008,7 +10072,6 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
             titleLocation: "left",
             descriptionLocation: "hidden",
             choices: [].concat(DefaultFonts),
-            defaultValue: "Open Sans",
             allowClear: false
         },
         {
@@ -10022,14 +10085,12 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
                 { value: "600", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontWeightBold") },
                 { value: "700", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.fontWeightHeavy") },
             ],
-            defaultValue: "400"
         },
         {
-            type: "color",
+            type: "colorsettings",
             name: "color",
             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.color"),
             titleLocation: "left",
-            // choices: ["#00FFFF", "#00FFFF"],
             descriptionLocation: "hidden"
         },
         {
@@ -10248,7 +10309,7 @@ var TabThemePlugin = /** @class */ (function () {
                 return (_this.creator.activeTab === "theme");
             }),
             action: function () {
-                _this.model.applySelectedTheme();
+                _this.model.resetTheme();
             }
         });
         items.push(this.resetTheme);
@@ -10458,31 +10519,29 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    ThemeSurveyTabViewModel.prototype.applySelectedTheme = function (saveChanges) {
-        if (saveChanges === void 0) { saveChanges = false; }
+    ThemeSurveyTabViewModel.prototype.applySelectedTheme = function () {
         var newTheme = {};
         Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, Themes[this.getFullThemeName("default")], Themes[this.getFullThemeName()]);
         if (this.survey["isCompact"]) {
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, Themes[this.getFullThemeName() + "-lw"]);
         }
-        if (saveChanges) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, this.themeChanges);
-        }
+        Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, this.themeChanges);
         this.currentTheme.cssVariables = newTheme;
         this.loadThemeIntoPropertyGrid(this.themeEditorSurvey);
         this.setThemeToSurvey();
     };
     ThemeSurveyTabViewModel.prototype.loadTheme = function (theme) {
-        this.themeName = theme["themeName"];
-        this.themePalette = theme["themePalette"];
+        this.themeName = theme.themeName;
+        this.themePalette = theme.themePalette;
         this.themeMode = theme.isCompact ? "lightweight" : undefined;
         this.backgroundImage = theme.backgroundImage;
         this.backgroundImageFit = theme.backgroundImageFit;
+        this.backgroundImageAttachment = theme.backgroundImageAttachment;
         var fullThemeName = this.getFullThemeName();
         if (!Themes[fullThemeName]) {
             Themes[fullThemeName] = theme;
             var themeSelector = this.themeEditorSurvey.getQuestionByName("themeName");
-            themeSelector.choices = themeSelector.choices.concat(new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](theme["themeName"]));
+            themeSelector.choices = themeSelector.choices.concat(new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](theme.themeName));
         }
         var themeVariables = {};
         Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(themeVariables, this.themeVariables, theme.cssVariables);
@@ -10612,6 +10671,10 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         }
         this.pageListItems = pages;
     };
+    ThemeSurveyTabViewModel.prototype.resetTheme = function () {
+        this.themeChanges = {};
+        this.applySelectedTheme();
+    };
     ThemeSurveyTabViewModel.prototype.show = function () {
         this.showInvisibleElements = false;
         this.activePage = this.survey.activePage;
@@ -10769,15 +10832,16 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                 if (options.name === "themeMode") {
                     _this.survey["isCompact"] = options.value === "lightweight";
                     _this.currentTheme.isCompact = options.value === "lightweight";
+                    _this.applySelectedTheme();
                 }
                 else {
-                    _this.currentTheme["themeName"] = _this.themeName;
-                    _this.currentTheme["themePalette"] = _this.themePalette;
+                    _this.currentTheme.themeName = _this.themeName;
+                    _this.currentTheme.themePalette = _this.themePalette;
+                    _this.resetTheme();
                 }
-                _this.applySelectedTheme(options.name === "themeMode");
                 return;
             }
-            if (["backgroundImage", "backgroundImageFit"].indexOf(options.name) !== -1) {
+            if (["backgroundImage", "backgroundImageFit", "backgroundImageAttachment"].indexOf(options.name) !== -1) {
                 _this[options.name] = options.value;
                 return;
             }
@@ -10795,12 +10859,12 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                 _this.themeEditorSurvey.setValue("--sjs-primary-backcolor-dark", _this.colorCalculator.colorSettings.newColorDark);
             }
             if (options.name === "questionBackgroundTransparency" || options.name === "editorPanel") {
-                var baseColor = themeEditorSurvey.getValue("--sjs-general-backcolor-dim-light");
+                var baseColor = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(themeEditorSurvey.getValue("--sjs-general-backcolor-dim-light")).color;
                 var questionBackgroundTransparencyValue = themeEditorSurvey.getValue("questionBackgroundTransparency");
                 _this.themeChanges["--sjs-editor-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, questionBackgroundTransparencyValue / 100);
             }
             if (options.name === "panelBackgroundTransparency" || options.name === "questionPanel") {
-                var baseColor = themeEditorSurvey.getValue("--sjs-general-backcolor");
+                var baseColor = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["parseColor"])(themeEditorSurvey.getValue("--sjs-general-backcolor")).color;
                 var panelBackgroundTransparencyValue = themeEditorSurvey.getValue("panelBackgroundTransparency");
                 _this.themeChanges["--sjs-question-background"] = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["ingectAlpha"])(baseColor, panelBackgroundTransparencyValue / 100);
             }
@@ -10849,6 +10913,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newCssVariables, this.currentTheme.cssVariables);
         themeEditorSurvey.getQuestionByName("backgroundImage").value = this.backgroundImage;
         themeEditorSurvey.getQuestionByName("backgroundImageFit").value = this.backgroundImageFit;
+        themeEditorSurvey.getQuestionByName("backgroundImageAttachment").value = this.backgroundImageAttachment;
         themeEditorSurvey.getQuestionByName("questionPanel").contentPanel.getQuestionByName("backcolor").value = newCssVariables["--sjs-general-backcolor"];
         themeEditorSurvey.getQuestionByName("questionPanel").contentPanel.getQuestionByName("hovercolor").value = newCssVariables["--sjs-general-backcolor-dark"];
         themeEditorSurvey.getQuestionByName("editorPanel").contentPanel.getQuestionByName("backcolor").value = newCssVariables["--sjs-general-backcolor-dim-light"];
@@ -10858,7 +10923,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         themeEditorSurvey.getQuestionByName("questionTitle").contentPanel.getQuestionByName("color").value = newCssVariables["--sjs-general-forecolor"];
         themeEditorSurvey.getQuestionByName("questionDescription").contentPanel.getQuestionByName("color").value = newCssVariables["--sjs-general-forecolor-light"];
         themeEditorSurvey.getAllQuestions().forEach(function (question) {
-            if (["color"].indexOf(question.getType()) !== -1) {
+            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)); });
             }
         });
@@ -10926,14 +10991,12 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     name: "--sjs-primary-backcolor",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryColor"),
                                     descriptionLocation: "hidden",
-                                    defaultValue: "rgba(25, 179, 148, 1)"
                                 },
                                 {
                                     type: "color",
                                     name: "--sjs-general-backcolor-dim",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
                                     descriptionLocation: "hidden",
-                                    defaultValue: "rgba(243, 243, 243, 1)"
                                 },
                                 {
                                     type: "panel",
@@ -10958,6 +11021,16 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                             ],
                                             defaultValue: "cover"
                                         },
+                                        {
+                                            type: "buttongroup",
+                                            name: "backgroundImageAttachment",
+                                            titleLocation: "hidden",
+                                            choices: [
+                                                { value: "fixed", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageAttachmentFixed") },
+                                                { value: "scroll", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundImageAttachmentScroll") }
+                                            ],
+                                            defaultValue: "scroll"
+                                        },
                                         {
                                             type: "spinedit",
                                             name: "backgroundOpacity",
@@ -11074,34 +11147,30 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     name: "--sjs-general-backcolor-dim",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.backgroundDimColor"),
                                     descriptionLocation: "hidden",
-                                    defaultValue: "rgba(243, 243, 243, 1)"
                                 }, {
                                     type: "panel",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentBackground"),
                                     elements: [
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-backcolor",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDefaultColor"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(25, 179, 148, 1)"
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-backcolor-dark",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDarkColor"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(20, 164, 139, 1)"
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-backcolor-light",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(232, 247, 244, 1)"
                                         }
                                     ]
                                 }, {
@@ -11109,20 +11178,18 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.accentForeground"),
                                     elements: [
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-forecolor",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolor"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(255, 255, 255, 1)"
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-forecolor-light",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolorLight"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(255, 255, 255, 1)"
                                         }
                                     ]
                                 }
@@ -11136,6 +11203,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.surveyTitle"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
+                                        family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
                                         color: "rgba(22, 22, 22, 1)",
                                         weight: "700",
                                         size: 32
@@ -11146,6 +11214,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageTitle"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
+                                        family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
                                         color: "rgba(22, 22, 22, 1)",
                                         weight: "700",
                                         size: 24
@@ -11156,7 +11225,9 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.pageDescription"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
+                                        family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
                                         color: "rgba(22, 22, 22, 1)",
+                                        weight: "400",
                                         size: 16
                                     }
                                 }
@@ -11200,6 +11271,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionTitle"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
+                                        family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
                                         color: "rgba(22, 22, 22, 1)",
                                         weight: "600",
                                         size: 16,
@@ -11210,7 +11282,9 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.questionDescription"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
+                                        family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
                                         color: "rgba(22, 22, 22, 1)",
+                                        weight: "400",
                                         size: 16
                                     }
                                 }
@@ -11253,7 +11327,9 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.editorFont"),
                                     descriptionLocation: "hidden",
                                     defaultValue: {
+                                        family: _creator_settings__WEBPACK_IMPORTED_MODULE_7__["settings"].theme.fontFamily,
                                         color: "rgba(22, 22, 22, 1)",
+                                        weight: "400",
                                         size: 16
                                     }
                                 }
@@ -11265,20 +11341,18 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.linesColors"),
                                     elements: [
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-border-default",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderDefault"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(214, 214, 214, 1)"
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-border-light",
                                             title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderLight"),
                                             titleLocation: "left",
                                             descriptionLocation: "hidden",
-                                            defaultValue: "rgba(232, 232, 232, 1)"
                                         }
                                     ]
                                 }]
@@ -11335,21 +11409,37 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         })
     ], ThemeSurveyTabViewModel.prototype, "activePage", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ onSet: function (newValue, _target) {
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            onSet: function (newValue, _target) {
                 if (!!_target.survey) {
                     _target.survey.backgroundImage = newValue;
                 }
                 _target.currentTheme["backgroundImage"] = newValue;
-            } })
+            }
+        })
     ], ThemeSurveyTabViewModel.prototype, "backgroundImage", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
-        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "cover", onSet: function (newValue, _target) {
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            defaultValue: "cover",
+            onSet: function (newValue, _target) {
                 if (!!_target.survey) {
                     _target.survey.backgroundImageFit = newValue;
                 }
                 _target.currentTheme["backgroundImageFit"] = newValue;
-            } })
+            }
+        })
     ], ThemeSurveyTabViewModel.prototype, "backgroundImageFit", void 0);
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
+        Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({
+            defaultValue: "scroll",
+            onSet: function (newValue, _target) {
+                if (!!_target.survey) {
+                    _target.survey.backgroundImageAttachment = newValue;
+                }
+                _target.currentTheme["backgroundImageAttachment"] = newValue;
+            }
+        })
+    ], ThemeSurveyTabViewModel.prototype, "backgroundImageAttachment", void 0);
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
         Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["property"])({ defaultValue: "default" })
     ], ThemeSurveyTabViewModel.prototype, "themeName", void 0);
@@ -11823,7 +11913,6 @@ var translationCss = {
         root: "st-selectbase",
         small: "st-row__question--small",
         control: "st-input st-dropdown",
-        selectWrapper: "",
         other: "st-comment st-question__other",
         onError: "st-input--error",
         label: "st-selectbase__label",
@@ -13802,6 +13891,13 @@ var CreatorBase = /** @class */ (function (_super) {
           *- options.oldValue: the previous value of the changed property
           *- options.newValue: the new value of the changed property
           *
+          *- 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: "OBJECT_DELETED"
           *- options.target: deleted object
           *
@@ -14701,7 +14797,10 @@ var CreatorBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(CreatorBase.prototype, "showSidebar", {
         /**
-         * Set this this property grid false to hide the property grid.
+         * Specifies whether to show the sidebar that displays Property Grid.
+         *
+         * Default value: `true`
+         * @see sidebarLocation
          */
         get: function () {
             return this.showSidebarValue;
@@ -15398,6 +15497,10 @@ var CreatorBase = /** @class */ (function (_super) {
         options.type = "PROPERTY_CHANGED";
         this.setModified(options);
     };
+    CreatorBase.prototype.notifySurveyItemMoved = function (options) {
+        options.type = "ELEMENT_REORDERED";
+        this.setModified(options);
+    };
     /**
      * This function triggers user notification (via the alert() function if no onNotify event handler added).
      * @see onNotify
@@ -15496,6 +15599,7 @@ var CreatorBase = /** @class */ (function (_super) {
         }
         this.addNewElementReason = modifiedType;
         var currentRow = this.findRowByElement(selectedElement, parent);
+        element.setVisibleIndex(-1);
         if (currentRow && this.isRowMultiline(currentRow)) {
             this.addElemenMultiline(parent, element, index, currentRow);
         }
@@ -16467,10 +16571,19 @@ var CreatorBase = /** @class */ (function (_super) {
         var itemText = this.getChoicesItemBaseTitle();
         return Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["getNextItemValue"])(itemText, question.choices);
     };
-    CreatorBase.prototype.createNewItemValue = function (question) {
+    CreatorBase.prototype.createNewItemValue = function (question, callEvent, callback) {
+        if (callEvent === void 0) { callEvent = true; }
         var nextValue = this.getNextItemValue(question);
         var res = question.createItemValue(nextValue);
         res.text = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["getNextItemText"])(question.choices);
+        question.choices.push(res);
+        if (callback) {
+            callback(res);
+        }
+        if (callEvent) {
+            var propName = !!res.ownerPropertyName ? res.ownerPropertyName : "choices";
+            this.onItemValueAddedCallback(question, propName, res, question.choices);
+        }
         return res;
     };
     CreatorBase.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
@@ -17005,7 +17118,8 @@ var settings = {
         exportFileName: "survey_translation.csv"
     },
     theme: {
-        exportFileName: "survey_theme.json"
+        exportFileName: "survey_theme.json",
+        fontFamily: "Open Sans"
     },
     operators: {
         empty: [],
@@ -17248,6 +17362,8 @@ var QuestionColorModel = /** @class */ (function (_super) {
         return _this;
     }
     QuestionColorModel.prototype.getCorrectedValue = function (newValue) {
+        if (newValue == undefined || newValue == null)
+            return newValue;
         newValue = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["parseColor"])(newValue !== null && newValue !== void 0 ? newValue : "").color;
         newValue = (newValue.match(/#(\d|\w){1,6}/) || [DEFAULT_COLOR])[0];
         if (newValue.length === 4) {
@@ -17344,9 +17460,7 @@ var QuestionColorModel = /** @class */ (function (_super) {
     });
     QuestionColorModel.prototype.createDropdownAction = function () {
         var _this = this;
-        var action = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createDropdownActionModelAdvanced"])({
-            iconName: this.cssClasses.colorDropdownIcon
-        }, {
+        var action = Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["createDropdownActionModelAdvanced"])({}, {
             onSelectionChanged: function (item) {
                 _this.value = item.value;
             },
@@ -17358,15 +17472,23 @@ var QuestionColorModel = /** @class */ (function (_super) {
         });
         var popupModel = action.popupModel;
         var listModel = popupModel.contentComponentData.model;
-        listModel.cssClasses = {
-            itemBody: listModel.cssClasses.itemBody + " " + this.cssClasses.colorItem
-        };
         popupModel.setWidthByTarget = true;
         popupModel.positionMode = "fixed";
         listModel.isItemSelected = function (itemValue) { return itemValue.value == _this.value; };
-        action.cssClasses = { item: this.cssClasses.colorDropdown };
         return action;
     };
+    QuestionColorModel.prototype.calcCssClasses = function (css) {
+        var classes = _super.prototype.calcCssClasses.call(this, css);
+        var dropdownAction = this.dropdownAction;
+        dropdownAction.cssClasses = { item: classes.colorDropdown };
+        dropdownAction.iconName = classes.colorDropdownIcon;
+        var listModel = dropdownAction.popupModel.contentComponentData.model;
+        listModel.cssClasses = {};
+        listModel.cssClasses = {
+            itemBody: listModel.cssClasses.itemBody + " " + classes.colorItem
+        };
+        return classes;
+    };
     QuestionColorModel.prototype.updateChoices = function () {
         this.dropdownAction.popupModel.contentComponentData.model.setItems(this.choices);
     };
@@ -17526,6 +17648,9 @@ var QuestionSpinEditorModel = /** @class */ (function (_super) {
             _this.decrease();
             _this.decreaseTimer = setTimeout(_this.onDownButtonMouseDown, 200);
         };
+        _this.onButtonMouseLeave = function () {
+            _this.onButtonMouseUp();
+        };
         _this.onButtonMouseUp = function () {
             clearTimeout(_this.decreaseTimer);
             clearTimeout(_this.increaseTimer);
@@ -17584,6 +17709,8 @@ var QuestionSpinEditorModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionSpinEditorModel.prototype.correctValue = function (newValue) {
+        if (newValue == undefined || newValue == null)
+            return newValue;
         var renderedMax = Number(this.renderedMax);
         var renderedMin = Number(this.renderedMin);
         newValue = typeof newValue === "string" ? parseFloat(newValue) : newValue;
@@ -18156,7 +18283,7 @@ var __spreadArray = function (to, from) {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, EmbedModel, TabEmbedPlugin, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, createColor, createBoxShadow, parseBoxShadow, DefaultFonts, Themes, PredefinedThemes, PredefinedColors, ThemeSurveyTabViewModel, TabThemePlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorker, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
+/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, CreatorBase, SurveyCreatorModel, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, EmbedModel, TabEmbedPlugin, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, createColor, createBoxShadow, parseBoxShadow, DefaultFonts, Themes, PredefinedThemes, PredefinedColors, ThemeSurveyTabViewModel, TabThemePlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorColor, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -18509,8 +18636,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_57__["svgBundle"]; });
 
 /* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_58__["SurveyTextWorkerError"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerParserError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_58__["SurveyTextWorkerParserError"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerJsonError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_58__["SurveyTextWorkerJsonError"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_58__["SurveyTextWorker"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "JsonDuplicateNameError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_58__["JsonDuplicateNameError"]; });
+
 /* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_59__["QuestionToolboxCategory"]; });
 
@@ -18617,7 +18752,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.95";
+Version = "" + "1.9.97";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -18706,7 +18841,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.95", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.97", "survey-creator-core");
 
 
 /***/ }),
@@ -21747,6 +21882,8 @@ var enStrings = {
         "backgroundImageFitCover": "Cover",
         "backgroundImageFitContain": "Contain",
         "backgroundOpacity": "Opacity",
+        "backgroundImageAttachmentFixed": "Fixed",
+        "backgroundImageAttachmentScroll": "Scroll",
         "panelBackgroundTransparency": "Panel Background Transparency",
         "questionBackgroundTransparency": "Question Background Transparency",
         questionPanel: "Question Panel",
@@ -21783,6 +21920,8 @@ var enStrings = {
         opacity: "Opacity",
         boxShadowBlur: "Blur",
         boxShadowSpread: "Spread",
+        boxShadowDrop: "Drop",
+        boxShadowInner: "Inner",
         questionShadow: "Question Panel Border / Shadow",
         editorShadow: "Editor Border / Shadow",
         names: {
@@ -22094,6 +22233,8 @@ var UndoRedoController = /** @class */ (function (_super) {
         }
         this.undoRedoManager = new _undo_redo_manager__WEBPACK_IMPORTED_MODULE_3__["UndoRedoManager"]();
         this.undoRedoManager.changesFinishedCallback = function (actions, isUndo) {
+            if (_this.notifySurveyMoveItem(actions, isUndo))
+                return;
             for (var i = actions.length - 1; i >= 0; i--) {
                 var action = actions[i];
                 if (!!action) {
@@ -22111,6 +22252,34 @@ var UndoRedoController = /** @class */ (function (_super) {
             _this.updateUndeRedoActions();
         };
     };
+    UndoRedoController.prototype.notifySurveyMoveItem = function (actions, isUndo) {
+        if (actions.length !== 2)
+            false;
+        var act1 = actions[0];
+        var act2 = actions[1];
+        if (!act1 || !act2)
+            return false;
+        var changes1 = act1.getChanges(isUndo);
+        var changes2 = act2.getChanges(isUndo);
+        if (changes1.object !== changes2.object || changes1.propertyName !== changes2.propertyName)
+            return false;
+        var act1Del = act1.getDeletedElement(isUndo);
+        var act1Ins = act1.getInsertedElement(isUndo);
+        var act2Del = act2.getDeletedElement(isUndo);
+        var act2Ins = act2.getInsertedElement(isUndo);
+        if (act1Del === act1Ins || (act1Del !== act2Ins && act1Ins !== act2Del))
+            return false;
+        var indexFrom = act1Del ? act1.getIndex() : act2.getIndex();
+        var indexTo = act1Ins ? act1.getIndex() : act2.getIndex();
+        this.creator.notifySurveyItemMoved({
+            arrayName: changes1.propertyName,
+            parent: changes1.object,
+            element: act1Del ? act1Del : act1Ins,
+            indexFrom: !isUndo ? indexFrom : indexTo,
+            indexTo: !isUndo ? indexTo : indexFrom
+        });
+        return true;
+    };
     UndoRedoController.prototype.selectElementAfterUndo = function () {
         this.selectElementAfterUndoCore(this.creator.selectedElement);
     };
@@ -22244,7 +22413,7 @@ var UndoRedoManager = /** @class */ (function () {
         transaction.addAction(action);
     };
     UndoRedoManager.prototype.isCorrectProperty = function (sender, propertyName) {
-        var prop = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].findProperty(sender.getType(), propertyName);
+        var prop = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getOriginalProperty(sender, propertyName);
         return !!prop && prop.isSerializable;
     };
     UndoRedoManager.prototype.tryMergeTransaction = function (sender, propertyName, newValue) {
@@ -22429,10 +22598,13 @@ var UndoRedoAction = /** @class */ (function () {
             newValue: isUndo ? this._oldValue : this._newValue
         };
     };
+    UndoRedoAction.prototype.getDeletedElement = function (isUndo) { return undefined; };
+    UndoRedoAction.prototype.getInsertedElement = function (isUndo) { return undefined; };
+    UndoRedoAction.prototype.getIndex = function () { return -1; };
     UndoRedoAction.prototype.tryMerge = function (sender, propertyName, newValue) {
         if (sender !== this._sender || propertyName !== this._propertyName || newValue == this._oldValue)
             return false;
-        var prop = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].findProperty(sender.getType(), propertyName);
+        var prop = survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].getOriginalProperty(sender, propertyName);
         if (!prop || (prop.type !== "string" && prop.type !== "text"))
             return false;
         if (new Date().getTime() - this.tickCount > UndoRedoAction.maximumMergeTime)
@@ -22474,6 +22646,15 @@ var UndoRedoArrayAction = /** @class */ (function () {
             newValue: this._itemsToAdd
         };
     };
+    UndoRedoArrayAction.prototype.getDeletedElement = function (isUndo) { return this.getMovedElement(this._deletedItems, this._itemsToAdd, isUndo); };
+    UndoRedoArrayAction.prototype.getInsertedElement = function (isUndo) { return this.getMovedElement(this._itemsToAdd, this._deletedItems, isUndo); };
+    UndoRedoArrayAction.prototype.getIndex = function () { return this._index; };
+    UndoRedoArrayAction.prototype.getMovedElement = function (items1, items2, isUndo) {
+        var items = isUndo ? items2 : items1;
+        if (Array.isArray(items) && items.length === 1)
+            return items[0];
+        return undefined;
+    };
     UndoRedoArrayAction.prototype.tryMerge = function (sender, propertyName, newValue) {
         return false;
     };
@@ -22682,9 +22863,12 @@ var propertyGridCss = {
         small: "spg-row__question--small sd-row__question--small",
         control: "spg-input spg-dropdown sd-input sd-dropdown",
         filterStringInput: "sd-dropdown__filter-string-input spg-dropdown__filter-string-input",
-        selectWrapper: "",
         other: "spg-comment spg-question__other",
-        onError: "spg-input--error"
+        onError: "spg-input--error",
+        selectWrapper: "sv-dropdown_select-wrapper spg-dropdown_select-wrapper",
+        chevronButton: "sd-dropdown_chevron-button spg-dropdown_chevron-button",
+        chevronButtonSvg: "sd-dropdown_chevron-button-svg",
+        chevronButtonIconId: "icon-chevron",
     },
     imagepicker: {
         root: "spg-imagepicker",
@@ -24704,6 +24888,12 @@ var PropertyGridEditorCollection = {
             res.onCreated(obj, question, prop, options);
         }
     },
+    onSetup: function (obj, question, prop, options) {
+        var res = this.getEditor(prop);
+        if (!!res && !!res.onSetup) {
+            res.onSetup(obj, question, prop, options);
+        }
+    },
     validateValue: function (obj, question, prop, value) {
         var res = this.getEditor(prop);
         if (!!res && !!res.validateValue) {
@@ -25219,6 +25409,9 @@ var PropertyGridModel = /** @class */ (function () {
             return;
         new PropertyJSONGenerator(this.obj, this.options).setupObjPanel(page, false);
         this.survey.addPage(page);
+        this.survey.getAllQuestions().forEach(function (q) {
+            PropertyGridEditorCollection.onSetup(_this.obj, q, q.property, _this.options);
+        });
         this.survey.checkErrorsMode = "onValueChanging";
         this.survey.onValueChanged.add(function (sender, options) {
             _this.onValueChanged(options);
@@ -26198,6 +26391,13 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         };
         this.setupMatrixQuestion(obj, question, prop);
     };
+    PropertyGridEditorMatrix.prototype.onSetup = function (obj, question, prop, options) {
+        var matrix = question;
+        if (matrix.allowRowsDragAndDrop && matrix.dragDropMatrixRows) {
+            matrix.dragDropMatrixRows.onDragStart.add(function () { options.startUndoRedoTransaction(); });
+            matrix.dragDropMatrixRows.onDragEnd.add(function () { options.stopUndoRedoTransaction(); });
+        }
+    };
     PropertyGridEditorMatrix.prototype.initializeAcceptedTypes = function (obj, cellQuestion) {
         if (obj.getType() === "imagepicker" && cellQuestion.name == "imageLink" && cellQuestion.getType() == "fileedit") {
             obj.registerFunctionOnPropertyValueChanged("contentMode", function (newValue) {
@@ -30093,12 +30293,16 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["SvgRegistry"].registerIconsFromFolder(
 /*!***************************!*\
   !*** ./src/textWorker.ts ***!
   \***************************/
-/*! exports provided: SurveyTextWorker */
+/*! exports provided: SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerError", function() { return SurveyTextWorkerError; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerParserError", function() { return SurveyTextWorkerParserError; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerJsonError", function() { return SurveyTextWorkerJsonError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return SurveyTextWorker; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonDuplicateNameError", function() { return JsonDuplicateNameError; });
 /* 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__);
@@ -30116,6 +30320,68 @@ var SurveyForTextWorker = /** @class */ (function (_super) {
     }
     return SurveyForTextWorker;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyModel"]));
+var SurveyTextWorkerError = /** @class */ (function () {
+    function SurveyTextWorkerError(at, text) {
+        this.at = at;
+        this.text = text;
+        this.rowAt = -1;
+        this.columnAt = -1;
+    }
+    return SurveyTextWorkerError;
+}());
+
+var SurveyTextWorkerParserError = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerParserError, _super);
+    function SurveyTextWorkerParserError() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SurveyTextWorkerParserError.prototype.getErrorType = function () { return "parseerror"; };
+    return SurveyTextWorkerParserError;
+}(SurveyTextWorkerError));
+
+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.errorType = jsonError.type;
+        _this.propertyName = jsonError["propertyName"];
+        return _this;
+    }
+    SurveyTextWorkerJsonError.prototype.getErrorType = function () { return this.errorType; };
+    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);
+        }
+    };
+    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;
+    };
+    return SurveyTextWorkerJsonError;
+}(SurveyTextWorkerError));
+
 var SurveyTextWorker = /** @class */ (function () {
     function SurveyTextWorker(text) {
         this.text = text;
@@ -30140,32 +30406,27 @@ var SurveyTextWorker = /** @class */ (function () {
         configurable: true
     });
     SurveyTextWorker.prototype.process = function () {
+        var _this = this;
         try {
             this.jsonValue = new _json5__WEBPACK_IMPORTED_MODULE_2__["SurveyJSON5"](1).parse(this.text);
         }
         catch (error) {
-            this.errors.push({
-                pos: { start: error.at, end: -1 },
-                text: error.message,
-            });
+            this.errors.push(new SurveyTextWorkerParserError(error.at, error.message));
         }
         if (this.jsonValue != null) {
             this.updateJsonPositions(this.jsonValue);
-            var pureJsonValue = new _json5__WEBPACK_IMPORTED_MODULE_2__["SurveyJSON5"]().parse(this.text);
-            this.surveyValue = new SurveyForTextWorker(pureJsonValue);
-            if (this.surveyValue.jsonErrors != null) {
-                for (var i = 0; i < this.surveyValue.jsonErrors.length; i++) {
-                    var error = this.surveyValue.jsonErrors[i];
-                    this.errors.push({
-                        pos: { start: error.at, end: -1 },
-                        text: error.getFullDescription(),
-                    });
+            this.surveyValue = new SurveyForTextWorker(this.jsonValue);
+            var jsonErrors = this.surveyValue.jsonErrors;
+            if (Array.isArray(jsonErrors)) {
+                for (var i = 0; i < jsonErrors.length; i++) {
+                    var error = new SurveyTextWorkerJsonError(jsonErrors[i]);
+                    error.correctAt(this.text);
+                    this.errors.push(error);
                 }
             }
+            this.getDuplicatedNamesErrors().forEach(function (error) { return _this.errors.push(error); });
         }
-        this.surveyObjects = this.createSurveyObjects();
-        this.setEditorPositionByChartAt(this.surveyObjects);
-        this.setEditorPositionByChartAt(this.errors);
+        this.setErrorsPositionByChartAt();
     };
     SurveyTextWorker.prototype.updateJsonPositions = function (jsonObj) {
         jsonObj["pos"]["self"] = jsonObj;
@@ -30177,41 +30438,25 @@ var SurveyTextWorker = /** @class */ (function () {
             }
         }
     };
-    SurveyTextWorker.prototype.createSurveyObjects = function () {
-        var result = [];
-        if (this.surveyValue == null)
-            return result;
-        for (var i = 0; i < this.surveyValue.pages.length; i++) {
-            var page = this.surveyValue.pages[i];
-            if (i == 0 && !page["pos"]) {
-                page["pos"] = this.surveyValue["pos"];
-            }
-            result.push(page);
-            for (var j = 0; j < page.questions.length; j++) {
-                result.push(page.questions[j]);
-            }
-        }
-        return result;
-    };
-    SurveyTextWorker.prototype.setEditorPositionByChartAt = function (objects) {
-        if (objects == null || objects.length == 0)
+    SurveyTextWorker.prototype.setErrorsPositionByChartAt = function () {
+        if (this.errors.length === 0)
             return;
+        this.errors.sort(function (el1, el2) {
+            if (el1.at > el2.at)
+                return 1;
+            if (el1.at < el2.at)
+                return -1;
+            return 0;
+        });
         var position = { row: 0, column: 0 };
-        var atObjectsArray = this.getAtArray(objects);
         var startAt = 0;
-        for (var i = 0; i < atObjectsArray.length; i++) {
-            var at = atObjectsArray[i].at;
+        for (var i = 0; i < this.errors.length; i++) {
+            var at = this.errors[i].at;
             position = this.getPostionByChartAt(position, startAt, at);
-            var obj = atObjectsArray[i].obj;
-            if (!obj.position)
-                obj.position = {};
-            if (at == obj.pos.start) {
-                obj.position.start = position;
-            }
-            else {
-                if (at == obj.pos.end) {
-                    obj.position.end = position;
-                }
+            var error = this.errors[i];
+            if (at == error.at) {
+                error.columnAt = position.column;
+                error.rowAt = position.row;
             }
             startAt = at;
         }
@@ -30231,29 +30476,58 @@ var SurveyTextWorker = /** @class */ (function () {
         }
         return result;
     };
-    SurveyTextWorker.prototype.getAtArray = function (objects) {
-        var result = [];
-        for (var i = 0; i < objects.length; i++) {
-            var obj = objects[i];
-            var pos = obj.pos;
-            if (!pos)
-                continue;
-            result.push({ at: pos.start, obj: obj });
-            if (pos.end > 0) {
-                result.push({ at: pos.end, obj: obj });
-            }
-        }
-        return result.sort(function (el1, el2) {
-            if (el1.at > el2.at)
-                return 1;
-            if (el1.at < el2.at)
-                return -1;
-            return 0;
+    SurveyTextWorker.prototype.getDuplicatedNamesErrors = function () {
+        var _this = this;
+        var res = [];
+        this.getDuplicatedElements().forEach(function (el) {
+            var error = new SurveyTextWorkerJsonError(_this.createDuplicatedError(el));
+            error.correctAt(_this.text);
+            if (error)
+                res.push(error);
         });
+        return res;
+    };
+    SurveyTextWorker.prototype.getDuplicatedElements = function () {
+        var _this = this;
+        var res = [];
+        var names = {};
+        this.survey.pages.forEach(function (p) { return _this.checkDuplicatedElement(p, names, res); });
+        this.survey.getAllPanels().forEach(function (p) { return _this.checkDuplicatedElement(p, names, res); });
+        this.survey.getAllQuestions().forEach(function (q) { return _this.checkDuplicatedElement(q, names, res); });
+        return res;
+    };
+    SurveyTextWorker.prototype.checkDuplicatedElement = function (el, names, duplicates) {
+        var name = el["name"];
+        if (names[name]) {
+            duplicates.push(el);
+        }
+        else {
+            names[name] = true;
+        }
+    };
+    SurveyTextWorker.prototype.createDuplicatedError = function (el) {
+        var pos = el["pos"];
+        if (!pos)
+            return undefined;
+        var error = new survey_core__WEBPACK_IMPORTED_MODULE_1__["JsonError"]("duplicatename", "The name: '" + el["name"] + "' is duplicated.");
+        error.at = pos.start;
+        error.end = pos.end;
+        error.element = el;
+        return error;
     };
     return SurveyTextWorker;
 }());
 
+var JsonDuplicateNameError = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(JsonDuplicateNameError, _super);
+    function JsonDuplicateNameError(el) {
+        var _this = _super.call(this, "duplicatename", "The name: '" + el["name"] + "' is duplicated.") || this;
+        _this.element = el;
+        return _this;
+    }
+    return JsonDuplicateNameError;
+}(survey_core__WEBPACK_IMPORTED_MODULE_1__["JsonError"]));
+
 
 
 /***/ }),