survey-creator-core 1.9.125 → 1.9.127

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.125
+ * SurveyJS Creator v1.9.127
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1205,11 +1205,25 @@ svc-tab-designer {
   --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
   --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
+.svc-creator--mobile .svc-question__content .sd-question__content {
+  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
 .svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column {
   max-width: initial;
   display: block;
   margin-left: 0;
 }
+.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper {
+  width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.svc-creator--mobile .svc-question__content > .svc-question__dropdown-choices--wrapper > div {
+  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
 .svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
   bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
@@ -1287,6 +1301,87 @@ 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-switcher.spg-action-button {
+  align-items: center;
+  gap: var(--sjs-base-unit, var(--base-unit, 8px));
+  pointer-events: auto;
+}
+
+.svc-switcher__title {
+  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
+  font-family: var(--sjs-font-family, var(--font-family));
+  font-size: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  font-style: normal;
+  font-weight: 600;
+  line-height: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+
+.svc-switcher__icon {
+  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  justify-content: center;
+  align-items: center;
+  border-radius: 100px;
+  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
+  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
+  transition-duration: 0.2s;
+  transition-property: background;
+  transition-timing-function: linear;
+}
+
+.svc-switcher__icon:hover {
+  background: var(--sjs-general-backcolor, var(--background, #fff));
+}
+
+.svc-switcher__icon:focus {
+  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
+  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
+}
+
+.svc-switcher__icon:hover:focus {
+  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
+  background: var(--sjs-general-backcolor, var(--background, #fff));
+}
+
+.svc-switcher__icon--checked,
+.svc-switcher__icon--checked:hover {
+  justify-content: center;
+  align-items: center;
+  border: unset;
+  border-radius: 100px;
+  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
+
+.svc-switcher__icon--checked:focus {
+  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
+  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
+}
+
+.svc-switcher__icon-thumb {
+  width: var(--sjs-base-unit, var(--base-unit, 8px));
+  height: var(--sjs-base-unit, var(--base-unit, 8px));
+  justify-content: center;
+  align-items: center;
+  border-radius: 100px;
+  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
+  transform: translateX(0);
+  margin-left: 0%;
+  transition-duration: 0.2s;
+  transition-property: margin-left, transform, background-color;
+  transition-timing-function: linear;
+}
+
+.svc-switcher__icon--checked .svc-switcher__icon-thumb {
+  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
+  margin-left: 100%;
+  transform: translateX(-100%);
+}
+
+.svc-switcher__icon:focus .svc-switcher__icon-thumb,
+.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,
+.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {
+  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
+}
 svc-tab-test {
   width: 100%;
   height: 100%;
@@ -1523,13 +1618,12 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
 .svc-creator__non-commercial-text {
   color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
   font-family: var(--sjs-font-family, var(--font-family));
-  font-weight: bold;
   font-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   vertical-align: middle;
+  padding: 12px 128px;
 }
 .svc-creator__non-commercial-text a {
   color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
-  text-decoration: none;
 }
 
 .sv-drag-drop-ghost {
@@ -1549,7 +1643,7 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
   top: initial;
   bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sd-element__title .svc-string-editor {
+.sd-element__header .svc-string-editor {
   display: inline-block;
   max-width: 100%;
 }
@@ -1564,7 +1658,6 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
 .svc-string-editor .sv-string-editor {
   position: relative;
   outline: none;
-  word-break: break-word;
   z-index: 12;
 }
 .svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
@@ -1583,6 +1676,11 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
   display: inline-block;
   position: relative;
   z-index: 10;
+  width: 100%;
+}
+
+.svc-matrix-cell .svc-string-editor__content {
+  width: auto;
 }
 
 .svc-string-editor__content:focus-within .svc-remaining-character-counter {
@@ -2253,7 +2351,6 @@ svc-question {
 }
 
 .svc-question__content .sd-selectbase:not(.sd-imagepicker) {
-  overflow-x: auto;
   padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
@@ -2262,6 +2359,9 @@ svc-question {
   padding-left: 0;
   margin-left: 0;
 }
+.svc-question__content .sd-question.sd-question--table {
+  overflow-x: initial;
+}
 .svc-question__content .sd-multipletext__item-title {
   color: var(--sjs-general-forecolor, var(--foreground, #161616));
 }
@@ -2639,8 +2739,11 @@ svc-question .sv-action-bar,
   display: none;
 }
 
-.svc-panel__add-new-question-container {
+.svc-panel__add-new-question-wrapper {
   container-type: inline-size;
+  width: 100%;
+  display: flex;
+  justify-content: center;
 }
 
 .svc-panel__placeholder_frame-wrapper {
@@ -2761,6 +2864,14 @@ svc-question .sv-action-bar,
     display: none;
   }
 }
+.svc-panel__question-type-selector-popup {
+  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
 .svc-panel__question-type-selector {
   appearance: none;
   display: flex;
@@ -2831,10 +2942,21 @@ svc-question .sv-action-bar,
 .svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
   fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
 }
+.svc-question__content .sd-table__row-disabled > .sd-table__cell {
+  opacity: 1;
+}
 
 .svc-question__content .svc-carry-forward-panel {
   margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
+.svc-question__content .sd-question__content {
+  min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);
+  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  overflow-x: auto;
+}
 
 .svc-question__content--ranking .svc-carry-forward-panel {
   margin-top: 0;
@@ -2865,7 +2987,18 @@ svc-question .sv-action-bar,
   opacity: 0.75;
 }
 
-.svc-question__dropdown-choices--wrapper .svc-action-button {
+.svc-question__content > .svc-question__dropdown-choices--wrapper {
+  width: calc(100% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  overflow-x: auto;
+  margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
+  width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  display: inline-block;
+  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {
   margin-left: calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
   cursor: pointer;
@@ -2953,9 +3086,6 @@ svc-question .sv-action-bar,
 .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;
@@ -2963,6 +3093,30 @@ svc-question .sv-action-bar,
 .svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
   text-overflow: initial;
 }
+.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
+  top: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
+  top: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
+  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
+  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
+  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
+  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
+  top: var(--sjs-base-unit, var(--base-unit, 8px));
+}
+.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
+  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+}
 .svc-question__content .sd-question--table .sd-rating {
   margin-inline-start: 0;
   width: fit-content;
@@ -2992,12 +3146,15 @@ svc-question .sv-action-bar,
   width: 100%;
   max-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 {
+.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 {
+.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 {
@@ -3011,7 +3168,6 @@ svc-question .sv-action-bar,
 .svc-question__dropdown-choice .svc-item-value-wrapper,
 .sd-selectbase .svc-item-value-wrapper {
   align-items: flex-start;
-  min-width: calc(28 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 .svc-question__dropdown-choice .svc-item-value__item,
 .sd-selectbase .svc-item-value__item {
@@ -3132,7 +3288,6 @@ svc-question .sv-action-bar,
 
 .sv-ranking .svc-item-value-wrapper {
   align-items: center;
-  min-width: calc(27 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 .sv-ranking .svc-item-value__item {
   padding-right: 0;
@@ -3158,9 +3313,6 @@ svc-question .sv-action-bar,
   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;
@@ -4973,6 +5125,9 @@ button.spg-action-button--large {
   text-decoration-line: underline;
 }
 
+.spg-theme-builder-root .sv-skeleton-element {
+  min-height: 50px;
+}
 .spg-theme-builder-root .spg-paneldynamic__separator {
   border: none;
   margin: 0;
@@ -5075,6 +5230,26 @@ button.spg-action-button--large {
 .spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {
   content: none;
 }
+.spg-theme-builder-root .spg-theme-group-caption {
+  --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
+  font-family: var(--sjs-font-family, var(--font-family));
+  font-style: normal;
+  font-weight: 600;
+  font-size: var(--sjs-font-size, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
+  line-height: calc(1.5 * var(--default-bold-font-size));
+  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
+  position: relative;
+  top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
+  cursor: auto;
+}
+.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,
+.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {
+  background-color: unset;
+}
+.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
+  pointer-events: none;
+}
 
 .sv-mobile-side-bar .spg-theme-builder-root .spg-nested-panel__content::after {
   width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);