survey-react 1.12.2 → 1.12.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.2
+ * 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)
  */
@@ -452,6 +452,16 @@ sv-brand-info,
   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 {
@@ -680,12 +690,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;
 }
@@ -730,7 +741,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;
 }
 
@@ -826,7 +838,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;
 }
@@ -960,6 +973,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;
+}
+
 body {
   --sv-default-mark: true;
 }
@@ -3040,7 +3079,8 @@ f-panel {
   word-break: break-all;
   margin: 0 calc(2 * 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;
 }
@@ -3064,7 +3104,8 @@ f-panel {
 .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;
 }
 
@@ -3845,7 +3886,7 @@ sv-popup {
   padding-inline-start: calc(2 * var(--base-unit, 8px));
   cursor: pointer;
   overflow: hidden;
-  text-align: left;
+  text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: flex;