@synopackageland/ui 0.25.9 → 0.25.10
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.
- package/CHANGELOG.md +7 -0
- package/dist/components/app/app-layout/AppLayout.vue.d.ts +8 -0
- package/dist/index.js +5645 -5636
- package/dist/json-preview/preview.js +7505 -7496
- package/dist/reka-runtime.json +1 -1
- package/docs/adaptive-layout.md +2 -1
- package/package.json +1 -1
package/dist/reka-runtime.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"version": "2.11.0",
|
|
4
4
|
"delivery": "bundled-patched-esm",
|
|
5
5
|
"patchManifestSha256": "9c5b9c9a162fa584b4695a683368a4484b3ac6e70177fd063b77aa618c051627",
|
|
6
|
-
"bundleSha256": "
|
|
6
|
+
"bundleSha256": "2e3d41f184f0306717424b388ad533fb4abf8f5cb635f83cab2b184c7b876021",
|
|
7
7
|
"sourceHashes": {
|
|
8
8
|
"shared/useBodyScrollLock.js": "287bfb604318c4202769e4b5191896eaf0e52a952e1de898967cbe09467fcfda",
|
|
9
9
|
"DismissableLayer/DismissableLayer.js": "3c8d248f0a32e01f89ca1f6202b1bb691bf5d0e4012a92535e161c35e69cdc32",
|
package/docs/adaptive-layout.md
CHANGED
|
@@ -263,6 +263,7 @@ layout only sizes and moves the region). `v-model:aside` is its state:
|
|
|
263
263
|
| `collapsed` (default) | the 48px rail | takes the rest |
|
|
264
264
|
| `open` | `v-model:aside-width` (380, 320–560; the handle on its start edge, Arrow keys, Home and End) | takes the rest |
|
|
265
265
|
| `open` that would leave the page under 480px, or outside `web` | the 48px rail; the panel floats over the page (`overlay`) | unchanged |
|
|
266
|
+
| `open` in a DSM window with `aside-dock="wide"`, at least 960px wide | as in `web`: `v-model:aside-width` with the handle, unless the page would be left under 480px beside the theme's sidebar | takes the rest |
|
|
266
267
|
| `expanded` | the whole content area beside the sidebar | `inert`, kept mounted |
|
|
267
268
|
|
|
268
269
|
On a phone the region has no width; its content places itself (a button and a
|
|
@@ -298,7 +299,7 @@ const { state, width } = useAsidePreference('studio.aside', 'editor', { state: '
|
|
|
298
299
|
| Mode | When | Panel |
|
|
299
300
|
| --- | --- | --- |
|
|
300
301
|
| docked | `web`, the page keeps 480px | keeps `--ui-aside-open-width` and slides by `translate` while the region's width moves (`--ui-motion-panel`, ease-in-out both ways); the rail button fades in 150ms into a collapse |
|
|
301
|
-
| floating | an open panel the page has no room for,
|
|
302
|
+
| floating | an open panel the page has no room for, a 641–959 container, or a DSM window without `aside-dock="wide"` | slides over the page from the rail (in `panel` ease-out, out `normal` ease-in); the region keeps its 48px |
|
|
302
303
|
| sheet | a phone (≤640) | a 48px button at the end corner (above the tab bar and the safe area) opens a 90% bottom sheet; `expanded` is full screen; the scrim, Escape and a downward swipe on the header close it; the page is `aria-hidden` and out of reach |
|
|
303
304
|
|
|
304
305
|
- The panel is never unmounted: collapsed, it is `inert` and `aria-hidden`, and the thread's scroll and the composer's draft stay. The page is `inert` and `aria-hidden` while the panel is expanded (it has no width then). While a sheet is up the page is `aria-hidden` but not `inert`: the sheet keeps it out of reach as an app-local dialog does (docs/app-local-modal.md).
|