@jsenv/navi 0.29.177 → 0.29.178

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/jsenv_navi.js +11 -9
  2. package/dist/jsenv_navi.js.map +2 -2
  3. package/dist/jsenv_navi_side_effects.js +31 -3
  4. package/dist/jsenv_navi_side_effects.js.map +4 -4
  5. package/docs/css_architecture.md +17 -20
  6. package/docs/safe_area.md +10 -7
  7. package/package.json +2 -2
package/dist/jsenv_navi.js CHANGED
@@ -82251,18 +82251,18 @@ const css = /* css */`.navi_side_panel {
82251
82251
  height: var(--navi-side-panel-height, auto);
82252
82252
 
82253
82253
  &[data-layer="top"] {
82254
- --popover-max-height: var(--navi-vvh);
82255
- --popover-maxmax-height: var(--navi-vvh);
82256
- --popover-maxmax-width: var(--navi-vvw);
82257
- --dialog-maxmax-height: var(--navi-vvh);
82258
- --dialog-maxmax-width: var(--navi-vvw);
82254
+ --popover-max-height: var(--navi-app-height);
82255
+ --popover-maxmax-height: var(--navi-app-height);
82256
+ --popover-maxmax-width: var(--navi-app-width);
82257
+ --dialog-maxmax-height: var(--navi-app-height);
82258
+ --dialog-maxmax-width: var(--navi-app-width);
82259
82259
 
82260
82260
  &[navi-side="left"], &[navi-side="right"] {
82261
- height: var(--navi-side-panel-height, var(--navi-vvh));
82261
+ height: var(--navi-side-panel-height, var(--navi-app-height));
82262
82262
  }
82263
82263
 
82264
82264
  &[navi-side="top"], &[navi-side="bottom"] {
82265
- width: var(--navi-side-panel-width, var(--navi-vvw));
82265
+ width: var(--navi-side-panel-width, var(--navi-app-width));
82266
82266
  }
82267
82267
 
82268
82268
  &[navi-side="left"] {
@@ -82392,8 +82392,10 @@ const css = /* css */`.navi_side_panel {
82392
82392
  * @param {string|number} [props.minHeight] - Forwarded as-is to `Popup`'s
82393
82393
  * own `minHeight`.
82394
82394
  * @param {"top"|"local"} [props.layer="top"] - `"top"` (default): docks
82395
- * against the viewport (real top-layer rendering, matches a fixed,
82396
- * always-on-screen drawer). `"local"`: docks against the panel's own
82395
+ * against the app's own screen — the viewport, narrowed to the app's
82396
+ * rectangle when it declares `--navi-app-max-width` (real top-layer
82397
+ * rendering, matches a fixed, always-on-screen drawer). `"local"`: docks
82398
+ * against the panel's own
82397
82399
  * positioned DOM ancestor instead, confined to (and clipped by) it — for
82398
82400
  * a drawer that only takes over part of the page rather than the whole
82399
82401
  * viewport.