survey-creator-core 1.9.89 → 1.9.91

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.89
+ * SurveyJS Creator v1.9.91
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -874,7 +874,7 @@ svc-tab-designer {
 .svc-designer-placeholder-page {
   margin-top: calc(2 * var(--base-unit, 8px)); }
 
-.svc-designer-placeholder-page .svc-page__add-new-question {
+.svc-designer-placeholder-page .svc-page__footer {
   width: calc(33 * var(--base-unit, 8px));
   margin: auto; }
 
@@ -898,7 +898,7 @@ svc-tab-designer {
   border: 0; }
   .svc-creator--mobile .svc-page__content .sd-page {
     padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px)); }
-  .svc-creator--mobile .svc-page__content .svc-page__add-new-question {
+  .svc-creator--mobile .svc-page__content .svc-page__footer {
     margin-left: calc(2 * var(--base-unit, 8px));
     margin-right: calc(2 * var(--base-unit, 8px)); }
 
@@ -943,6 +943,78 @@ svc-tab-designer {
     .svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon {
       display: none; }
 
+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-notifier.svc-notifier--shown {
   visibility: visible;
   opacity: 0.75; }
@@ -1221,6 +1293,9 @@ survey-creator,
 .svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border {
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) var(--red, #e60a3e); }
 
+.sd-boolean .sv-string-editor:focus-within {
+  white-space: nowrap; }
+
 .sd-rating .sd-rating__item:focus-within {
   border: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394); }
 
@@ -1289,78 +1364,6 @@ 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;
@@ -1577,11 +1580,19 @@ svc-page {
     .svc-hovered.svc-page__content--selected .svc-page__content-actions {
       display: block; }
 
-.svc-page__add-new-question {
+.svc-page__footer {
+  overflow: visible;
   margin-left: calc(3 * var(--base-unit, 8px));
-  margin-right: calc(3 * var(--base-unit, 8px)); }
-  .svc-page__add-new-question .svc-text {
-    margin-left: calc(6 * var(--base-unit, 8px)); }
+  margin-right: calc(3 * var(--base-unit, 8px));
+  gap: calc(2 * var(--base-unit, 8px)); }
+  .svc-page__footer .sv-action {
+    flex: 1 1 0; }
+  .svc-page__footer .svc-btn {
+    flex-grow: 1;
+    border: none; }
+
+.svc-page__add-new-question .svc-text {
+  margin-left: calc(6 * var(--base-unit, 8px)); }
 
 .svc-page__question-type-selector {
   appearance: none;
@@ -1602,8 +1613,18 @@ svc-page {
   .svc-page__question-type-selector:focus {
     background-color: var(--sjs-primary-backcolor-light, rgba(25, 179, 148, 0.1)); }
 
+.svc-page--drag-over-empty:after {
+  content: " ";
+  position: absolute;
+  background: var(--secondary, #ff9814);
+  left: calc(3 * var(--base-unit, 8px));
+  bottom: calc(11 * var(--base-unit, 8px));
+  width: calc(100% - 48px);
+  height: 4px; }
+
 .svc-row {
-  width: 100%; }
+  width: 100%;
+  position: relative; }
 
 .svc-row .sd-row--multiple {
   padding: calc(1 * var(--base-unit, 8px));
@@ -1639,6 +1660,32 @@ svc-page {
   margin-top: calc(2 * var(--base-unit, 8px));
   margin-bottom: calc(2 * var(--base-unit, 8px)); }
 
+.svc-row--drag-over-top:before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  top: 6px;
+  width: 100%;
+  height: 4px; }
+
+.svc-row--drag-over-bottom:after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  bottom: -10px;
+  width: 100%;
+  height: 4px; }
+
+.svc-question__content--panel .svc-row--drag-over-top:before,
+.sd-panel__content .svc-row--drag-over-top:before {
+  top: -6px; }
+
+.svc-question__content--panel .svc-row--drag-over-bottom:after,
+.sd-panel__content .svc-row--drag-over-bottom:after {
+  bottom: -6px; }
+
 svc-question {
   display: block;
   position: absolute;
@@ -1766,7 +1813,11 @@ svc-question {
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
-  user-select: none; }
+  user-select: none;
+  max-width: 500px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis; }
 
 .svc-dragged-element-shortcut .sv-svg-icon use {
   fill: var(--primary, #19b394); }
@@ -1814,6 +1865,34 @@ svc-question {
   height: 100%;
   width: 4px; }
 
+.svc-question__content--drag-over-top:before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  top: -12px;
+  width: 100%;
+  height: 4px; }
+
+.svc-question__content--drag-over-bottom:before {
+  content: " ";
+  position: absolute;
+  left: 0;
+  background: var(--secondary, #ff9814);
+  bottom: -12px;
+  width: 100%;
+  height: 4px; }
+
+.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
+.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {
+  margin-left: 8px;
+  width: calc(100% - 8px); }
+
+.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,
+.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {
+  margin-right: 8px;
+  width: calc(100% - 8px); }
+
 .svc-question__content-actions .sv-action-bar {
   box-sizing: border-box;
   padding: 0;
@@ -2030,7 +2109,7 @@ svc-question .sv-action-bar,
 .svc-rating-question-controls {
   position: absolute; }
 
-.svc-question__content--selected-no-border .svc-rating-question-controls.svc-item-value-controls {
+.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {
   display: flex; }
 
 .svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
@@ -2315,7 +2394,8 @@ svc-question .sv-action-bar,
   display: none;
   position: absolute;
   top: calc(50% - 3 * var(--base-unit, 8px));
-  left: calc(50% - 3 * var(--base-unit, 8px)); }
+  left: calc(50% - 3 * var(--base-unit, 8px));
+  z-index: 2; }
 
 .svc-matrix-cell__question-controls-button {
   display: block;
@@ -2333,17 +2413,21 @@ svc-question .sv-action-bar,
 .svc-matrix-cell:hover .svc-matrix-cell__question-controls {
   display: block; }
 
-.svc-question__content--selected-no-border {
-  padding: 0;
+.svc-question__content--in-popup {
   width: calc(100% - 25 * var(--base-unit, 8px));
   min-width: calc(70 * var(--base-unit, 8px));
-  box-shadow: none;
-  background-color: inherit; }
+  padding: calc(5 * var(--base-unit, 8px)); }
 
 .svc-matrix-cell__popup .sv-popup__scrolling-content {
   margin-top: calc(1 * var(--base-unit, 8px));
   padding-top: 0; }
 
+.svc-matrix-cell__popup .svc-question__content {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
 .svc-question__content .sd-table__cell--detail-panel .svc-question__adorner {
   z-index: 13; }
 
@@ -3544,6 +3628,9 @@ button.spg-action-button--large {
   align-items: center;
   gap: calc(0.5 * var(--base-unit, 8px)); }
 
+.spg-color-editor__input {
+  line-height: calc(3 * var(--base-unit, 8px)); }
+
 .spg-color-editor__color-input {
   position: absolute;
   height: 1px;
@@ -3552,18 +3639,37 @@ button.spg-action-button--large {
   clip: rect(1px 1px 1px 1px);
   /* IE6, IE7 */
   clip: rect(1px, 1px, 1px, 1px);
-  left: calc(50%);
-  top: calc(100%);
-  transform: translate(-50%, -50%); }
+  left: 0;
+  top: 100%;
+  transform: translateY(-50%); }
+
+.spg-color-editor__color-item {
+  display: flex;
+  gap: calc(2 * var(--base-unit, 8px)); }
+  .spg-color-editor__color-item .spg-color-editor__color-swatch {
+    margin-left: 0; }
 
 .spg-color-editor__color-swatch {
+  position: relative;
   flex-shrink: 0;
   flex-grow: 0;
-  border: 1px solid rgba(0, 0, 0, 0.16);
   border-radius: 3px;
-  width: calc(4.5 * var(--base-unit, 8px));
+  width: calc(4 * var(--base-unit, 8px));
   height: calc(3 * var(--base-unit, 8px));
+  box-sizing: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.16);
   margin-left: calc(1.5 * var(--base-unit, 8px)); }
+  .spg-color-editor__color-swatch .sv-svg-icon {
+    position: absolute;
+    width: calc(2 * var(--base-unit, 8px));
+    height: calc(2 * var(--base-unit, 8px));
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    fill: var(--background, #fff); }
+
+.spg-color-editor div:last-child {
+  display: none; }
 
 .spg-file-edit__choose-button {
   position: relative; }
@@ -3571,6 +3677,31 @@ button.spg-action-button--large {
 .spg-link {
   display: flex; }
 
+.spg-theme-builder-root .spg-paneldynamic__separator {
+  border: none;
+  height: calc(2 * var(--base-unit, 8px));
+  margin: 0; }
+
+.spg-theme-builder-root .spg-paneldynamic__remove-btn {
+  display: none; }
+
+.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
+  display: none; }
+
+.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left {
+  min-width: auto; }
+
+.spg-theme-builder-root .spg-row--multiple > div {
+  flex: 1 1 0;
+  min-width: calc(12.5 * var(--base-unit, 8px)); }
+  .spg-theme-builder-root .spg-row--multiple > div input {
+    min-width: 0; }
+  .spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
+    height: calc(6 * var(--base-unit, 8px));
+    box-sizing: border-box; }
+    .spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {
+      height: auto; }
+
 .spg-theme-builder-root .sv-button-group {
   overflow: hidden; }