survey-react 1.9.136 → 1.9.137

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.136
+ * surveyjs - Survey JavaScript library v1.9.137
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -524,6 +524,67 @@ sv-popup {
   flex-grow: 1;
 }
 
+.sv-popup--visible {
+  opacity: 1;
+}
+
+.sv-popup--hidden {
+  opacity: 0;
+}
+
+.sv-popup--animate-enter {
+  animation-name: fadeIn;
+  animation-fill-mode: forwards;
+  animation-duration: 0.15s;
+}
+
+.sv-popup--modal.sv-popup--animate-enter {
+  animation-duration: 0.25s;
+}
+
+.sv-popup--animate-leave {
+  animation-direction: reverse;
+  animation-name: fadeIn;
+  animation-fill-mode: forwards;
+  animation-duration: 0.15s;
+}
+
+.sv-popup--modal.sv-popup--animate-leave {
+  animation-duration: 0.25s;
+}
+
+.sv-popup--hidden {
+  opacity: 0;
+}
+
+@keyframes modalMoveDown {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(64px);
+  }
+}
+@keyframes modalMoveUp {
+  from {
+    transform: translateY(64px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+.sv-popup--modal.sv-popup--animate-leave .sv-popup__container {
+  animation-name: modalMoveDown;
+  animation-fill-mode: forwards;
+  animation-duration: 0.25s;
+}
+
+.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {
+  animation-name: modalMoveUp;
+  animation-fill-mode: forwards;
+  animation-duration: 0.25s;
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }
@@ -3252,6 +3313,67 @@ sv-popup {
   flex-grow: 1;
 }
 
+.sv-popup--visible {
+  opacity: 1;
+}
+
+.sv-popup--hidden {
+  opacity: 0;
+}
+
+.sv-popup--animate-enter {
+  animation-name: fadeIn;
+  animation-fill-mode: forwards;
+  animation-duration: 0.15s;
+}
+
+.sv-popup--modal.sv-popup--animate-enter {
+  animation-duration: 0.25s;
+}
+
+.sv-popup--animate-leave {
+  animation-direction: reverse;
+  animation-name: fadeIn;
+  animation-fill-mode: forwards;
+  animation-duration: 0.15s;
+}
+
+.sv-popup--modal.sv-popup--animate-leave {
+  animation-duration: 0.25s;
+}
+
+.sv-popup--hidden {
+  opacity: 0;
+}
+
+@keyframes modalMoveDown {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(64px);
+  }
+}
+@keyframes modalMoveUp {
+  from {
+    transform: translateY(64px);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+.sv-popup--modal.sv-popup--animate-leave .sv-popup__container {
+  animation-name: modalMoveDown;
+  animation-fill-mode: forwards;
+  animation-duration: 0.25s;
+}
+
+.sv-popup--modal.sv-popup--animate-enter .sv-popup__container {
+  animation-name: modalMoveUp;
+  animation-fill-mode: forwards;
+  animation-duration: 0.25s;
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }
@@ -3606,6 +3728,8 @@ sv-brand-info, .sv-brand-info {
 .sv-ranking-item {
   cursor: pointer;
   position: relative;
+  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  opacity: 1;
 }
 
 .sv-ranking-item:focus .sv-ranking-item__icon--hover {
@@ -3831,6 +3955,60 @@ sv-brand-info, .sv-brand-info {
   align-items: center;
 }
 
+.sv-ranking-item--animate-item-removing {
+  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  animation-name: moveIn, fadeIn;
+  animation-direction: reverse;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+  animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);
+  animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;
+}
+
+.sv-ranking-item--animate-item-adding {
+  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  animation-name: moveIn, fadeIn;
+  opacity: 0;
+  animation-fill-mode: forwards;
+  animation-timing-function: linear;
+  animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);
+  animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);
+}
+
+.sv-ranking-item--animate-item-adding-empty {
+  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  animation-name: fadeIn;
+  opacity: 0;
+  animation-timing-function: linear;
+  animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);
+  animation-delay: 0;
+}
+
+.sv-ranking-item--animate-item-removing-empty {
+  --animation-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  animation-name: fadeIn;
+  animation-direction: reverse;
+  animation-timing-function: linear;
+  animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);
+  animation-delay: 0;
+}
+
+@keyframes sv-animate-item-opacity-reverse-keyframes {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes sv-animate-item-opacity-keyframes {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 .sv-ranking--select-to-rank-horizontal .sv-ranking__container {
   max-width: calc(50% - 1px);
 }
@@ -3883,6 +4061,14 @@ sv-brand-info, .sv-brand-info {
   display: none;
 }
 
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
+  left: 0 !important;
+  padding-left: 16px;
+}
+.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {
+  left: initial;
+}
+
 :root {
   --sjs-transition-duration: 150ms;
 }