@nldd/design-system 0.8.37

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

@@ -0,0 +1,385 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Nederlandse Digitale Dienst Navigation Split View Component (Lit + TypeScript)
+ *
+ * A four-column layout with a sidebar, secondary sidebar, main content area, and inspector.
+ * The sidebars show navigation or lists, the main area shows primary content,
+ * and the inspector shows additional details or properties of the selection.
+ * Panes are shown automatically when content is slotted into them.
+ *
+ * @element nldd-navigation-split-view
+ *
+ * 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} sidebar-as-sheet            - Always show the 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}  sidebar-accessible-label    - Accessible name for the sidebar sheet dialog (default: 'Navigatie')
+ *
+ * @slot 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
+ *
+ * @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 showSidebarSheet()   - Opens the sidebar as a sheet (async); only has effect when sidebar-as-sheet is active
+ * @method hideSidebarSheet()   - Closes the sidebar sheet
+ */
+import { LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { isPointerMode } from '../../../../utilities/input-modality.js';
+import { navigationSplitViewStyles } from './navigation-split-view.styles.js';
+import { navigationSplitViewTemplate } from './navigation-split-view.template.js';
+let NLDDNavigationSplitView = class NLDDNavigationSplitView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.inspectorAutoHidden = false;
+        this.inspectorAsSheet = false;
+        this.sidebarAsSheet = false;
+        /** Accessible name for the inspector sheet dialog. */
+        this.inspectorAccessibleLabel = 'Details';
+        /** Accessible name for the sidebar sheet dialog. */
+        this.sidebarAccessibleLabel = 'Navigatie';
+        // Internal visibility driven by layout algorithm — not part of public API
+        this._showSidebar = false;
+        this._showSecondarySidebar = false;
+        this._showMain = true;
+        this._showInspector = true;
+        this._mode = 'spatial';
+        this._resizeObserver = null;
+        this._paneObserver = null;
+        this._hostObserver = null;
+        // Cached pane min-widths — read from CSS in firstUpdated
+        this._paneMinWidths = { sidebar: 320, secondarySidebar: 320, main: 480, inspector: 320 };
+        // ----------------------------------------------------------------
+        // Shared sheet helpers
+        // ----------------------------------------------------------------
+        this._handleDismiss = (e) => {
+            // Route dismiss events to the correct sheet based on composed path
+            const path = e.composedPath();
+            if (path.some(el => el === this._sidebarSheet)) {
+                this.hideSidebarSheet();
+            }
+            else if (this.inspectorAutoHidden || this.inspectorAsSheet) {
+                this.hideInspectorSheet();
+            }
+        };
+    }
+    get _inspectorSheet() {
+        return this.shadowRoot?.querySelector('.navigation-split-view__inspector-sheet') ?? null;
+    }
+    get _sidebarSheet() {
+        return this.shadowRoot?.querySelector('.navigation-split-view__sidebar-sheet') ?? null;
+    }
+    get _hasSidebar() {
+        return this.querySelector(':scope > [slot="sidebar"]') !== null;
+    }
+    /** @internal */
+    get _hasSecondarySidebar() {
+        return this.querySelector(':scope > [slot="secondary-sidebar"]') !== null;
+    }
+    get _hasInspector() {
+        return this.querySelector(':scope > [slot="inspector"]') !== null;
+    }
+    _paneHasContent(slot) {
+        return this.querySelector(`:scope > nldd-split-view-pane[slot="${slot}"]`)?.hasAttribute('has-content') ?? false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._resizeObserver = new ResizeObserver(() => this._updateLayout());
+        this._resizeObserver.observe(this);
+        this.addEventListener('dismiss', this._handleDismiss);
+        this._paneObserver = new MutationObserver(() => this._updateLayout());
+        this._hostObserver = new MutationObserver(() => {
+            this._observePanes();
+            this._updateLayout();
+        });
+        this._hostObserver.observe(this, { childList: true });
+        this._observePanes();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._resizeObserver?.disconnect();
+        this._resizeObserver = null;
+        this._paneObserver?.disconnect();
+        this._paneObserver = null;
+        this._hostObserver?.disconnect();
+        this._hostObserver = null;
+        this.removeEventListener('dismiss', this._handleDismiss);
+    }
+    _observePanes() {
+        this._paneObserver?.disconnect();
+        this.querySelectorAll(':scope > nldd-split-view-pane').forEach(pane => {
+            this._paneObserver.observe(pane, {
+                attributes: true,
+                attributeFilter: ['has-content'],
+            });
+        });
+    }
+    firstUpdated() {
+        // Read pane min-widths from CSS after first render — styles are guaranteed applied
+        const style = getComputedStyle(this);
+        const read = (prop) => parseFloat(style.getPropertyValue(prop));
+        this._paneMinWidths = {
+            sidebar: read('--_sidebar-min-width') || this._paneMinWidths.sidebar,
+            secondarySidebar: read('--_secondary-sidebar-min-width') || this._paneMinWidths.secondarySidebar,
+            main: read('--_main-min-width') || this._paneMinWidths.main,
+            inspector: read('--_inspector-min-width') || this._paneMinWidths.inspector,
+        };
+        this._updateLayout();
+    }
+    updated(changed) {
+        if (changed.has('inspectorAsSheet') || changed.has('sidebarAsSheet')) {
+            this._updateLayout();
+        }
+        // Close inspector sheet immediately when inspector-auto-hidden clears and inspector-as-sheet is not set
+        if (changed.has('inspectorAutoHidden') && !this.inspectorAutoHidden && !this.inspectorAsSheet) {
+            this._closeSheetImmediate(this._inspectorSheet);
+        }
+    }
+    _updateLayout() {
+        const width = this.getBoundingClientRect().width;
+        const { sidebar: sidebarMin, secondarySidebar: secondarySidebarMin, main: mainMin, inspector: inspectorMin } = this._paneMinWidths;
+        // When sidebar-as-sheet, sidebars never render inline — main always fills full width
+        let sidebar = this.sidebarAsSheet ? false : this._hasSidebar;
+        let secondarySidebar = this.sidebarAsSheet ? false : this._hasSecondarySidebar;
+        let main = true;
+        let inspector = this._hasInspector;
+        // Sum min-widths of currently requested panes
+        const requestedWidth = () => [
+            sidebar && sidebarMin,
+            secondarySidebar && secondarySidebarMin,
+            main && mainMin,
+            inspector && inspectorMin,
+        ].reduce((sum, v) => sum + (v || 0), 0);
+        // Step 1: hide inspector if not enough space
+        if (inspector && requestedWidth() > width)
+            inspector = false;
+        // Step 2: collapse sidebar into secondary sidebar if still not enough space
+        if (sidebar && secondarySidebar && requestedWidth() > width)
+            sidebar = false;
+        // Determine mode
+        const sidebarCollapsed = this._hasSidebar && this._hasSecondarySidebar && !sidebar && secondarySidebar;
+        const fits = requestedWidth() <= width;
+        let mode;
+        if (sidebarCollapsed && fits) {
+            mode = 'sidebar-stack';
+        }
+        else if (!sidebarCollapsed && fits) {
+            mode = 'spatial';
+        }
+        else {
+            mode = 'full-stack';
+        }
+        // Full-stack: show only the deepest pane with content
+        if (mode === 'full-stack') {
+            sidebar = false;
+            secondarySidebar = false;
+            main = false;
+            inspector = false;
+            // Priority: main > secondary sidebar (if available) > sidebar (if available) > main fallback
+            if (this._paneHasContent('main')) {
+                main = true;
+            }
+            else if (this._hasSecondarySidebar && this._paneHasContent('secondary-sidebar')) {
+                secondarySidebar = true;
+            }
+            else if (this._hasSidebar && this._paneHasContent('sidebar')) {
+                sidebar = true;
+            }
+            else {
+                main = true; // fallback to empty state
+            }
+        }
+        // No nav and no content — hide inspector
+        if (!sidebar && !secondarySidebar && inspector && !this._paneHasContent('main')) {
+            inspector = false;
+        }
+        this._showSidebar = sidebar;
+        this._showSecondarySidebar = secondarySidebar;
+        this._showMain = main;
+        // Inspector shown inline only when it fits AND consumer has not forced sheet mode
+        this._showInspector = inspector && !this.inspectorAsSheet;
+        this.inspectorAutoHidden = this._hasInspector && !inspector;
+        this._mode = mode;
+        this.classList.toggle('full-stack', mode === 'full-stack');
+        this._updatePaneBackButtons();
+    }
+    _updatePaneBackButtons() {
+        const panes = {
+            sidebar: this.querySelector(':scope > nldd-split-view-pane[slot="sidebar"]'),
+            secondarySidebar: this.querySelector(':scope > nldd-split-view-pane[slot="secondary-sidebar"]'),
+            main: this.querySelector(':scope > nldd-split-view-pane[slot="main"]'),
+        };
+        // When sidebar-as-sheet, main is always the only visible inline pane — no back buttons
+        // Secondary sidebar in the sheet can go back to sidebar — keep its back button
+        if (this.sidebarAsSheet) {
+            panes.secondarySidebar?.removeAttribute('hide-back');
+            panes.main?.setAttribute('hide-back', '');
+            return;
+        }
+        // All panes visible side by side — sidebar never gets hide-back,
+        // secondary sidebar gets hide-back because sidebar is visible alongside it
+        if (this._mode === 'spatial') {
+            panes.secondarySidebar?.setAttribute('hide-back', '');
+            panes.main?.setAttribute('hide-back', '');
+            return;
+        }
+        // Sidebar is hidden — secondary sidebar can go back to it
+        // Main is visible alongside secondary sidebar — no sequential navigation
+        if (this._mode === 'sidebar-stack') {
+            panes.secondarySidebar?.removeAttribute('hide-back');
+            panes.main?.setAttribute('hide-back', '');
+            return;
+        }
+        // Sidebar never gets hide-back — consumer controls navigation depth
+        if (this._mode === 'full-stack') {
+            panes.secondarySidebar?.removeAttribute('hide-back');
+            panes.main?.removeAttribute('hide-back');
+            return;
+        }
+    }
+    // ----------------------------------------------------------------
+    // Sidebar sheet
+    // ----------------------------------------------------------------
+    /** Opens the sidebar as a sheet. Awaitable — resolves once the dialog is open. */
+    async showSidebarSheet() {
+        if (!this.sidebarAsSheet)
+            return;
+        await this.updateComplete;
+        this._sidebarSheet?.showModal();
+        this._manageSidebarSheetFocus();
+    }
+    hideSidebarSheet() {
+        this._hideSheet(this._sidebarSheet);
+    }
+    _manageSidebarSheetFocus() {
+        // Focus the active slot — secondary sidebar when it has content, sidebar otherwise
+        const activeSlotName = this._hasSecondarySidebar && this._paneHasContent('secondary-sidebar')
+            ? 'secondary-sidebar'
+            : 'sidebar';
+        const slot = this.shadowRoot?.querySelector(`slot[name="${activeSlotName}"]`);
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        this._manageFocusForSlot(assigned, this._sidebarSheet);
+    }
+    _handleSidebarSheetClick(e) {
+        if (e.target === this._sidebarSheet)
+            this.hideSidebarSheet();
+    }
+    _handleSidebarSheetCancel(e) {
+        e.preventDefault();
+        this.hideSidebarSheet();
+    }
+    // ----------------------------------------------------------------
+    // Inspector sheet
+    // ----------------------------------------------------------------
+    /** Opens the inspector as a sheet. Awaitable — resolves once the dialog is open. */
+    async showInspectorSheet() {
+        if (!this.inspectorAutoHidden && !this.inspectorAsSheet)
+            return;
+        await this.updateComplete;
+        this._inspectorSheet?.showModal();
+        this._manageInspectorSheetFocus();
+    }
+    hideInspectorSheet() {
+        this._hideSheet(this._inspectorSheet);
+    }
+    _manageInspectorSheetFocus() {
+        const slot = this.shadowRoot?.querySelector('slot[name="inspector"]');
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        this._manageFocusForSlot(assigned, this._inspectorSheet);
+    }
+    _handleInspectorSheetClick(e) {
+        if (e.target === this._inspectorSheet)
+            this.hideInspectorSheet();
+    }
+    _handleInspectorSheetCancel(e) {
+        e.preventDefault();
+        this.hideInspectorSheet();
+    }
+    // ----------------------------------------------------------------
+    // Shared focus helper
+    // ----------------------------------------------------------------
+    _manageFocusForSlot(assigned, dialog) {
+        // 1. autofocus element present — let the browser handle it natively
+        if (assigned.some(el => el.querySelector('[autofocus]')))
+            return;
+        // 2. Focus the dialog — show focus ring only when opened via keyboard
+        if (!dialog)
+            return;
+        dialog.classList.toggle('is-pointer-focus', isPointerMode());
+        dialog.focus();
+    }
+    _hideSheet(dialog) {
+        if (!dialog?.open)
+            return;
+        // Guard against double close event dispatch
+        if (dialog.dataset['closing'] === 'true')
+            return;
+        dialog.dataset['closing'] = 'true';
+        dialog.classList.add('is-closing');
+        dialog.addEventListener('animationend', () => {
+            dialog.classList.remove('is-closing');
+            delete dialog.dataset['closing'];
+            dialog.close();
+        }, { once: true });
+        // Fallback for prefers-reduced-motion — no animation fires
+        requestAnimationFrame(() => {
+            if (dialog.dataset['closing'] === 'true' && getComputedStyle(dialog).animationName === 'none') {
+                dialog.classList.remove('is-closing');
+                delete dialog.dataset['closing'];
+                dialog.close();
+            }
+        });
+    }
+    _closeSheetImmediate(dialog) {
+        if (!dialog?.open)
+            return;
+        dialog.classList.remove('is-closing');
+        dialog.close();
+    }
+    render() {
+        return navigationSplitViewTemplate(this);
+    }
+};
+NLDDNavigationSplitView.styles = navigationSplitViewStyles;
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'inspector-auto-hidden' })
+], NLDDNavigationSplitView.prototype, "inspectorAutoHidden", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'inspector-as-sheet' })
+], NLDDNavigationSplitView.prototype, "inspectorAsSheet", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'sidebar-as-sheet' })
+], NLDDNavigationSplitView.prototype, "sidebarAsSheet", void 0);
+__decorate([
+    property({ type: String, attribute: 'inspector-accessible-label' })
+], NLDDNavigationSplitView.prototype, "inspectorAccessibleLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'sidebar-accessible-label' })
+], NLDDNavigationSplitView.prototype, "sidebarAccessibleLabel", void 0);
+__decorate([
+    state()
+], NLDDNavigationSplitView.prototype, "_showSidebar", void 0);
+__decorate([
+    state()
+], NLDDNavigationSplitView.prototype, "_showSecondarySidebar", void 0);
+__decorate([
+    state()
+], NLDDNavigationSplitView.prototype, "_showMain", void 0);
+__decorate([
+    state()
+], NLDDNavigationSplitView.prototype, "_showInspector", void 0);
+NLDDNavigationSplitView = __decorate([
+    customElement('nldd-navigation-split-view')
+], NLDDNavigationSplitView);
+export { NLDDNavigationSplitView };
+//# sourceMappingURL=navigation-split-view.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const navigationSplitViewStyles: import("lit").CSSResult;
+//# sourceMappingURL=navigation-split-view.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-split-view.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/split-views/navigation-split-view/navigation-split-view.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,yBAwTrC,CAAC"}