survey-creator-core 1.9.98 → 1.9.100

package/fonts.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.98
+ * SurveyJS Creator v1.9.100
  * (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.98
+ * SurveyJS Creator v1.9.100
  * (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.98",
+  "version": "1.9.100",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -28,8 +28,13 @@
   "peerDependencies": {
     "ace-builds": "^1.4.12"
   },
+  "peerDependenciesMeta": {
+    "ace-builds": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "survey-core": "1.9.98"
+    "survey-core": "1.9.100"
   },
   "devDependencies": {}
 }

package/survey-creator-core.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.98
+ * SurveyJS Creator v1.9.100
  * (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.98
+ * SurveyJS Creator v1.9.100
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2090,6 +2090,7 @@ svc-page {
 
 .svc-page__content {
   position: relative;
+  border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   width: 100%;
@@ -2114,15 +2115,10 @@ svc-page {
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 
-.svc-creator .svc-page .svc-page__content--selected,
-.svc-creator .svc-page .svc-page__content--selected:focus,
-.svc-hovered {
-  border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
 .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
 .svc-hovered.svc-page__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
@@ -2396,15 +2392,15 @@ svc-question {
 }
 
 .svc-question__content:focus,
-.svc-creator .svc-page .svc-hovered > .svc-question__content {
+.svc-hovered > .svc-question__content {
   box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
 }
 
-.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)) inset;
+.svc-question__content--selected:not(.svc-question__content--dragged) {
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
 }
-.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
+
+.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 {
   display: block;
 }
@@ -2471,7 +2467,8 @@ svc-question {
 
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
 .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
-  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
   background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
@@ -2622,28 +2619,34 @@ svc-question .sv-action-bar,
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
-.sd-panel :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected),
-.sd-row--multiple :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected) {
-  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
-  box-shadow: none;
+.sd-panel .svc-question__content--image:not(.svc-question__content--empty),
+.sd-row--multiple .svc-question__content--image:not(.svc-question__content--empty) {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.sd-panel .svc-question__content .sd-table-wrapper::before,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::before {
+  left: calc(-1 * var(--sd-base-padding) + 1px);
+}
+.sd-panel .svc-question__content .sd-table-wrapper::after,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::after {
+  right: calc(-1 * var(--sd-base-padding) + 1px);
 }
 .sd-panel .svc-question__content,
 .sd-row--multiple .svc-question__content {
   border-radius: 0;
-}
-.sd-panel .svc-question__content.svc-question__content--selected,
-.sd-row--multiple .svc-question__content.svc-question__content--selected {
-  border: 1px solid transparent;
-  box-shadow: none;
-}
-.sd-panel .svc-question__content:hover,
-.sd-row--multiple .svc-question__content:hover {
-  border: 1px solid transparent;
+  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
   box-shadow: none;
 }
-.sd-row--multiple .svc-hovered > .svc-question__content:not(.svc-question__content--selected) {
+.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {
   border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
-  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;
+}
+.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
+  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
 }
 
 .sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
@@ -2780,13 +2783,6 @@ 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)));
 }
@@ -2820,7 +2816,10 @@ 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))) 2px calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px;
+  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+}
+.svc-question__content--image:not(.svc-question__content--empty) .sd-image__image {
+  border-radius: 0;
 }
 
 .svc-question__content--image.svc-question__content--empty .sd-file,
@@ -4253,7 +4252,7 @@ button.spg-action-button--large {
 .spg-input__edit-button:active {
   opacity: 0.5;
 }
-.spg-input__edit-button:disabled {
+.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {
   opacity: 0.25;
   background: var(--sjs-general-backcolor, var(--background, #fff));
 }
@@ -4290,6 +4289,10 @@ button.spg-action-button--large {
   background-color: transparent;
 }
 
+.spg-input-container__input:disabled {
+  opacity: 0.25;
+}
+
 .spg-input-container__buttons-container {
   display: flex;
   gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4707,6 +4710,10 @@ button.spg-action-button--large {
   fill: var(--sjs-general-backcolor, var(--background, #fff));
 }
 
+.spg-color-editor__color-swatch--disabled .sv-svg-icon {
+  opacity: 0.25;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -4737,8 +4744,8 @@ button.spg-action-button--large {
   min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div {
-  flex: 1 1 0;
-  min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  flex: 1 1 calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);
+  min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div input {
   min-width: 0;

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.98
+ * SurveyJS Creator v1.9.100
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1864,6 +1864,7 @@ svc-page {
 
 .svc-page__content {
   position: relative;
+  border-radius: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(0 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   width: 100%;
@@ -1888,15 +1889,10 @@ svc-page {
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 
-.svc-creator .svc-page .svc-page__content--selected,
-.svc-creator .svc-page .svc-page__content--selected:focus,
-.svc-hovered {
-  border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
 .svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
 .svc-hovered.svc-page__content--selected {
-  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
   background: var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1));
 }
 .svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
@@ -2170,15 +2166,15 @@ svc-question {
 }
 
 .svc-question__content:focus,
-.svc-creator .svc-page .svc-hovered > .svc-question__content {
+.svc-hovered > .svc-question__content {
   box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
 }
 
-.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)) inset;
+.svc-question__content--selected:not(.svc-question__content--dragged) {
+  box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
 }
-.svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
+
+.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 {
   display: block;
 }
@@ -2245,7 +2241,8 @@ svc-question {
 
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
 .svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
-  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
+  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
   background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
 }
 .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
@@ -2396,28 +2393,34 @@ svc-question .sv-action-bar,
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
 
-.sd-panel :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected),
-.sd-row--multiple :not(.svc-hovered) > .svc-question__content:not(.svc-question__content--selected) {
-  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
-  box-shadow: none;
+.sd-panel .svc-question__content--image:not(.svc-question__content--empty),
+.sd-row--multiple .svc-question__content--image:not(.svc-question__content--empty) {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.sd-panel .svc-question__content .sd-table-wrapper::before,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::before {
+  left: calc(-1 * var(--sd-base-padding) + 1px);
+}
+.sd-panel .svc-question__content .sd-table-wrapper::after,
+.sd-row--multiple .svc-question__content .sd-table-wrapper::after {
+  right: calc(-1 * var(--sd-base-padding) + 1px);
 }
 .sd-panel .svc-question__content,
 .sd-row--multiple .svc-question__content {
   border-radius: 0;
-}
-.sd-panel .svc-question__content.svc-question__content--selected,
-.sd-row--multiple .svc-question__content.svc-question__content--selected {
-  border: 1px solid transparent;
-  box-shadow: none;
-}
-.sd-panel .svc-question__content:hover,
-.sd-row--multiple .svc-question__content:hover {
-  border: 1px solid transparent;
+  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
   box-shadow: none;
 }
-.sd-row--multiple .svc-hovered > .svc-question__content:not(.svc-question__content--selected) {
+.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-hovered .svc-question__content:not(.svc-question__content--dragged) {
   border: 1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
-  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset;
+}
+.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged),
+.sd-row--multiple .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
+  border: 1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
+  box-shadow: 0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
 }
 
 .sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
@@ -2554,13 +2557,6 @@ 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)));
 }
@@ -2594,7 +2590,10 @@ 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))) 2px calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px;
+  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+}
+.svc-question__content--image:not(.svc-question__content--empty) .sd-image__image {
+  border-radius: 0;
 }
 
 .svc-question__content--image.svc-question__content--empty .sd-file,
@@ -4027,7 +4026,7 @@ button.spg-action-button--large {
 .spg-input__edit-button:active {
   opacity: 0.5;
 }
-.spg-input__edit-button:disabled {
+.spg-input__edit-button.spg-input__edit-button--disabled, .spg-input__edit-button:disabled {
   opacity: 0.25;
   background: var(--sjs-general-backcolor, var(--background, #fff));
 }
@@ -4064,6 +4063,10 @@ button.spg-action-button--large {
   background-color: transparent;
 }
 
+.spg-input-container__input:disabled {
+  opacity: 0.25;
+}
+
 .spg-input-container__buttons-container {
   display: flex;
   gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -4481,6 +4484,10 @@ button.spg-action-button--large {
   fill: var(--sjs-general-backcolor, var(--background, #fff));
 }
 
+.spg-color-editor__color-swatch--disabled .sv-svg-icon {
+  opacity: 0.25;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
@@ -4511,8 +4518,8 @@ button.spg-action-button--large {
   min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div {
-  flex: 1 1 0;
-  min-width: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  flex: 1 1 calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);
+  min-width: auto;
 }
 .spg-theme-builder-root .spg-row--multiple > div input {
   min-width: 0;