@taprootio/espalier 2.11.0 → 2.12.0
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 +38 -0
- package/custom-elements.json +5636 -5033
- package/dist/flyout/esp-flyout.js +4 -4
- package/dist/page/esp-page.d.ts +98 -8
- package/dist/page/esp-page.js +180 -17
- package/dist/shared/events.d.ts +7 -0
- package/dist/shared/events.js +1 -1
- package/espalier.token-manifest.json +30 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,44 @@ here. This file ships in the published npm package. It is a curated public
|
|
|
5
5
|
record and intentionally does not mirror the private `taproot-controls`
|
|
6
6
|
development history.
|
|
7
7
|
|
|
8
|
+
## 2.12.0 — Resizable page workspaces
|
|
9
|
+
|
|
10
|
+
- Add opt-in `esp-page workspace-resizable` separators for Main → Preview and
|
|
11
|
+
Preview → in-grid Flyout/Help, supporting pointer drag, physical-direction
|
|
12
|
+
Arrow keys, larger Shift+Arrow steps, LTR, and RTL. Both seams press on
|
|
13
|
+
through preview's minimum — Main/Preview into open help, Preview/Help into
|
|
14
|
+
main — and resize sessions apply widths directly, with no mid-interaction
|
|
15
|
+
renegotiation and no track-transition glide, so pointer capture survives in
|
|
16
|
+
every engine, drags track the cursor, each drag lands its complete delta,
|
|
17
|
+
and a focused separator keeps keyboard focus across repeated Arrow steps
|
|
18
|
+
(settling when focus leaves it). Navigation collapse triggered by a resize
|
|
19
|
+
happens during the session, not after it. Separators announce pane widths
|
|
20
|
+
that keep changing across their complete travel — main's width, then
|
|
21
|
+
help's width — and without a visible preview the second seam becomes the
|
|
22
|
+
distinct `main-flyout` separator (own part and event identity) sizing help
|
|
23
|
+
directly against main.
|
|
24
|
+
- Retain selected pane sizes for the mounted page instance and feed them back
|
|
25
|
+
through the existing allocator, preserving all main/preview/help min/max
|
|
26
|
+
bounds, navigation collapse, preview hiding, responsive re-clamping and
|
|
27
|
+
restoration, and help overlay promotion.
|
|
28
|
+
- Expose both seams as labelled, focusable vertical ARIA separators with live
|
|
29
|
+
min/max/current values, a dashed keyboard-focus line drawn along the seam
|
|
30
|
+
itself (one viewport tall, glowing in the line's own color), comfortable
|
|
31
|
+
transparent hit targets, public parts and CSS interaction tokens, and the
|
|
32
|
+
typed bubbling `esp-page-workspace-resize` event, whose width fields report
|
|
33
|
+
the current allocated pane widths.
|
|
34
|
+
- Bound keyboard resize suspension to a short idle window so container/media
|
|
35
|
+
changes resume allocator re-clamping while focus remains on a separator, and
|
|
36
|
+
clean up interrupted measurement/collapse session state across disable,
|
|
37
|
+
disconnect, and reconnect lifecycles.
|
|
38
|
+
- Hide unavailable separators when preview is hidden or help becomes an overlay,
|
|
39
|
+
and suppress selection and touch-page scrolling while dragging.
|
|
40
|
+
- Hide the thick anchored-help seam terminus when no visible preview separates
|
|
41
|
+
help from its field; the bridge and terminus now appear only for detached help.
|
|
42
|
+
- Add Page examples and layout guidance for preview-only and preview-plus-help
|
|
43
|
+
resizing, plus pointer, keyboard, responsive, ordering, navigation, overlay,
|
|
44
|
+
and real-browser regression coverage.
|
|
45
|
+
|
|
8
46
|
## 2.11.0 — Flexible preview and help workspace
|
|
9
47
|
|
|
10
48
|
- Arrange the `esp-page` authoring workspace as main, full-viewport preview,
|