@nldd/design-system 0.8.69 → 0.8.71

package/dist/components/layout/split-views/bar-split-view/bar-split-view.d.ts

@@ -21,15 +21,15 @@
  *
  * @element nldd-bar-split-view
  *
- * @attr {'inherit'|'base'|'tinted'} background  - Background color variant (default: inherit)
+ * @attr {'inherit'|'base'|'tinted'} background - Background color variant (default: inherit)
  *
  * Responsive visibility per child (direct children of nldd-bar-split-view):
  * @attr {'sm'|'md'|'lg'} above - Show this panel from this breakpoint and larger
  * @attr {'sm'|'md'|'lg'} below - Show this panel up to and including this breakpoint
- * @attr {'sm'|'md'|'lg'} only  - Show this panel only at this breakpoint
+ * @attr {'sm'|'md'|'lg'} only - Show this panel only at this breakpoint
  *
- * @slot main  - Central panel for primary content
- * @slot *     - Any other unique slot name creates a bar panel
+ * @slot main - Central panel for primary content
+ * @slot * - Any other unique slot name creates a bar panel
  */
 import { LitElement } from 'lit';
 export type Breakpoint = 'sm' | 'md' | 'lg';

package/dist/components/layout/split-views/bar-split-view/bar-split-view.js

@@ -27,15 +27,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * @element nldd-bar-split-view
  *
- * @attr {'inherit'|'base'|'tinted'} background  - Background color variant (default: inherit)
+ * @attr {'inherit'|'base'|'tinted'} background - Background color variant (default: inherit)
  *
  * Responsive visibility per child (direct children of nldd-bar-split-view):
  * @attr {'sm'|'md'|'lg'} above - Show this panel from this breakpoint and larger
  * @attr {'sm'|'md'|'lg'} below - Show this panel up to and including this breakpoint
- * @attr {'sm'|'md'|'lg'} only  - Show this panel only at this breakpoint
+ * @attr {'sm'|'md'|'lg'} only - Show this panel only at this breakpoint
  *
- * @slot main  - Central panel for primary content
- * @slot *     - Any other unique slot name creates a bar panel
+ * @slot main - Central panel for primary content
+ * @slot * - Any other unique slot name creates a bar panel
  */
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';

package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.d.ts

@@ -11,26 +11,26 @@
  * Use <code>nldd-split-view-pane</code> as direct children for automatic
  * back button handling.
  *
- * @attr {boolean} inspector-auto-hidden                - Inspector hidden to free up space for other panes (read-only, set by the split view)
- * @attr {boolean} inspector-as-sheet                   - Always show the inspector as a sheet regardless of available space
- * @attr {boolean} primary-sidebar-as-sheet             - Always show the primary sidebar as a sheet, keeping main visible at full width
- * @attr {string}  inspector-accessible-label           - Accessible name for the inspector sheet dialog (default: 'Details')
- * @attr {string}  primary-sidebar-accessible-label     - Accessible name for the primary sidebar sheet dialog (default: 'Navigatie')
- * @attr {boolean} sidebar-as-sheet                     - @deprecated alias for primary-sidebar-as-sheet (kept for backwards compatibility)
- * @attr {string}  sidebar-accessible-label             - @deprecated alias for primary-sidebar-accessible-label (kept for backwards compatibility)
+ * @attr {boolean} inspector-auto-hidden - Inspector hidden to free up space for other panes (read-only, set by the split view)
+ * @attr {boolean} inspector-as-sheet - Always show the inspector as a sheet regardless of available space
+ * @attr {boolean} primary-sidebar-as-sheet - Always show the primary sidebar as a sheet, keeping main visible at full width
+ * @attr {string} inspector-accessible-label - Accessible name for the inspector sheet dialog (default: 'Details')
+ * @attr {string} primary-sidebar-accessible-label - Accessible name for the primary sidebar sheet dialog (default: 'Navigatie')
+ * @attr {boolean} sidebar-as-sheet - @deprecated alias for primary-sidebar-as-sheet (kept for backwards compatibility)
+ * @attr {string} sidebar-accessible-label - @deprecated alias for primary-sidebar-accessible-label (kept for backwards compatibility)
  *
- * @slot primary-sidebar   - Left pane for primary navigation
+ * @slot primary-sidebar - Left pane for primary navigation
  * @slot secondary-sidebar - Second pane for secondary navigation (shown when slotted)
- * @slot main              - Center pane for primary content
- * @slot inspector         - Right pane for details or properties
- * @slot sidebar           - @deprecated alias for the primary-sidebar slot (kept for backwards compatibility)
+ * @slot main - Center pane for primary content
+ * @slot inspector - Right pane for details or properties
+ * @slot sidebar - @deprecated alias for the primary-sidebar slot (kept for backwards compatibility)
  *
- * @method showInspectorSheet()       - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
- * @method hideInspectorSheet()       - Closes the inspector sheet
- * @method showPrimarySidebarSheet()  - Opens the primary sidebar as a sheet (async); only has effect when primary-sidebar-as-sheet is active
- * @method hidePrimarySidebarSheet()  - Closes the primary sidebar sheet
- * @method showSidebarSheet()         - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
- * @method hideSidebarSheet()         - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
+ * @method showInspectorSheet() - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
+ * @method hideInspectorSheet() - Closes the inspector sheet
+ * @method showPrimarySidebarSheet() - Opens the primary sidebar as a sheet (async); only has effect when primary-sidebar-as-sheet is active
+ * @method hidePrimarySidebarSheet() - Closes the primary sidebar sheet
+ * @method showSidebarSheet() - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
+ * @method hideSidebarSheet() - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
  */
 import { LitElement } from 'lit';
 export declare class NLDDNavigationSplitView extends LitElement {

package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.js

@@ -17,26 +17,26 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * Use <code>nldd-split-view-pane</code> as direct children for automatic
  * back button handling.
  *
- * @attr {boolean} inspector-auto-hidden                - Inspector hidden to free up space for other panes (read-only, set by the split view)
- * @attr {boolean} inspector-as-sheet                   - Always show the inspector as a sheet regardless of available space
- * @attr {boolean} primary-sidebar-as-sheet             - Always show the primary sidebar as a sheet, keeping main visible at full width
- * @attr {string}  inspector-accessible-label           - Accessible name for the inspector sheet dialog (default: 'Details')
- * @attr {string}  primary-sidebar-accessible-label     - Accessible name for the primary sidebar sheet dialog (default: 'Navigatie')
- * @attr {boolean} sidebar-as-sheet                     - @deprecated alias for primary-sidebar-as-sheet (kept for backwards compatibility)
- * @attr {string}  sidebar-accessible-label             - @deprecated alias for primary-sidebar-accessible-label (kept for backwards compatibility)
+ * @attr {boolean} inspector-auto-hidden - Inspector hidden to free up space for other panes (read-only, set by the split view)
+ * @attr {boolean} inspector-as-sheet - Always show the inspector as a sheet regardless of available space
+ * @attr {boolean} primary-sidebar-as-sheet - Always show the primary sidebar as a sheet, keeping main visible at full width
+ * @attr {string} inspector-accessible-label - Accessible name for the inspector sheet dialog (default: 'Details')
+ * @attr {string} primary-sidebar-accessible-label - Accessible name for the primary sidebar sheet dialog (default: 'Navigatie')
+ * @attr {boolean} sidebar-as-sheet - @deprecated alias for primary-sidebar-as-sheet (kept for backwards compatibility)
+ * @attr {string} sidebar-accessible-label - @deprecated alias for primary-sidebar-accessible-label (kept for backwards compatibility)
  *
- * @slot primary-sidebar   - Left pane for primary navigation
+ * @slot primary-sidebar - Left pane for primary navigation
  * @slot secondary-sidebar - Second pane for secondary navigation (shown when slotted)
- * @slot main              - Center pane for primary content
- * @slot inspector         - Right pane for details or properties
- * @slot sidebar           - @deprecated alias for the primary-sidebar slot (kept for backwards compatibility)
+ * @slot main - Center pane for primary content
+ * @slot inspector - Right pane for details or properties
+ * @slot sidebar - @deprecated alias for the primary-sidebar slot (kept for backwards compatibility)
  *
- * @method showInspectorSheet()       - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
- * @method hideInspectorSheet()       - Closes the inspector sheet
- * @method showPrimarySidebarSheet()  - Opens the primary sidebar as a sheet (async); only has effect when primary-sidebar-as-sheet is active
- * @method hidePrimarySidebarSheet()  - Closes the primary sidebar sheet
- * @method showSidebarSheet()         - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
- * @method hideSidebarSheet()         - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
+ * @method showInspectorSheet() - Opens the inspector as a sheet (async); only has effect when inspector-auto-hidden or inspector-as-sheet is active
+ * @method hideInspectorSheet() - Closes the inspector sheet
+ * @method showPrimarySidebarSheet() - Opens the primary sidebar as a sheet (async); only has effect when primary-sidebar-as-sheet is active
+ * @method hidePrimarySidebarSheet() - Closes the primary sidebar sheet
+ * @method showSidebarSheet() - @deprecated alias for showPrimarySidebarSheet() (kept for backwards compatibility)
+ * @method hideSidebarSheet() - @deprecated alias for hidePrimarySidebarSheet() (kept for backwards compatibility)
  */
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts

@@ -17,6 +17,7 @@
  */
 import { LitElement } from 'lit';
 export declare class NLDDSideBySideSplitView extends LitElement {
+    private _scrollMode;
     static styles: import("lit").CSSResult;
     background: 'inherit' | 'base' | 'tinted';
     panes: number;

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-by-side-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,qBACa,uBAAwB,SAAQ,UAAU;IACtD,OAAgB,MAAM,0BAA6B;IAGnD,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,KAAK,SAAK;IAGV,aAAa,SAAY;IAGzB,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,eAAe,CAA+B;IAE7C,iBAAiB;IAMjB,oBAAoB;IAMpB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C;;;;OAIG;IACH,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,OAAO,CAAC,mBAAmB;IAelB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,uBAAuB,CAAC;KACxD;CACD"}
+{"version":3,"file":"side-by-side-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQjC,qBACa,uBAAwB,SAAQ,UAAU;IAItD,OAAO,CAAC,WAAW,CAAkC;IAErD,OAAgB,MAAM,0BAA6B;IAGnD,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,KAAK,SAAK;IAGV,aAAa,SAAY;IAGzB,OAAO,CAAC,aAAa,CAAK;IAE1B,OAAO,CAAC,eAAe,CAA+B;IAE7C,iBAAiB;IAMjB,oBAAoB;IAMpB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C;;;;OAIG;IACH,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,OAAO,CAAC,mBAAmB;IAelB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,8BAA8B,EAAE,uBAAuB,CAAC;KACxD;CACD"}

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js

@@ -24,11 +24,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { SINGLE_COLUMN_CHANGE_EVENT } from '../../../../utilities/scroll-mode-controller.js';
+import { ScrollModeController } from '../../../../utilities/scroll-mode-controller.js';
 import { sideBySideSplitViewStyles } from './side-by-side-split-view.styles.js';
 import { sideBySideSplitViewTemplate } from './side-by-side-split-view.template.js';
 let NLDDSideBySideSplitView = class NLDDSideBySideSplitView extends LitElement {
     constructor() {
         super(...arguments);
+        // Reflects --context-scroll-mode to [data-scroll]. This view decides the mode
+        // for everyone (it fires single-column-change) but never applied it to itself,
+        // so it kept clipping at viewport height while its panes had already flowed.
+        this._scrollMode = new ScrollModeController(this);
         this.background = 'inherit';
         this.panes = 2;
         this._visiblePanes = Infinity;

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.js.map

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

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-by-side-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,yBAuErC,CAAC"}
+{"version":3,"file":"side-by-side-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,yBAkGrC,CAAC"}

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js

@@ -22,6 +22,14 @@ export const sideBySideSplitViewStyles = css `
 		display: none;
 	}
 
+	/* Root-scroll mode — the document scrolls, so this view flows with its content
+	   instead of capping itself at the viewport (see ScrollModeController /
+	   --context-scroll-mode). Without this the panes inside stay boxed at the old
+	   height while their own layers already flow, and nothing scrolls anywhere. */
+	:host([data-scroll="root"]) {
+		height: auto;
+	}
+
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
 		--_background-color: var(--context-parent-background-color);
@@ -46,6 +54,14 @@ export const sideBySideSplitViewStyles = css `
 		flex-basis: 0;
 	}
 
+	/* Row axis untouched: this is a row block, so only the clipping and the
+	   column-axis sizing change. */
+	:host([data-scroll="root"]) .side-by-side-split-view {
+		overflow: visible;
+		flex-basis: auto;
+		flex-shrink: 0;
+	}
+
 
 	/* # Elements */
 
@@ -60,6 +76,10 @@ export const sideBySideSplitViewStyles = css `
 		flex-basis: 0;
 	}
 
+	:host([data-scroll="root"]) .side-by-side-split-view__pane {
+		overflow: visible;
+	}
+
 	.side-by-side-split-view__pane[hidden] {
 		display: none;
 	}
@@ -70,5 +90,12 @@ export const sideBySideSplitViewStyles = css `
 		flex-shrink: 1;
 		flex-basis: 0;
 	}
+
+	/* Column item inside the pane: keep its content height so a tall page spans
+	   the document instead of being squeezed into the old viewport box. */
+	:host([data-scroll="root"]) ::slotted(*) {
+		flex-basis: auto;
+		flex-shrink: 0;
+	}
 `;
 //# sourceMappingURL=side-by-side-split-view.styles.js.map

package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-by-side-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuE3C,CAAC"}
+{"version":3,"file":"side-by-side-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkG3C,CAAC"}

package/dist/components/layout/split-views/split-view-pane/split-view-pane.d.ts

@@ -26,8 +26,8 @@
  * @element nldd-split-view-pane
  *
  * @attr {boolean} has-content - The pane has content (default: false)
- * @attr {boolean} hide-back   - Hide the back button (set automatically by the split view)
- * @attr {'inherit'|'base'|'tinted'} background      - Use a tinted background color (cascades to descendants)
+ * @attr {boolean} hide-back - Hide the back button (set automatically by the split view)
+ * @attr {'inherit'|'base'|'tinted'} background - Use a tinted background color (cascades to descendants)
  *
  * @slot - Pane content
  */

package/dist/components/layout/split-views/split-view-pane/split-view-pane.js

@@ -32,8 +32,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @element nldd-split-view-pane
  *
  * @attr {boolean} has-content - The pane has content (default: false)
- * @attr {boolean} hide-back   - Hide the back button (set automatically by the split view)
- * @attr {'inherit'|'base'|'tinted'} background      - Use a tinted background color (cascades to descendants)
+ * @attr {boolean} hide-back - Hide the back button (set automatically by the split view)
+ * @attr {'inherit'|'base'|'tinted'} background - Use a tinted background color (cascades to descendants)
  *
  * @slot - Pane content
  */

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts

@@ -17,6 +17,8 @@
  */
 import { LitElement } from 'lit';
 export declare class NLDDStackedSplitView extends LitElement {
+    /** Reflects --context-scroll-mode to [data-scroll], like the other split views. */
+    private _scrollMode;
     static styles: import("lit").CSSResult;
     background: 'inherit' | 'base' | 'tinted';
     panes: number;

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAA0B;IAGhD,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,KAAK,SAAK;IAGV,aAAa,SAAY;IAGzB,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,eAAe,CAA+B;IAE7C,iBAAiB;IAMjB,oBAAoB;IAMpB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C,OAAO,CAAC,mBAAmB;IAOlB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
+{"version":3,"file":"stacked-split-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,oBAAqB,SAAQ,UAAU;IACnD,mFAAmF;IACnF,OAAO,CAAC,WAAW,CAAkC;IAErD,OAAgB,MAAM,0BAA0B;IAGhD,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAa;IAGtD,KAAK,SAAK;IAGV,aAAa,SAAY;IAGzB,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,eAAe,CAA+B;IAE7C,iBAAiB;IAMjB,oBAAoB;IAMpB,YAAY;IAMZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM9C,OAAO,CAAC,mBAAmB;IAOlB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js

@@ -23,11 +23,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  */
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { ScrollModeController } from '../../../../utilities/scroll-mode-controller.js';
 import { stackedSplitViewStyles } from './stacked-split-view.styles.js';
 import { stackedSplitViewTemplate } from './stacked-split-view.template.js';
 let NLDDStackedSplitView = class NLDDStackedSplitView extends LitElement {
     constructor() {
         super(...arguments);
+        /** Reflects --context-scroll-mode to [data-scroll], like the other split views. */
+        this._scrollMode = new ScrollModeController(this);
         this.background = 'inherit';
         this.panes = 2;
         this._visiblePanes = Infinity;

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAIN,eAAU,GAAkC,SAAS,CAAC;QAGtD,UAAK,GAAG,CAAC,CAAC;QAGV,kBAAa,GAAG,QAAQ,CAAC;QAEzB,yDAAyD;QACjD,mBAAc,GAAG,CAAC,CAAC;QAEnB,oBAAe,GAA0B,IAAI,CAAC;IAoCvD,CAAC;IAlCS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAC5E,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEQ,YAAY;QACpB,mFAAmF;QACnF,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;QAChG,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC5B,CAAC;IAEQ,OAAO,CAAC,OAA6B;QAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5B,CAAC;IACF,CAAC;IAEO,mBAAmB;QAC1B,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACjE,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjDe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACY;AAGtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAChC;AAGV;IADC,KAAK,EAAE;2DACiB;AAVb,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAmDhC"}
+{"version":3,"file":"stacked-split-view.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QACN,mFAAmF;QAC3E,gBAAW,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAKrD,eAAU,GAAkC,SAAS,CAAC;QAGtD,UAAK,GAAG,CAAC,CAAC;QAGV,kBAAa,GAAG,QAAQ,CAAC;QAEzB,yDAAyD;QACjD,mBAAc,GAAG,CAAC,CAAC;QAEnB,oBAAe,GAA0B,IAAI,CAAC;IAoCvD,CAAC;IAlCS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAC5E,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC7B,CAAC;IAEQ,YAAY;QACpB,mFAAmF;QACnF,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;QAChG,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC5B,CAAC;IAEQ,OAAO,CAAC,OAA6B;QAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5B,CAAC;IACF,CAAC;IAEO,mBAAmB;QAC1B,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IACjE,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjDe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACY;AAGtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAChC;AAGV;IADC,KAAK,EAAE;2DACiB;AAbb,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAsDhC"}

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAwElC,CAAC"}
+{"version":3,"file":"stacked-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAgGlC,CAAC"}

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js

@@ -23,6 +23,12 @@ export const stackedSplitViewStyles = css `
 		display: none;
 	}
 
+	/* Root-scroll mode — flow with the content instead of capping at the viewport
+	   (see ScrollModeController / --context-scroll-mode). */
+	:host([data-scroll="root"]) {
+		height: auto;
+	}
+
 	:host([background="base"]) {
 		--context-parent-background-color: var(--semantics-surfaces-base-background-color);
 		--_background-color: var(--context-parent-background-color);
@@ -47,6 +53,13 @@ export const stackedSplitViewStyles = css `
 		flex-basis: 0;
 	}
 
+	/* Column block, so both the clipping and the column-axis sizing change. */
+	:host([data-scroll="root"]) .stacked-split-view {
+		overflow: visible;
+		flex-basis: auto;
+		flex-shrink: 0;
+	}
+
 
 	/* # Elements */
 
@@ -61,6 +74,12 @@ export const stackedSplitViewStyles = css `
 		flex-basis: 0;
 	}
 
+	:host([data-scroll="root"]) .stacked-split-view__pane {
+		overflow: visible;
+		flex-basis: auto;
+		flex-shrink: 0;
+	}
+
 	.stacked-split-view__pane[hidden] {
 		display: none;
 	}
@@ -71,5 +90,10 @@ export const stackedSplitViewStyles = css `
 		flex-shrink: 1;
 		flex-basis: 0;
 	}
+
+	:host([data-scroll="root"]) ::slotted(*) {
+		flex-basis: auto;
+		flex-shrink: 0;
+	}
 `;
 //# sourceMappingURL=stacked-split-view.styles.js.map

package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwExC,CAAC"}
+{"version":3,"file":"stacked-split-view.styles.js","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/stacked-split-view/stacked-split-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGxC,CAAC"}

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

@@ -10,29 +10,22 @@
  *
  * @element nldd-window
  *
- * @attr {boolean} modeless         - Niet-modaal (geen backdrop of focusvergrendeling); standaard is het venster modaal
- * @attr {string}  accessible-label - (verplicht) Toegankelijke naam (aria-label).
- *                                     Valt terug op de i18n default ('Venster')
- *                                     als niet gezet — geef altijd een unieke,
- *                                     beschrijvende naam per venster.
- * @attr {object}  translations      - Override translation keys; unset keys
- *                                     vallen terug op de Nederlandse default.
- * @attr {string}  top              - CSS top positie van de bovenrand (bijv. '0', '100px')
- * @attr {string}  left             - CSS left positie van de linkerrand
- * @attr {string}  right            - CSS right waarde
- * @attr {string}  bottom           - CSS bottom waarde
- * @attr {boolean} centered         - Centreert beide assen op de viewport. Per
- *                                     as overrideable: `centered top="0"` =
- *                                     horizontaal gecentreerd, top-aligned.
- *                                     Mirrort CSS `place-items: center` met
- *                                     `align-items`/`justify-items` overrides.
- * @attr {string}  width            - CSS width (standaard: var(--components-window-default-width))
- * @attr {string}  height           - CSS height (standaard: content height)
+ * @attr {boolean} modeless - Niet-modaal (geen backdrop of focusvergrendeling); standaard is het venster modaal
+ * @attr {boolean} no-light-dismiss - Een klik op de backdrop sluit het venster niet. Voor vensters waar per ongeluk wegklikken werk kost: een wizard, een formulier met ingevulde velden. Escape en de dismiss-knop blijven werken.
+ * @attr {string} accessible-label - (verplicht) Toegankelijke naam (aria-label). Valt terug op de i18n default ('Venster') als niet gezet — geef altijd een unieke, beschrijvende naam per venster.
+ * @attr {object} translations - Override translation keys; unset keys vallen terug op de Nederlandse default.
+ * @attr {string} top - CSS top positie van de bovenrand (bijv. '0', '100px')
+ * @attr {string} left - CSS left positie van de linkerrand
+ * @attr {string} right - CSS right waarde
+ * @attr {string} bottom - CSS bottom waarde
+ * @attr {boolean} centered - Centreert beide assen op de viewport. Per as overrideable: `centered top="0"` = horizontaal gecentreerd, top-aligned. Mirrort CSS `place-items: center` met `align-items`/`justify-items` overrides.
+ * @attr {string} width - CSS width (standaard: var(--components-window-default-width))
+ * @attr {string} height - CSS height (standaard: content height)
  * @attr {'inherit'|'light'|'dark'} scheme - Color scheme (default 'inherit').
  *
  * @slot - Volledige window content (bijv. nldd-page)
  *
- * @fires open  - Wanneer het venster wordt geopend
+ * @fires open - Wanneer het venster wordt geopend
  * @fires close - Wanneer het venster volledig is gesloten
  *
  * @method show() - Opent het venster
@@ -44,6 +37,7 @@ export type NLDDWindowScheme = 'inherit' | 'light' | 'dark';
 export declare class NLDDWindow extends LitElement {
     static styles: import("lit").CSSResult;
     modeless: boolean;
+    noLightDismiss: boolean;
     accessibleLabel: string;
     /**
      * Override one or more translation keys.
@@ -70,8 +64,29 @@ export declare class NLDDWindow extends LitElement {
     get _resolvedAccessibleLabel(): string;
     show(): void;
     hide(): void;
+    /**
+     * Emitted once per open cycle, from whichever route actually closed the
+     * window. Same reasoning as nldd-sheet: Escape on a non-modal dialog closes
+     * through the CloseWatcher, which @cancel cannot reliably stop, while jsdom
+     * never fires the dialog's own close event.
+     */
+    private _closeEmitted;
+    private _emitClose;
+    _handleDialogClose: (e: Event) => void;
     private _manageFocus;
     private _applyPositionStyles;
+    /** Whether the press preceding a click started on the backdrop rather than
+     *  inside the window. Guards against a drag that begins inside (selecting
+     *  text in an input, dragging a control) and ends on the backdrop being
+     *  read as a backdrop click — same fix as nldd-sheet. */
+    private _pointerDownOnBackdrop;
+    _handleDialogPointerDown: (e: PointerEvent) => void;
+    /** True when the event landed on the backdrop: it targets the dialog
+     *  itself (content clicks target the content) with coordinates outside the
+     *  dialog box. The target check comes BEFORE the coordinates, because a
+     *  programmatic `.click()` carries clientX/clientY 0,0 — outside any dialog
+     *  rect — and would otherwise read as a backdrop press from inside. */
+    private _isOnBackdrop;
     _handleDialogClick: (e: MouseEvent) => void;
     _handleCancel: (e: Event) => void;
     private _handleDismiss;

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

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,EAA0B,KAAK,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAIvF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,QAAQ,UAAS;IAGjB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAM;IAGnD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAGxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAGzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,QAAQ,UAAS;IAGjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,MAAM,EAAE,gBAAgB,CAAa;IAErC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,KAAK,OAAO,GAElB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAO/C,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAED,IAAI,IAAI,IAAI;IAmBZ,IAAI,IAAI,IAAI;IAUZ,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,oBAAoB;IAkC5B,kBAAkB,GAAI,GAAG,UAAU,KAAG,IAAI,CAYxC;IAEF,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF,OAAO,CAAC,cAAc,CAUpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/window/window.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,EAA0B,KAAK,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAKvF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAGtC,QAAQ,UAAS;IAGjB,cAAc,UAAS;IAGvB,eAAe,SAAM;IAErB;;;OAGG;IAEH,YAAY,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAM;IAGnD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAGxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAGzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,QAAQ,UAAS;IAGjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAG1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAG3B,MAAM,EAAE,gBAAgB,CAAa;IAErC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,KAAK,OAAO,GAElB;IAEQ,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAO/C,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,EAAE;IAIV,IAAI,wBAAwB,IAAI,MAAM,CAErC;IAED,IAAI,IAAI,IAAI;IAsBZ,IAAI,IAAI,IAAI;IAUZ;;;;;OAKG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,UAAU;IAMlB,kBAAkB,GAAI,GAAG,KAAK,KAAG,IAAI,CAUnC;IAEF,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,oBAAoB;IAkC5B;;;6DAGyD;IACzD,OAAO,CAAC,sBAAsB,CAAS;IAEvC,wBAAwB,GAAI,GAAG,YAAY,KAAG,IAAI,CAEhD;IAEF;;;;2EAIuE;IACvE,OAAO,CAAC,aAAa;IASrB,kBAAkB,GAAI,GAAG,UAAU,KAAG,IAAI,CAQxC;IAEF,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEF,OAAO,CAAC,cAAc,CAUpB;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}