survey-react 1.9.104 → 1.9.106

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.104
+ * surveyjs - Survey JavaScript library v1.9.106
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3320,6 +3320,13 @@ sv-popup {
   height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
+.sv-ranking-item--disabled.sv-ranking-item--disabled {
+  cursor: initial;
+}
+.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {
+  visibility: hidden;
+}
+
 .sv-ranking-item__icon.sv-ranking-item__icon {
   visibility: hidden;
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -3350,6 +3357,7 @@ sv-popup {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cuhEQAwDMNAtUN4//m8RMtygcE5PxMQxAKnh6Q3mWzXd4mAD4cJBAQCqfbUAAAAAElFTkSuQmCC");
   background-position: center;
   background-repeat: no-repeat;
+  background-size: calc(1 * var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, 16px)))));
 }
 
 .sv-ranking-item__text {
@@ -3482,6 +3490,9 @@ sv-popup {
 .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
   padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
   padding-bottom: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
@@ -3490,14 +3501,14 @@ sv-popup {
 .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
   left: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
-.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to {
-  padding-right: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
-}
 .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
   left: initial;
 }
-.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from {
-  padding-left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
+  padding-left: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
+}
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
+  padding-right: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
 }
 
 .sv-ranking__container-placeholder {
@@ -3510,17 +3521,14 @@ sv-popup {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 100%;
   height: 100%;
 }
 
 .sv-ranking__container {
   flex: 1;
-  max-width: 100%;
 }
 
 .sv-ranking__container--empty {
-  padding: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
   box-sizing: border-box;
   text-align: center;
 }
@@ -3854,13 +3862,21 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
   align-items: center;
   justify-content: center;
   position: absolute;
-  z-index: 0;
+  z-index: 1;
   user-select: none;
   pointer-events: none;
   width: 100%;
   height: 100%;
 }
 
+.sjs_sp_canvas,
+.sjs_sp__background-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  object-fit: cover;
+}
+
 .sv-boolean__decorator {
   border-radius: 2px;
 }