@jsenv/navi 0.29.214 → 0.29.215

package/dist/dev/jsenv_navi.js

@@ -57195,8 +57195,11 @@ const getAvailableWidth = (layer, element) => {
  * (a top-docked SidePanel: title and tabs at its top). So here the cut alone
  * does the reveal — the same curtain descending from the container's top
  * edge a full slide draws — while the box travels only `--popup-cover-travel`
- * (default 15%) of its own height: the head is on screen from the first
- * frame, settling its last few pixels into place. The exit is the same
+ * (default 24px): the head is on screen from the first frame, settling its
+ * last few pixels into place. A length, not a share of the panel: the travel
+ * is a settle, the curtain is what reveals, and a share would grow with a
+ * full-screen panel while its head does not — at 15% of 800px the head spent
+ * the first 40% of the entrance above the cut. The exit is the same
  * movement backwards and still reads as a slide, the head leading. One
  * direction only: a bottom sheet leads with its head by itself, and a
  * left/right panel keeps its head on the axis it does not travel.
@@ -57226,7 +57229,7 @@ const popupCss = /* css */ `
     .navi_dialog {
       --popup-animation-duration: 0.18s;
       --popup-scale-from: 0.9;
-      --popup-cover-travel: 15%;
+      --popup-cover-travel: 24px;
 
       --popup-opacity-duration: var(--popup-animation-duration);
       --popup-translate-duration: var(--popup-animation-duration);
@@ -57407,7 +57410,7 @@ const popupCss = /* css */ `
 
     /* cover — a top-docked popup unrolling from the top edge of its area (see
          this file's top comment): the cut does the reveal, the box travels
-         --popup-cover-travel of its own height. The far cut sits where the
+         --popup-cover-travel, a length. The far cut sits where the
          popup's shadow ends (--navi-popup-box-shadow reaches about 50px) or
          where the room does, whichever is nearer, so the reveal finishes on
          the box and its shadow at the pace of the box's own settle. On the
@@ -83168,6 +83171,7 @@ const ANIMATION_BY_SIDE = {
 };
 const css = /* css */`.navi_side_panel {
   --popup-border-radius: 0px;
+  --popup-animation-duration: .3s;
   width: var(--navi-side-panel-width, auto);
   height: var(--navi-side-panel-height, auto);
 
@@ -83332,10 +83336,12 @@ const css = /* css */`.navi_side_panel {
  * @param {boolean|"fading"} [props.animation] - Off by default (unlike
  *   `Dialog`/`Popover` themselves) — SidePanel is commonly toggled instead
  *   of opened/closed as a one-off, where a slide transition is more often
- *   undesired noise than not. `true` slides in from `side` (a top panel
- *   unrolls from its edge instead, head first — see `ANIMATION_BY_SIDE`);
- *   `"fading"` is the other common choice. Other values are forwarded as-is but not a
- *   documented/encouraged part of this component's own API.
+ *   undesired noise than not. `true` plays the entrance of `side`:
+ *   `cover-from-top` for a top panel (it unrolls from its edge, head first),
+ *   `slide-from-<side>` for the three others — see `ANIMATION_BY_SIDE` for
+ *   why the top differs. `"fading"` is the other common choice. Other values
+ *   are forwarded as-is but not a documented/encouraged part of this
+ *   component's own API.
  * @param {boolean} [props.closeOnClickOutside=false] - `false` (default):
  *   maps to `pointerInteractionOutsideEffect="none"` — in popover mode, no
  *   backdrop at all, outside clicks pass straight through; in dialog mode,