survey-creator-core 1.9.106 → 1.9.108

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.106
+ * SurveyJS Creator v1.9.108
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1043,6 +1043,10 @@ td.st-table__cell:first-of-type span {
   padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
+.sv-popup--overlay .svc-logic-placeholder {
+  width: initial;
+}
+
 .svc-logic-placeholder__text {
   font-family: var(--font-family);
   font-style: normal;
@@ -1058,6 +1062,13 @@ td.st-table__cell:first-of-type span {
 .svc-logic-tab__leave-apply-button {
   background-color: var(--sjs-special-red, var(--red, #e60a3e));
 }
+
+.sl-list .sv-list__filter {
+  padding-top: 0;
+}
+.sl-list .sv-list__filter-icon {
+  top: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 svc-tab-designer {
   width: 100%;
   height: 100%;
@@ -1103,7 +1114,6 @@ svc-tab-designer {
 }
 .svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
   max-width: initial;
-  padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-tab-designer .sd-question.sd-question--image {
   width: 100%;
@@ -1140,6 +1150,9 @@ svc-tab-designer {
 .svc-designer-placeholder-page .svc-row--ghost {
   display: none;
 }
+.svc-creator--mobile .svc-tab-designer {
+  overflow-y: overlay;
+}
 .svc-creator--mobile .sd-root-modern {
   --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -1161,12 +1174,18 @@ svc-tab-designer {
   padding-right: 0;
   border: 0;
 }
+.svc-creator--mobile .svc-page__content .sd-page__title {
+  margin: 0;
+}
+.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
+  margin: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 0 0;
+}
 .svc-creator--mobile .svc-page__content .sd-page {
-  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-page__content .svc-page__footer {
-  margin-left: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
-  margin-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-question__content {
   padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -1178,7 +1197,7 @@ svc-tab-designer {
   justify-content: initial;
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
-  padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
   flex-direction: column-reverse;
   align-items: flex-start;
 }
@@ -1187,6 +1206,7 @@ svc-tab-designer {
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
   margin-left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  margin-top: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 .svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
   margin: 0;
@@ -1197,7 +1217,8 @@ svc-tab-designer {
   margin: 0;
 }
 .svc-creator--mobile .svc-tab-designer .sd-container-modern {
-  min-width: calc(46 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  min-width: calc(43 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: 0;
 }
 .svc-creator--mobile .svc-properties-wrapper {
   width: 100%;
@@ -1479,6 +1500,10 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
   top: initial;
   bottom: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+
+.sv-list__filter {
+  margin-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 .sd-element__title .svc-string-editor {
   display: inline-block;
   max-width: 100%;
@@ -1945,7 +1970,7 @@ svc-page {
 .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));
+  box-shadow: 0 0 0 2px inset 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,
@@ -2694,10 +2719,10 @@ svc-question .sv-action-bar,
   display: flex;
 }
 
-.svc-question__content--image:not(.svc-question__content--empty) {
+.svc-question__content--image:not(.svc-question__content--loading):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;
 }
-.svc-question__content--image:not(.svc-question__content--empty) .sd-image__image {
+.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {
   border-radius: 0;
 }
 
@@ -2709,6 +2734,25 @@ svc-question .sv-action-bar,
 .svc-question__content--image.svc-question__content--empty .sd-question--image {
   display: none;
 }
+
+.svc-question__content--loading .sd-image {
+  display: none;
+}
+
+.svc-image-question__loading-placeholder {
+  position: relative;
+  background-color: var(--sjs-general-backcolor, var(--background, #fff));
+  width: 100%;
+  height: calc(27.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
+}
+
+.svc-image-question__loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 .svc-rating-question-controls {
   position: absolute;
 }
@@ -2725,6 +2769,25 @@ svc-question .sv-action-bar,
   margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
   width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
+  min-width: 0;
+}
+.svc-question__content .sd-rating .sd-rating__item-text {
+  max-width: 100%;
+}
+.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
+  white-space: nowrap;
+}
+.svc-question__content .sd-rating .svc-string-editor__content {
+  width: 100%;
+}
+.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
+  text-overflow: initial;
+}
 .svc-question__content .sd-question--table .sd-rating {
   margin-inline-start: 0;
   width: fit-content;
@@ -2740,6 +2803,26 @@ svc-question .sv-action-bar,
   width: unset;
   padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+
+.svc-creator--mobile .svc-rating-question-content {
+  position: relative;
+}
+.svc-creator--mobile .svc-rating-question-controls {
+  position: absolute;
+  top: 0;
+}
+.svc-creator--mobile .svc-question__content .sd-rating {
+  margin-inline-start: 0;
+  width: 100%;
+}
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
+  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
+}
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
+.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star, .svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
+  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
 .svc-item-value-wrapper {
   position: relative;
   display: flex;
@@ -2758,9 +2841,14 @@ svc-question .sv-action-bar,
   padding-right: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
-.svc-question__content .sd-selectbase__column:not(.sd-imagepicker__column):not(:first-of-type) {
+.svc-question__content .sd-selectbase__column {
   margin-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
+.svc-question__content .sd-selectbase__column:first-of-type,
+.svc-question__content .sd-imagepicker__column {
+  margin-left: 0;
+}
 .svc-question__content .sd-selectbase__column:not(:last-child) {
   padding-right: 0;
 }
@@ -2871,6 +2959,13 @@ svc-question .sv-action-bar,
 }
 .sv-ranking .svc-item-value__item {
   padding-right: 0;
+  flex-grow: 1;
+}
+
+.svc-question__content .svc-item-value__item .sv-ranking-item__text {
+  flex-grow: 1;
+  width: 0;
+  max-width: fit-content;
 }
 
 .svc-item-value__item .sv-ranking-item__content {
@@ -2882,6 +2977,17 @@ svc-question .sv-action-bar,
 .svc-item-value__item .sv-ranking-item__text {
   overflow: visible;
 }
+.svc-item-value__item .svc-string-editor {
+  width: 100%;
+  display: inline-block;
+}
+.svc-item-value__item .svc-string-editor__content {
+  width: 100%;
+}
+.svc-item-value__item .sv-string-editor {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
 
 .svc-item-value--ghost .svc-item-value__ghost {
   display: block;
@@ -2928,6 +3034,49 @@ svc-question .sv-action-bar,
   position: absolute;
   left: 35px;
 }
+
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
+  min-width: initial;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
+  min-width: 64px;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
+  padding-right: 0;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
+  visibility: visible;
+}
+.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
+.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
+.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
+  margin-left: calc(-3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
+  visibility: visible;
+}
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
+  margin-left: calc(-6 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
+.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
+  padding-left: 0;
+  padding-right: 0;
+}
 .svc-image-item-value-wrapper {
   display: inline-block;
   position: relative;
@@ -3020,6 +3169,13 @@ svc-question .sv-action-bar,
 .svc-image-item-value--single .sd-imagepicker__image {
   height: calc(30 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+
+.svc-image-item-value__loading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 .svc-matrix-cell {
   position: relative;
 }
@@ -3207,6 +3363,14 @@ svc-question .sv-action-bar,
   right: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
+.svc-logo-image__loading {
+  width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  height: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  box-sizing: border-box;
+  margin-right: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+
 .svc-logo-image-placeholder {
   font-size: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
@@ -4582,7 +4746,8 @@ button.spg-action-button--large {
   height: 1px;
   width: 1px;
   overflow: hidden;
-  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px 1px 1px 1px);
+  /* IE6, IE7 */
   clip: rect(1px, 1px, 1px, 1px);
   left: 0;
   top: 100%;
@@ -4622,6 +4787,10 @@ button.spg-action-button--large {
   opacity: 0.25;
 }
 
+.spg-color-editor__color-swatch--default .sv-svg-icon {
+  opacity: 1;
+}
+
 .spg-color-editor .spg-input__edit-button + * {
   margin-inline-end: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }