@jsenv/navi 0.29.516 → 0.29.517

package/dist/dev/jsenv_navi.js

@@ -39834,6 +39834,12 @@ const css$17 = /* css */`@property --navi-route-transition-leave {
   inherits: false
 }
 
+@property --navi-furniture-fade {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 1;
+}
+
 :root::view-transition, :root::view-transition-group(*), :root::view-transition-image-pair(*), :root::view-transition-old(*), :root::view-transition-new(*) {
   --navi-route-transition-leave: inherit;
   --navi-route-transition-enter: inherit;
@@ -39915,6 +39921,24 @@ const css$17 = /* css */`@property --navi-route-transition-leave {
     &::view-transition-group(*), &::view-transition-old(*), &::view-transition-new(*) {
       animation-duration: var(--navi-route-transition-duration, .3s);
     }
+
+    &::view-transition-image-pair(.navi_furniture_shared) {
+      animation: navi-furniture-fade
+          var(--navi-route-transition-duration, .3s) ease both;
+    }
+
+    &::view-transition-old(.navi_furniture_shared), &::view-transition-new(.navi_furniture_shared) {
+      mix-blend-mode: plus-lighter;
+      animation-name: none;
+    }
+
+    &::view-transition-old(.navi_furniture_shared) {
+      opacity: calc(1 - var(--navi-furniture-fade));
+    }
+
+    &::view-transition-new(.navi_furniture_shared) {
+      opacity: var(--navi-furniture-fade);
+    }
   }
 
   &::view-transition-old(root), &::view-transition-new(root), &::view-transition-old(navi-route-transition), &::view-transition-new(navi-route-transition) {
@@ -40201,6 +40225,16 @@ const css$17 = /* css */`@property --navi-route-transition-leave {
     opacity: 0;
   }
 }
+
+@keyframes navi-furniture-fade {
+  from {
+    --navi-furniture-fade: 0;
+  }
+
+  to {
+    --navi-furniture-fade: 1;
+  }
+}
 `;
 
 /**