survey-creator-core 1.9.96 → 1.9.98

package/fonts.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.96
+ * SurveyJS Creator v1.9.98
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/fonts.fontless.min.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.96
+ * SurveyJS Creator v1.9.98
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-core",
-  "version": "1.9.96",
+  "version": "1.9.98",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -29,7 +29,7 @@
     "ace-builds": "^1.4.12"
   },
   "dependencies": {
-    "survey-core": "1.9.96"
+    "survey-core": "1.9.98"
   },
   "devDependencies": {}
 }

package/survey-creator-core.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.96
+ * SurveyJS Creator v1.9.98
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
 }
 
 /*# sourceMappingURL=fonts.fontless.css.map*//*!
- * SurveyJS Creator v1.9.96
+ * SurveyJS Creator v1.9.98
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1227,6 +1227,7 @@ svc-tab-designer {
   flex-grow: 1;
   height: 100%;
   overflow-y: scroll;
+  position: static;
 }
 
 .svc-tab-designer--with-place-holder .svc-tab-designer_content {
@@ -1919,11 +1920,9 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
-.svc-page-navigator__selector--opened {
-  opacity: 0.5;
-}
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
+  opacity: 0.5;
 }
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -2178,9 +2177,9 @@ svc-page {
   position: absolute;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  bottom: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  bottom: calc(11.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 48px);
-  height: 4px;
+  height: 2px;
 }
 .svc-row {
   width: 100%;
@@ -2248,7 +2247,7 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 6px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-row--drag-over-bottom:after {
@@ -2258,16 +2257,16 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   bottom: -10px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .svc-row--drag-over-top:before,
 .sd-panel__content .svc-row--drag-over-top:before {
-  top: -6px;
+  top: -4px;
 }
 .svc-question__content--panel .svc-row--drag-over-bottom:after,
 .sd-panel__content .svc-row--drag-over-bottom:after {
-  bottom: -6px;
+  bottom: -4px;
 }
 .svc-carry-forward-panel {
   box-sizing: border-box;
@@ -2331,7 +2330,6 @@ svc-question {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background: var(--sjs-general-backcolor, var(--background, #fff));
   box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
-  border: 2px solid transparent;
   outline: none;
 }
 
@@ -2404,7 +2402,7 @@ svc-question {
 
 .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
 .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
 }
 .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
 .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
@@ -2484,21 +2482,21 @@ svc-question {
 .svc-question__content--drag-over-left:before {
   content: " ";
   position: absolute;
-  left: -7px;
+  left: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-right:after {
   content: " ";
   position: absolute;
-  right: -7px;
+  right: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-top:before {
@@ -2506,9 +2504,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  top: -12px;
+  top: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--drag-over-bottom:before {
@@ -2516,9 +2514,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  bottom: -12px;
+  bottom: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
@@ -2531,6 +2529,14 @@ svc-question {
   margin-right: 8px;
   width: calc(100% - 8px);
 }
+.svc-question__content--panel .svc-question__content--drag-over-top:before,
+.sd-panel__content .svc-question__content--drag-over-top:before {
+  top: -6px;
+}
+.svc-question__content--panel .svc-question__content--drag-over-bottom:before,
+.sd-panel__content .svc-question__content--drag-over-bottom:before {
+  bottom: -6px;
+}
 
 .svc-question__content-actions .sv-action-bar {
   box-sizing: border-box;
@@ -2774,6 +2780,13 @@ svc-question .sv-action-bar,
 .svc-question__content--ranking .svc-carry-forward-panel {
   margin-top: 0;
 }
+
+.svc-question__content .sd-table-wrapper::before {
+  left: calc(-1 * var(--sd-base-padding) + 2px);
+}
+.svc-question__content .sd-table-wrapper::after {
+  right: calc(-1 * var(--sd-base-padding) + 2px);
+}
 .svc-question__dropdown-choices {
   margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -2807,7 +2820,7 @@ svc-question .sv-action-bar,
 }
 
 .svc-question__content--image:not(.svc-question__content--empty) {
-  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px;
 }
 
 .svc-question__content--image.svc-question__content--empty .sd-file,
@@ -3789,6 +3802,7 @@ svc-toolbox {
   width: 3px;
   height: 100%;
   position: absolute;
+  z-index: 1;
   top: 0;
   background-color: transparent;
   cursor: e-resize;
@@ -4293,6 +4307,10 @@ button.spg-action-button--large {
   line-height: unset;
 }
 
+.spg-dropdown_chevron-button {
+  line-height: normal;
+}
+
 .spg-comment {
   height: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
   max-width: 100%;
@@ -4593,12 +4611,17 @@ button.spg-action-button--large {
   box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
+.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
+  display: none;
+}
+
 .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
   width: max-content;
   padding-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background-position: right calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;
   background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A");
+  background-repeat: no-repeat;
 }
 
 .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
@@ -4800,6 +4823,7 @@ button.spg-action-button--large {
 }
 
 .spg-root-modern {
+  position: relative;
   width: 100%;
   border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
   box-sizing: border-box;

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.96
+ * SurveyJS Creator v1.9.98
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1001,6 +1001,7 @@ svc-tab-designer {
   flex-grow: 1;
   height: 100%;
   overflow-y: scroll;
+  position: static;
 }
 
 .svc-tab-designer--with-place-holder .svc-tab-designer_content {
@@ -1693,11 +1694,9 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
-.svc-page-navigator__selector--opened {
-  opacity: 0.5;
-}
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
   background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
+  opacity: 0.5;
 }
 .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -1952,9 +1951,9 @@ svc-page {
   position: absolute;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  bottom: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  bottom: calc(11.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 48px);
-  height: 4px;
+  height: 2px;
 }
 .svc-row {
   width: 100%;
@@ -2022,7 +2021,7 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 6px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-row--drag-over-bottom:after {
@@ -2032,16 +2031,16 @@ svc-page {
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   bottom: -10px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .svc-row--drag-over-top:before,
 .sd-panel__content .svc-row--drag-over-top:before {
-  top: -6px;
+  top: -4px;
 }
 .svc-question__content--panel .svc-row--drag-over-bottom:after,
 .sd-panel__content .svc-row--drag-over-bottom:after {
-  bottom: -6px;
+  bottom: -4px;
 }
 .svc-carry-forward-panel {
   box-sizing: border-box;
@@ -2105,7 +2104,6 @@ svc-question {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background: var(--sjs-general-backcolor, var(--background, #fff));
   box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
-  border: 2px solid transparent;
   outline: none;
 }
 
@@ -2178,7 +2176,7 @@ svc-question {
 
 .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
 .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
 }
 .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
 .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
@@ -2258,21 +2256,21 @@ svc-question {
 .svc-question__content--drag-over-left:before {
   content: " ";
   position: absolute;
-  left: -7px;
+  left: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-right:after {
   content: " ";
   position: absolute;
-  right: -7px;
+  right: -6px;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   top: 0;
   height: 100%;
-  width: 4px;
+  width: 2px;
 }
 
 .svc-question__content--drag-over-top:before {
@@ -2280,9 +2278,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  top: -12px;
+  top: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--drag-over-bottom:before {
@@ -2290,9 +2288,9 @@ svc-question {
   position: absolute;
   left: 0;
   background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
-  bottom: -12px;
+  bottom: -9px;
   width: 100%;
-  height: 4px;
+  height: 2px;
 }
 
 .svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
@@ -2305,6 +2303,14 @@ svc-question {
   margin-right: 8px;
   width: calc(100% - 8px);
 }
+.svc-question__content--panel .svc-question__content--drag-over-top:before,
+.sd-panel__content .svc-question__content--drag-over-top:before {
+  top: -6px;
+}
+.svc-question__content--panel .svc-question__content--drag-over-bottom:before,
+.sd-panel__content .svc-question__content--drag-over-bottom:before {
+  bottom: -6px;
+}
 
 .svc-question__content-actions .sv-action-bar {
   box-sizing: border-box;
@@ -2548,6 +2554,13 @@ svc-question .sv-action-bar,
 .svc-question__content--ranking .svc-carry-forward-panel {
   margin-top: 0;
 }
+
+.svc-question__content .sd-table-wrapper::before {
+  left: calc(-1 * var(--sd-base-padding) + 2px);
+}
+.svc-question__content .sd-table-wrapper::after {
+  right: calc(-1 * var(--sd-base-padding) + 2px);
+}
 .svc-question__dropdown-choices {
   margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -2581,7 +2594,7 @@ svc-question .sv-action-bar,
 }
 
 .svc-question__content--image:not(.svc-question__content--empty) {
-  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px;
 }
 
 .svc-question__content--image.svc-question__content--empty .sd-file,
@@ -3563,6 +3576,7 @@ svc-toolbox {
   width: 3px;
   height: 100%;
   position: absolute;
+  z-index: 1;
   top: 0;
   background-color: transparent;
   cursor: e-resize;
@@ -4067,6 +4081,10 @@ button.spg-action-button--large {
   line-height: unset;
 }
 
+.spg-dropdown_chevron-button {
+  line-height: normal;
+}
+
 .spg-comment {
   height: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
   max-width: 100%;
@@ -4367,12 +4385,17 @@ button.spg-action-button--large {
   box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
 
+.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
+  display: none;
+}
+
 .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
   width: max-content;
   padding-right: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   background-position: right calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) top 50%, 0 0;
   background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A");
+  background-repeat: no-repeat;
 }
 
 .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
@@ -4574,6 +4597,7 @@ button.spg-action-button--large {
 }
 
 .spg-root-modern {
+  position: relative;
   width: 100%;
   border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
   box-sizing: border-box;