@nldd/design-system 0.8.87 → 0.8.88

package/custom-elements.json

@@ -27275,7 +27275,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A page layout with optional sticky header and footer. Without sticky-header, the host is the scroll container and the header is in normal flow. With sticky-header, the header becomes absolute and .page__scroll takes over scrolling. A ResizeObserver on the header sets padding-top on the scroll wrapper (only when not scrolled). In root-scroll mode (--context-scroll-mode: root, derived upstream by nldd-app-view) the page stops owning a scroller: the document scrolls and the sticky header/footer stick against the document, offset by --context-inset-top/bottom. The mode is read on connect/resize and reflected to [data-scroll] so the CSS can branch. The page passes those insets on to its own content, with its sticky header and footer added: anything sticky inside (an nldd-sidebar-section, a sticky table head) reads --context-inset-top / --context-inset-bottom and clears every bar above and below it without being told a number. The heights are measured, because a top title bar shrinks as you scroll past its anchor. While the page owns the scroller, only its own bars count: the chrome above the page sits outside that scroller and does not push sticky content down.",
+          "description": "A page layout with optional sticky header and footer. Without sticky-header, the host is the scroll container and the header is in normal flow. With sticky-header, the header becomes absolute and .page__scroll takes over scrolling, padded by the measured header height. That padding freezes once you scroll, so a collapsing bar cannot drag the content up under the cursor. In root-scroll mode (--context-scroll-mode: root, derived upstream by nldd-app-view) the page stops owning a scroller: the document scrolls and the sticky header/footer stick against the document, offset by --context-inset-top/bottom. The mode is read on connect/resize and reflected to [data-scroll] so the CSS can branch. The page passes those insets on to its own content, with its sticky header and footer added: anything sticky inside (an nldd-sidebar-section, a sticky table head) reads --context-inset-top / --context-inset-bottom and clears every bar above and below it without being told a number. The heights are measured, because a top title bar shrinks as you scroll past its anchor. While the page owns the scroller, only its own bars count: the chrome above the page sits outside that scroller and does not push sticky content down.",
           "name": "NLDDPage",
           "members": [
             {
@@ -35430,7 +35430,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A short message that arrives over the interface and leaves on its own: a save that worked, a request that failed. Not a banner, which stands in the page and stays there — this one floats, stacks, and goes away. It places itself. Write it wherever it belongs in your code and it moves to one shared region: top right from md, full width across the top below that. Nothing about the position is settable, so notifications from anywhere in an application land in the same place and stack in the same order. More than one is a deck, not a list: the front one is readable and the older ones peek out below it, so a burst of messages takes the room of roughly one. The newest is in front. Behind it a notification is a bare surface, cut to the height of the one in front; dismiss the front and it slides up into the place that came free while its message fades in, because it was standing there all along. Under the front notification sits a strip as wide as the deck and as tall as the deck is when it fans out. Pointing at it fans the deck out to fill it, which is the only hint that there is more here than the message you can read; clicking it, or moving focus into the region, lays the whole deck out as a list. Clicking or tabbing away puts it back. The notification itself is not a button: a click on the message you are reading does nothing. Only the front of the deck counts down, and only while the deck is closed: open means someone is reading. The rest wait, so nothing disappears from under the one you are reading. `critical` never leaves on its own: a failure is worth reading, and the count-down would take it away while you were. That also keeps this within WCAG 2.2.1, which allows a time limit when what disappears is not essential. The clock pauses while a pointer moves over the notification and while focus is inside it, and resumes where it left off rather than starting over. A pointer that merely happens to rest where the notification appears does not count: it never moved, so nobody is reading. role follows the variant: `critical` becomes role=\"alert\", the rest role=\"status\". Focus never moves on its own. Escape dismisses the notification that focus is in.",
+          "description": "A short message that arrives over the interface and leaves on its own: a save that worked, a request that failed. Not a banner, which stands in the page and stays there — this one floats, stacks, and goes away. It places itself. Write it wherever it belongs in your code and it moves to one shared region: top right from md, full width across the top below that. Nothing about the position is settable, so notifications from anywhere in an application land in the same place and stack in the same order. A modal overlay is the one thing that moves it. An nldd-sheet, nldd-window or nldd-modal-dialog paints in the browser's top layer, above the whole page and out of reach of any z-index, and while one is open everything outside it is inert. So the region goes in: into the topmost overlay that is open, and back down as they close. A notification already on screen travels with it, and one raised from inside a sheet is readable and reachable where it is raised. More than one is a deck, not a list: the front one is readable and the older ones peek out below it, so a burst of messages takes the room of roughly one. The newest is in front. Behind it a notification is a bare surface, cut to the height of the one in front; dismiss the front and it slides up into the place that came free while its message fades in, because it was standing there all along. Under the front notification sits a strip as wide as the deck and as tall as the deck is when it fans out. Pointing at it fans the deck out to fill it, which is the only hint that there is more here than the message you can read; clicking it, or moving focus into the region, lays the whole deck out as a list. Clicking or tabbing away puts it back. The notification itself is not a button: a click on the message you are reading does nothing. Only the front of the deck counts down, and only while the deck is closed: open means someone is reading. The rest wait, so nothing disappears from under the one you are reading. `critical` never leaves on its own: a failure is worth reading, and the count-down would take it away while you were. That also keeps this within WCAG 2.2.1, which allows a time limit when what disappears is not essential. The clock pauses while a pointer moves over the notification and while focus is inside it, and resumes where it left off rather than starting over. A pointer that merely happens to rest where the notification appears does not count: it never moved, so nobody is reading. role follows the variant: `critical` becomes role=\"alert\", the rest role=\"status\". Focus never moves on its own. Escape dismisses the notification that focus is in.",
           "name": "NLDDNotification",
           "members": [
             {

package/dist/components/components.js

@@ -38398,6 +38398,7 @@ var pageStyles = css`
 		--_outer-inset-bottom: var(--context-inset-bottom, 0px);
 		--_header-height: 0px;
 		--_footer-height: 0px;
+		--_header-full-height: 0px;
 		/* Set from JS while the page owns the scroller. initial, not a length, so
 		   the fallback stands when the document scrolls instead. */
 		--_scroll-height: initial;
@@ -38551,6 +38552,7 @@ var pageStyles = css`
 	:host(:not([data-scroll="root"])) .page__scroll {
 		--context-inset-top: var(--_header-height);
 		--context-inset-bottom: var(--_footer-height);
+		padding-top: var(--_header-full-height);
 	}
 
 	:host([sticky-header]) .page__scroll {
@@ -38626,8 +38628,9 @@ function pageTemplate(component) {
 * A page layout with optional sticky header and footer.
 * Without sticky-header, the host is the scroll container and the header
 * is in normal flow. With sticky-header, the header becomes absolute and
-* .page__scroll takes over scrolling. A ResizeObserver on the header
-* sets padding-top on the scroll wrapper (only when not scrolled).
+* .page__scroll takes over scrolling, padded by the measured header height.
+* That padding freezes once you scroll, so a collapsing bar cannot drag the
+* content up under the cursor.
 *
 * In root-scroll mode (--context-scroll-mode: root, derived upstream by
 * nldd-app-view) the page stops owning a scroller: the document scrolls and the
@@ -38665,8 +38668,8 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 		this._scrollMode = "nested";
 		this._scrollTarget = null;
 		this._scrollProvider = null;
-		this._headerObserver = null;
 		this._insetObserver = null;
+		this._headerFullHeight = 0;
 		this._mainSlot = null;
 		this._resizeRaf = 0;
 		this._onResize = () => {
@@ -38741,7 +38744,6 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 		this._scrollProvider = null;
 		if (this._resizeRaf) cancelAnimationFrame(this._resizeRaf);
 		this._teardownScrollListener();
-		this._teardownHeaderObserver();
 		this._teardownInsetObserver();
 		this._teardownMainSlotListener();
 	}
@@ -38769,10 +38771,8 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 	}
 	_configureScroll() {
 		this._teardownScrollListener();
-		this._teardownHeaderObserver();
-		if (this._scrollEl) this._scrollEl.style.paddingTop = "";
 		this._setupScrollListener();
-		if (this.stickyHeader && !this._isRoot) this._setupHeaderObserver();
+		this._headerFullHeight = 0;
 		this._setupInsetObserver();
 		this._onScroll();
 	}
@@ -38784,6 +38784,11 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 	* its anchor, and a consumer that had written the number down would be wrong
 	* from that moment on. A bar that is not sticky scrolls away and adds
 	* nothing, so it stays at zero.
+	*
+	* It also measures the padding the scroll wrapper reserves for an absolute
+	* sticky header. One observer owns both, because two of them writing styles
+	* that resize what the other watches is what leaves ResizeObserver
+	* notifications undelivered.
 	*/
 	_setupInsetObserver() {
 		this._teardownInsetObserver();
@@ -38791,10 +38796,11 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 		const footer = this._footerEl;
 		if (!header || !footer) return;
 		const publish = () => {
-			this.style.setProperty("--_header-height", `${this.stickyHeader ? header.offsetHeight : 0}px`);
-			this.style.setProperty("--_footer-height", `${this.stickyFooter ? footer.offsetHeight : 0}px`);
+			this._publish("--_header-height", `${this.stickyHeader ? header.offsetHeight : 0}px`);
+			this._publish("--_footer-height", `${this.stickyFooter ? footer.offsetHeight : 0}px`);
+			this._publish("--_header-full-height", `${this._measureHeaderFullHeight(header)}px`);
 			if (this._isRoot) this.style.removeProperty("--_scroll-height");
-			else this.style.setProperty("--_scroll-height", `${this._scrollEl?.clientHeight ?? 0}px`);
+			else this._publish("--_scroll-height", `${this._scrollEl?.clientHeight ?? 0}px`);
 		};
 		publish();
 		this._insetObserver = new ResizeObserver(publish);
@@ -38808,6 +38814,27 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 			this._insetObserver = null;
 		}
 	}
+	/**
+	* Writes a published variable only when it changes. These values size the
+	* elements the observer watches, so a rewrite feeds the callback its own
+	* next notification, which is what Chromium reports as "ResizeObserver
+	* loop completed with undelivered notifications".
+	*/
+	_publish(name, value) {
+		if (this.style.getPropertyValue(name) === value) return;
+		this.style.setProperty(name, value);
+	}
+	/**
+	* The header at its full height: the last measurement taken at scroll top.
+	* A top title bar shrinks as you pass its anchor, and the space reserved for
+	* it must not shrink along, or the content it starts under is dragged up
+	* from under the cursor. Which mode reserves that space is the CSS's call.
+	*/
+	_measureHeaderFullHeight(header) {
+		if (!this.stickyHeader) return 0;
+		if (this.scrollTarget.scrollTop === 0) this._headerFullHeight = header.offsetHeight;
+		return this._headerFullHeight;
+	}
 	_setupScrollListener() {
 		const target = this.scrollEventTarget;
 		target.addEventListener("scroll", this._onScroll, { passive: true });
@@ -38819,23 +38846,6 @@ var NLDDPage = (_NLDDPage = class NLDDPage extends LitElement {
 			this._scrollTarget = null;
 		}
 	}
-	_setupHeaderObserver() {
-		this._teardownHeaderObserver();
-		const header = this._headerEl;
-		const scroll = this._scrollEl;
-		if (!header || !scroll) return;
-		this._headerObserver = new ResizeObserver(() => {
-			if (scroll.scrollTop > 0) return;
-			scroll.style.paddingTop = `${header.offsetHeight}px`;
-		});
-		this._headerObserver.observe(header);
-	}
-	_teardownHeaderObserver() {
-		if (this._headerObserver) {
-			this._headerObserver.disconnect();
-			this._headerObserver = null;
-		}
-	}
 	_setupMainSlotListener() {
 		this._teardownMainSlotListener();
 		const slot = this.shadowRoot?.querySelector("slot:not([name])") ?? null;
@@ -41155,6 +41165,9 @@ function sheetTemplate(component) {
 			<div class="sheet__body">
 				<slot></slot>
 			</div>
+			<!-- Inside the dialog, so it escapes the inertness a modal imposes on
+			     everything outside it. Plumbing, not consumer API. -->
+			<slot name="notifications"></slot>
 		</dialog>
 	`;
 }
@@ -42611,6 +42624,9 @@ function windowTemplate(component) {
 			<div class="window__body">
 				<slot></slot>
 			</div>
+			<!-- Inside the dialog, so it escapes the inertness a modal imposes on
+			     everything outside it. Plumbing, not consumer API. -->
+			<slot name="notifications"></slot>
 		</dialog>
 	`;
 }
@@ -45997,8 +46013,10 @@ var NLDDMenuBar = (_NLDDMenuBar = class NLDDMenuBar extends withTranslations(Lit
 	}
 	/**
 	* Calculate which slotted items overflow and hide them behind an overflow button.
-	* Note: not unit-tested — JSDOM lacks layout support (offsetWidth, clientWidth).
-	* Covered by visual/E2E testing via Storybook stories.
+	* Tested both ways in menu-bar.test.ts: with real layout for the whole path, and
+	* with mocked widths for the arithmetic. The space reserved for the button needs
+	* the mocks — the button is a shrinkable flex item, so the rendered layout
+	* absorbs whatever the arithmetic leaves over and always looks right.
 	*/
 	_updateOverflow() {
 		const overflowButton = this._overflowButton;
@@ -49992,6 +50010,9 @@ function modalDialogTemplate(component) {
 				<slot></slot>
 				<slot slot="actions" name="actions"></slot>
 			</nldd-inline-dialog>
+			<!-- Inside the dialog, so it escapes the inertness a modal imposes on
+			     everything outside it. Plumbing, not consumer API. -->
+			<slot name="notifications"></slot>
 		</dialog>
 	`;
 }
@@ -50806,6 +50827,63 @@ var REGION_ID = "nldd-notification-region";
 var MAX_DEPTH = 2;
 var frontObserver = null;
 var expanded = false;
+/**
+* A modal overlay paints in the browser's top layer, above the whole document
+* and out of reach of any z-index, and while one is open everything outside it
+* is inert: a region left on the body is not merely behind the sheet, it is
+* unclickable even once you put it in the top layer yourself. So the region
+* travels. It lives in the topmost open overlay and sinks back as they close,
+* which is also what makes a notification raised before the sheet opened come
+* along rather than stay behind it.
+*
+* Innermost last. Entries are verified on read rather than trusted, so an
+* overlay torn out of the DOM without closing cannot strand the region.
+*/
+var overlays = [];
+var watchingOverlays = false;
+function modalOf(host) {
+	const dialog = host.shadowRoot?.querySelector("dialog") ?? null;
+	return dialog?.matches(":modal") ? dialog : null;
+}
+function regionHost() {
+	while (overlays.length) {
+		const top = overlays[overlays.length - 1];
+		if (top.isConnected && modalOf(top)) return top;
+		overlays.pop();
+	}
+	return document.body;
+}
+function placeRegion(region) {
+	const host = regionHost();
+	if (region.parentElement === host) return;
+	if (host === document.body) region.removeAttribute("slot");
+	else region.setAttribute("slot", "notifications");
+	const carried = notifications(region);
+	carried.forEach((item) => item._setMoving?.(true));
+	host.appendChild(region);
+	carried.forEach((item) => item._setMoving?.(false));
+}
+function relocateRegion() {
+	const region = document.getElementById(REGION_ID);
+	if (region) placeRegion(region);
+}
+function watchOverlays() {
+	if (watchingOverlays) return;
+	watchingOverlays = true;
+	document.addEventListener("open", (event) => {
+		const host = event.target;
+		if (!host?.shadowRoot || !modalOf(host)) return;
+		if (!overlays.includes(host)) overlays.push(host);
+		relocateRegion();
+	});
+	document.addEventListener("close", (event) => {
+		const host = event.target;
+		const at = host ? overlays.indexOf(host) : -1;
+		if (at === -1) return;
+		overlays.splice(at, 1);
+		relocateRegion();
+	}, true);
+}
 function notifications(region) {
 	return Array.from(region.querySelectorAll(":scope > nldd-notification"));
 }
@@ -50838,7 +50916,7 @@ function ensureRegion(label) {
 	region.setAttribute("role", "region");
 	region.setAttribute("aria-label", label);
 	region.appendChild(makeExpander(region));
-	document.body.appendChild(region);
+	placeRegion(region);
 	return region;
 }
 /**
@@ -50868,7 +50946,9 @@ function makeExpander(region) {
 /** Newest in front: what just happened is what you want to read, and the older
 *  ones slide back and downwards behind it. */
 function joinRegion(notification, label) {
+	watchOverlays();
 	const region = ensureRegion(label);
+	placeRegion(region);
 	notification.style.pointerEvents = "auto";
 	region.prepend(notification);
 	syncStack(region);
@@ -51003,6 +51083,13 @@ var nlddNotificationTranslations = {
 * Nothing about the position is settable, so notifications from anywhere in an
 * application land in the same place and stack in the same order.
 *
+* A modal overlay is the one thing that moves it. An nldd-sheet, nldd-window or
+* nldd-modal-dialog paints in the browser's top layer, above the whole page and
+* out of reach of any z-index, and while one is open everything outside it is
+* inert. So the region goes in: into the topmost overlay that is open, and back
+* down as they close. A notification already on screen travels with it, and one
+* raised from inside a sheet is readable and reachable where it is raised.
+*
 * ## The stack
 * More than one is a deck, not a list: the front one is readable and the older
 * ones peek out below it, so a burst of messages takes the room of roughly one.
@@ -51155,6 +51242,12 @@ var NLDDNotification = (_NLDDNotification = class NLDDNotification extends withT
 		if (changed.has("variant")) this.setAttribute("role", this.variant === "critical" ? "alert" : "status");
 		if (changed.has("duration")) this._remainingDuration = this.duration;
 	}
+	/** Called by the region while it carries this notification to another
+	*  parent. A move disconnects the element, and without this the
+	*  notification would read its own disconnect as having been dismissed. */
+	_setMoving(moving) {
+		this._moving = moving;
+	}
 	/** Called by the region. Starting the clock here rather than on connect is
 	*  the whole point: a notification three deep in the deck is not counting. */
 	_setFront(isFront) {

package/dist/components/layout/page/page.d.ts

@@ -4,8 +4,9 @@
  * A page layout with optional sticky header and footer.
  * Without sticky-header, the host is the scroll container and the header
  * is in normal flow. With sticky-header, the header becomes absolute and
- * .page__scroll takes over scrolling. A ResizeObserver on the header
- * sets padding-top on the scroll wrapper (only when not scrolled).
+ * .page__scroll takes over scrolling, padded by the measured header height.
+ * That padding freezes once you scroll, so a collapsing bar cannot drag the
+ * content up under the cursor.
  *
  * In root-scroll mode (--context-scroll-mode: root, derived upstream by
  * nldd-app-view) the page stops owning a scroller: the document scrolls and the
@@ -42,8 +43,8 @@ export declare class NLDDPage extends LitElement implements ScrollModeConsumer {
     private _scrollMode;
     private _scrollTarget;
     private _scrollProvider;
-    private _headerObserver;
     private _insetObserver;
+    private _headerFullHeight;
     private _mainSlot;
     private _resizeRaf;
     private get _isRoot();
@@ -82,13 +83,30 @@ export declare class NLDDPage extends LitElement implements ScrollModeConsumer {
      * its anchor, and a consumer that had written the number down would be wrong
      * from that moment on. A bar that is not sticky scrolls away and adds
      * nothing, so it stays at zero.
+     *
+     * It also measures the padding the scroll wrapper reserves for an absolute
+     * sticky header. One observer owns both, because two of them writing styles
+     * that resize what the other watches is what leaves ResizeObserver
+     * notifications undelivered.
      */
     private _setupInsetObserver;
     private _teardownInsetObserver;
+    /**
+     * Writes a published variable only when it changes. These values size the
+     * elements the observer watches, so a rewrite feeds the callback its own
+     * next notification, which is what Chromium reports as "ResizeObserver
+     * loop completed with undelivered notifications".
+     */
+    private _publish;
+    /**
+     * The header at its full height: the last measurement taken at scroll top.
+     * A top title bar shrinks as you pass its anchor, and the space reserved for
+     * it must not shrink along, or the content it starts under is dragged up
+     * from under the cursor. Which mode reserves that space is the CSS's call.
+     */
+    private _measureHeaderFullHeight;
     private _setupScrollListener;
     private _teardownScrollListener;
-    private _setupHeaderObserver;
-    private _teardownHeaderObserver;
     private _onScroll;
     private _setupMainSlotListener;
     private _teardownMainSlotListener;

package/dist/components/layout/page/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAsB,MAAM,8CAA8C,CAAC;AAIvH,qBACa,QAAS,SAAQ,UAAW,YAAW,kBAAkB;IACrE,OAAgB,MAAM,0BAAc;IAGpC,YAAY,UAAS;IAGrB,YAAY,UAAS;IAGrB,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,YAAY,IAAI,WAAW,CAG9B;IAED;;;;;;;;;OASG;IACH,IAAI,iBAAiB,IAAI,WAAW,CAGnC;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB;IA6BjB,oBAAoB;IAYpB,YAAY;IAQZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAIxC;;;OAGG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQvC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS,CAMf;IAGF,OAAO,CAAC,gBAAgB;IAYxB;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IA6B3B,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,SAAS,CAIf;IAOF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,gBAAgB,CAOtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAsB,MAAM,8CAA8C,CAAC;AAIvH,qBACa,QAAS,SAAQ,UAAW,YAAW,kBAAkB;IACrE,OAAgB,MAAM,0BAAc;IAGpC,YAAY,UAAS;IAGrB,YAAY,UAAS;IAGrB,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,SAAS,UAAS;IAElB,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,SAAS,CAAgC;IACjD,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,YAAY,IAAI,WAAW,CAG9B;IAED;;;;;;;;;OASG;IACH,IAAI,iBAAiB,IAAI,WAAW,CAGnC;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB;IA6BjB,oBAAoB;IAWpB,YAAY;IAQZ,OAAO,CAAC,OAAO,EAAE,cAAc;IAIxC;;;OAGG;IACH,cAAc,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQvC,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,SAAS,CAMf;IAGF,OAAO,CAAC,gBAAgB;IAQxB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,sBAAsB;IAO9B;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAKhB;;;;;OAKG;IACH,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,SAAS,CAIf;IAOF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,yBAAyB;IAOjC,OAAO,CAAC,gBAAgB,CAOtB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/layout/page/page.js

@@ -10,8 +10,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * A page layout with optional sticky header and footer.
  * Without sticky-header, the host is the scroll container and the header
  * is in normal flow. With sticky-header, the header becomes absolute and
- * .page__scroll takes over scrolling. A ResizeObserver on the header
- * sets padding-top on the scroll wrapper (only when not scrolled).
+ * .page__scroll takes over scrolling, padded by the measured header height.
+ * That padding freezes once you scroll, so a collapsing bar cannot drag the
+ * content up under the cursor.
  *
  * In root-scroll mode (--context-scroll-mode: root, derived upstream by
  * nldd-app-view) the page stops owning a scroller: the document scrolls and the
@@ -52,8 +53,8 @@ let NLDDPage = class NLDDPage extends LitElement {
         this._scrollMode = 'nested';
         this._scrollTarget = null;
         this._scrollProvider = null;
-        this._headerObserver = null;
         this._insetObserver = null;
+        this._headerFullHeight = 0;
         this._mainSlot = null;
         this._resizeRaf = 0;
         this._onResize = () => {
@@ -150,7 +151,6 @@ let NLDDPage = class NLDDPage extends LitElement {
         if (this._resizeRaf)
             cancelAnimationFrame(this._resizeRaf);
         this._teardownScrollListener();
-        this._teardownHeaderObserver();
         this._teardownInsetObserver();
         this._teardownMainSlotListener();
     }
@@ -187,17 +187,11 @@ let NLDDPage = class NLDDPage extends LitElement {
         this.dataset.scroll = next;
         return true;
     }
-    // (Re)wire the scroll listener + header observer for the current mode.
+    // (Re)wire the scroll listener + inset observer for the current mode.
     _configureScroll() {
         this._teardownScrollListener();
-        this._teardownHeaderObserver();
-        if (this._scrollEl)
-            this._scrollEl.style.paddingTop = '';
         this._setupScrollListener();
-        // The absolute-header padding hack is nested-mode only; a root-mode
-        // sticky header sits in flow and reserves its own space.
-        if (this.stickyHeader && !this._isRoot)
-            this._setupHeaderObserver();
+        this._headerFullHeight = 0;
         this._setupInsetObserver();
         this._onScroll();
     }
@@ -209,6 +203,11 @@ let NLDDPage = class NLDDPage extends LitElement {
      * its anchor, and a consumer that had written the number down would be wrong
      * from that moment on. A bar that is not sticky scrolls away and adds
      * nothing, so it stays at zero.
+     *
+     * It also measures the padding the scroll wrapper reserves for an absolute
+     * sticky header. One observer owns both, because two of them writing styles
+     * that resize what the other watches is what leaves ResizeObserver
+     * notifications undelivered.
      */
     _setupInsetObserver() {
         this._teardownInsetObserver();
@@ -217,8 +216,9 @@ let NLDDPage = class NLDDPage extends LitElement {
         if (!header || !footer)
             return;
         const publish = () => {
-            this.style.setProperty('--_header-height', `${this.stickyHeader ? header.offsetHeight : 0}px`);
-            this.style.setProperty('--_footer-height', `${this.stickyFooter ? footer.offsetHeight : 0}px`);
+            this._publish('--_header-height', `${this.stickyHeader ? header.offsetHeight : 0}px`);
+            this._publish('--_footer-height', `${this.stickyFooter ? footer.offsetHeight : 0}px`);
+            this._publish('--_header-full-height', `${this._measureHeaderFullHeight(header)}px`);
             // How tall the scroller actually is. Sticky content inside it caps its
             // height on what it can see, and while the page owns the scroller that
             // is not the viewport: the chrome around the page eats into it. In root
@@ -226,7 +226,7 @@ let NLDDPage = class NLDDPage extends LitElement {
             if (this._isRoot)
                 this.style.removeProperty('--_scroll-height');
             else
-                this.style.setProperty('--_scroll-height', `${this._scrollEl?.clientHeight ?? 0}px`);
+                this._publish('--_scroll-height', `${this._scrollEl?.clientHeight ?? 0}px`);
         };
         publish();
         this._insetObserver = new ResizeObserver(publish);
@@ -241,6 +241,30 @@ let NLDDPage = class NLDDPage extends LitElement {
             this._insetObserver = null;
         }
     }
+    /**
+     * Writes a published variable only when it changes. These values size the
+     * elements the observer watches, so a rewrite feeds the callback its own
+     * next notification, which is what Chromium reports as "ResizeObserver
+     * loop completed with undelivered notifications".
+     */
+    _publish(name, value) {
+        if (this.style.getPropertyValue(name) === value)
+            return;
+        this.style.setProperty(name, value);
+    }
+    /**
+     * The header at its full height: the last measurement taken at scroll top.
+     * A top title bar shrinks as you pass its anchor, and the space reserved for
+     * it must not shrink along, or the content it starts under is dragged up
+     * from under the cursor. Which mode reserves that space is the CSS's call.
+     */
+    _measureHeaderFullHeight(header) {
+        if (!this.stickyHeader)
+            return 0;
+        if (this.scrollTarget.scrollTop === 0)
+            this._headerFullHeight = header.offsetHeight;
+        return this._headerFullHeight;
+    }
     _setupScrollListener() {
         // Root mode scrolls the document (listen on window); nested mode scrolls
         // the host, or .page__scroll with a sticky header. See scrollEventTarget.
@@ -254,25 +278,6 @@ let NLDDPage = class NLDDPage extends LitElement {
             this._scrollTarget = null;
         }
     }
-    _setupHeaderObserver() {
-        this._teardownHeaderObserver();
-        const header = this._headerEl;
-        const scroll = this._scrollEl;
-        if (!header || !scroll)
-            return;
-        this._headerObserver = new ResizeObserver(() => {
-            if (scroll.scrollTop > 0)
-                return;
-            scroll.style.paddingTop = `${header.offsetHeight}px`;
-        });
-        this._headerObserver.observe(header);
-    }
-    _teardownHeaderObserver() {
-        if (this._headerObserver) {
-            this._headerObserver.disconnect();
-            this._headerObserver = null;
-        }
-    }
     // Mark the last visible main-slot child with `is-last`, so section-style
     // components can grow to fill remaining vertical space without coupling
     // to specific tag types or relying on light-DOM `:last-child` (which

package/dist/components/layout/page/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.ts"],"names":[],"mappings":"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"}

package/dist/components/layout/page/page.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyNtB,CAAC"}
+{"version":3,"file":"page.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA2NtB,CAAC"}

package/dist/components/layout/page/page.styles.js

@@ -16,6 +16,7 @@ export const pageStyles = css `
 		--_outer-inset-bottom: var(--context-inset-bottom, 0px);
 		--_header-height: 0px;
 		--_footer-height: 0px;
+		--_header-full-height: 0px;
 		/* Set from JS while the page owns the scroller. initial, not a length, so
 		   the fallback stands when the document scrolls instead. */
 		--_scroll-height: initial;
@@ -169,6 +170,7 @@ export const pageStyles = css `
 	:host(:not([data-scroll="root"])) .page__scroll {
 		--context-inset-top: var(--_header-height);
 		--context-inset-bottom: var(--_footer-height);
+		padding-top: var(--_header-full-height);
 	}
 
 	:host([sticky-header]) .page__scroll {

package/dist/components/layout/page/page.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyN5B,CAAC"}
+{"version":3,"file":"page.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/page/page.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2N5B,CAAC"}

package/dist/components/layout/sheet/sheet.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,wCAejD"}
+{"version":3,"file":"sheet.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,wCAkBjD"}

package/dist/components/layout/sheet/sheet.template.js

@@ -13,6 +13,9 @@ export function sheetTemplate(component) {
 			<div class="sheet__body">
 				<slot></slot>
 			</div>
+			<!-- Inside the dialog, so it escapes the inertness a modal imposes on
+			     everything outside it. Plumbing, not consumer API. -->
+			<slot name="notifications"></slot>
 		</dialog>
 	`;
 }

package/dist/components/layout/sheet/sheet.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.template.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe;;kBAEvB,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,kBAAkB;aAC3B,SAAS,CAAC,aAAa;YACxB,SAAS,CAAC,kBAAkB;;;;;;EAMtC,CAAC;AACH,CAAC"}
+{"version":3,"file":"sheet.template.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,eAAe;;kBAEvB,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,kBAAkB;aAC3B,SAAS,CAAC,aAAa;YACxB,SAAS,CAAC,kBAAkB;;;;;;;;;EAStC,CAAC;AACH,CAAC"}

package/dist/components/layout/window/window.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CAepE"}
+{"version":3,"file":"window.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CAkBpE"}

package/dist/components/layout/window/window.template.js

@@ -13,6 +13,9 @@ export function windowTemplate(component) {
 			<div class="window__body">
 				<slot></slot>
 			</div>
+			<!-- Inside the dialog, so it escapes the inertness a modal imposes on
+			     everything outside it. Plumbing, not consumer API. -->
+			<slot name="notifications"></slot>
 		</dialog>
 	`;
 }

package/dist/components/layout/window/window.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"window.template.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,wBAAwB;;kBAEhC,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,kBAAkB;aAC3B,SAAS,CAAC,aAAa;YACxB,SAAS,CAAC,kBAAkB;;;;;;EAMtC,CAAC;AACH,CAAC"}
+{"version":3,"file":"window.template.js","sourceRoot":"","sources":["../../../../src/components/layout/window/window.template.ts"],"names":[],"mappings":"AAAA,wGAAwG;AACxG,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,OAAO,IAAI,CAAA;;gBAEI,SAAS,CAAC,wBAAwB;;kBAEhC,SAAS,CAAC,wBAAwB;YACxC,SAAS,CAAC,kBAAkB;aAC3B,SAAS,CAAC,aAAa;YACxB,SAAS,CAAC,kBAAkB;;;;;;;;;EAStC,CAAC;AACH,CAAC"}