@jsenv/navi 0.29.512 → 0.29.513

package/dist/dev/jsenv_navi.js

@@ -38356,6 +38356,10 @@ const releaseTransitionDestination = (owner) => {
  * inside its rectangle — which is where the hand thinks it pressed. The same
  * move route_travel.jsx makes for the box a finger reaches for mid-flight.
  *
+ * A `RouteTravel` holds this too. It leaves the bars live, so a control there
+ * gets its click on its own; what this serves is a control in the part of a bar
+ * photographed for the travel (`data-navi-fixed-bar-overhang`, fixed_bar.jsx).
+ *
  * ASKED FOR, never derived, and that is the whole safety of it: only the
  * application knows the control does not move. One that travels with the pages
  * has a rectangle where it WILL be, not where it is seen, and a press handed to
@@ -38461,7 +38465,7 @@ const warnAboutPressablesThatMove = (areaElement) => {
     }
     warnOnce$1(
       "inside-area",
-      `A control asking to stay pressable during a route transition stands inside the pages (the element marked ${AREA_ATTRIBUTE}), and the pages are what moves: its rectangle says where it will BE, not where it is drawn, so a press aimed at what is on screen would be handed to whatever ends up under the finger. Only the furniture around the pages stands still for the length of a movement.`,
+      `A control asking to stay pressable during a route transition stands inside the pages (the element marked ${AREA_ATTRIBUTE}, or the box of a RouteTravel), and the pages are what moves: its rectangle says where it will BE, not where it is drawn, so a press aimed at what is on screen would be handed to whatever ends up under the finger. Only the furniture around the pages stands still for the length of a movement.`,
     );
     return;
   }
@@ -41731,7 +41735,8 @@ const css$16 = /* css */`.navi_route_travel {
  * root's name is dropped for that time (`view-transition-name: none`), so what
  * stands around the box — a tab row beside it — stays live and answers a press
  * mid-travel. The application's own rule for the root applies again the moment
- * the travel is over.
+ * the travel is over. What stands out of a `FixedBar` is the exception, when it
+ * asks to stay over the pages (see `data-navi-fixed-bar-overhang` there).
  */
 const RouteTravel = ({
   routes: routesProp,
@@ -41853,6 +41858,10 @@ const RouteTravel = ({
     // transition_destination.js).
     nameForTravel(travel.element);
     holdTransitionDestination(travel, page.route.buildUrl(page.params));
+    // The bars stay live, except what one of them has photographed on its own
+    // (see fixed_bar.jsx), which is deaf like any picture and may have asked to
+    // keep answering.
+    holdTransitionPress(travel, travel.element);
     document.documentElement.setAttribute(TRAVEL_ATTRIBUTE, direction);
     document.documentElement.setAttribute(TRAVEL_AXIS_ATTRIBUTE, axis);
     if (scrub) {
@@ -42275,6 +42284,7 @@ const RouteTravel = ({
       document.documentElement.removeAttribute(TURNED_ATTRIBUTE);
       releaseTransitionWindow(travel);
       releaseTransitionDestination(travel);
+      releaseTransitionPress(travel);
     }
   };
 
@@ -58001,7 +58011,8 @@ const LinkPseudoElements = ["::-navi-loader", "::-navi-indicator"];
  *   press on it is aimed at what the reader can see. Say it there, and only
  *   there: a control that TRAVELS with the pages has a rectangle where it will
  *   be, not where it is seen, and a press handed to it fires something nobody
- *   aimed at.
+ *   aimed at. A `RouteTravel` honours it as well, for a control in the part of
+ *   a `FixedBar` it photographs (`data-navi-fixed-bar-overhang`).
  * @param {boolean} [props.replace] - Go to the destination by TAKING THE PLACE
  *   of the current history entry instead of stacking onto it: the link stays a
  *   link (an address, a middle click, the keyboard, `aria-current`), only the
@@ -60628,6 +60639,7 @@ const css$Y = /* css */`@layer navi {
 }
 
 .navi_fixed_bar_shadow {
+  z-index: -1;
   border-radius: inherit;
   box-shadow: var(--navi-fixed-bar-shadow);
   pointer-events: none;
@@ -60656,13 +60668,13 @@ const css$Y = /* css */`@layer navi {
 }
 
 @supports (view-transition-name: match-element) {
-  :root[data-navi-route-travel] .navi_fixed_bar_shadow {
+  :root[data-navi-route-travel] .navi_fixed_bar_shadow, :root[data-navi-route-travel] [data-navi-fixed-bar-overhang] {
     view-transition-name: match-element;
-    view-transition-class: navi_fixed_bar_shadow;
+    view-transition-class: navi_fixed_bar_over_pages;
   }
 }
 
-:root[data-navi-route-travel-turned]::view-transition-group(.navi_fixed_bar_shadow) {
+:root[data-navi-route-travel-turned]::view-transition-group(.navi_fixed_bar_over_pages) {
   display: block;
 }
 `;
@@ -60719,6 +60731,13 @@ const FixedBarStyleCSSVars = {
  *   Takes no room. Prefer it to a `boxShadow` or a `filter` on the bar: those
  *   are covered by the pages while a `RouteTravel` plays, this one stays over
  *   them.
+ *
+ * A child standing out of the bar's box (a raised button, the notch around it)
+ * wears `data-navi-fixed-bar-overhang`: unmarked, the pages of a `RouteTravel`
+ * cover it wherever they have paint behind it. Marked, it stays over them, and
+ * like anything photographed it is deaf for the length of the travel —
+ * `pressableDuringRouteTransition` on a control inside it keeps that control
+ * answering. The rest of the bar stays live.
  */
 const FixedBar = ({
   children,
@@ -63986,7 +64005,8 @@ const COMMAND_DEFAULT_PROPS_FACTORIES = {
  *   button in a bar the two states share, standing exactly where its picture is
  *   drawn — must still close it. What `<Link pressableDuringRouteTransition>`
  *   says, for the other half of a toggle. Only for a control that does not
- *   travel with the pages.
+ *   travel with the pages. A `RouteTravel` honours it as well, for a control in
+ *   the part of a `FixedBar` it photographs (`data-navi-fixed-bar-overhang`).
  * @param {Function} [action] What the press runs: a button holds no value, so
  *   every press is one call. Inside a `<Form>` or a group it carries the value
  *   around it, merged over the action's bound params — a value that is not an