survey-creator-core 1.9.96 → 1.9.98

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.96
+ * SurveyJS Creator v1.9.98
  * (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) {
@@ -1635,7 +1630,6 @@ var PageAdorner = /** @class */ (function (_super) {
                         "description"
                     ]);
                     currentPage.name = _survey_helper__WEBPACK_IMPORTED_MODULE_4__["SurveyHelper"].getNewPageName(_this.creator.survey.pages);
-                    _this.dragTypeOverMe = null;
                     return true;
                 })) {
                     _this.creator.survey.currentPage = currentPage;
@@ -1650,29 +1644,50 @@ var PageAdorner = /** @class */ (function (_super) {
             _this.currentAddQuestionType = type;
             _this.addGhostPage();
         });
-        _this.attachElement(_this.page);
+        _this.attachElement(page);
         return _this;
     }
+    PageAdorner.prototype.updateDragTypeOverMe = function () {
+        this.dragTypeOverMe = this.page.dragTypeOverMe;
+    };
     PageAdorner.prototype.attachElement = function (surveyElement) {
         var _this = this;
         _super.prototype.attachElement.call(this, surveyElement);
-        if (!!this.page) {
-            this.dragTypeOverMe = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return _this.page.dragTypeOverMe; });
-            this.page["surveyChangedCallback"] = function () {
-                _this.isPageLive = !!_this.page.survey;
+        this.dragTypeOverMe = null;
+        if (!!surveyElement) {
+            surveyElement["surveyChangedCallback"] = function () {
+                _this.isPageLive = !!surveyElement.survey;
             };
             if (this.isGhost) {
                 this.updateActionsProperties();
-                this.page.registerFunctionOnPropertiesValueChanged(["title", "description"], function () {
+                surveyElement.registerFunctionOnPropertiesValueChanged(["title", "description"], function () {
                     _this.addGhostPage();
                 });
-                this.patchPageForDragDrop(this.page, this.addGhostPage);
+                this.patchPageForDragDrop(surveyElement, this.addGhostPage);
             }
-            this.page.onFirstRendering();
-            this.page.updateCustomWidgets();
-            this.page.setWasShown(true);
+            surveyElement.registerFunctionOnPropertiesValueChanged(["dragTypeOverMe"], function () {
+                _this.updateDragTypeOverMe();
+            });
+            surveyElement.onFirstRendering();
+            surveyElement.updateCustomWidgets();
+            surveyElement.setWasShown(true);
             this.checkActionProperties();
+            this.dragTypeOverMe = surveyElement.dragTypeOverMe;
+        }
+    };
+    PageAdorner.prototype.detachElement = function (surveyElement) {
+        if (!!surveyElement) {
+            surveyElement.unRegisterFunctionOnPropertiesValueChanged([
+                "dragTypeOverMe"
+            ]);
+            surveyElement.unRegisterFunctionOnPropertiesValueChanged([
+                "title",
+                "description"
+            ]);
+            surveyElement["surveyChangedCallback"] = undefined;
         }
+        _super.prototype.detachElement.call(this, surveyElement);
+        this.dragTypeOverMe = null;
     };
     PageAdorner.prototype.onElementSelectedChanged = function (isSelected) {
         _super.prototype.onElementSelectedChanged.call(this, isSelected);
@@ -1692,13 +1707,7 @@ var PageAdorner = /** @class */ (function (_super) {
     };
     PageAdorner.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
-        if (!!this.page) {
-            this.page.unRegisterFunctionOnPropertiesValueChanged([
-                "title",
-                "description"
-            ]);
-            this.page["surveyChangedCallback"] = undefined;
-        }
+        this.detachElement(this.page);
         this.onPropertyValueChangedCallback = undefined;
     };
     Object.defineProperty(PageAdorner.prototype, "isGhost", {
@@ -2004,16 +2013,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 = new survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyModel"]();
+        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];
@@ -3670,6 +3684,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var StringItemsNavigatorBase = /** @class */ (function () {
     function StringItemsNavigatorBase(question) {
         this.question = question;
@@ -3690,10 +3705,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();
@@ -3703,7 +3724,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();
             }
@@ -3744,6 +3765,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];
@@ -3756,13 +3778,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);
                         });
                     }
                 });
@@ -3784,9 +3806,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";
@@ -3804,7 +3828,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; })));
     };
@@ -3828,7 +3852,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; })));
@@ -4050,7 +4074,19 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
             !(!this.locString.text && clearedText == this.locString.calculatedText)) {
             if (!this.errorText) {
                 if (this.locString.owner instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"] && this.creator.inplaceEditForValues) {
-                    this.locString.owner.value = clearedText;
+                    var itemValue = this.locString.owner;
+                    if (itemValue.value !== clearedText) {
+                        if (!!itemValue.locOwner && !!itemValue.ownerPropertyName) {
+                            var choices = itemValue.locOwner[itemValue.ownerPropertyName];
+                            if (Array.isArray(choices) && !!survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"].getItemByValue(choices, clearedText)) {
+                                clearedText = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getNextItemValue"])(clearedText, choices);
+                                if (!!event && !!event.target) {
+                                    event.target.innerText = clearedText;
+                                }
+                            }
+                        }
+                        itemValue.value = clearedText;
+                    }
                 }
                 else {
                     var oldStoreDefaultText = this.locString.storeDefaultText;
@@ -5101,8 +5137,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"
             };
@@ -6094,42 +6130,44 @@ var LogicItemEditor = /** @class */ (function (_super) {
         }).filter(function (action) { return !!action; });
     };
     LogicItemEditor.prototype.onUpdateQuestionCssClasses = function (options) {
-        options.cssClasses.answered = "svc-logic-question--answered";
-        if (options.question.name === "logicTypeName") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.control += " svc-logic-operator svc-logic-operator--action";
-            options.cssClasses.error.root = "svc-logic-operator__error";
-            options.cssClasses.onError = "svc-logic-operator--error";
-        }
-        if (options.question.name === "elementSelector" || options.question.name === "setToName" || options.question.name === "fromName" || options.question.name === "gotoName") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.control += " svc-logic-operator svc-logic-operator--question";
-            options.cssClasses.error.root = "svc-logic-operator__error";
-            options.cssClasses.onError = "svc-logic-operator--error";
-        }
-        if (options.question.name === "setToName" || options.question.name === "fromName") {
-            options.question.allowRootStyle = false;
-            options.question.titleLocation = "left";
-            options.question.startWithNewLine = false;
-            options.cssClasses.error.root = "svc-logic-operator__error";
-            options.cssClasses.onError = "svc-logic-operator--error";
-        }
-        if (options.question.name === "setValue") {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["assignDefaultV2Classes"])(options.cssClasses, options.question.getType());
-            options.cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
-        }
-        if (options.question.name === "removeAction") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.mainRoot += " svc-logic-condition-remove-question";
-        }
-        // options.cssClasses.mainRoot = "sd-question sd-row__question";
-        if (options.question.name === "panel") {
-            options.cssClasses.root += " svc-logic-paneldynamic";
-            options.cssClasses.buttonAdd += " svc-logic-operator--action ";
-            options.cssClasses.iconRemove = "svc-icon-remove";
-            options.cssClasses.buttonRemove = "svc-logic-paneldynamic__button svc-logic-paneldynamic__remove-btn";
-            options.cssClasses.buttonRemoveRight = "svc-logic-paneldynamic__remove-btn--right";
-            options.cssClasses.buttonRemoveText = "svc-logic-paneldynamic__button-remove-text";
+        var cssClasses = options.cssClasses;
+        var question = options.question;
+        cssClasses.answered = "svc-logic-question--answered";
+        if (question.name === "logicTypeName") {
+            question.allowRootStyle = false;
+            cssClasses.control += " svc-logic-operator svc-logic-operator--action";
+            cssClasses.error.root = "svc-logic-operator__error";
+            cssClasses.onError = "svc-logic-operator--error";
+        }
+        if (question.name === "elementSelector" || question.name === "setToName" || question.name === "fromName" || question.name === "gotoName") {
+            question.allowRootStyle = false;
+            cssClasses.control += " svc-logic-operator svc-logic-operator--question";
+            cssClasses.error.root = "svc-logic-operator__error";
+            cssClasses.onError = "svc-logic-operator--error";
+        }
+        if (question.name === "setToName" || question.name === "fromName") {
+            question.allowRootStyle = false;
+            question.titleLocation = "left";
+            question.startWithNewLine = false;
+            cssClasses.error.root = "svc-logic-operator__error";
+            cssClasses.onError = "svc-logic-operator--error";
+        }
+        if (question.name === "setValue" || question.isContentElement) {
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["assignDefaultV2Classes"])(cssClasses, question.getType());
+            cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
+        }
+        if (question.name === "removeAction") {
+            question.allowRootStyle = false;
+            cssClasses.mainRoot += " svc-logic-condition-remove-question";
+        }
+        // cssClasses.mainRoot = "sd-question sd-row__question";
+        if (question.name === "panel") {
+            cssClasses.root += " svc-logic-paneldynamic";
+            cssClasses.buttonAdd += " svc-logic-operator--action ";
+            cssClasses.iconRemove = "svc-icon-remove";
+            cssClasses.buttonRemove = "svc-logic-paneldynamic__button svc-logic-paneldynamic__remove-btn";
+            cssClasses.buttonRemoveRight = "svc-logic-paneldynamic__remove-btn--right";
+            cssClasses.buttonRemoveText = "svc-logic-paneldynamic__button-remove-text";
         }
     };
     LogicItemEditor.prototype.onUpdatePanelCssClasses = function (options) {
@@ -7338,6 +7376,9 @@ var logicCss = {
         controlLabel: "",
         materialDecorator: "",
         controlValue: "sl-dropdown__value",
+        chevronButton: "",
+        chevronButtonSvg: "",
+        chevronButtonIconId: "",
     },
     imagepicker: {
         root: "",
@@ -9844,7 +9885,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 }]
             }
         ]
     },
@@ -9919,34 +9960,43 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
         }
     ],
     onInit: function () {
-        survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addProperty("colorsettings", {
-            name: "choices:itemvalue[]"
-        });
+        survey_core__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addProperties("colorsettings", [{
+                name: "choices:itemvalue[]",
+            },
+            {
+                name: "colorTitleLocation:string",
+                default: "hidden",
+            },
+            {
+                name: "colorTitle:string",
+            }
+        ]);
     },
     onLoaded: function (question) {
-        syncPropertiesFromCompositeToColor(question, "titleLocation", question.titleLocation);
+        syncPropertiesFromCompositeToColor(question, "colorTitle", question.colorTitle);
+        syncPropertiesFromCompositeToColor(question, "colorTitleLocation", question.colorTitleLocation);
         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 == "colorTitleLocation") {
+        colorQuestion.titleLocation = newValue;
+    }
+    if (propertyName == "colorTitle") {
+        colorQuestion.title = newValue;
     }
     if (propertyName == "choices") {
         colorQuestion.choices = newValue;
@@ -9963,11 +10013,13 @@ function createColor(value) {
 /*!************************************************************************!*\
   !*** ./src/components/tabs/theme-custom-questions/element-settings.ts ***!
   \************************************************************************/
-/*! no exports provided */
+/*! exports provided: elementSettingsToCssVariable, elementSettingsFromCssVariable */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "elementSettingsToCssVariable", function() { return elementSettingsToCssVariable; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "elementSettingsFromCssVariable", function() { return elementSettingsFromCssVariable; });
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
@@ -9978,17 +10030,19 @@ 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",
+            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.backcolor"),
+            colorTitleLocation: "left",
+            titleLocation: "hidden",
             descriptionLocation: "hidden"
         },
         {
-            type: "color",
+            type: "colorsettings",
             name: "hovercolor",
-            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.hovercolor"),
-            titleLocation: "left",
+            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.hovercolor"),
+            colorTitleLocation: "left",
+            titleLocation: "hidden",
             descriptionLocation: "hidden"
         },
         {
@@ -9998,13 +10052,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
         }
     ],
@@ -10015,6 +10068,33 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
     onValueChanged: function (question, name, newValue) {
     },
 });
+function elementSettingsToCssVariable(question, themeCssVariables) {
+    Object.keys(question.value).forEach(function (key) {
+        if (key === "corner")
+            return;
+        themeCssVariables["--sjs-" + question.name.toLocaleLowerCase() + "-" + key] = question.value[key];
+    });
+}
+function elementSettingsFromCssVariable(question, themeCssVariables, defaultBackcolorVariable, defaultHovercolorVariable) {
+    var result = {};
+    Object.keys(themeCssVariables).filter(function (key) { return key.indexOf(question.name.toLocaleLowerCase()) !== -1; }).forEach(function (key) {
+        var propertyName = key.split("-").pop();
+        if (propertyName === "cornerRadius") {
+            result["corner"] = parseFloat(themeCssVariables[key].toString());
+        }
+        else {
+            result[propertyName] = themeCssVariables[key];
+        }
+    });
+    if (Object.keys(result).length === 0) {
+        question.contentPanel.getQuestionByName("backcolor").value = defaultBackcolorVariable;
+        question.contentPanel.getQuestionByName("hovercolor").value = defaultHovercolorVariable;
+    }
+    else {
+        question.value = result;
+    }
+    return result;
+}
 
 
 /***/ }),
@@ -10023,12 +10103,14 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
 /*!*********************************************************************!*\
   !*** ./src/components/tabs/theme-custom-questions/font-settings.ts ***!
   \*********************************************************************/
-/*! exports provided: DefaultFonts */
+/*! exports provided: DefaultFonts, fontsettingsToCssVariable, fontsettingsFromCssVariable */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DefaultFonts", function() { return DefaultFonts; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fontsettingsToCssVariable", function() { return fontsettingsToCssVariable; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fontsettingsFromCssVariable", function() { return fontsettingsFromCssVariable; });
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../editorLocalization */ "./src/editorLocalization.ts");
@@ -10057,7 +10139,6 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
             titleLocation: "left",
             descriptionLocation: "hidden",
             choices: [].concat(DefaultFonts),
-            defaultValue: "Open Sans",
             allowClear: false
         },
         {
@@ -10071,14 +10152,13 @@ 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"],
+            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_1__["getLocString"])("theme.color"),
+            colorTitleLocation: "left",
+            titleLocation: "hidden",
             descriptionLocation: "hidden"
         },
         {
@@ -10100,6 +10180,27 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["ComponentCollection"].Instance.add({
     onValueChanged: function (question, name, newValue) {
     },
 });
+function fontsettingsToCssVariable(question, themeCssVariables) {
+    Object.keys(question.value).forEach(function (key) {
+        var _a;
+        var innerQ = question.contentPanel.getQuestionByName(key);
+        themeCssVariables["--sjs-font-" + question.name.toLocaleLowerCase() + "-" + key] = question.value[key] + (((_a = innerQ.unit) === null || _a === void 0 ? void 0 : _a.toString()) || "");
+    });
+}
+function fontsettingsFromCssVariable(question, themeCssVariables, defaultColorVariable) {
+    var result = {};
+    Object.keys(themeCssVariables).filter(function (key) { return key.indexOf(question.name.toLocaleLowerCase()) !== -1; }).forEach(function (key) {
+        var propertyName = key.split("-").pop();
+        result[propertyName] = themeCssVariables[key];
+    });
+    if (Object.keys(result).length !== 0) {
+        question.value = result;
+    }
+    else if (!!defaultColorVariable) {
+        question.contentPanel.getQuestionByName("color").value = defaultColorVariable;
+    }
+    return result;
+}
 
 
 /***/ }),
@@ -10388,6 +10489,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
 /* harmony import */ var _creator_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../creator-settings */ "./src/creator-settings.ts");
 /* harmony import */ var _theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./theme-custom-questions/font-settings */ "./src/components/tabs/theme-custom-questions/font-settings.ts");
+/* harmony import */ var _theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./theme-custom-questions/element-settings */ "./src/components/tabs/theme-custom-questions/element-settings.ts");
+
 
 
 
@@ -10519,16 +10622,17 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
         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);
@@ -10812,7 +10916,9 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
             var _a, _b;
             if (_this.blockChanges)
                 return;
-            _this.themeChanges[options.name] = options.value;
+            if (options.name.indexOf("--") === 0) {
+                _this.themeChanges[options.name] = options.value;
+            }
             if (["themeName", "themeMode", "themePalette"].indexOf(options.name) !== -1) {
                 _this[options.name] = options.value;
                 _this.initializeColorCalculator();
@@ -10822,13 +10928,13 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                     _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();
                 }
                 return;
             }
-            if (["backgroundImage", "backgroundImageFit"].indexOf(options.name) !== -1) {
+            if (["backgroundImage", "backgroundImageFit", "backgroundImageAttachment"].indexOf(options.name) !== -1) {
                 _this[options.name] = options.value;
                 return;
             }
@@ -10846,28 +10952,20 @@ 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);
             }
             if (((_a = options.question) === null || _a === void 0 ? void 0 : _a.getType()) === "fontsettings") {
-                Object.keys(options.value).forEach(function (key) {
-                    var _a;
-                    var innerQ = options.question.contentPanel.getQuestionByName(key);
-                    _this.themeChanges["--sjs-font-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key] + (((_a = innerQ.unit) === null || _a === void 0 ? void 0 : _a.toString()) || "");
-                });
+                Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsToCssVariable"])(options.question, _this.themeChanges);
             }
             if (((_b = options.question) === null || _b === void 0 ? void 0 : _b.getType()) === "elementsettings") {
-                Object.keys(options.value).forEach(function (key) {
-                    if (key === "corner")
-                        return;
-                    _this.themeChanges["--sjs-" + options.name.toLocaleLowerCase() + "-" + key] = options.value[key];
-                });
+                Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsToCssVariable"])(options.question, _this.themeChanges);
             }
             var newTheme = {};
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assign"])(newTheme, _this.currentTheme.cssVariables, _this.themeChanges);
@@ -10900,14 +10998,15 @@ 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("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"];
-        themeEditorSurvey.getQuestionByName("editorPanel").contentPanel.getQuestionByName("hovercolor").value = newCssVariables["--sjs-general-backcolor-dim-dark"];
-        themeEditorSurvey.getQuestionByName("pageTitle").contentPanel.getQuestionByName("color").value = newCssVariables["--sjs-general-dim-forecolor"];
-        themeEditorSurvey.getQuestionByName("pageDescription").contentPanel.getQuestionByName("color").value = newCssVariables["--sjs-general-dim-forecolor-light"];
-        themeEditorSurvey.getQuestionByName("questionTitle").contentPanel.getQuestionByName("color").value = newCssVariables["--sjs-general-forecolor"];
-        themeEditorSurvey.getQuestionByName("questionDescription").contentPanel.getQuestionByName("color").value = newCssVariables["--sjs-general-forecolor-light"];
+        themeEditorSurvey.getQuestionByName("backgroundImageAttachment").value = this.backgroundImageAttachment;
+        Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionPanel"), newCssVariables, newCssVariables["--sjs-general-backcolor"], newCssVariables["--sjs-general-backcolor-dark"]);
+        Object(_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_9__["elementSettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("editorPanel"), newCssVariables, newCssVariables["--sjs-general-backcolor-dim-light"], newCssVariables["--sjs-general-backcolor-dim-dark"]);
+        Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("surveyTitle"), newCssVariables);
+        Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("pageTitle"), newCssVariables, newCssVariables["--sjs-general-dim-forecolor"]);
+        Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("pageDescription"), newCssVariables, newCssVariables["--sjs-general-dim-forecolor-light"]);
+        Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionTitle"), newCssVariables, newCssVariables["--sjs-general-forecolor"]);
+        Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionDescription"), newCssVariables, newCssVariables["--sjs-general-forecolor-light"]);
+        Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("editorFont"), newCssVariables);
         themeEditorSurvey.getAllQuestions().forEach(function (question) {
             if (["color", "colorsettings"].indexOf(question.getType()) !== -1) {
                 question.choices = Object.keys(PredefinedColors[_this.themePalette]).map(function (colorName) { return new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](PredefinedColors[_this.themePalette][colorName], Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colors." + colorName)); });
@@ -10942,7 +11041,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                 },
                                 {
                                     type: "panel",
-                                    name: "themeMode",
+                                    name: "themeSettings",
                                     title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.themeMode"),
                                     elements: [
                                         {
@@ -11007,6 +11106,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",
@@ -11128,24 +11237,27 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
                                     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",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDefaultColor"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-backcolor-dark",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDarkColor"),
-                                            titleLocation: "left",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryDarkColor"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-backcolor-light",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
-                                            titleLocation: "left",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryLightColor"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         }
                                     ]
@@ -11154,17 +11266,19 @@ 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",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolor"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-primary-forecolor-light",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolorLight"),
-                                            titleLocation: "left",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.primaryForecolorLight"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         }
                                     ]
@@ -11179,6 +11293,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
@@ -11189,6 +11304,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
@@ -11199,7 +11315,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
                                     }
                                 }
@@ -11243,6 +11361,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,
@@ -11253,7 +11372,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
                                     }
                                 }
@@ -11296,7 +11417,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
                                     }
                                 }
@@ -11308,17 +11431,19 @@ 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",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderDefault"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         },
                                         {
-                                            type: "color",
+                                            type: "colorsettings",
                                             name: "--sjs-border-light",
-                                            title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderLight"),
-                                            titleLocation: "left",
+                                            colorTitle: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.borderLight"),
+                                            colorTitleLocation: "left",
+                                            titleLocation: "hidden",
                                             descriptionLocation: "hidden",
                                         }
                                     ]
@@ -11376,21 +11501,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);
@@ -11864,7 +12005,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",
@@ -13507,6 +13647,7 @@ var CreatorBase = /** @class */ (function (_super) {
     function CreatorBase(options, options2) {
         var _this = _super.call(this) || this;
         _this.options = options;
+        _this.startEditTitleOnQuestionAdded = true;
         _this.isRTLValue = false;
         _this.alwaySaveTextInPropertyEditorsValue = false;
         _this.pageEditModeValue = "standard";
@@ -13843,6 +13984,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
           *
@@ -14742,7 +14890,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;
@@ -15125,17 +15276,14 @@ var CreatorBase = /** @class */ (function (_super) {
         this.dragDropSurveyElements = new _survey_elements__WEBPACK_IMPORTED_MODULE_25__["DragDropSurveyElements"](null, this);
         var isDraggedFromToolbox = false;
         this.dragDropSurveyElements.onDragStart.add(function (sender, options) {
-            var panel = sender.dropTarget.parent;
             isDraggedFromToolbox = !sender.draggedElement.parent;
             _this.onDragStart.fire(sender, options);
             _this.startUndoRedoTransaction("drag drop");
-            _this.undoRedoManager.setUndoCallbackForTransaction(function () {
-                panel.updateRows();
-            });
         });
         this.dragDropSurveyElements.onDragEnd.add(function (sender, options) {
             _this.stopUndoRedoTransaction();
-            _this.selectElement(options.draggedElement, undefined, false, isDraggedFromToolbox);
+            var editTitle = isDraggedFromToolbox && _this.startEditTitleOnQuestionAdded;
+            _this.selectElement(options.draggedElement, undefined, false, editTitle);
             isDraggedFromToolbox = false;
             _this.onDragEnd.fire(sender, options);
         });
@@ -15439,6 +15587,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
@@ -15537,6 +15689,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);
         }
@@ -16018,7 +16171,7 @@ var CreatorBase = /** @class */ (function (_super) {
             }
             this.survey.lazyRendering = false;
             this.doClickQuestionCore(newElement, modifiedType, -1, panel);
-            this.selectElement(newElement, null, true, true);
+            this.selectElement(newElement, null, true, this.startEditTitleOnQuestionAdded);
         }
     };
     CreatorBase.prototype.getJSONForNewElement = function (json) {
@@ -16508,10 +16661,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) {
@@ -17046,7 +17208,8 @@ var settings = {
         exportFileName: "survey_translation.csv"
     },
     theme: {
-        exportFileName: "survey_theme.json"
+        exportFileName: "survey_theme.json",
+        fontFamily: "Open Sans"
     },
     operators: {
         empty: [],
@@ -17575,6 +17738,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);
@@ -18207,7 +18373,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, fontsettingsToCssVariable, fontsettingsFromCssVariable, elementSettingsToCssVariable, elementSettingsFromCssVariable, 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";
@@ -18309,8 +18475,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/font-settings */ "./src/components/tabs/theme-custom-questions/font-settings.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DefaultFonts", function() { return _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_13__["DefaultFonts"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fontsettingsToCssVariable", function() { return _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_13__["fontsettingsToCssVariable"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fontsettingsFromCssVariable", function() { return _components_tabs_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_13__["fontsettingsFromCssVariable"]; });
+
 /* harmony import */ var _components_tabs_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/tabs/theme-custom-questions/element-settings */ "./src/components/tabs/theme-custom-questions/element-settings.ts");
-/* empty/unused harmony star reexport *//* harmony import */ var _components_tabs_theme__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/tabs/theme */ "./src/components/tabs/theme.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "elementSettingsToCssVariable", function() { return _components_tabs_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_14__["elementSettingsToCssVariable"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "elementSettingsFromCssVariable", function() { return _components_tabs_theme_custom_questions_element_settings__WEBPACK_IMPORTED_MODULE_14__["elementSettingsFromCssVariable"]; });
+
+/* harmony import */ var _components_tabs_theme__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../components/tabs/theme */ "./src/components/tabs/theme.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Themes", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_15__["Themes"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PredefinedThemes", function() { return _components_tabs_theme__WEBPACK_IMPORTED_MODULE_15__["PredefinedThemes"]; });
@@ -18560,8 +18734,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"]; });
 
@@ -18668,7 +18850,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.96";
+Version = "" + "1.9.98";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -18757,7 +18939,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.96", "survey-creator-core");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.98", "survey-creator-core");
 
 
 /***/ }),
@@ -21036,8 +21218,8 @@ var enStrings = {
             expressionInvalid: "The logic expression is empty or invalid. Please correct it.",
             noActionError: "Please, add at least one action.",
             actionInvalid: "Please, fix problems in your action(s).",
-            uncompletedRule_title: "Leave the tab?",
-            uncompletedRule_text: "One or more logical rules are uncompleted. If you leave the tab, those changes that cannot be applied will vanish. Are you sure you want to leave?",
+            uncompletedRule_title: "Logical rules are incomplete",
+            uncompletedRule_text: "You have not completed some of the logical rules. If you leave the tab now, the changes will be lost. Do you still want to leave the tab without completing the changes?",
             uncompletedRule_apply: "Yes",
             uncompletedRule_cancel: "No, I want to complete the rules",
             expressionSetup: "",
@@ -21347,7 +21529,7 @@ var enStrings = {
         readOnly: "Read-only",
         enableIf: "Editable if",
         emptyRowsText: "\"No rows\" message",
-        size: "Input size (in characters)",
+        size: "Input field size (in characters)",
         separateSpecialChoices: "Separate special choices (None, Other, Select All)",
         choicesFromQuestion: "Copy choices from the following question",
         choicesFromQuestionMode: "Which choices to copy?",
@@ -21677,6 +21859,7 @@ var enStrings = {
     },
     pehelp: {
         cookieName: "Cookies prevent users from filling out the same survey twice.",
+        size: "Resizes the visible area of the input field. Please use the <b>Validation → Maximum length</b> setting to limit the input length.",
         format: "Use {0} as a placeholder for the actual value.",
         totalText: "Visible only when at least one column has Total type or Total expression.",
         acceptedTypes: "Refer to the [accept](https://www.w3schools.com/tags/att_input_accept.asp) attribute description for more information.",
@@ -21798,6 +21981,8 @@ var enStrings = {
         "backgroundImageFitCover": "Cover",
         "backgroundImageFitContain": "Contain",
         "backgroundOpacity": "Opacity",
+        "backgroundImageAttachmentFixed": "Fixed",
+        "backgroundImageAttachmentScroll": "Scroll",
         "panelBackgroundTransparency": "Panel Background Transparency",
         "questionBackgroundTransparency": "Question Background Transparency",
         questionPanel: "Question Panel",
@@ -21834,6 +22019,8 @@ var enStrings = {
         opacity: "Opacity",
         boxShadowBlur: "Blur",
         boxShadowSpread: "Spread",
+        boxShadowDrop: "Drop",
+        boxShadowInner: "Inner",
         questionShadow: "Question Panel Border / Shadow",
         editorShadow: "Editor Border / Shadow",
         names: {
@@ -22145,6 +22332,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) {
@@ -22162,6 +22351,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);
     };
@@ -22480,6 +22697,9 @@ 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;
@@ -22525,6 +22745,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;
     };
@@ -22733,9 +22962,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",
@@ -24114,38 +24346,39 @@ var ConditionEditor = /** @class */ (function (_super) {
         this.updateQuestionsWidth(panel);
     };
     ConditionEditor.prototype.onUpdateQuestionCssClasses = function (options) {
-        options.cssClasses.answered = "svc-logic-question--answered";
-        if (options.question.name === "conjunction") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.control += " svc-logic-operator svc-logic-operator--conjunction ";
-        }
-        if (options.question.name === "questionName") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.control += " svc-logic-operator svc-logic-operator--question";
-            options.cssClasses.error.root = "svc-logic-operator__error";
-            options.cssClasses.onError = "svc-logic-operator--error";
-        }
-        if (options.question.name === "operator") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.control += " svc-logic-operator svc-logic-operator--operator";
-        }
-        if (options.question.name === "removeAction") {
-            options.question.allowRootStyle = false;
-            options.cssClasses.mainRoot += " svc-logic-condition-remove-question";
-        }
-        // options.cssClasses.mainRoot += "sd-question sd-row__question";
-        if (options.question.name === "questionValue" || options.question.isContentElement) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assignDefaultV2Classes"])(options.cssClasses, options.question.getType());
-            options.cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
-            options.cssClasses.error.root = "svc-logic-operator__error";
-        }
-        if (options.question.name === "panel") {
-            options.cssClasses.root += " svc-logic-paneldynamic";
-            options.cssClasses.buttonAdd += " svc-logic-operator--operator";
-            options.cssClasses.iconRemove = "svc-icon-remove";
-            options.cssClasses.buttonRemove = "svc-logic-paneldynamic__button svc-logic-paneldynamic__remove-btn";
-            options.cssClasses.buttonRemoveRight = "svc-logic-paneldynamic__remove-btn--right";
-            options.cssClasses.buttonRemoveText = "svc-logic-paneldynamic__button-remove-text";
+        var cssClasses = options.cssClasses;
+        var question = options.question;
+        cssClasses.answered = "svc-logic-question--answered";
+        if (question.name === "conjunction") {
+            question.allowRootStyle = false;
+            cssClasses.control += " svc-logic-operator svc-logic-operator--conjunction ";
+        }
+        if (question.name === "questionName") {
+            question.allowRootStyle = false;
+            cssClasses.control += " svc-logic-operator svc-logic-operator--question";
+            cssClasses.error.root = "svc-logic-operator__error";
+            cssClasses.onError = "svc-logic-operator--error";
+        }
+        if (question.name === "operator") {
+            question.allowRootStyle = false;
+            cssClasses.control += " svc-logic-operator svc-logic-operator--operator";
+        }
+        if (question.name === "removeAction") {
+            question.allowRootStyle = false;
+            cssClasses.mainRoot += " svc-logic-condition-remove-question";
+        }
+        if (question.name === "questionValue" || question.isContentElement) {
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["assignDefaultV2Classes"])(cssClasses, question.getType());
+            cssClasses.mainRoot += " svc-logic-question-value sd-element--with-frame";
+            cssClasses.error.root = "svc-logic-operator__error";
+        }
+        if (question.name === "panel") {
+            cssClasses.root += " svc-logic-paneldynamic";
+            cssClasses.buttonAdd += " svc-logic-operator--operator";
+            cssClasses.iconRemove = "svc-icon-remove";
+            cssClasses.buttonRemove = "svc-logic-paneldynamic__button svc-logic-paneldynamic__remove-btn";
+            cssClasses.buttonRemoveRight = "svc-logic-paneldynamic__remove-btn--right";
+            cssClasses.buttonRemoveText = "svc-logic-paneldynamic__button-remove-text";
         }
     };
     ConditionEditor.prototype.onValueChanged = function (options) {
@@ -24755,6 +24988,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) {
@@ -25270,6 +25509,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);
@@ -25407,13 +25649,15 @@ var PropertyGridModel = /** @class */ (function () {
     };
     PropertyGridModel.prototype.validateQuestionValue = function (obj, question, prop, val) {
         if (question.isRequired && (survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isValueEmpty(val) || question["valueChangingEmpty"]))
-            return _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("pe.propertyIsEmpty");
+            return this.getErrorTextOnValidate(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("pe.propertyIsEmpty"), prop.name, obj, val);
         if (this.isPropNameInValid(obj, prop, val) || question["nameHasError"])
-            return _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("pe.propertyNameIsIncorrect");
+            return this.getErrorTextOnValidate(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].getString("pe.propertyNameIsIncorrect"), prop.name, obj, val);
         var editorError = PropertyGridEditorCollection.validateValue(obj, question, prop, val);
-        if (!!editorError)
-            return editorError;
-        return this.options.onGetErrorTextOnValidationCallback(prop.name, obj, val);
+        return this.getErrorTextOnValidate(editorError, prop.name, obj, val);
+    };
+    PropertyGridModel.prototype.getErrorTextOnValidate = function (defaultError, propName, obj, val) {
+        var customError = this.options.onGetErrorTextOnValidationCallback(propName, obj, val);
+        return !!customError ? customError : defaultError;
     };
     PropertyGridModel.prototype.onValidateQuestion = function (options) {
         var q = options.question;
@@ -26249,6 +26493,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) {
@@ -30144,12 +30395,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__);
@@ -30167,6 +30422,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;
@@ -30191,32 +30508,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;
@@ -30228,41 +30540,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;
         }
@@ -30282,29 +30578,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"]));
+
 
 
 /***/ }),