survey-react 1.12.1 → 1.12.3

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.1
+ * surveyjs - Survey JavaScript library v1.12.3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -465,6 +465,16 @@ button.sv-action-bar-item {
   position: absolute;
   z-index: 10000;
   font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
+  min-width: 100px;
+  max-width: 400px;
+}
+.sv-drag-drop-choices-shortcut .sv-ranking-item {
+  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
+.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {
@@ -1477,12 +1487,13 @@ sv-brand-info,
   line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
   margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   overflow-wrap: break-word;
-  word-break: break-all;
+  word-break: normal;
   align-self: self-start;
   padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
   padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
 }
-.sv-ranking-item__text .sv-string-viewer {
+.sv-ranking-item__text .sv-string-viewer,
+.sv-ranking-item__text .sv-string-editor {
   overflow: initial;
   white-space: pre-line;
 }
@@ -1527,7 +1538,8 @@ sv-brand-info,
 .sv-ranking-item--ghost {
   height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer {
+.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,
+.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {
   white-space: unset;
 }
 
@@ -1623,7 +1635,8 @@ sv-brand-info,
 .sv-ranking-shortcut .sv-ranking-item {
   height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer {
+.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
+.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
   overflow: hidden;
   white-space: nowrap;
 }
@@ -1757,6 +1770,32 @@ sv-brand-info,
   left: initial;
 }
 
+.sv-ranking--select-to-rank-swap-areas {
+  flex-direction: row-reverse;
+}
+.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {
+  padding-left: 0;
+  left: -24px !important;
+}
+.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {
+  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  left: 0;
+}
+.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {
+  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
+  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-left: 0;
+}
+.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {
+  right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
+  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-right: 0;
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }
@@ -1813,7 +1852,7 @@ sv-brand-info,
   line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
   cursor: pointer;
   overflow: hidden;
-  text-align: left;
+  text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
   transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);
@@ -2129,6 +2168,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   from {
     overflow: hidden;
     height: var(--animation-height-from);
+    min-height: var(--animation-height-from);
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
@@ -2145,6 +2185,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
     border-top-width: var(--animation-border-top-width);
     border-bottom-width: var(--animation-border-bottom-width);
     height: var(--animation-height-to);
+    min-height: var(--animation-height-to);
   }
   to {
     overflow: visible;
@@ -2155,6 +2196,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
     border-top-width: var(--animation-border-top-width);
     border-bottom-width: var(--animation-border-bottom-width);
     height: var(--animation-height-to);
+    min-height: var(--animation-height-to);
   }
 }
 @keyframes moveIn {
@@ -2188,10 +2230,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   opacity: 0.25;
 }
 
-.sd-element__title.sd-element__title--hidden {
-  display: none;
-}
-
 .sd-root--readonly .sd-element__title.sd-element__title--disabled {
   opacity: 1;
 }
@@ -2256,6 +2294,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
   white-space: nowrap;
   flex-shrink: 0;
 }
+
+.sd-page__num + span,
 .sd-element__num + span {
   float: left;
   width: 0;
@@ -4271,7 +4311,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
   white-space: normal;
   width: 100%;
-  text-align: left;
+  text-align: start;
   min-width: 0;
 }
 .sd-item__control-label .sv-string-viewer {
@@ -5563,7 +5603,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   max-width: 100%;
   width: auto;
   height: 100%;
-  text-align: left;
+  text-align: start;
   cursor: text;
   pointer-events: none;
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));