survey-creator-core 1.9.100 → 1.9.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.100
2
+ * SurveyJS Creator v1.9.102
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -106,10 +106,10 @@ return /******/ (function(modules) { // webpackBootstrap
106
106
  /*!******************************!*\
107
107
  !*** ./imported-themes.json ***!
108
108
  \******************************/
109
- /*! 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 */
109
+ /*! exports provided: default, sharp, borderless, flat, plain, doubleborder, layered, solid, threedimensional, contrast, default-dark, sharp-dark, borderless-dark, flat-dark, plain-dark, doubleborder-dark, layered-dark, solid-dark, threedimensional-dark, contrast-dark, default-lw, sharp-lw, borderless-lw, flat-lw, doubleborder-lw, layered-lw, solid-lw, threedimensional-lw, contrast-lw, default-dark-lw, sharp-dark-lw, borderless-dark-lw, flat-dark-lw, doubleborder-dark-lw, layered-dark-lw, solid-dark-lw, contrast-dark-lw, dark-designer */
110
110
  /***/ (function(module) {
111
111
 
112
- 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\"}}");
112
+ module.exports = JSON.parse("{\"default\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(248, 248, 248, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(243, 243, 243, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(249, 249, 249, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(243, 243, 243, 1)\",\"--sjs-general-forecolor\":\"rgba(0, 0, 0, 0.91)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 0.45)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 0.91)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.45)\",\"--sjs-primary-backcolor\":\"rgba(25, 179, 148, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(25, 179, 148, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(20, 164, 139, 1)\",\"--sjs-primary-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-forecolor-light\":\"rgba(255, 255, 255, 0.25)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-secondary-backcolor\":\"rgba(255, 152, 20, 1)\",\"--sjs-secondary-backcolor-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-secondary-backcolor-semi-light\":\"rgba(255, 152, 20, 0.25)\",\"--sjs-secondary-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-secondary-forecolor-light\":\"rgba(255, 255, 255, 0.25)\",\"--sjs-shadow-small\":\"0px 1px 2px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.09)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.16)\",\"--sjs-border-inside\":\"rgba(0, 0, 0, 0.16)\",\"--sjs-special-red\":\"rgba(229, 10, 62, 1)\",\"--sjs-special-red-light\":\"rgba(229, 10, 62, 0.1)\",\"--sjs-special-red-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-special-green\":\"rgba(25, 179, 148, 1)\",\"--sjs-special-green-light\":\"rgba(25, 179, 148, 0.1)\",\"--sjs-special-green-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-special-blue\":\"rgba(67, 127, 217, 1)\",\"--sjs-special-blue-light\":\"rgba(67, 127, 217, 0.1)\",\"--sjs-special-blue-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-special-yellow\":\"rgba(255, 152, 20, 1)\",\"--sjs-special-yellow-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-special-yellow-forecolor\":\"rgba(255, 255, 255, 1)\"},\"sharp\":{\"--sjs-general-backcolor-dark\":\"rgba(228, 228, 228, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(224, 224, 224, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 238, 238, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(220, 220, 220, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 0.6)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.6)\",\"--sjs-primary-backcolor\":\"rgba(103, 58, 176, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(103, 58, 176, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(69, 24, 142, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.25)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.25)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.25)\"},\"borderless\":{\"--sjs-general-backcolor-dark\":\"rgba(241, 246, 255, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(231, 240, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 245, 255, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(223, 233, 250, 1)\",\"--sjs-general-forecolor-light\":\"rgba(133, 154, 186, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(133, 154, 186, 1)\",\"--sjs-primary-backcolor\":\"rgba(35, 101, 200, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(35, 101, 200, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(26, 86, 175, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-inner\":\"inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)\",\"--sjs-border-light\":\"rgba(220, 229, 241, 1)\",\"--sjs-border-default\":\"rgba(179, 200, 229, 1)\"},\"flat\":{\"--sjs-general-backcolor\":\"rgba(246, 246, 246, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(235, 235, 235, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(235, 235, 235, 1)\",\"--sjs-primary-backcolor\":\"rgba(85, 181, 52, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(85, 181, 52, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(64, 159, 31, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.12)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.12)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.12)\"},\"plain\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(37, 137, 229, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(37, 137, 229, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(21, 119, 209, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.15)\",\"--sjs-shadow-medium\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.05)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(0, 0, 0, 0.15)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.15)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.15)\"},\"doubleborder\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(239, 239, 239, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(245, 245, 245, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(237, 237, 237, 1)\",\"--sjs-primary-backcolor\":\"rgba(76, 100, 137, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(76, 100, 137, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(62, 83, 115, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(0, 0, 0, 0.07)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.04),0px 0px 0px 2px rgba(0, 0, 0, 0.08)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.08)\",\"--sjs-shadow-inner\":\"0px 0px 0px 2px rgba(0, 0, 0, 0.1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.1)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.1)\"},\"layered\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(244, 244, 244, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(216, 207, 236, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(241, 237, 248, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(225, 220, 233, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.5)\",\"--sjs-primary-backcolor\":\"rgba(122, 100, 168, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(122, 100, 168, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(105, 84, 152, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 4px 0px rgba(0, 0, 0, 0.1),0px 8px 16px 0px rgba(0, 0, 0, 0.1),0px 0px 0px 1px rgba(0, 0, 0, 0.05)\",\"--sjs-shadow-inner\":\"inset 0px 1px 4px 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05)\"},\"solid\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(243, 243, 243, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(46, 172, 180, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(245, 245, 245, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(234, 234, 234, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 0.43)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 0.8)\",\"--sjs-primary-backcolor\":\"rgba(46, 172, 180, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(46, 172, 180, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(23, 156, 165, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 0px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-inner\":\"inset 0px 2px 0px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.09)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.16)\"},\"threedimensional\":{\"--sjs-general-backcolor\":\"rgba(248, 248, 248, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(242, 242, 242, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(242, 242, 242, 1)\",\"--sjs-primary-backcolor\":\"rgba(217, 74, 100, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(217, 74, 100, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(189, 61, 84, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(228, 228, 228, 1),0px 2px 0px 2px rgba(228, 228, 228, 1)\",\"--sjs-shadow-medium\":\"0px 8px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)\",\"--sjs-shadow-large\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 2px rgba(228, 228, 228, 1),0px 0px 0px 2px rgba(228, 228, 228, 1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.08)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 0.08)\"},\"contrast\":{\"--sjs-general-backcolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 1)\",\"--sjs-primary-backcolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 216, 77, 1)\",\"--sjs-primary-backcolor-dark\":\"rgba(83, 83, 83, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-medium\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-large\":\"0px 6px 0px 0px rgba(0, 0, 0, 1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-border-light\":\"rgba(0, 0, 0, 0.2)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 1)\"},\"default-dark\":{\"--sjs-general-backcolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(52, 52, 52, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(43, 43, 43, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(46, 46, 46, 1)\",\"--sjs-general-forecolor\":\"rgba(255, 255, 255, 0.78)\",\"--sjs-general-forecolor-light\":\"rgba(255, 255, 255, 0.42)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 0.79)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 0.45)\",\"--sjs-primary-backcolor\":\"rgba(255, 152, 20, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.07)\",\"--sjs-primary-backcolor-dark\":\"rgba(255, 170, 24, 1)\",\"--sjs-primary-forecolor\":\"rgba(32, 32, 32, 1)\",\"--sjs-primary-forecolor-light\":\"rgba(32, 32, 32, 0.25)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-secondary-backcolor\":\"rgba(255, 152, 20, 1)\",\"--sjs-secondary-backcolor-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-secondary-backcolor-semi-light\":\"rgba(255, 152, 20, 0.25)\",\"--sjs-secondary-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-secondary-forecolor-light\":\"rgba(48, 48, 48, 0.25)\",\"--sjs-shadow-small\":\"0px 1px 2px 0px rgba(0, 0, 0, 0.35)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-shadow-inner\":\"inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.08)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-border-inside\":\"rgba(255, 255, 255, 0.08)\",\"--sjs-special-red\":\"rgba(254, 76, 108, 1)\",\"--sjs-special-red-light\":\"rgba(254, 76, 108, 0.1)\",\"--sjs-special-red-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-special-green\":\"rgba(36, 197, 164, 1)\",\"--sjs-special-green-light\":\"rgba(36, 197, 164, 0.1)\",\"--sjs-special-green-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-special-blue\":\"rgba(91, 151, 242, 1)\",\"--sjs-special-blue-light\":\"rgba(91, 151, 242, 0.1)\",\"--sjs-special-blue-forecolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-special-yellow\":\"rgba(255, 152, 20, 1)\",\"--sjs-special-yellow-light\":\"rgba(255, 152, 20, 0.1)\",\"--sjs-special-yellow-forecolor\":\"rgba(48, 48, 48, 1)\"},\"sharp-dark\":{\"--sjs-general-backcolor-dark\":\"rgba(58, 58, 58, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(27, 27, 27, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(33, 33, 33, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(47, 47, 47, 1)\",\"--sjs-general-forecolor\":\"rgba(255, 255, 255, 0.78)\",\"--sjs-general-forecolor-light\":\"rgba(255, 255, 255, 0.5)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 0.8)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 0.55)\",\"--sjs-primary-backcolor\":\"rgba(16, 226, 255, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(0, 0, 0, 0.35)\",\"--sjs-primary-backcolor-dark\":\"rgba(129, 240, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.28)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.25)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.22)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.22)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.22)\"},\"borderless-dark\":{\"--sjs-general-backcolor\":\"rgba(43, 48, 63, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(50, 55, 72, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(33, 37, 51, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(36, 41, 55, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(40, 46, 61, 1)\",\"--sjs-general-forecolor-light\":\"rgba(114, 120, 137, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(114, 120, 137, 1)\",\"--sjs-primary-backcolor\":\"rgba(114, 187, 255, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(114, 187, 255, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(151, 205, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.35)\",\"--sjs-shadow-inner\":\"inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2)\",\"--sjs-border-light\":\"rgba(55, 62, 79, 1)\",\"--sjs-border-default\":\"rgba(65, 72, 90, 1)\"},\"flat-dark\":{\"--sjs-general-backcolor\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(56, 56, 56, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(43, 43, 43, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(52, 52, 52, 1)\",\"--sjs-primary-backcolor\":\"rgba(92, 214, 49, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.07)\",\"--sjs-primary-backcolor-dark\":\"rgba(130, 237, 92, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.09)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.07)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.07)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.07)\"},\"plain-dark\":{\"--sjs-general-backcolor\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(47, 47, 47, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(36, 36, 36, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(47, 47, 47, 1)\",\"--sjs-primary-backcolor\":\"rgba(85, 171, 250, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-primary-backcolor-dark\":\"rgba(126, 193, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-inner\":\"0px 0px 0px 1px rgba(255, 255, 255, 0.12)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.12)\"},\"doubleborder-dark\":{\"--sjs-general-backcolor\":\"rgba(52, 52, 52, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(58, 58, 58, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(47, 47, 47, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(47, 47, 47, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(53, 53, 53, 1)\",\"--sjs-primary-backcolor\":\"rgba(120, 156, 210, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(146, 181, 235, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(255, 255, 255, 0.12)\",\"--sjs-shadow-medium\":\"0px 0px 0px 2px rgba(255, 255, 255, 0.1)\",\"--sjs-shadow-large\":\"0px 8px 16px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px 0px 0px 2px rgba(255, 255, 255, 0.1)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.1)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.1)\"},\"layered-dark\":{\"--sjs-general-backcolor\":\"rgba(39, 40, 50, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(46, 47, 58, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(30, 31, 40, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(32, 33, 43, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(37, 38, 48, 1)\",\"--sjs-general-forecolor\":\"rgba(213, 215, 238, 1)\",\"--sjs-general-forecolor-light\":\"rgba(117, 120, 140, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(213, 215, 238, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(117, 119, 141, 1)\",\"--sjs-primary-backcolor\":\"rgba(164, 127, 243, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(164, 127, 243, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(192, 165, 251, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 4px 0px rgba(0, 0, 0, 0.2),0px 8px 16px 0px rgba(0, 0, 0, 0.15),0px 0px 0px 1px rgba(255, 255, 255, 0.1)\",\"--sjs-shadow-medium\":\"0px 2px 6px 0px rgba(0, 0, 0, 0.2),inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05)\",\"--sjs-shadow-inner\":\"inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 1px rgba(255, 255, 255, 0.03)\",\"--sjs-border-light\":\"rgba(54, 56, 69, 1)\",\"--sjs-border-default\":\"rgba(67, 69, 85, 1)\"},\"solid-dark\":{\"--sjs-general-backcolor\":\"rgba(53, 55, 63, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(60, 63, 74, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(38, 40, 47, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(46, 48, 55, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(51, 53, 61, 1)\",\"--sjs-general-forecolor-light\":\"rgba(125, 129, 143, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(125, 130, 148, 1)\",\"--sjs-primary-backcolor\":\"rgba(58, 202, 211, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(67, 70, 80, 1)\",\"--sjs-primary-backcolor-dark\":\"rgba(92, 224, 233, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 2px 0px 0px rgba(33, 35, 43, 1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 0px rgba(33, 35, 43, 1)\",\"--sjs-border-light\":\"rgba(65, 69, 83, 1)\",\"--sjs-border-default\":\"rgba(97, 101, 118, 1)\"},\"threedimensional-dark\":{\"--sjs-general-backcolor\":\"rgba(38, 38, 38, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(28, 28, 28, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(58, 58, 58, 1)\",\"--sjs-primary-backcolor\":\"rgba(243, 87, 134, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 0.05)\",\"--sjs-primary-backcolor-dark\":\"rgba(250, 118, 157, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(64, 64, 64, 1),0px 2px 0px 2px rgba(64, 64, 64, 1)\",\"--sjs-shadow-medium\":\"0px 8px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)\",\"--sjs-shadow-large\":\"0px 0px 0px 0px rgba(0, 0, 0, 0.1)\",\"--sjs-shadow-inner\":\"0px 2px 0px 2px rgba(64, 64, 64, 1),0px 0px 0px 2px rgba(64, 64, 64, 1)\",\"--sjs-border-light\":\"rgba(255, 255, 255, 0.12)\",\"--sjs-border-default\":\"rgba(255, 255, 255, 0.12)\"},\"contrast-dark\":{\"--sjs-general-backcolor\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-forecolor-light\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-primary-backcolor-dark\":\"rgba(53, 53, 53, 1)\",\"--sjs-primary-forecolor\":\"rgba(255, 255, 255, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\",\"--sjs-shadow-small\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-medium\":\"0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-shadow-large\":\"0px 6px 0px 0px rgba(0, 0, 0, 1)\",\"--sjs-shadow-inner\":\"0px -2px 0px 2px rgba(0, 0, 0, 1),0px 0px 0px 2px rgba(0, 0, 0, 1)\",\"--sjs-border-light\":\"rgba(232, 192, 51, 1)\",\"--sjs-border-default\":\"rgba(0, 0, 0, 1)\"},\"default-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"sharp-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(238, 238, 238, 1)\"},\"borderless-lw\":{\"--sjs-general-backcolor\":\"rgba(231, 240, 255, 1)\",\"--sjs-general-backcolor-dark\":\"rgba(220, 232, 252, 1)\",\"--sjs-general-backcolor-dim\":\"rgba(231, 240, 255, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-backcolor-dim-dark\":\"rgba(220, 232, 252, 1)\"},\"flat-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(246, 246, 246, 1)\"},\"doubleborder-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(245, 245, 245, 1)\"},\"layered-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"solid-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 0.91)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 0.45)\"},\"threedimensional-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(248, 248, 248, 1)\"},\"contrast-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 255, 255, 1)\"},\"default-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\"},\"sharp-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\",\"--sjs-general-backcolor-dim-light\":\"rgba(33, 33, 33, 1)\"},\"borderless-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(43, 48, 63, 1)\"},\"flat-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(48, 48, 48, 1)\"},\"doubleborder-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(52, 52, 52, 1)\"},\"layered-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(39, 40, 50, 1)\"},\"solid-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(53, 55, 63, 1)\"},\"contrast-dark-lw\":{\"--sjs-general-backcolor-dim\":\"rgba(255, 216, 77, 1)\",\"--sjs-general-dim-forecolor\":\"rgba(0, 0, 0, 1)\",\"--sjs-general-dim-forecolor-light\":\"rgba(0, 0, 0, 1)\"},\"dark-designer\":{\"--sjs-primary-backcolor\":\"rgba(36, 197, 164, 1)\",\"--sjs-primary-backcolor-light\":\"rgba(36, 197, 164, 0.1)\",\"--sjs-primary-backcolor-dark\":\"rgba(44, 206, 173, 1)\",\"--sjs-base-unit\":\"8px\",\"--sjs-corner-radius\":\"4px\"}}");
113
113
 
114
114
  /***/ }),
115
115
 
@@ -1193,13 +1193,20 @@ var MatrixCellWrapperViewModel = /** @class */ (function (_super) {
1193
1193
  }
1194
1194
  MatrixCellWrapperViewModel.prototype.editQuestion = function (model, event) {
1195
1195
  var editSurvey = new MatrixCellWrapperEditSurvey(model.creator, model.question);
1196
- survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("svc-question-editor-content", {
1197
- survey: editSurvey.survey,
1198
- creator: this.creator
1199
- }, function () {
1200
- editSurvey.apply();
1201
- return true;
1202
- }, undefined, "svc-matrix-cell__popup", model.question.name, this.creator.isMobileView ? "overlay" : "popup");
1196
+ survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
1197
+ componentName: "svc-question-editor-content",
1198
+ data: {
1199
+ survey: editSurvey.survey,
1200
+ creator: this.creator
1201
+ },
1202
+ onApply: function () {
1203
+ editSurvey.apply();
1204
+ return true;
1205
+ },
1206
+ cssClass: "svc-matrix-cell__popup",
1207
+ title: model.question.name,
1208
+ displayMode: this.creator.isMobileView ? "overlay" : "popup"
1209
+ }, model.creator.rootElement);
1203
1210
  event.stopPropagation();
1204
1211
  model.creator.selectElement(model.column);
1205
1212
  };
@@ -4073,7 +4080,9 @@ var StringEditorViewModelBase = /** @class */ (function (_super) {
4073
4080
  if (this.locString.text != clearedText &&
4074
4081
  !(!this.locString.text && clearedText == this.locString.calculatedText)) {
4075
4082
  if (!this.errorText) {
4076
- if (this.locString.owner instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"] && this.creator.inplaceEditForValues) {
4083
+ if (this.locString.owner instanceof survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"] &&
4084
+ this.creator.inplaceEditForValues &&
4085
+ ["noneText", "otherText", "selectAllText"].indexOf(this.locString.name) == -1) {
4077
4086
  var itemValue = this.locString.owner;
4078
4087
  if (itemValue.value !== clearedText) {
4079
4088
  if (!!itemValue.locOwner && !!itemValue.ownerPropertyName) {
@@ -5151,7 +5160,15 @@ var AceJsonEditorModel = /** @class */ (function (_super) {
5151
5160
  return annotations;
5152
5161
  };
5153
5162
  AceJsonEditorModel.prototype.setErrors = function (errors) {
5163
+ var _this = this;
5164
+ _super.prototype.setErrors.call(this, errors);
5154
5165
  this.aceEditor.getSession().setAnnotations(this.createAnnotations(errors));
5166
+ setTimeout(function () { return _this.aceEditor.resize(); });
5167
+ };
5168
+ AceJsonEditorModel.prototype.gotoError = function (at, row, column) {
5169
+ this.aceEditor.focus();
5170
+ this.aceEditor.renderer.scrollCursorIntoView({ row: row + 1, column: column + 1 }, 0.5);
5171
+ this.aceEditor.gotoLine(row + 1, column + 1);
5155
5172
  };
5156
5173
  AceJsonEditorModel.prototype.onEditorActivated = function () {
5157
5174
  this.aceEditor.getSession().getUndoManager().markClean();
@@ -5206,6 +5223,7 @@ __webpack_require__.r(__webpack_exports__);
5206
5223
 
5207
5224
 
5208
5225
 
5226
+ var maxErrorLength = 150;
5209
5227
  var JsonEditorBaseModel = /** @class */ (function (_super) {
5210
5228
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(JsonEditorBaseModel, _super);
5211
5229
  function JsonEditorBaseModel(creator) {
@@ -5249,6 +5267,61 @@ var JsonEditorBaseModel = /** @class */ (function (_super) {
5249
5267
  }
5250
5268
  }
5251
5269
  };
5270
+ Object.defineProperty(JsonEditorBaseModel.prototype, "errorList", {
5271
+ get: function () {
5272
+ var _this = this;
5273
+ if (!this.errorListValue) {
5274
+ this.errorListValue = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ListModel"]([], function (action) {
5275
+ var error = action.data;
5276
+ if (!!error)
5277
+ _this.gotoError(error.at, error.rowAt, error.columnAt);
5278
+ }, false);
5279
+ this.errorListValue.searchEnabled = false;
5280
+ this.errorListValue.cssClasses = {
5281
+ item: "svc-json-errors__item",
5282
+ itemIcon: "svc-json-error__icon",
5283
+ itemBody: "svc-json-error",
5284
+ itemsContainer: "svc-json-errors"
5285
+ };
5286
+ this.errorListValue.hasVerticalScroller = true;
5287
+ }
5288
+ return this.errorListValue;
5289
+ },
5290
+ enumerable: false,
5291
+ configurable: true
5292
+ });
5293
+ JsonEditorBaseModel.prototype.setErrors = function (errors) {
5294
+ var hasErrors = errors.length > 0;
5295
+ if (hasErrors) {
5296
+ var actions_1 = [];
5297
+ this.createErrorActions(errors).forEach(function (action) { return actions_1.push(action); });
5298
+ this.errorList.setItems(actions_1);
5299
+ }
5300
+ this.hasErrors = hasErrors;
5301
+ };
5302
+ JsonEditorBaseModel.prototype.gotoError = function (at, row, column) { };
5303
+ JsonEditorBaseModel.prototype.createErrorActions = function (errors) {
5304
+ var res = [];
5305
+ var counter = 1;
5306
+ errors.forEach(function (error) {
5307
+ var line = error.rowAt > -1 ? "Line: " + (error.rowAt + 1) + ". " : "";
5308
+ var title = error.text;
5309
+ if (title.length > maxErrorLength + 3) {
5310
+ title = title.substring(0, maxErrorLength) + "...";
5311
+ }
5312
+ title = line + title;
5313
+ var at = error.at;
5314
+ res.push(new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
5315
+ id: "error_" + counter++,
5316
+ title: title,
5317
+ tooltip: error.text,
5318
+ iconName: "icon-error",
5319
+ iconSize: 16,
5320
+ data: error
5321
+ }));
5322
+ });
5323
+ return res;
5324
+ };
5252
5325
  JsonEditorBaseModel.prototype.processErrors = function (text) {
5253
5326
  var textWorker = new _textWorker__WEBPACK_IMPORTED_MODULE_2__["SurveyTextWorker"](text);
5254
5327
  this.setErrors(textWorker.errors);
@@ -5261,6 +5334,9 @@ var JsonEditorBaseModel = /** @class */ (function (_super) {
5261
5334
  configurable: true
5262
5335
  });
5263
5336
  JsonEditorBaseModel.updateTextTimeout = 1000;
5337
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
5338
+ Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])()
5339
+ ], JsonEditorBaseModel.prototype, "hasErrors", void 0);
5264
5340
  return JsonEditorBaseModel;
5265
5341
  }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
5266
5342
 
@@ -5357,6 +5433,14 @@ var TextareaJsonEditorModel = /** @class */ (function (_super) {
5357
5433
  this.processErrors(value);
5358
5434
  this.isProcessingImmediately = false;
5359
5435
  };
5436
+ TextareaJsonEditorModel.prototype.gotoError = function (at, row, column) {
5437
+ if (!this.textElement)
5438
+ return;
5439
+ var el = this.textElement;
5440
+ el.selectionStart = at;
5441
+ el.selectionEnd = at;
5442
+ el.focus();
5443
+ };
5360
5444
  Object.defineProperty(TextareaJsonEditorModel.prototype, "errorButtonText", {
5361
5445
  get: function () {
5362
5446
  return this.canShowErrors ? Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("ed.jsonHideErrors") : Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_2__["getLocString"])("ed.jsonShowErrors");
@@ -5395,7 +5479,9 @@ var TextareaJsonEditorModel = /** @class */ (function (_super) {
5395
5479
  _super.prototype.onTextChanged.call(this);
5396
5480
  };
5397
5481
  TextareaJsonEditorModel.prototype.setErrors = function (errors) {
5482
+ //TODO Remove this line and then the function
5398
5483
  this._errors = errors;
5484
+ _super.prototype.setErrors.call(this, errors);
5399
5485
  };
5400
5486
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
5401
5487
  Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: "", onSet: function (_, target) { return target.onTextChanged(); } })
@@ -8248,18 +8334,24 @@ var SurveyLogicUI = /** @class */ (function (_super) {
8248
8334
  return false;
8249
8335
  };
8250
8336
  SurveyLogicUI.prototype.confirmLeavingOnError = function (onLeaving, onStaying) {
8251
- if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal)
8337
+ if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog)
8252
8338
  return false;
8253
8339
  var locStr = new survey_core__WEBPACK_IMPORTED_MODULE_1__["LocalizableString"](undefined);
8254
8340
  locStr.text = this.getLocString("ed.lg.uncompletedRule_text");
8255
- var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("sv-string-viewer", { locStr: locStr, locString: locStr, model: locStr }, //TODO fix in library
8256
- function () {
8257
- onLeaving();
8258
- return true;
8259
- }, function () {
8260
- onStaying();
8261
- return true;
8262
- }, undefined, this.getLocString("ed.lg.uncompletedRule_title"), "popup");
8341
+ var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
8342
+ componentName: "sv-string-viewer",
8343
+ data: { locStr: locStr, locString: locStr, model: locStr },
8344
+ onApply: function () {
8345
+ onLeaving();
8346
+ return true;
8347
+ },
8348
+ onCancel: function () {
8349
+ onStaying();
8350
+ return true;
8351
+ },
8352
+ title: this.getLocString("ed.lg.uncompletedRule_title"),
8353
+ displayMode: "popup"
8354
+ }, this.options.rootElement);
8263
8355
  var toolbar = popupModel.footerToolbar;
8264
8356
  var applyBtn = toolbar.getActionById("apply");
8265
8357
  var cancelBtn = toolbar.getActionById("cancel");
@@ -8578,7 +8670,8 @@ var SurveyLogicUI = /** @class */ (function (_super) {
8578
8670
  };
8579
8671
  SurveyLogicUI.prototype.updateRowIsAdditionalClasses = function (index, isAdditionalClasses) {
8580
8672
  if (!!this.matrixItems.renderedTable) {
8581
- this.matrixItems.renderedTable.rows[index].isAdditionalClasses = isAdditionalClasses;
8673
+ var visibleRows = this.matrixItems.renderedTable.rows.filter(function (row) { return row.visible; });
8674
+ visibleRows[index].isAdditionalClasses = isAdditionalClasses;
8582
8675
  }
8583
8676
  };
8584
8677
  SurveyLogicUI.prototype.updateNewActionState = function () {
@@ -10504,7 +10597,7 @@ __webpack_require__.r(__webpack_exports__);
10504
10597
 
10505
10598
  __webpack_require__(/*! ./theme.scss */ "./src/components/tabs/theme.scss");
10506
10599
  var Themes = __webpack_require__(/*! ../../../imported-themes.json */ "./imported-themes.json");
10507
- var PredefinedThemes = ["default", "contrast", "plain", "simple", "blank", "double", "bulk", "pseudo-3d", "playful", "ultra"];
10600
+ var PredefinedThemes = ["default", "sharp", "borderless", "flat", "plain", "doubleborder", "layered", "solid", "threedimensional", "contrast"];
10508
10601
  var PredefinedColors = {
10509
10602
  light: {
10510
10603
  teal: "rgba(11, 128, 128, 1)",
@@ -10989,6 +11082,10 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
10989
11082
  _this.blockThemeChangedNotifications -= 1;
10990
11083
  _this.setThemeToSurvey();
10991
11084
  });
11085
+ themeEditorSurvey.onUploadFiles.add(function (_, options) {
11086
+ var callback = function (status, data) { return options.callback(status, [{ content: data, file: options.files[0] }]); };
11087
+ _this.surveyProvider.uploadFiles(options.files, undefined, callback);
11088
+ });
10992
11089
  themeEditorSurvey.getAllQuestions().forEach(function (q) { return q.allowRootStyle = false; });
10993
11090
  themeEditorSurvey.onQuestionCreated.add(function (_, opt) {
10994
11091
  opt.question.allowRootStyle = false;
@@ -11023,7 +11120,16 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
11023
11120
  Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("pageDescription"), newCssVariables, newCssVariables["--sjs-general-dim-forecolor-light"]);
11024
11121
  Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionTitle"), newCssVariables, newCssVariables["--sjs-general-forecolor"]);
11025
11122
  Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("questionDescription"), newCssVariables, newCssVariables["--sjs-general-forecolor-light"]);
11026
- Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("editorFont"), newCssVariables);
11123
+ Object(_theme_custom_questions_font_settings__WEBPACK_IMPORTED_MODULE_8__["fontsettingsFromCssVariable"])(themeEditorSurvey.getQuestionByName("editorFont"), newCssVariables, newCssVariables["--sjs-general-forecolor"]);
11124
+ if (!!newCssVariables["--sjs-corner-radius"]) {
11125
+ themeEditorSurvey.getQuestionByName("cornerRadius").value = parseFloat(newCssVariables["--sjs-corner-radius"]);
11126
+ }
11127
+ if (!!newCssVariables["--sjs-base-unit"]) {
11128
+ themeEditorSurvey.getQuestionByName("commonScale").value = parseFloat(newCssVariables["--sjs-base-unit"]) * 100 / 8;
11129
+ }
11130
+ if (!!newCssVariables["--sjs-font-size"]) {
11131
+ themeEditorSurvey.getQuestionByName("commonFontSize").value = parseFloat(newCssVariables["--sjs-font-size"]) * 100 / 16;
11132
+ }
11027
11133
  themeEditorSurvey.getAllQuestions().forEach(function (question) {
11028
11134
  if (["color", "colorsettings"].indexOf(question.getType()) !== -1) {
11029
11135
  question.choices = Object.keys(PredefinedColors[_this.themePalette]).map(function (colorName) { return new survey_core__WEBPACK_IMPORTED_MODULE_2__["ItemValue"](PredefinedColors[_this.themePalette][colorName], Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.colors." + colorName)); });
@@ -11042,6 +11148,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
11042
11148
  ThemeSurveyTabViewModel.prototype.getThemeEditorSurveyJSON = function () {
11043
11149
  var themeEditorSurveyJSON = {
11044
11150
  "clearInvisibleValues": "none",
11151
+ questionErrorLocation: "bottom",
11045
11152
  elements: [{
11046
11153
  type: "panel",
11047
11154
  state: "expanded",
@@ -11103,8 +11210,10 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
11103
11210
  elements: [
11104
11211
  {
11105
11212
  type: "fileedit",
11213
+ storeDataAsText: false,
11106
11214
  name: "backgroundImage",
11107
11215
  titleLocation: "hidden",
11216
+ maxSize: this.surveyProvider.onUploadFile.isEmpty ? 65536 : undefined,
11108
11217
  acceptedTypes: "image/*",
11109
11218
  placeholder: "Browse..."
11110
11219
  },
@@ -11183,7 +11292,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
11183
11292
  },
11184
11293
  {
11185
11294
  type: "spinedit",
11186
- name: "--font-size",
11295
+ name: "commonFontSize",
11187
11296
  title: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("theme.fontSize"),
11188
11297
  descriptionLocation: "hidden",
11189
11298
  unit: "%",
@@ -11194,7 +11303,7 @@ var ThemeSurveyTabViewModel = /** @class */ (function (_super) {
11194
11303
  {
11195
11304
  type: "expression",
11196
11305
  name: "--sjs-font-size",
11197
- expression: "{--font-size}*16/100+\"px\"",
11306
+ expression: "{commonFontSize}*16/100+\"px\"",
11198
11307
  visible: false
11199
11308
  },
11200
11309
  ]
@@ -13458,6 +13567,7 @@ var ToolboxToolViewModel = /** @class */ (function (_super) {
13458
13567
  _this.creator.clickToolboxItem(_this.item.json);
13459
13568
  };
13460
13569
  _this.onPointerUp = function (pointerUpEvent) {
13570
+ _this.creator.onDragDropItemEnd();
13461
13571
  _this._node.classList.remove("svc-toolbox__tool--pressed");
13462
13572
  _this._node = null;
13463
13573
  document.removeEventListener("pointerup", _this.onPointerUp);
@@ -13486,6 +13596,7 @@ var ToolboxToolViewModel = /** @class */ (function (_super) {
13486
13596
  this._node = pointerDownEvent.currentTarget;
13487
13597
  this._node.classList.add("svc-toolbox__tool--pressed");
13488
13598
  document.addEventListener("pointerup", this.onPointerUp);
13599
+ this.creator.onDragDropItemStart();
13489
13600
  };
13490
13601
  Object.defineProperty(ToolboxToolViewModel.prototype, "dragDropHelper", {
13491
13602
  get: function () {
@@ -13593,7 +13704,6 @@ __webpack_require__.r(__webpack_exports__);
13593
13704
 
13594
13705
 
13595
13706
 
13596
-
13597
13707
 
13598
13708
 
13599
13709
  __webpack_require__(/*! ./components/creator.scss */ "./src/components/creator.scss");
@@ -13965,6 +14075,9 @@ var CreatorBase = /** @class */ (function (_super) {
13965
14075
  * A Survey Creator instance that raised the event.
13966
14076
  * - `options.questionName`: `String`\
13967
14077
  * The name of a question for which conditions are displayed.
14078
+ * - `options.questionName`: `String`\
14079
+ * The type of a question for which conditions are displayed.
14080
+ * The name of a question for which conditions are displayed.
13968
14081
  * - `options.operator`: `"empty"` | `"notempty"` | `"equal"` | `"notequal"` | `"contains"` | `"notcontains"` | `"anyof"` | `"allof"` | `"greater"` | `"less"` | `"greaterorequal"` | `"lessorequal"`\
13969
14082
  * A condition opeator for which the event is raised.
13970
14083
  * - `options.show`: `Boolean`\
@@ -13985,58 +14098,61 @@ var CreatorBase = /** @class */ (function (_super) {
13985
14098
  */
13986
14099
  _this.onLogicItemDisplayText = new CreatorEvent();
13987
14100
  /**
13988
- * The event is called when a survey is changed in the designer. A new page/question/page is added or existing is removed, a property is changed and so on.
13989
- *- sender the survey creator object that fires the event
13990
- * options object contains the information about certain modifications
13991
- *- options.type contains string constant describing certain modification
13992
- * Available values:
14101
+ * An event that is raised when users modify survey or theme settings.
14102
+ *
14103
+ * Parameters:
14104
+ *
14105
+ * - `sender`: `CreatorBase`\
14106
+ * A Survey Creator instance that raised the event.
13993
14107
  *
13994
- *- options.type: "ADDED_FROM_TOOLBOX"
13995
- *- options.question: newly added question
14108
+ * - `options.type`: `"ADDED_FROM_TOOLBOX"` | `"PAGE_ADDED"` | `"PAGE_MOVED"` | `"QUESTION_CONVERTED"` | `"QUESTION_CHANGED_BY_EDITOR"` | `"PROPERTY_CHANGED"` | `"ELEMENT_REORDERED"` | `"OBJECT_DELETED"` | `"VIEW_TYPE_CHANGED"` | `"DO_DROP"` | `"TRANSLATIONS_CHANGED"` | `"JSON_EDITOR"` | `"THEME_MODIFIED"`\
14109
+ * A value that indicates the modification.
13996
14110
  *
13997
- *- options.type: "PAGE_ADDED"
13998
- *- options.newValue: newly created page
14111
+ * Depending on the `options.type` value, the `options` object contains parameters listed below:
13999
14112
  *
14000
- *- options.type: "PAGE_MOVED"
14001
- *- options.page: page has been moved
14002
- *- options.indexFrom: pevious index
14003
- *- options.indexTo: new index
14113
+ * `options.type`: `"ADDED_FROM_TOOLBOX"`\
14114
+ * - `options.question` - An added question.
14004
14115
  *
14005
- *- options.type: "QUESTION_CONVERTED"
14006
- *- options.className: the converted class name
14007
- *- options.oldValue: pevious object
14008
- *- options.newValue: the new object, converted from oldVale to the given class name
14116
+ * `options.type`: `"PAGE_ADDED"`\
14117
+ * - `options.newValue` - An added page.
14009
14118
  *
14010
- *- options.type: "QUESTION_CHANGED_BY_EDITOR"
14011
- *- options.question: question has been edited in the popup question editor
14119
+ * `options.type`: `"PAGE_MOVED"`\
14120
+ * - `options.page` - A moved page.
14121
+ * - `options.indexFrom` - A previous index.
14122
+ * - `options.indexTo` - A current index.
14012
14123
  *
14013
- *- options.type: "PROPERTY_CHANGED"
14014
- *- options.name: the name of the property has been changed
14015
- *- options.target: the object containing the changed property
14016
- *- options.oldValue: the previous value of the changed property
14017
- *- options.newValue: the new value of the changed property
14124
+ * `options.type`: `"QUESTION_CONVERTED"`\
14125
+ * - `options.className` - The name of a class to which a question has been converted.
14126
+ * - `options.oldValue` - An object of a previous class.
14127
+ * - `options.newValue` - An object of a class specified by `options.className`.
14018
14128
  *
14019
- *- options.type: "ELEMENT_REORDERED"
14020
- *- options.arrayName: the name of the array property has been changed
14021
- *- options.parent: the object containing the array property
14022
- *- options.element: the element that changed the place in the array
14023
- *- options.indexFrom: moved from index
14024
- *- options.indexTo: moved to index
14129
+ * `options.type`: `"QUESTION_CHANGED_BY_EDITOR"`\
14130
+ * - `options.question` - A question that has been edited in a pop-up editor.
14025
14131
  *
14026
- *- options.type: "OBJECT_DELETED"
14027
- *- options.target: deleted object
14132
+ * `options.type`: `"PROPERTY_CHANGED"`\
14133
+ * - `options.name` - The name of the changed property.
14134
+ * - `options.target` - An object that contains the changed property.
14135
+ * - `options.oldValue` - A previous value of the changed property.
14136
+ * - `options.newValue` - A new value of the changed property.
14028
14137
  *
14029
- *- options.type: "VIEW_TYPE_CHANGED"
14030
- *- options.newType: new type of the creator view: editor or designer
14138
+ * `options.type`: `"ELEMENT_REORDERED"`\
14139
+ * - `options.arrayName` - The name of the changed array.
14140
+ * - `options.parent` - An object that contains the changed array.
14141
+ * - `options.element` - A reordered element.
14142
+ * - `options.indexFrom` - A previous index.
14143
+ * - `options.indexTo` - A current index.
14031
14144
  *
14032
- *- options.type: "DO_DROP"
14033
- *- options.page: the page of the drap/drop operation
14034
- *- options.source: the source dragged object
14035
- *- options.target: the drop target
14036
- *- options.newElement: a new element. It is defined if a user drops question or panel from the toolbox
14145
+ * `options.type`: `"OBJECT_DELETED"`\
14146
+ * - `options.target` - A deleted object.
14037
14147
  *
14038
- *- options.type: "TRANSLATIONS_CHANGED"
14039
- *- options.type: "JSON_EDITOR"
14148
+ * `options.type`: `"VIEW_TYPE_CHANGED"`\
14149
+ * - `options.newType` - A current view: `"editor"` or `"designer"`.
14150
+ *
14151
+ * `options.type`: `"DO_DROP"`\
14152
+ * - `options.page` - A parent page of the dragged element.
14153
+ * - `options.source` - A dragged element.
14154
+ * - `options.target` - A drop target.
14155
+ * - `options.newElement` - A new element. This parameter is defined only if users drag a question or panel from the Toolbox.
14040
14156
  */
14041
14157
  _this.onModified = new CreatorEvent();
14042
14158
  /**
@@ -14494,7 +14610,7 @@ var CreatorBase = /** @class */ (function (_super) {
14494
14610
  return this.getPropertyValue("allowEditSurveyTitle", true);
14495
14611
  },
14496
14612
  set: function (val) {
14497
- this.setPropertyVisibility("survey", val, "title", "description", "logo", "showTitle", "logoWidth", "logoHeight");
14613
+ this.setPropertyVisibility("survey", val, "title", "description", "logo", "logoFit", "showTitle", "logoWidth", "logoHeight");
14498
14614
  this.setPropertyValue("allowEditSurveyTitle", val);
14499
14615
  this.designerPropertyGrid && this.designerPropertyGrid.refresh();
14500
14616
  },
@@ -14516,6 +14632,25 @@ var CreatorBase = /** @class */ (function (_super) {
14516
14632
  enumerable: false,
14517
14633
  configurable: true
14518
14634
  });
14635
+ Object.defineProperty(CreatorBase.prototype, "haveCommercialLicense", {
14636
+ /**
14637
+ * Removes the Free Trial bar.
14638
+ *
14639
+ * Default value: `false`
14640
+ *
14641
+ * > You can enable this property only if you have a Survey Creator commercial license. It is illegal to enable this property without a license.
14642
+ */
14643
+ get: function () {
14644
+ if (!!survey_core__WEBPACK_IMPORTED_MODULE_1__["hasLicense"] && Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["hasLicense"])(1))
14645
+ return true;
14646
+ return this.getPropertyValue("haveCommercialLicense", false);
14647
+ },
14648
+ set: function (val) {
14649
+ this.setPropertyValue("haveCommercialLicense", val);
14650
+ },
14651
+ enumerable: false,
14652
+ configurable: true
14653
+ });
14519
14654
  Object.defineProperty(CreatorBase.prototype, "licenseText", {
14520
14655
  get: function () {
14521
14656
  return this.getLocString("survey.license");
@@ -15462,6 +15597,12 @@ var CreatorBase = /** @class */ (function (_super) {
15462
15597
  }
15463
15598
  return !!classInfo && classInfo.name === typeName;
15464
15599
  };
15600
+ CreatorBase.prototype.onDragDropItemStart = function () {
15601
+ this.addNewElementReason = "DROPPED_FROM_TOOLBOX";
15602
+ };
15603
+ CreatorBase.prototype.onDragDropItemEnd = function () {
15604
+ this.addNewElementReason = undefined;
15605
+ };
15465
15606
  CreatorBase.prototype.doOnQuestionAdded = function (question, parentPanel) {
15466
15607
  question.name = this.generateUniqueName(question, question.name);
15467
15608
  var page = this.getPageByElement(question);
@@ -15870,7 +16011,7 @@ var CreatorBase = /** @class */ (function (_super) {
15870
16011
  var index = !!question["parent"]
15871
16012
  ? question["parent"].elements.indexOf(question) + 1
15872
16013
  : -1;
15873
- this.doClickQuestionCore(newElement, "ELEMENT_COPIED", index);
16014
+ this.doClickQuestionCore(newElement, "ELEMENT_COPIED", index, question["parent"]);
15874
16015
  return newElement;
15875
16016
  };
15876
16017
  Object.defineProperty(CreatorBase.prototype, "selectedElement", {
@@ -16284,6 +16425,22 @@ var CreatorBase = /** @class */ (function (_super) {
16284
16425
  });
16285
16426
  }
16286
16427
  };
16428
+ Object.defineProperty(CreatorBase.prototype, "rootElement", {
16429
+ get: function () {
16430
+ return this._rootElementValue;
16431
+ },
16432
+ enumerable: false,
16433
+ configurable: true
16434
+ });
16435
+ CreatorBase.prototype.setRootElement = function (element) {
16436
+ this._rootElementValue = element;
16437
+ this.initKeyboardShortcuts(element);
16438
+ this.initResponsivityManager(element);
16439
+ };
16440
+ CreatorBase.prototype.unsubscribeRootElement = function () {
16441
+ this.removeKeyboardShortcuts(this._rootElementValue);
16442
+ this.resetResponsivityManager();
16443
+ };
16287
16444
  CreatorBase.prototype.initKeyboardShortcuts = function (rootNode) {
16288
16445
  if (!!rootNode) {
16289
16446
  rootNode.addEventListener("keydown", this.onKeyDownHandler);
@@ -16301,6 +16458,7 @@ var CreatorBase = /** @class */ (function (_super) {
16301
16458
  delete this.shortcuts[name];
16302
16459
  };
16303
16460
  CreatorBase.prototype.deletePanelOrQuestion = function (obj) {
16461
+ var _this = this;
16304
16462
  var parent = obj["parent"];
16305
16463
  var elements = parent.elements;
16306
16464
  var objIndex = elements.indexOf(obj);
@@ -16310,6 +16468,9 @@ var CreatorBase = /** @class */ (function (_super) {
16310
16468
  if (this.pageEditMode === "single" && parent.getType() === "page") {
16311
16469
  parent = this.survey;
16312
16470
  }
16471
+ if (obj["questions"]) {
16472
+ obj["questions"].forEach(function (q) { return _this.updateConditionsOnRemove(q); });
16473
+ }
16313
16474
  obj["delete"]();
16314
16475
  this.selectElement(objIndex > -1 ? elements[objIndex] : parent);
16315
16476
  };
@@ -16515,11 +16676,12 @@ var CreatorBase = /** @class */ (function (_super) {
16515
16676
  this.onConditionGetTitle.fire(this, options);
16516
16677
  return options.title;
16517
16678
  };
16518
- CreatorBase.prototype.isConditionOperatorEnabled = function (questionName, operator, isEnabled) {
16679
+ CreatorBase.prototype.isConditionOperatorEnabled = function (questionName, questionType, operator, isEnabled) {
16519
16680
  if (this.onGetConditionOperator.isEmpty)
16520
16681
  return isEnabled;
16521
16682
  var options = {
16522
16683
  questionName: questionName,
16684
+ questionType: questionType,
16523
16685
  operator: operator,
16524
16686
  show: isEnabled
16525
16687
  };
@@ -16622,8 +16784,11 @@ var CreatorBase = /** @class */ (function (_super) {
16622
16784
  };
16623
16785
  Object.defineProperty(CreatorBase.prototype, "saveThemeFunc", {
16624
16786
  /**
16625
- * Assign to this property a function that will be called on clicking the 'Save' button or on any change if isAutoSave equals true.
16626
- * @see isAutoSave
16787
+ * A function that is called each time users click the [Save button](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#showSaveButton) or [auto-save](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#isAutoSave) is triggered to save a theme JSON object.
16788
+ *
16789
+ * For more information, refer to the [Save and Load Custom Themes](/survey-creator/documentation/theme-editor#save-and-load-custom-themes) help topic.
16790
+ * @see showThemeTab
16791
+ * @see saveSurveyFunc
16627
16792
  */
16628
16793
  get: function () {
16629
16794
  return this.saveThemeFuncValue;
@@ -16636,8 +16801,10 @@ var CreatorBase = /** @class */ (function (_super) {
16636
16801
  });
16637
16802
  Object.defineProperty(CreatorBase.prototype, "saveSurveyFunc", {
16638
16803
  /**
16639
- * Assign to this property a function that will be called on clicking the 'Save' button or on any change if isAutoSave equals true.
16640
- * @see isAutoSave
16804
+ * A function that is called each time users click the [Save button](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#showSaveButton) or [auto-save](https://surveyjs.io/survey-creator/documentation/api-reference/survey-creator#isAutoSave) is triggered to save a survey JSON schema.
16805
+ *
16806
+ * For more information, refer to the Save and Load Survey Model Schemas help topic for your framework: [Angular](https://surveyjs.io/survey-creator/documentation/get-started-angular#save-and-load-survey-model-schemas) | [Vue](https://surveyjs.io/survey-creator/documentation/get-started-vue#save-and-load-survey-model-schemas) | [React](https://surveyjs.io/survey-creator/documentation/get-started-react#save-and-load-survey-model-schemas) | [Knockout / jQuery](https://surveyjs.io/survey-creator/documentation/get-started-knockout-jquery).
16807
+ * @see saveThemeFunc
16641
16808
  */
16642
16809
  get: function () {
16643
16810
  return this.saveSurveyFuncValue;
@@ -16842,9 +17009,6 @@ var CreatorBase = /** @class */ (function (_super) {
16842
17009
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
16843
17010
  Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
16844
17011
  ], CreatorBase.prototype, "inplaceEditForValues", void 0);
16845
- Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
16846
- Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
16847
- ], CreatorBase.prototype, "haveCommercialLicense", void 0);
16848
17012
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
16849
17013
  Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: false })
16850
17014
  ], CreatorBase.prototype, "isAutoSave", void 0);
@@ -17509,7 +17673,7 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
17509
17673
  EmptySurveyCreatorOptions.prototype.onConditionGetTitleCallback = function (expression, title) {
17510
17674
  return title;
17511
17675
  };
17512
- EmptySurveyCreatorOptions.prototype.isConditionOperatorEnabled = function (questionName, operator, isEnabled) { return isEnabled; };
17676
+ EmptySurveyCreatorOptions.prototype.isConditionOperatorEnabled = function (questionName, questionType, operator, isEnabled) { return isEnabled; };
17513
17677
  EmptySurveyCreatorOptions.prototype.onLogicGetTitleCallback = function (expression, displayExpression, text, logicItem) { return text; };
17514
17678
  EmptySurveyCreatorOptions.prototype.getTranslationExportedText = function (obj, name, locString, locale, text) { return text; };
17515
17679
  EmptySurveyCreatorOptions.prototype.uploadFiles = function (files, question, uploadingCallback) { };
@@ -18965,7 +19129,7 @@ __webpack_require__.r(__webpack_exports__);
18965
19129
  /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! survey-core */ "survey-core");
18966
19130
  /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_70___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_70__);
18967
19131
  var Version;
18968
- Version = "" + "1.9.100";
19132
+ Version = "" + "1.9.102";
18969
19133
  //should be loaded before other styles for easier override
18970
19134
  __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
18971
19135
 
@@ -19054,7 +19218,7 @@ __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
19054
19218
  __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
19055
19219
 
19056
19220
  survey_core__WEBPACK_IMPORTED_MODULE_70__["settings"].supportCreatorV2 = true;
19057
- Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.100", "survey-creator-core");
19221
+ Object(survey_core__WEBPACK_IMPORTED_MODULE_70__["checkLibraryVersion"])("" + "1.9.102", "survey-creator-core");
19058
19222
 
19059
19223
 
19060
19224
  /***/ }),
@@ -19331,6 +19495,7 @@ var map = {
19331
19495
  "./edit.svg": "./src/images/edit.svg",
19332
19496
  "./edit_16x16.svg": "./src/images/edit_16x16.svg",
19333
19497
  "./editing-finish.svg": "./src/images/editing-finish.svg",
19498
+ "./error.svg": "./src/images/error.svg",
19334
19499
  "./expand-detail-light_16x16.svg": "./src/images/expand-detail-light_16x16.svg",
19335
19500
  "./expand-detail_16x16.svg": "./src/images/expand-detail_16x16.svg",
19336
19501
  "./expand-panel.svg": "./src/images/expand-panel.svg",
@@ -19843,6 +20008,17 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
19843
20008
 
19844
20009
  /***/ }),
19845
20010
 
20011
+ /***/ "./src/images/error.svg":
20012
+ /*!******************************!*\
20013
+ !*** ./src/images/error.svg ***!
20014
+ \******************************/
20015
+ /*! no static exports found */
20016
+ /***/ (function(module, exports) {
20017
+
20018
+ module.exports = "<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_19289_560924)\"><path d=\"M8 0C3.58 0 0 3.58 0 8C0 12.42 3.58 16 8 16C12.42 16 16 12.42 16 8C16 3.58 12.42 0 8 0ZM8 14C4.69 14 2 11.31 2 8C2 4.69 4.69 2 8 2C11.31 2 14 4.69 14 8C14 11.31 11.31 14 8 14ZM11.41 6L9.41 8L11.41 10L10 11.41L8 9.41L6 11.41L4.59 10L6.59 8L4.59 6L6 4.59L8 6.59L10 4.59L11.41 6Z\"></path></g><defs><clipPath id=\"clip0_19289_560924\"><rect width=\"16\" height=\"16\" fill=\"transparent\"></rect></clipPath></defs></svg>"
20019
+
20020
+ /***/ }),
20021
+
19846
20022
  /***/ "./src/images/expand-detail-light_16x16.svg":
19847
20023
  /*!**************************************************!*\
19848
20024
  !*** ./src/images/expand-detail-light_16x16.svg ***!
@@ -21619,7 +21795,6 @@ var enStrings = {
21619
21795
  hideColumnsIfEmpty: "Hide columns if there are no rows",
21620
21796
  rateValues: "Custom rate values",
21621
21797
  rateCount: "Rate count",
21622
- rateDisplayMode: "Rate display mode",
21623
21798
  autoGenerate: "How to specify rate values?",
21624
21799
  hideIfChoicesEmpty: "Hide the question if it contains no choices",
21625
21800
  hideNumber: "Hide question number",
@@ -21636,6 +21811,7 @@ var enStrings = {
21636
21811
  maxErrorText: "\"Value exceeds maximum\" error message",
21637
21812
  otherErrorText: "\"Empty comment\" error message",
21638
21813
  keyDuplicationError: "\"Non-unique key value\" error message",
21814
+ minSelectedChoices: "Minimum selected choices",
21639
21815
  maxSelectedChoices: "Maximum selected choices",
21640
21816
  showClearButton: "Show the Clear button",
21641
21817
  showNumber: "Show panel number",
@@ -21752,12 +21928,13 @@ var enStrings = {
21752
21928
  alternateRows: "Alternate rows",
21753
21929
  columnsVisibleIf: "Columns are visible if",
21754
21930
  rowsVisibleIf: "Rows are visible if",
21755
- otherPlaceholder: "Comment area placeholder"
21931
+ otherPlaceholder: "Comment area placeholder",
21932
+ rateType: "Rate type" // Auto-generated string
21756
21933
  },
21757
21934
  // Property values
21758
21935
  pv: {
21759
- true: "true",
21760
- false: "false",
21936
+ "true": "true",
21937
+ "false": "false",
21761
21938
  inherit: "Inherit",
21762
21939
  show: "Visible",
21763
21940
  hide: "Hidden",
@@ -21899,7 +22076,9 @@ var enStrings = {
21899
22076
  buttons: "Buttons",
21900
22077
  dropdown: "Dropdown"
21901
22078
  },
21902
- rateColorMode: { default: "Default" },
22079
+ rateColorMode: {
22080
+ default: "Default"
22081
+ },
21903
22082
  autoGenerate: {
21904
22083
  "true": "Generate",
21905
22084
  "false": "Enter manually"
@@ -21908,7 +22087,7 @@ var enStrings = {
21908
22087
  labels: "Labels",
21909
22088
  stars: "Stars",
21910
22089
  smileys: "Smileys"
21911
- },
22090
+ }
21912
22091
  },
21913
22092
  // Operators
21914
22093
  op: {
@@ -22070,7 +22249,21 @@ var enStrings = {
22070
22249
  runExpression: "Run expression",
22071
22250
  showCaption: "Show caption",
22072
22251
  iconName: "Icon name",
22073
- iconSize: "Icon size" // Auto-generated string
22252
+ iconSize: "Icon size",
22253
+ precision: "Precision",
22254
+ matrixDragHandleArea: "Matrix drag handle area",
22255
+ backgroundImage: "Background image",
22256
+ backgroundImageFit: "Background image fit",
22257
+ backgroundImageAttachment: "Background image attachment",
22258
+ backgroundOpacity: "Background opacity",
22259
+ selectToRankEnabled: "Select to rank enabled",
22260
+ selectToRankAreasLayout: "Select to rank areas layout",
22261
+ allowCameraAccess: "Allow camera access",
22262
+ scaleColorMode: "Scale color mode",
22263
+ rateColorMode: "Rate color mode",
22264
+ templateTabTitle: "Template tab title",
22265
+ templateVisibleIf: "Template visible if",
22266
+ copyDisplayValue: "Copy display value" // Auto-generated string
22074
22267
  },
22075
22268
  theme: {
22076
22269
  "--background": "Background color",
@@ -22080,26 +22273,26 @@ var enStrings = {
22080
22273
  "--base-unit": "Base unit",
22081
22274
  groupGeneral: "General",
22082
22275
  groupAdvanced: "Advanced",
22083
- "themeName": "Theme",
22084
- "themeMode": "Question appearance",
22085
- "themeModePanels": "Default",
22086
- "themeModeLightweight": "Without Panels",
22087
- "themePaletteLight": "Light",
22088
- "themePaletteDark": "Dark",
22276
+ themeName: "Theme",
22277
+ themeMode: "Question appearance",
22278
+ themeModePanels: "Default",
22279
+ themeModeLightweight: "Without Panels",
22280
+ themePaletteLight: "Light",
22281
+ themePaletteDark: "Dark",
22089
22282
  primaryColor: "Accent color",
22090
22283
  primaryDefaultColor: "Default",
22091
22284
  primaryDarkColor: "Hover",
22092
22285
  primaryLightColor: "Selected",
22093
- "backgroundDimColor": "Background color",
22094
- "backgroundImage": "Background image",
22095
- "backgroundImageFitAuto": "Auto",
22096
- "backgroundImageFitCover": "Cover",
22097
- "backgroundImageFitContain": "Contain",
22098
- "backgroundOpacity": "Opacity",
22099
- "backgroundImageAttachmentFixed": "Fixed",
22100
- "backgroundImageAttachmentScroll": "Scroll",
22101
- "panelBackgroundTransparency": "Panel background opacity",
22102
- "questionBackgroundTransparency": "Question background opacity",
22286
+ backgroundDimColor: "Background color",
22287
+ backgroundImage: "Background image",
22288
+ backgroundImageFitAuto: "Auto",
22289
+ backgroundImageFitCover: "Cover",
22290
+ backgroundImageFitContain: "Contain",
22291
+ backgroundOpacity: "Opacity",
22292
+ backgroundImageAttachmentFixed: "Fixed",
22293
+ backgroundImageAttachmentScroll: "Scroll",
22294
+ panelBackgroundTransparency: "Panel background opacity",
22295
+ questionBackgroundTransparency: "Question background opacity",
22103
22296
  questionPanel: "Panel background and corner radius",
22104
22297
  questionTitle: "Question title font",
22105
22298
  questionDescription: "Question description font",
@@ -22140,15 +22333,15 @@ var enStrings = {
22140
22333
  editorShadow: "Input element shadow effects",
22141
22334
  names: {
22142
22335
  "default": "Default",
22143
- "contrast": "Contrast",
22336
+ "sharp": "Sharp",
22337
+ "borderless": "Borderless",
22338
+ "flat": "Flat",
22144
22339
  "plain": "Plain",
22145
- "simple": "Simple",
22146
- "blank": "Blank",
22147
- "double": "Double",
22148
- "bulk": "Bulk",
22149
- "pseudo-3d": "Pseudo 3D",
22150
- "playful": "Playful",
22151
- "ultra": "Ultra"
22340
+ "doubleborder": "Double Border",
22341
+ "layered": "Layered",
22342
+ "solid": "Solid",
22343
+ "threedimensional": "3D",
22344
+ "contrast": "Contrast"
22152
22345
  },
22153
22346
  colors: {
22154
22347
  teal: "Teal",
@@ -22159,7 +22352,7 @@ var enStrings = {
22159
22352
  brown: "Brown",
22160
22353
  green: "Green"
22161
22354
  }
22162
- },
22355
+ }
22163
22356
  };
22164
22357
  // Uncomment the line below if you create a custom dictionary.
22165
22358
  // Replace "en" with a custom locale code (for example, "fr" or "de"),
@@ -24061,7 +24254,7 @@ var ConditionEditor = /** @class */ (function (_super) {
24061
24254
  var qType = !!json ? json.type : null;
24062
24255
  opt.choices.forEach(function (choice, index) {
24063
24256
  var isOperatorEnabled = ConditionEditor.isOperatorEnabled(qType, _creator_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].operators[choice.value]);
24064
- isOperatorEnabled = _this.options.isConditionOperatorEnabled(questionName, choice.value, isOperatorEnabled);
24257
+ isOperatorEnabled = _this.options.isConditionOperatorEnabled(questionName, qType, choice.value, isOperatorEnabled);
24065
24258
  choice.setIsEnabled(isOperatorEnabled);
24066
24259
  choice.setIsVisible(isOperatorEnabled);
24067
24260
  });
@@ -25984,22 +26177,30 @@ var PropertyGridEditor = /** @class */ (function () {
25984
26177
  if (question.isReadOnly) {
25985
26178
  surveyPropertyEditor.editSurvey.mode = "display";
25986
26179
  }
25987
- if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal)
26180
+ if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog)
25988
26181
  return surveyPropertyEditor;
25989
26182
  var prevCurrentLocale = survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].currentLocale;
25990
26183
  var locale = _editorLocalization__WEBPACK_IMPORTED_MODULE_2__["editorLocalization"].currentLocale;
25991
26184
  survey_core__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].currentLocale = locale;
25992
- var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showModal("survey", {
25993
- survey: surveyPropertyEditor.editSurvey,
25994
- model: surveyPropertyEditor.editSurvey
25995
- }, function () {
25996
- _this.onModalPropertyEditorClosed(editor, property, question, options, "apply");
25997
- onClose && onClose("apply");
25998
- return surveyPropertyEditor.apply();
25999
- }, function () {
26000
- _this.onModalPropertyEditorClosed(editor, property, question, options, "cancel");
26001
- onClose && onClose("cancel");
26002
- }, "sv-property-editor", question.title, options.isMobileView ? "overlay" : "popup");
26185
+ var popupModel = survey_core__WEBPACK_IMPORTED_MODULE_1__["settings"].showDialog({
26186
+ componentName: "survey",
26187
+ data: {
26188
+ survey: surveyPropertyEditor.editSurvey,
26189
+ model: surveyPropertyEditor.editSurvey
26190
+ },
26191
+ onApply: function () {
26192
+ _this.onModalPropertyEditorClosed(editor, property, question, options, "apply");
26193
+ onClose && onClose("apply");
26194
+ return surveyPropertyEditor.apply();
26195
+ },
26196
+ onCancel: function () {
26197
+ _this.onModalPropertyEditorClosed(editor, property, question, options, "cancel");
26198
+ onClose && onClose("cancel");
26199
+ },
26200
+ cssClass: "sv-property-editor",
26201
+ title: question.title,
26202
+ displayMode: options.isMobileView ? "overlay" : "popup"
26203
+ }, options.rootElement);
26003
26204
  if (question.isReadOnly) {
26004
26205
  var applyBtn = popupModel.footerToolbar.getActionById("apply");
26005
26206
  if (!!applyBtn) {
@@ -26747,14 +26948,15 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
26747
26948
  var newName = PropertyGridEditorMatrix.getNewColumnName(matrix.value, keyPropName, baseValue);
26748
26949
  keyValue = newName;
26749
26950
  }
26750
- var item = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(this.getDefaultClassName(prop), json);
26951
+ var obj = matrix.obj;
26952
+ var item = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(this.getDefaultClassName(obj, prop), json);
26751
26953
  if (!!keyValue) {
26752
26954
  item[keyPropName] = keyValue;
26753
26955
  }
26754
26956
  if (!!this.getObjTypeName()) {
26755
26957
  item[this.getObjTypeName()] = item.getType();
26756
26958
  }
26757
- var arr = matrix.obj[prop.name];
26959
+ var arr = obj[prop.name];
26758
26960
  if (survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].isDescendantOf(item.getType(), "itemvalue")) {
26759
26961
  item.text = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["getNextItemText"])(arr);
26760
26962
  }
@@ -26764,7 +26966,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
26764
26966
  }
26765
26967
  return item;
26766
26968
  };
26767
- PropertyGridEditorMatrix.prototype.getDefaultClassName = function (prop) {
26969
+ PropertyGridEditorMatrix.prototype.getDefaultClassName = function (obj, prop) {
26768
26970
  return prop.className;
26769
26971
  };
26770
26972
  PropertyGridEditorMatrix.prototype.getBaseValue = function (prop) {
@@ -27342,8 +27544,16 @@ var PropertyGridEditorMatrixValidators = /** @class */ (function (_super) {
27342
27544
  PropertyGridEditorMatrixValidators.prototype.getObjTypeName = function () {
27343
27545
  return "validatorType";
27344
27546
  };
27345
- PropertyGridEditorMatrixValidators.prototype.getDefaultClassName = function (prop) {
27346
- return "expressionvalidator";
27547
+ PropertyGridEditorMatrixValidators.prototype.getDefaultClassName = function (obj, prop) {
27548
+ var res = "expression";
27549
+ var question = obj;
27550
+ if (!!question.getSupportedValidators) {
27551
+ var validators = question.getSupportedValidators();
27552
+ if (validators.length > 0 && validators.indexOf(res) < 0) {
27553
+ res = validators[0];
27554
+ }
27555
+ }
27556
+ return res + "validator";
27347
27557
  };
27348
27558
  PropertyGridEditorMatrixValidators.prototype.getChoices = function (obj) {
27349
27559
  var names = this.getSupportedValidators(obj);
@@ -27383,7 +27593,7 @@ var PropertyGridEditorMatrixTriggers = /** @class */ (function (_super) {
27383
27593
  PropertyGridEditorMatrixTriggers.prototype.getObjTypeName = function () {
27384
27594
  return "triggerType";
27385
27595
  };
27386
- PropertyGridEditorMatrixTriggers.prototype.getDefaultClassName = function (prop) {
27596
+ PropertyGridEditorMatrixTriggers.prototype.getDefaultClassName = function (obj, prop) {
27387
27597
  var classes = this.getAvailableTriggers().map(function (tr) { return tr.name; });
27388
27598
  if (!classes.length)
27389
27599
  return prop.name;
@@ -28383,10 +28593,19 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
28383
28593
  properties: [
28384
28594
  { name: "showSelectAllItem", tab: "choices" },
28385
28595
  { name: "selectAllText", tab: "choices" },
28596
+ { name: "minSelectedChoices", tab: "choices" },
28386
28597
  { name: "maxSelectedChoices", tab: "choices" },
28387
28598
  { name: "separateSpecialChoices", tab: "choices" },
28388
28599
  ]
28389
28600
  },
28601
+ ranking: {
28602
+ properties: [
28603
+ { name: "selectToRankEnabled" },
28604
+ { name: "selectToRankAreasLayout", tab: "layout" },
28605
+ { name: "minSelectedChoices", tab: "choices" },
28606
+ { name: "maxSelectedChoices", tab: "choices" }
28607
+ ]
28608
+ },
28390
28609
  radiogroup: {
28391
28610
  properties: [
28392
28611
  { name: "showClearButton", tab: "choices" },
@@ -28527,6 +28746,7 @@ var SurveyQuestionEditorDefinition = /** @class */ (function () {
28527
28746
  { name: "showSelectAllItem", tab: "choices" },
28528
28747
  { name: "showNoneItem", tab: "choices" },
28529
28748
  { name: "noneText", tab: "choices" },
28749
+ { name: "minSelectedChoices", tab: "choices" },
28530
28750
  { name: "maxSelectedChoices", tab: "choices" },
28531
28751
  { name: "selectAllText", tab: "choices" },
28532
28752
  { name: "choicesVisibleIf", tab: "logic" },
@@ -29614,9 +29834,9 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
29614
29834
  elementsToSetSWNL.push(srcRow.elements[1]);
29615
29835
  }
29616
29836
  }
29837
+ var dragOverIndicator = _this.dragOverIndicatorElement || _this.dropTarget;
29838
+ var dragOverLocation = dragOverIndicator.dragTypeOverMe;
29617
29839
  if (!!row) {
29618
- var dragOverIndicator = _this.dragOverIndicatorElement || _this.dropTarget;
29619
- var dragOverLocation = dragOverIndicator.dragTypeOverMe;
29620
29840
  if (dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].Left) {
29621
29841
  elementsToResetSWNL.push(dest);
29622
29842
  if (row.elements.indexOf(dest) === 0 || row.elements.indexOf(src) === 0 && row.elements.indexOf(dest) === 1) {
@@ -29645,9 +29865,10 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
29645
29865
  elementsToSetSWNL.push(dragged);
29646
29866
  }
29647
29867
  }
29868
+ var isTargetIsContainer = dest.isPanel || dest.isPage;
29648
29869
  if (!!src && !!src.parent) {
29649
29870
  page.survey.startMovingQuestion();
29650
- var isSamePanel = !!row && row.panel == src.parent;
29871
+ var isSamePanel = !(isTargetIsContainer && dragOverLocation === survey_core__WEBPACK_IMPORTED_MODULE_1__["DragTypeOverMeEnum"].InsideEmptyPanel) && !!row && row.panel == src.parent;
29651
29872
  if (isSamePanel) {
29652
29873
  _this.moveElementInPanel(row.panel, src, dragged, targetIndex);
29653
29874
  row.panel.updateRows();
@@ -29657,7 +29878,7 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
29657
29878
  src.parent.removeElement(src);
29658
29879
  }
29659
29880
  }
29660
- if (!_this.isEdge && !_this.isSide && (dest.isPanel || dest.isPage)) {
29881
+ if (!_this.isEdge && !_this.isSide && isTargetIsContainer) {
29661
29882
  dest.addElement(dragged);
29662
29883
  dest.updateRows();
29663
29884
  }
@@ -29671,79 +29892,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
29671
29892
  return dragged;
29672
29893
  };
29673
29894
  return _this;
29674
- // protected removeGhostElementFromSurvey(): void {
29675
- // const dropTarget = this.prevDropTarget || this.dropTarget;
29676
- // if (!!dropTarget) {
29677
- // dropTarget.dragTypeOverMe = null;
29678
- // }
29679
- // if (!!this.parentElement) this.parentElement.dragDropFinish(true);
29680
- // }
29681
- // private insertRealElementIntoSurvey() {
29682
- // this.removeGhostElementFromSurvey();
29683
- // const isTargetRowMultiple = this.calcTargetRowMultiple();
29684
- // // ghost new page
29685
- // if (this.dropTarget.isPage && (<any>this.dropTarget)["_isGhost"]) {
29686
- // (<any>this.dropTarget)["_addGhostPageViewModel"]();
29687
- // }
29688
- // // EO ghost new page
29689
- // //TODO need for dragDrop helper in library
29690
- // const json = new JsonObject().toJsonObject(this.draggedElement);
29691
- // json["type"] = this.draggedElement.getType();
29692
- // const fakeTargetElement = this.createFakeTargetElement(
29693
- // this.draggedElement.name,
29694
- // json
29695
- // );
29696
- // //
29697
- // this.parentElement.dragDropStart(
29698
- // this.draggedElement,
29699
- // fakeTargetElement,
29700
- // DragDropSurveyElements.nestedPanelDepth
29701
- // );
29702
- // this.parentElement.dragDropMoveTo(
29703
- // this.dropTarget,
29704
- // isTargetRowMultiple ? this.isRight : this.isBottom,
29705
- // this.isEdge
29706
- // );
29707
- // const newElement = this.parentElement.dragDropFinish();
29708
- // return newElement;
29709
- // }
29710
- // private createFakeTargetElement(elementName: string, json: any): any {
29711
- // if (!elementName || !json) return null;
29712
- // var targetElement = null;
29713
- // targetElement = Serializer.createClass(json["type"]);
29714
- // new JsonObject().toObject(json, targetElement);
29715
- // targetElement.name = elementName;
29716
- // if (targetElement["setSurveyImpl"]) {
29717
- // targetElement["setSurveyImpl"](this.survey);
29718
- // } else {
29719
- // targetElement["setData"](this.survey);
29720
- // }
29721
- // targetElement.renderWidth = "100%";
29722
- // return targetElement;
29723
- // }
29724
- // private createGhostSurveyElement(isMultipleRowDrag = false): any {
29725
- // let className = "sv-drag-drop-ghost";
29726
- // let minWidth = "300px";
29727
- // if (isMultipleRowDrag) {
29728
- // minWidth = "4px";
29729
- // className += " sv-drag-drop-ghost--vertical";
29730
- // }
29731
- // const json: any = {
29732
- // type: "html",
29733
- // minWidth,
29734
- // name: DragDropSurveyElements.ghostSurveyElementName,
29735
- // html: `<div class="${className}"></div>`,
29736
- // };
29737
- // const element = <any>this.createElementFromJson(json);
29738
- // element.startWithNewLine = !isMultipleRowDrag;
29739
- // if (isMultipleRowDrag) {
29740
- // element.maxWidth = "4px";
29741
- // element.renderWidth = "0px";
29742
- // element.paddingRight = "0px";
29743
- // element.paddingLeft = "0px";
29744
- // }
29745
- // return element;
29746
- // }
29747
29895
  }
29748
29896
  Object.defineProperty(DragDropSurveyElements.prototype, "draggedElementType", {
29749
29897
  get: function () {
@@ -29894,38 +30042,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
29894
30042
  }
29895
30043
  return true;
29896
30044
  };
29897
- // protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean {
29898
- // return false;
29899
- // }
29900
- // protected calculateIsBottom(
29901
- // clientY: number,
29902
- // dropTargetNode?: HTMLElement
29903
- // ): boolean {
29904
- // // we shouldn't reculc isBottom if drag over ghost survey element
29905
- // if (this.getDataAttributeValueByNode(dropTargetNode) === DragDropSurveyElements.ghostSurveyElementName) {
29906
- // return this.isBottom;
29907
- // }
29908
- // const middle = this.calculateVerticalMiddleOfHTMLElement(dropTargetNode);
29909
- // return clientY >= middle;
29910
- // }
29911
- // protected calculateIsRight(
29912
- // clientX: number,
29913
- // dropTargetNode?: HTMLElement
29914
- // ): boolean {
29915
- // // we shouldn't reculc isBottom if drag over ghost survey element
29916
- // if (this.getDataAttributeValueByNode(dropTargetNode) === DragDropSurveyElements.ghostSurveyElementName) {
29917
- // return this.isRight;
29918
- // }
29919
- // const middle = this.calculateHorizontalMiddleOfHTMLElement(dropTargetNode);
29920
- // return clientX >= middle;
29921
- // }
29922
- // protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean {
29923
- // // if (this.dropTarget === this.ghostSurveyElement) return true;
29924
- // return (
29925
- // this.dropTarget === this.prevDropTarget && newIsBottom === this.isBottom
29926
- // && this.isEdge === this.prevIsEdge && this.isRight === this.prevIsRight
29927
- // );
29928
- // }
29929
30045
  DragDropSurveyElements.prototype.shouldRestricDragQuestionBetweenPages = function (dropTarget) {
29930
30046
  var oldPage = this.draggedElement["page"];
29931
30047
  var newPage = dropTarget.isPage ? dropTarget : dropTarget["page"];
@@ -29998,22 +30114,10 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
29998
30114
  var dragOverLocation = calculateDragOverLocation(event.clientX, event.clientY, dropTargetNode);
29999
30115
  this.dragOverCore(dropTarget, dragOverLocation, this.isEdge, this.isSide);
30000
30116
  };
30001
- // protected doDragOver(dropTargetNode?: HTMLElement, event?: PointerEvent): void {
30002
- // this.isRight = this.calculateIsRight(event.clientX, dropTargetNode);
30003
- // }
30004
- // protected afterDragOver(dropTargetNode: HTMLElement, event: PointerEvent): void {
30005
- // this.prevIsEdge = this.isEdge;
30006
- // this.prevIsRight = this.isRight;
30007
- // this.insertGhostElementIntoSurvey();
30008
- // }
30009
30117
  DragDropSurveyElements.prototype.onStartDrag = function () {
30010
30118
  // this.ghostSurveyElement = this.createGhostSurveyElement();
30011
30119
  this.draggedElement.isDragMe = true;
30012
30120
  };
30013
- // protected doBanDropHere = (): void => {
30014
- // this.removeGhostElementFromSurvey();
30015
- // this.isEdge = null;
30016
- // };
30017
30121
  DragDropSurveyElements.prototype.getElementIndexInPanel = function (target, row) {
30018
30122
  if (!row)
30019
30123
  return -1;
@@ -30035,14 +30139,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
30035
30139
  panel.removeElement(src);
30036
30140
  panel.addElement(target, targetIndex);
30037
30141
  };
30038
- // protected doDrop = (): any => {
30039
- // if (this.dropTarget) {
30040
- // (<HTMLElement>document.activeElement).blur();
30041
- // (<HTMLElement>settings.environment.root.activeElement).blur();
30042
- // return this.insertRealElementIntoSurvey();
30043
- // }
30044
- // return null;
30045
- // };
30046
30142
  DragDropSurveyElements.prototype.removeDragOverMarker = function (dropTarget) {
30047
30143
  var _a;
30048
30144
  if (!!dropTarget) {
@@ -30064,62 +30160,6 @@ var DragDropSurveyElements = /** @class */ (function (_super) {
30064
30160
  }
30065
30161
  _super.prototype.clear.call(this);
30066
30162
  };
30067
- // protected doClear = (): void => {
30068
- // // this.removeGhostElementFromSurvey();
30069
- // this.isEdge = null;
30070
- // this.isSide = null;
30071
- // // this.ghostSurveyElement = null;
30072
- // this.removeDragOverMarker(this.prevDropTarget);
30073
- // this.removeDragOverMarker(this.dropTarget);
30074
- // this.removeDragOverMarker(this.dragOverIndicatorElement);
30075
- // if (!!this.draggedElement) {
30076
- // this.draggedElement.isDragMe = false;
30077
- // }
30078
- // // this.isRight = null;
30079
- // };
30080
- // protected insertGhostElementIntoSurvey(): boolean {
30081
- // this.removeGhostElementFromSurvey();
30082
- // let isTargetRowMultiple = this.calcTargetRowMultiple();
30083
- // this.ghostSurveyElement = this.createGhostSurveyElement(isTargetRowMultiple);
30084
- // this.ghostSurveyElement.name =
30085
- // DragDropSurveyElements.ghostSurveyElementName; // TODO why do we need setup it manually see createGhostSurveyElement method
30086
- // this.parentElement = this.dropTarget.isPage
30087
- // ? this.dropTarget
30088
- // : ((<any>this.dropTarget).page || (<any>this.dropTarget).__page);
30089
- // if (this.isDragOverInsideEmptyPanel()) {
30090
- // this.dropTarget.dragTypeOverMe = DragTypeOverMeEnum.InsideEmptyPanel;
30091
- // return;
30092
- // }
30093
- // if (!this.isEdge && isTargetRowMultiple) {
30094
- // this.dropTarget.dragTypeOverMe = this.isRight ?
30095
- // DragTypeOverMeEnum.MultilineRight :
30096
- // DragTypeOverMeEnum.MultilineLeft;
30097
- // return;
30098
- // }
30099
- // this.parentElement.dragDropStart(
30100
- // this.draggedElement,
30101
- // this.ghostSurveyElement,
30102
- // DragDropSurveyElements.nestedPanelDepth
30103
- // );
30104
- // const result = this.parentElement.dragDropMoveTo(
30105
- // this.dropTarget,
30106
- // isTargetRowMultiple ? this.isRight : this.isBottom,
30107
- // this.isEdge
30108
- // );
30109
- // return result;
30110
- // }
30111
- // private calcTargetRowMultiple() {
30112
- // const targetParent = this.getTargetParent(this.dropTarget);
30113
- // let targetRow: any = this.getTargetRow(this.dropTarget);
30114
- // const isTargetRowMultiple = targetRow && targetRow.elements.length > 1;
30115
- // const isTemplatePanelInPanelDynamic = targetParent.isPanel && !targetParent.name;
30116
- // if (this.isEdge && isTargetRowMultiple && !isTemplatePanelInPanelDynamic) {
30117
- // targetParent.__page = this.dropTarget.page || this.dropTarget.__page;
30118
- // this.dropTarget = targetParent;
30119
- // return false;
30120
- // }
30121
- // return isTargetRowMultiple;
30122
- // }
30123
30163
  DragDropSurveyElements.prototype.getTargetParent = function (dropTarget) {
30124
30164
  var targetParent = dropTarget.isPage || dropTarget.isPanel ? dropTarget : dropTarget.parent;
30125
30165
  if (dropTarget.getType() === "paneldynamic") {
@@ -30184,6 +30224,16 @@ var ObjType;
30184
30224
  var SurveyHelper = /** @class */ (function () {
30185
30225
  function SurveyHelper() {
30186
30226
  }
30227
+ SurveyHelper.getNewElementName = function (el) {
30228
+ var survey = el.getSurvey();
30229
+ if (!survey)
30230
+ return el.name;
30231
+ if (el.isPage)
30232
+ return this.getNewPageName(survey.pages);
30233
+ if (el.isPanel)
30234
+ return this.getNewPanelName(survey.getAllPanels());
30235
+ return this.getNewQuestionName(survey.getAllQuestions());
30236
+ };
30187
30237
  SurveyHelper.getNewPageName = function (objs) {
30188
30238
  return SurveyHelper.getNewName(objs, _editorLocalization__WEBPACK_IMPORTED_MODULE_1__["editorLocalization"].getString("ed.newPageName"));
30189
30239
  };
@@ -30543,7 +30593,9 @@ __webpack_require__.r(__webpack_exports__);
30543
30593
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
30544
30594
  /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
30545
30595
  /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
30546
- /* harmony import */ var _json5__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./json5 */ "./src/json5.ts");
30596
+ /* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./survey-helper */ "./src/survey-helper.ts");
30597
+ /* harmony import */ var _json5__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./json5 */ "./src/json5.ts");
30598
+
30547
30599
 
30548
30600
 
30549
30601
 
@@ -30557,6 +30609,20 @@ var SurveyForTextWorker = /** @class */ (function (_super) {
30557
30609
  }
30558
30610
  return SurveyForTextWorker;
30559
30611
  }(survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyModel"]));
30612
+ var SurveyTextWorkerJsonErrorFixerBase = /** @class */ (function () {
30613
+ function SurveyTextWorkerJsonErrorFixerBase() {
30614
+ }
30615
+ SurveyTextWorkerJsonErrorFixerBase.prototype.getCorrectAt = function (text, at, end) {
30616
+ return at;
30617
+ };
30618
+ Object.defineProperty(SurveyTextWorkerJsonErrorFixerBase.prototype, "isFixable", {
30619
+ get: function () { return false; },
30620
+ enumerable: false,
30621
+ configurable: true
30622
+ });
30623
+ SurveyTextWorkerJsonErrorFixerBase.prototype.fixError = function (text, start, end) { return text; };
30624
+ return SurveyTextWorkerJsonErrorFixerBase;
30625
+ }());
30560
30626
  var SurveyTextWorkerError = /** @class */ (function () {
30561
30627
  function SurveyTextWorkerError(at, text) {
30562
30628
  this.at = at;
@@ -30564,6 +30630,25 @@ var SurveyTextWorkerError = /** @class */ (function () {
30564
30630
  this.rowAt = -1;
30565
30631
  this.columnAt = -1;
30566
30632
  }
30633
+ Object.defineProperty(SurveyTextWorkerError.prototype, "isFixable", {
30634
+ get: function () { return this.fixer.isFixable; },
30635
+ enumerable: false,
30636
+ configurable: true
30637
+ });
30638
+ SurveyTextWorkerError.prototype.fixError = function (text) { return text; };
30639
+ Object.defineProperty(SurveyTextWorkerError.prototype, "fixer", {
30640
+ get: function () {
30641
+ if (!this.fixerValue) {
30642
+ this.fixerValue = this.createFixer();
30643
+ }
30644
+ return this.fixerValue;
30645
+ },
30646
+ enumerable: false,
30647
+ configurable: true
30648
+ });
30649
+ SurveyTextWorkerError.prototype.createFixer = function () {
30650
+ return new SurveyTextWorkerJsonErrorFixerBase();
30651
+ };
30567
30652
  return SurveyTextWorkerError;
30568
30653
  }());
30569
30654
 
@@ -30576,45 +30661,140 @@ var SurveyTextWorkerParserError = /** @class */ (function (_super) {
30576
30661
  return SurveyTextWorkerParserError;
30577
30662
  }(SurveyTextWorkerError));
30578
30663
 
30664
+ var SurveyTextWorkerJsonErrorFixer = /** @class */ (function (_super) {
30665
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonErrorFixer, _super);
30666
+ function SurveyTextWorkerJsonErrorFixer(element, jsonObj) {
30667
+ var _this = _super.call(this) || this;
30668
+ _this.element = element;
30669
+ _this.jsonObj = jsonObj;
30670
+ return _this;
30671
+ }
30672
+ SurveyTextWorkerJsonErrorFixer.prototype.getNewIndex = function (text, findText, at, end) {
30673
+ var index = text.indexOf(findText, at);
30674
+ if (index > -1 && (end < 0 || index < end)) {
30675
+ return index;
30676
+ }
30677
+ return -1;
30678
+ };
30679
+ SurveyTextWorkerJsonErrorFixer.prototype.fixError = function (text, start, end) {
30680
+ var content = text.substring(start, end + 1);
30681
+ var json = JSON.parse(content);
30682
+ this.updatedJsonObjOnFix(json);
30683
+ return this.replaceJson(text, start, end, json);
30684
+ };
30685
+ SurveyTextWorkerJsonErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
30686
+ };
30687
+ SurveyTextWorkerJsonErrorFixer.prototype.replaceJson = function (text, start, end, json) {
30688
+ var newContent = JSON.stringify(json);
30689
+ return text.substring(0, start) + newContent + text.substring(end + 1);
30690
+ };
30691
+ return SurveyTextWorkerJsonErrorFixer;
30692
+ }(SurveyTextWorkerJsonErrorFixerBase));
30693
+ var SurveyTextWorkerJsonUnknownPropertyErrorFixer = /** @class */ (function (_super) {
30694
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonUnknownPropertyErrorFixer, _super);
30695
+ function SurveyTextWorkerJsonUnknownPropertyErrorFixer(element, jsonObj, propertyName) {
30696
+ var _this = _super.call(this, element, jsonObj) || this;
30697
+ _this.element = element;
30698
+ _this.jsonObj = jsonObj;
30699
+ _this.propertyName = propertyName;
30700
+ return _this;
30701
+ }
30702
+ Object.defineProperty(SurveyTextWorkerJsonUnknownPropertyErrorFixer.prototype, "isFixable", {
30703
+ get: function () { return !!this.propertyName; },
30704
+ enumerable: false,
30705
+ configurable: true
30706
+ });
30707
+ SurveyTextWorkerJsonUnknownPropertyErrorFixer.prototype.getCorrectAt = function (text, at, end) {
30708
+ var propName = this.propertyName;
30709
+ if (!propName)
30710
+ return at;
30711
+ return this.getNewIndex(text, this.propertyName, at, end);
30712
+ };
30713
+ SurveyTextWorkerJsonUnknownPropertyErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
30714
+ if (!!this.propertyName) {
30715
+ delete json[this.propertyName];
30716
+ }
30717
+ };
30718
+ return SurveyTextWorkerJsonUnknownPropertyErrorFixer;
30719
+ }(SurveyTextWorkerJsonErrorFixer));
30720
+ var SurveyTextWorkerJsonDuplicateNameErrorFixer = /** @class */ (function (_super) {
30721
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonDuplicateNameErrorFixer, _super);
30722
+ function SurveyTextWorkerJsonDuplicateNameErrorFixer() {
30723
+ return _super !== null && _super.apply(this, arguments) || this;
30724
+ }
30725
+ Object.defineProperty(SurveyTextWorkerJsonDuplicateNameErrorFixer.prototype, "isFixable", {
30726
+ get: function () { return true; },
30727
+ enumerable: false,
30728
+ configurable: true
30729
+ });
30730
+ SurveyTextWorkerJsonDuplicateNameErrorFixer.prototype.getCorrectAt = function (text, at, end) {
30731
+ var newAt = this.getNewIndex(text, "name:", at, end);
30732
+ if (newAt > at)
30733
+ return newAt;
30734
+ return this.getNewIndex(text, "\"name\":", at, end);
30735
+ };
30736
+ SurveyTextWorkerJsonDuplicateNameErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
30737
+ json["name"] = _survey_helper__WEBPACK_IMPORTED_MODULE_2__["SurveyHelper"].getNewElementName(this.element);
30738
+ };
30739
+ return SurveyTextWorkerJsonDuplicateNameErrorFixer;
30740
+ }(SurveyTextWorkerJsonErrorFixer));
30741
+ var SurveyTextWorkerJsonRequiredPropertyErrorFixer = /** @class */ (function (_super) {
30742
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonRequiredPropertyErrorFixer, _super);
30743
+ function SurveyTextWorkerJsonRequiredPropertyErrorFixer(element, jsonObj, propertyName) {
30744
+ var _this = _super.call(this, element, jsonObj) || this;
30745
+ _this.element = element;
30746
+ _this.jsonObj = jsonObj;
30747
+ _this.propertyName = propertyName;
30748
+ return _this;
30749
+ }
30750
+ Object.defineProperty(SurveyTextWorkerJsonRequiredPropertyErrorFixer.prototype, "isFixable", {
30751
+ get: function () { return this.propertyName === "name"; },
30752
+ enumerable: false,
30753
+ configurable: true
30754
+ });
30755
+ SurveyTextWorkerJsonRequiredPropertyErrorFixer.prototype.updatedJsonObjOnFix = function (json) {
30756
+ var name = this.element["name"];
30757
+ if (!name)
30758
+ name = _survey_helper__WEBPACK_IMPORTED_MODULE_2__["SurveyHelper"].getNewElementName(this.element);
30759
+ json["name"] = name;
30760
+ };
30761
+ return SurveyTextWorkerJsonRequiredPropertyErrorFixer;
30762
+ }(SurveyTextWorkerJsonErrorFixer));
30579
30763
  var SurveyTextWorkerJsonError = /** @class */ (function (_super) {
30580
30764
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyTextWorkerJsonError, _super);
30581
30765
  function SurveyTextWorkerJsonError(jsonError) {
30582
30766
  var _this = _super.call(this, jsonError.at, jsonError.getFullDescription()) || this;
30583
30767
  _this.elementStart = jsonError.at;
30584
30768
  _this.elementEnd = jsonError.end;
30585
- //this.element = jsonError.element;
30769
+ _this.element = jsonError.element;
30586
30770
  _this.errorType = jsonError.type;
30587
30771
  _this.propertyName = jsonError["propertyName"];
30772
+ _this.jsonObj = jsonError.jsonObj;
30588
30773
  return _this;
30589
30774
  }
30775
+ SurveyTextWorkerJsonError.prototype.createFixer = function () {
30776
+ if (this.errorType === "unknownproperty")
30777
+ return new SurveyTextWorkerJsonUnknownPropertyErrorFixer(this.element, this.jsonObj, this.propertyName);
30778
+ if (this.errorType === "duplicatename")
30779
+ return new SurveyTextWorkerJsonDuplicateNameErrorFixer(this.element, this.jsonObj);
30780
+ if (this.errorType === "requiredproperty")
30781
+ return new SurveyTextWorkerJsonRequiredPropertyErrorFixer(this.element, this.jsonObj, this.propertyName);
30782
+ return _super.prototype.createFixer.call(this);
30783
+ };
30590
30784
  SurveyTextWorkerJsonError.prototype.getErrorType = function () { return this.errorType; };
30785
+ Object.defineProperty(SurveyTextWorkerJsonError.prototype, "isFixable", {
30786
+ get: function () { return this.fixer.isFixable && this.elementStart > -1 && this.elementEnd > this.elementStart; },
30787
+ enumerable: false,
30788
+ configurable: true
30789
+ });
30591
30790
  SurveyTextWorkerJsonError.prototype.correctAt = function (text) {
30592
- if (this.at < 0)
30593
- return;
30594
- if (this.propertyName && this.errorType === "unknownproperty") {
30595
- this.at = this.getCorrectAtForUnknowProperty(text);
30596
- }
30597
- if (this.errorType === "duplicatename") {
30598
- this.at = this.getCorrectAtForDuplicateName(text);
30599
- }
30600
- };
30601
- SurveyTextWorkerJsonError.prototype.getCorrectAtForUnknowProperty = function (text) {
30602
- var newAt = this.getNewIndex(text, this.propertyName);
30603
- return newAt > -1 ? newAt : this.at;
30604
- };
30605
- SurveyTextWorkerJsonError.prototype.getCorrectAtForDuplicateName = function (text) {
30606
- var newAt = this.getNewIndex(text, "name:");
30607
- if (newAt < 0) {
30608
- newAt = this.getNewIndex(text, "\"name\":");
30791
+ var newAt = this.fixer.getCorrectAt(text, this.at, this.elementEnd);
30792
+ if (newAt > -1) {
30793
+ this.at = newAt;
30609
30794
  }
30610
- return newAt > -1 ? newAt : this.at;
30611
30795
  };
30612
- SurveyTextWorkerJsonError.prototype.getNewIndex = function (text, findText) {
30613
- var index = text.indexOf(findText, this.at);
30614
- if (index > -1 && (this.elementEnd < 0 || index < this.elementEnd)) {
30615
- return index;
30616
- }
30617
- return -1;
30796
+ SurveyTextWorkerJsonError.prototype.fixError = function (text) {
30797
+ return this.fixer.fixError(text, this.elementStart, this.elementEnd);
30618
30798
  };
30619
30799
  return SurveyTextWorkerJsonError;
30620
30800
  }(SurveyTextWorkerError));
@@ -30645,7 +30825,7 @@ var SurveyTextWorker = /** @class */ (function () {
30645
30825
  SurveyTextWorker.prototype.process = function () {
30646
30826
  var _this = this;
30647
30827
  try {
30648
- this.jsonValue = new _json5__WEBPACK_IMPORTED_MODULE_2__["SurveyJSON5"](1).parse(this.text);
30828
+ this.jsonValue = new _json5__WEBPACK_IMPORTED_MODULE_3__["SurveyJSON5"](1).parse(this.text);
30649
30829
  }
30650
30830
  catch (error) {
30651
30831
  this.errors.push(new SurveyTextWorkerParserError(error.at, error.message));
@@ -30752,6 +30932,7 @@ var SurveyTextWorker = /** @class */ (function () {
30752
30932
  error.element = el;
30753
30933
  return error;
30754
30934
  };
30935
+ SurveyTextWorker.newLineChar = "\n";
30755
30936
  return SurveyTextWorker;
30756
30937
  }());
30757
30938