survey-creator-core 1.9.87 → 1.9.89

package/survey-creator-core.fontless.css

@@ -1,9 +1,33 @@
 /*!
- * SurveyJS Creator v1.9.87
+ * SurveyJS Creator v1.9.89
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
+.svc-context-container {
+  display: flex;
+  gap: calc(1 * var(--base-unit, 8px));
+  width: max-content; }
+
+.svc-context-button {
+  display: block;
+  box-sizing: border-box;
+  background-color: var(--background, #fff);
+  border-radius: 50%;
+  width: calc(6 * var(--base-unit, 8px));
+  height: calc(6 * var(--base-unit, 8px));
+  cursor: pointer;
+  padding: calc(1.5 * var(--base-unit, 8px));
+  outline: none; }
+  .svc-context-button use {
+    fill: var(--foreground-light, #909090); }
+
+.svc-context-button:hover use, .svc-context-button:focus use {
+  fill: var(--primary, #19b394); }
+
+.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {
+  fill: var(--red, #e60a3e); }
+
 .svc-embed-tab__content {
   padding: calc(2 * var(--base-unit, 8px));
   font-family: var(--font-family); }
@@ -92,7 +116,8 @@ svc-tab-json-editor-textarea {
   transform-origin: 0 0;
   top: 50%;
   left: 50%;
-  transform: scale(1.26) translate(-50%, -50%); }
+  transform: scale(1.26) translate(-50%, -50%);
+  overflow: overlay; }
 
 .svd-simulator-wrapper {
   margin: 0 auto;
@@ -167,10 +192,7 @@ svc-tab-json-editor-textarea {
 .svd-simulator-content {
   display: flex;
   justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  overflow-y: overlay; }
+  width: 100%; }
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
   ::i-block-chrome,
@@ -183,7 +205,7 @@ svc-tab-test {
   background: var(--background-dim, #f3f3f3); }
 
 .svc-test-tab__content .svc-plugin-tab__content {
-  overflow-y: auto; }
+  overflow-y: overlay; }
   .svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
   .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
     margin: 0;
@@ -236,9 +258,6 @@ svc-tab-test {
       color: var(--foreground, #161616);
       display: inline-block; }
 
-.svc-test-tab__content.svc-creator-tab__content--with-toolbar .sd-body__navigation {
-  padding-bottom: calc(8 * var(--base-unit, 8px)); }
-
 .svc-test-tab__content .sd-body--empty {
   font-family: var(--font-family);
   font-style: normal;
@@ -826,8 +845,6 @@ svc-tab-designer {
   box-sizing: border-box;
   margin-left: auto;
   margin-right: auto; }
-  .svc-tab-designer .sd-container-modern .sd-container-modern__title {
-    gap: 0; }
   .svc-tab-designer .sd-container-modern.sd-container-modern--static {
     max-width: calc(84 * var(--base-unit, 8px)); }
   .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
@@ -1092,18 +1109,20 @@ survey-creator,
 
 .svc-string-editor {
   position: static; }
-  .svc-string-editor [contenteditable] {
+  .svc-string-editor [contenteditable="true"] {
     user-select: text;
     -webkit-user-select: text; }
   .svc-string-editor .sv-string-editor {
     position: relative;
     outline: none;
-    white-space: pre-wrap;
     word-break: break-word;
     z-index: 12; }
     .svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
       content: attr(aria-placeholder);
       color: var(--foreground-light, #909090); }
+  .svc-string-editor .sv-string-editor--html,
+  .svc-string-editor .sv-string-editor:focus-within {
+    white-space: pre-wrap; }
   .svc-string-editor.svc-string-editor--hidden {
     display: none; }
 
@@ -1270,6 +1289,78 @@ survey-creator,
   opacity: 0.25;
   color: var(--foreground, #161616); }
 
+svc-tab-test {
+  width: 100%;
+  height: 100%;
+  background: var(--background-dim, #f3f3f3); }
+
+.svc-test-tab__content .svc-plugin-tab__content {
+  overflow-y: overlay; }
+  .svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
+  .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
+    margin: 0;
+    border: 0;
+    background-color: var(--background-dim, #f3f3f3); }
+  .svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
+    border: 0; }
+  .svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
+    width: calc(33 * var(--base-unit, 8px));
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 72px;
+    margin-top: 8px; }
+
+.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
+  height: calc(100% - calc(6 * var(--base-unit, 8px))); }
+
+.svc-test-tab__content-actions {
+  position: relative; }
+  .svc-test-tab__content-actions .sv-action-bar {
+    padding: 0;
+    height: calc(6 * var(--base-unit, 8px));
+    background: var(--background, #fff);
+    border-top: 1px solid var(--border, #d6d6d6);
+    width: 100%;
+    position: absolute; }
+  .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
+    left: 0;
+    right: 0;
+    justify-content: center;
+    gap: calc(1 * var(--base-unit, 8px)); }
+    .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
+      padding: 0; }
+    .svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
+      margin: 0; }
+  .svc-test-tab__content-actions .sv-action-bar-item {
+    font-family: var(--font-family);
+    font-style: normal;
+    font-weight: 600;
+    font-size: calc(1.5 * var(--base-unit, 8px));
+    line-height: calc(2 * var(--base-unit, 8px));
+    width: 100%;
+    height: calc(4 * var(--base-unit, 8px)); }
+  .svc-test-tab__content-actions .svc-page-selector {
+    max-width: 50%; }
+    .svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: var(--foreground, #161616);
+      display: inline-block; }
+
+.svc-test-tab__content .sd-body--empty {
+  font-family: var(--font-family);
+  font-style: normal;
+  font-weight: 400;
+  font-size: calc(2 * var(--base-unit, 8px));
+  color: var(--foreground, #161616);
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  text-align: center;
+  overflow: hidden; }
+
 svc-page-navigator,
 .svc-page-navigator {
   display: flex;
@@ -1924,28 +2015,18 @@ svc-question .sv-action-bar,
   display: none; }
 
 .svc-question__content--selected .svc-image-question-controls {
-  display: block; }
-
-.svc-image-question-controls__button {
-  display: inline-block;
-  background-color: var(--background, #fff);
-  border-radius: 50%;
-  width: calc(6 * var(--base-unit, 8px));
-  height: calc(6 * var(--base-unit, 8px));
-  cursor: pointer; }
-  .svc-image-question-controls__button:not(:last-child) {
-    margin-right: calc(0.5 * var(--base-unit, 8px)); }
-  .svc-image-question-controls__button .sv-svg-icon {
-    margin-top: calc(50% - 1.5 * var(--base-unit, 8px));
-    margin-left: calc(50% - 1.5 * var(--base-unit, 8px)); }
-  .svc-image-question-controls__button use {
-    fill: var(--foreground-light, #909090); }
-  .svc-image-question-controls__button:hover use {
-    fill: var(--primary, #19b394); }
+  display: flex; }
 
-.svc-question__content--image {
+.svc-question__content--image:not(.svc-question__content--empty) {
   padding: calc(4 * var(--base-unit, 8px)) 0 calc(8 * var(--base-unit, 8px)) 0; }
 
+.svc-question__content--image.svc-question__content--empty .sd-file,
+.svc-question__content--image.svc-question__content--empty sv-ng-file-question {
+  width: 100%; }
+
+.svc-question__content--image.svc-question__content--empty .sd-question--image {
+  display: none; }
+
 .svc-rating-question-controls {
   position: absolute; }
 
@@ -1959,6 +2040,11 @@ svc-question .sv-action-bar,
   margin-inline-start: calc(9 * var(--base-unit, 8px));
   width: calc(100% - 9 * var(--base-unit, 8px)); }
 
+.svc-question__content .sd-question--table .sd-rating {
+  margin-inline-start: 0;
+  width: fit-content;
+  margin: auto; }
+
 .svc-question__content .svc-rating-question-controls {
   display: flex;
   width: calc(8 * var(--base-unit, 8px));
@@ -1974,12 +2060,16 @@ svc-question .sv-action-bar,
   display: flex;
   gap: calc(1 * var(--base-unit, 8px));
   align-items: center;
-  margin-left: calc(-5 * var(--base-unit, 8px));
-  min-width: calc(27 * var(--base-unit, 8px)); }
+  margin-left: calc(-5 * var(--base-unit, 8px)); }
 
 .svc-question__dropdown-choice .svc-item-value-wrapper,
 .sd-selectbase .svc-item-value-wrapper {
-  align-items: flex-start; }
+  align-items: flex-start;
+  min-width: calc(28 * var(--base-unit, 8px)); }
+
+.svc-question__dropdown-choice .svc-item-value__item,
+.sd-selectbase .svc-item-value__item {
+  padding-right: calc(1 * var(--base-unit, 8px)); }
 
 .svc-question__content .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {
   margin-left: calc(5 * var(--base-unit, 8px)); }
@@ -2070,7 +2160,11 @@ svc-question .sv-action-bar,
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==); }
 
 .sv-ranking .svc-item-value-wrapper {
-  align-items: center; }
+  align-items: center;
+  min-width: calc(27 * var(--base-unit, 8px)); }
+
+.sv-ranking .svc-item-value__item {
+  padding-right: 0; }
 
 .svc-item-value__item .sv-ranking-item__content {
   padding-left: 0; }
@@ -2150,34 +2244,9 @@ svc-question .sv-action-bar,
   top: calc(50% - 3 * var(--base-unit, 8px));
   left: calc(50% - 3 * var(--base-unit, 8px)); }
 
-.svc-image-item-value-controls {
-  display: flex; }
-
-.svc-image-item-value-controls__button {
-  display: block;
-  background-color: var(--background, #fff);
-  border-radius: 50%;
-  width: calc(6 * var(--base-unit, 8px));
-  height: calc(6 * var(--base-unit, 8px));
-  cursor: pointer;
-  outline: none; }
-  .svc-image-item-value-controls__button:not(:last-child) {
-    margin-right: calc(1 * var(--base-unit, 8px)); }
-  .svc-image-item-value-controls__button .sv-svg-icon {
-    margin-top: calc(50% - 1.5 * var(--base-unit, 8px));
-    margin-left: calc(50% - 1.5 * var(--base-unit, 8px)); }
-  .svc-image-item-value-controls__button use {
-    fill: var(--foreground-light, #909090); }
-
 .svc-image-item-value--new .svc-image-item-value-controls__button {
   background-color: transparent; }
 
-.svc-image-item-value-controls__choose-file:hover use, .svc-image-item-value-controls__choose-file:focus use {
-  fill: var(--primary, #19b394); }
-
-.svc-image-item-value-controls__remove:hover use, .svc-image-item-value-controls__remove:focus use {
-  fill: var(--red, #e60a3e); }
-
 .svc-image-item-value-controls__add use {
   fill: var(--primary, #19b394); }
 
@@ -2194,15 +2263,15 @@ svc-question .sv-action-bar,
 .svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
   width: 100%; }
 
-.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
-  display: block; }
-
 .svc-image-item-value-controls__drag-area-indicator {
+  display: none;
   cursor: move;
   position: absolute;
   top: calc(1 * var(--base-unit, 8px));
-  left: calc(1 * var(--base-unit, 8px));
-  display: none; }
+  left: calc(1 * var(--base-unit, 8px)); }
+
+.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
+  display: block; }
 
 .svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
   display: block; }
@@ -2350,6 +2419,10 @@ svc-question .sv-action-bar,
         .svd-test-results .svd-test-results__table table tr .svd-test-results__node-value {
           color: var(--foreground-light, #909090); }
 
+.svc-designer-header .sd-container-modern__title {
+  gap: 0;
+  column-gap: calc(6 * var(--base-unit, 8px)); }
+
 .svc-logo-image {
   position: relative;
   justify-content: flex-end;
@@ -2388,6 +2461,29 @@ svc-question .sv-action-bar,
 .svc-logo-image-placeholder use {
   fill: var(--foreground-light, #909090); }
 
+.svc-logo-image-container {
+  position: relative; }
+  .svc-logo-image-container .sd-logo {
+    margin: 0; }
+
+.svc-logo-image-controls {
+  opacity: 0;
+  width: max-content;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%); }
+
+.svc-logo-image-container {
+  cursor: default; }
+
+.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {
+  display: none; }
+
+.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,
+.svc-logo-image-container--editable:hover .svc-logo-image-controls {
+  opacity: 1; }
+
 .svc-question-link__set-button {
   font-weight: 600;
   cursor: pointer; }
@@ -3475,6 +3571,51 @@ button.spg-action-button--large {
 .spg-link {
   display: flex; }
 
+.spg-theme-builder-root .sv-button-group {
+  overflow: hidden; }
+
+.spg-theme-builder-root .spg-question__header--location--left {
+  width: max-content;
+  flex: 0 0; }
+  .spg-theme-builder-root .spg-question__header--location--left .spg-question__title {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+.spg-theme-builder-root .spg-panel__content .spg-panel__content {
+  padding: 0;
+  padding-bottom: calc(5 * var(--base-unit, 8px));
+  box-shadow: none; }
+  .spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__title {
+    background-color: transparent;
+    box-shadow: none;
+    padding: calc(1 * var(--base-unit, 8px)) 0; }
+  .spg-theme-builder-root .spg-panel__content .spg-panel__content::after {
+    content: " ";
+    display: block;
+    position: relative;
+    left: calc(-4 * var(--base-unit, 8px));
+    top: calc(5 * var(--base-unit, 8px));
+    width: calc(8 * var(--base-unit, 8px) + 100%);
+    height: 1px;
+    background-color: var(--border, #d6d6d6); }
+  .spg-theme-builder-root .spg-panel__content .spg-panel__content > .spg-row:first-of-type {
+    margin-top: 0; }
+
+.spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content {
+  padding-bottom: 0; }
+  .spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content::after {
+    content: none; }
+  .spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content .spg-row {
+    margin-top: calc(1 * var(--base-unit, 8px)); }
+    .spg-theme-builder-root .spg-panel__content .spg-panel__content .spg-panel__content .spg-row:first-of-type {
+      margin-top: 0; }
+
+.spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content {
+  padding-bottom: 0; }
+  .spg-theme-builder-root .spg-panel__content .spg-row:last-of-type .spg-panel__content::after {
+    content: none; }
+
 .spg-root-modern {
   width: 100%;
   border-right: 1px solid var(--border, #d6d6d6);