@cratis/scene.react 4.28.0 → 4.30.0

package/dist/esm/navigation/region/NavigationRegionView.js

@@ -0,0 +1,281 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useContext, useMemo, useState, useRef } from 'react';
+import { NavigationRegionKind, parseIconReference } from '@cratis/scene.model';
+import { ApplicationStructureIndex, effectiveNavigation } from '@cratis/scene.engine';
+import { SceneIcon } from '../../icons/SceneIcon.js';
+import { useIconAdapters } from '../../icons/IconAdapterContext.js';
+import { resolveDestination } from '../resolveDestination.js';
+import { SceneNavigationContextInternal } from '../SceneNavigationContext.js';
+import { defaultNavigationRegionClassNames } from './NavigationRegionClassNames.js';
+import { useSceneNavigationModel } from './SceneNavigationModelContext.js';
+import { currentModuleOf } from './currentModuleOf.js';
+import { navigationItemActive } from './navigationItemActive.js';
+import { defaultScreenFor, navigationItemDestination } from './navigationItemDestination.js';
+
+function itemKey(path) {
+    return path.join('/');
+}
+function containsActive(item, isActive) {
+    return isActive(item) || (item.children ?? []).some((child)=>containsActive(child, isActive));
+}
+/**
+ * Renders the effective navigation of one region - a topbar or a sidebar - for the application or a module.
+ *
+ * - **Items** come from `effectiveNavigation`, so inherit/extend/override is already applied; nothing here re-implements
+ *   it. A topbar is flat; a sidebar nests, collapses, and expands the parents of the active item.
+ * - **Active state** follows what the navigation host shows: an item is active (`aria-current`, `data-active`) when the
+ *   screen it opens is the one in its slot, so items rendering into different slots are active at once.
+ * - **Activation** goes through the enclosing navigation host (`navigate`), which renders the target in the item's slot -
+ *   the `outlet` of the destination; outside a host it announces `cratis.scene.navigate`.
+ * - **Authorization**: `isVisible` of the model hides items, it does not disable them.
+ * - **Keyboard**: arrows (left/right in a topbar, up/down in a sidebar), Home and End move between items; in a sidebar
+ *   right expands and left collapses (or goes to the parent).
+ *
+ * Nothing here draws design chrome: items carry `data-read-only` and `data-origin` for a design layer to style.
+ */ function NavigationRegionView({ region, module, application = false, model: modelProp, label, expand = 'active', classNames, renderIcon, renderAdornment, hrefFor, onActivate }) {
+    const contextModel = useSceneNavigationModel();
+    const model = modelProp ?? contextModel;
+    if (!model) throw new Error('NavigationRegionView needs a navigation model: pass `model` or render it inside a SceneNavigationModelProvider.');
+    const navigation = useContext(SceneNavigationContextInternal);
+    const adapters = useIconAdapters();
+    const names = {
+        ...defaultNavigationRegionClassNames,
+        ...classNames
+    };
+    const index = useMemo(()=>model.structure instanceof ApplicationStructureIndex ? model.structure : new ApplicationStructureIndex(model.structure), [
+        model.structure
+    ]);
+    const screenFor = model.screenFor ?? defaultScreenFor;
+    const sidebar = region === NavigationRegionKind.Sidebar;
+    const placement = useMemo(()=>({
+            primaryScreen: navigation?.primaryScreen,
+            outlets: navigation?.outlets ?? {}
+        }), [
+        navigation?.outlets,
+        navigation?.primaryScreen
+    ]);
+    const scope = application ? undefined : module ?? currentModuleOf(index, placement.primaryScreen);
+    const resolved = useMemo(()=>effectiveNavigation(index, model.navigation, scope, region), [
+        index,
+        model.navigation,
+        scope,
+        region
+    ]);
+    const isActive = (item)=>placement.primaryScreen !== undefined && navigationItemActive(item, {
+            primaryScreen: placement.primaryScreen,
+            outlets: placement.outlets
+        }, screenFor, !sidebar);
+    const isVisible = model.isVisible ?? (()=>true);
+    const visible = useMemo(()=>{
+        const keep = (items)=>items.filter(isVisible).map((item)=>item.children ? {
+                    ...item,
+                    children: keep(item.children)
+                } : item);
+        return keep(resolved.items);
+    }, [
+        resolved,
+        model.isVisible
+    ]);
+    const activeKey = JSON.stringify([
+        placement.primaryScreen,
+        placement.outlets,
+        scope
+    ]);
+    const [toggled, setToggled] = useState({
+        key: activeKey,
+        state: {}
+    });
+    const overrides = toggled.key === activeKey ? toggled.state : {};
+    const [focused, setFocused] = useState();
+    const root = useRef(null);
+    const isExpanded = (item, key)=>overrides[key] ?? (expand === 'all' || containsActive(item, isActive));
+    const toggle = (key, expanded)=>setToggled({
+            key: activeKey,
+            state: {
+                ...overrides,
+                [key]: expanded
+            }
+        });
+    const activate = (item)=>{
+        const destination = navigationItemDestination(item, screenFor);
+        if (destination === undefined) return;
+        if (navigation) {
+            navigation.navigate(destination);
+        } else {
+            globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', {
+                detail: {
+                    targetScreen: destination.screen ?? '',
+                    destination,
+                    item
+                }
+            }));
+        }
+        onActivate?.(item, destination);
+    };
+    const links = ()=>Array.from(root.current?.querySelectorAll('[data-scene-nav-link]') ?? []);
+    const focusLink = (element)=>{
+        if (!element) return;
+        setFocused(element.getAttribute('data-scene-nav-link') ?? undefined);
+        element.focus();
+    };
+    const onKeyDown = (event)=>{
+        const all = links();
+        const position = all.findIndex((link)=>link === document.activeElement);
+        if (position < 0) return;
+        const next = sidebar ? 'ArrowDown' : 'ArrowRight';
+        const previous = sidebar ? 'ArrowUp' : 'ArrowLeft';
+        const current = all[position];
+        const key = current.getAttribute('data-scene-nav-link');
+        const owner = current.closest('[data-scene-nav-item]');
+        const hasChildren = owner?.getAttribute('data-scene-nav-parent') === 'true';
+        const expanded = owner?.getAttribute('data-expanded') === 'true';
+        let target;
+        if (event.key === next) target = all[Math.min(position + 1, all.length - 1)];
+        else if (event.key === previous) target = all[Math.max(position - 1, 0)];
+        else if (event.key === 'Home') target = all[0];
+        else if (event.key === 'End') target = all[all.length - 1];
+        else if (sidebar && event.key === 'ArrowRight' && hasChildren) {
+            if (!expanded) toggle(key, true);
+            else target = all[position + 1];
+        } else if (sidebar && event.key === 'ArrowLeft') {
+            if (hasChildren && expanded) toggle(key, false);
+            else {
+                const parent = owner?.parentElement?.closest('[data-scene-nav-item]')?.querySelector(':scope > [data-scene-nav-link]');
+                if (parent) target = parent;
+            }
+        } else return;
+        event.preventDefault();
+        focusLink(target);
+    };
+    const tabStop = focused ?? undefined;
+    const firstActive = (items, path)=>{
+        for (const item of items){
+            const key = itemKey([
+                ...path,
+                item.id
+            ]);
+            if (isActive(item)) return key;
+            const inner = firstActive(item.children ?? [], [
+                ...path,
+                item.id
+            ]);
+            if (inner !== undefined && isExpanded(item, key)) return inner;
+        }
+        return undefined;
+    };
+    const firstKey = visible.length > 0 ? itemKey([
+        visible[0].id
+    ]) : undefined;
+    const stop = tabStop ?? firstActive(visible, []) ?? firstKey;
+    const icon = (item)=>{
+        if (item.icon === undefined) return null;
+        const drawn = renderIcon ? renderIcon(item.icon) : adapters ? (()=>{
+            const reference = parseIconReference(item.icon);
+            return reference ? /*#__PURE__*/ jsx(SceneIcon, {
+                reference: reference,
+                adapters: adapters
+            }) : null;
+        })() : null;
+        return drawn === null ? null : /*#__PURE__*/ jsx("span", {
+            className: names.icon,
+            "aria-hidden": "true",
+            "data-scene-icon": item.icon,
+            children: drawn
+        });
+    };
+    const renderItems = (items, path, level)=>items.map((item)=>{
+            const key = itemKey([
+                ...path,
+                item.id
+            ]);
+            const destination = navigationItemDestination(item, screenFor);
+            const active = isActive(item);
+            const children = item.children ?? [];
+            const parent = sidebar && children.length > 0;
+            const expanded = parent && isExpanded(item, key);
+            const url = destination ? resolveDestination(destination).url : undefined;
+            const href = destination ? hrefFor ? hrefFor(destination, url) : url ? `#/${url}` : undefined : undefined;
+            const onClick = (event)=>{
+                if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0) return;
+                event.preventDefault();
+                if (destination) activate(item);
+                else if (parent) toggle(key, !expanded);
+            };
+            const content = /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    icon(item),
+                    /*#__PURE__*/ jsx("span", {
+                        className: names.label,
+                        children: item.title
+                    }),
+                    renderAdornment?.(item)
+                ]
+            });
+            return /*#__PURE__*/ jsxs("li", {
+                className: names.item,
+                "data-scene-nav-item": item.id,
+                "data-scene-nav-parent": parent ? 'true' : undefined,
+                "data-active": active,
+                "data-active-descendant": !active && parent && children.some((child)=>containsActive(child, isActive)) ? true : undefined,
+                "data-expanded": parent ? expanded : undefined,
+                "data-origin": item.origin,
+                "data-read-only": item.readOnly,
+                "data-slot": item.slot,
+                "data-level": level,
+                children: [
+                    destination || parent ? /*#__PURE__*/ jsx("a", {
+                        className: names.link,
+                        href: href ?? '#',
+                        "data-scene-nav-link": key,
+                        "aria-current": active ? 'page' : undefined,
+                        "aria-expanded": parent && !destination ? expanded : undefined,
+                        tabIndex: key === stop ? 0 : -1,
+                        onClick: onClick,
+                        onFocus: ()=>setFocused(key),
+                        children: content
+                    }) : /*#__PURE__*/ jsx("span", {
+                        className: names.link,
+                        "aria-disabled": "true",
+                        "data-scene-nav-link": key,
+                        tabIndex: -1,
+                        children: content
+                    }),
+                    parent && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: names.toggle,
+                        tabIndex: -1,
+                        "aria-expanded": expanded,
+                        "aria-controls": `${key}-items`,
+                        "aria-label": `${expanded ? 'Collapse' : 'Expand'} ${item.title}`,
+                        onClick: ()=>toggle(key, !expanded)
+                    }),
+                    parent && expanded && /*#__PURE__*/ jsx("ul", {
+                        id: `${key}-items`,
+                        className: `${names.list} ${names.submenu}`,
+                        children: renderItems(children, [
+                            ...path,
+                            item.id
+                        ], level + 1)
+                    })
+                ]
+            }, item.id);
+        });
+    return /*#__PURE__*/ jsx("nav", {
+        ref: root,
+        className: names.root,
+        "aria-label": label ?? (sidebar ? 'Sidebar' : 'Topbar'),
+        "data-scene-nav-region": region,
+        "data-scene-nav-sources": resolved.sources.kind,
+        "data-scene-nav-sources-label": resolved.sources.label,
+        "data-scene-nav-module": scope,
+        "data-scene-nav-mode": resolved.mode,
+        onKeyDown: onKeyDown,
+        children: /*#__PURE__*/ jsx("ul", {
+            className: names.list,
+            children: renderItems(visible, [], 0)
+        })
+    });
+}
+
+export { NavigationRegionView };
+//# sourceMappingURL=NavigationRegionView.js.map

package/dist/esm/navigation/region/NavigationRegionView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationRegionView.js","sources":["../../../../navigation/region/NavigationRegionView.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { KeyboardEvent, MouseEvent, ReactNode, useContext, useMemo, useRef, useState } from 'react';\nimport { DestinationReference, NavigationRegionKind, parseIconReference } from '@cratis/scene.model';\nimport { ApplicationStructureIndex, EffectiveNavItem, EffectiveNavigationRegion, effectiveNavigation } from '@cratis/scene.engine';\nimport { SceneIcon } from '../../icons/SceneIcon';\nimport { useIconAdapters } from '../../icons/IconAdapterContext';\nimport { resolveDestination } from '../resolveDestination';\nimport { SceneNavigationContextInternal } from '../SceneNavigationContext';\nimport { NavigationRegionClassNames, defaultNavigationRegionClassNames } from './NavigationRegionClassNames';\nimport { SceneNavigationModel } from './SceneNavigationModel';\nimport { useSceneNavigationModel } from './SceneNavigationModelContext';\nimport { currentModuleOf } from './currentModuleOf';\nimport { navigationItemActive } from './navigationItemActive';\nimport { defaultScreenFor, navigationItemDestination } from './navigationItemDestination';\n\nexport interface NavigationRegionViewProps {\n    /** Which region to show. */\n    region: NavigationRegionKind;\n\n    /**\n     * The module to show the region of. When absent the region follows the module of the screen on the page, so\n     * navigating to another module recomputes the effective items in place; outside every module it is the application's.\n     */\n    module?: string;\n\n    /** Pins the region to the application level, whatever screen is on the page. */\n    application?: boolean;\n\n    /** What to resolve against; the {@link SceneNavigationModelProvider}'s when absent. */\n    model?: SceneNavigationModel;\n\n    /**\n     * Which sub-items of a sidebar show: only those of the parents of the active item and of items the user expanded\n     * (`active`, the default), or all of them (`all`) - a design layer wants the whole hierarchy.\n     */\n    expand?: 'active' | 'all';\n\n    /** The accessible name of the `nav` landmark. */\n    label?: string;\n\n    /** The class names to put on the nodes. */\n    classNames?: Partial<NavigationRegionClassNames>;\n\n    /**\n     * Draws an item's icon from its qualified reference. By default the icon is drawn through the adapters of the\n     * enclosing `IconAdapterProvider`, or not at all without one.\n     */\n    renderIcon?(icon: string): ReactNode;\n\n    /**\n     * Content a host adds to an item after its title - Studio design mode draws the lock of an inherited item here; Stage\n     * ignores it. The item carries `origin` and `readOnly`.\n     */\n    renderAdornment?(item: EffectiveNavItem): ReactNode;\n\n    /** The href of an item's link, for opening it in a new tab; the hash route of the destination by default. */\n    hrefFor?(destination: DestinationReference, url: string | undefined): string | undefined;\n\n    /** Called after an item has been activated and the host has navigated. */\n    onActivate?(item: EffectiveNavItem, destination: DestinationReference): void;\n}\n\nfunction itemKey(path: string[]): string {\n    return path.join('/');\n}\n\nfunction containsActive(item: EffectiveNavItem, isActive: (item: EffectiveNavItem) => boolean): boolean {\n    return isActive(item) || (item.children ?? []).some(child => containsActive(child, isActive));\n}\n\n/**\n * Renders the effective navigation of one region - a topbar or a sidebar - for the application or a module.\n *\n * - **Items** come from `effectiveNavigation`, so inherit/extend/override is already applied; nothing here re-implements\n *   it. A topbar is flat; a sidebar nests, collapses, and expands the parents of the active item.\n * - **Active state** follows what the navigation host shows: an item is active (`aria-current`, `data-active`) when the\n *   screen it opens is the one in its slot, so items rendering into different slots are active at once.\n * - **Activation** goes through the enclosing navigation host (`navigate`), which renders the target in the item's slot -\n *   the `outlet` of the destination; outside a host it announces `cratis.scene.navigate`.\n * - **Authorization**: `isVisible` of the model hides items, it does not disable them.\n * - **Keyboard**: arrows (left/right in a topbar, up/down in a sidebar), Home and End move between items; in a sidebar\n *   right expands and left collapses (or goes to the parent).\n *\n * Nothing here draws design chrome: items carry `data-read-only` and `data-origin` for a design layer to style.\n */\nexport function NavigationRegionView({ region, module, application = false, model: modelProp, label, expand = 'active', classNames, renderIcon, renderAdornment, hrefFor, onActivate }: NavigationRegionViewProps) {\n    const contextModel = useSceneNavigationModel();\n    const model = modelProp ?? contextModel;\n    if (!model) throw new Error('NavigationRegionView needs a navigation model: pass `model` or render it inside a SceneNavigationModelProvider.');\n\n    const navigation = useContext(SceneNavigationContextInternal);\n    const adapters = useIconAdapters();\n    const names = { ...defaultNavigationRegionClassNames, ...classNames };\n    const index = useMemo(() => model.structure instanceof ApplicationStructureIndex ? model.structure : new ApplicationStructureIndex(model.structure), [model.structure]);\n    const screenFor = model.screenFor ?? defaultScreenFor;\n\n    const sidebar = region === NavigationRegionKind.Sidebar;\n    const placement = useMemo(() => ({ primaryScreen: navigation?.primaryScreen, outlets: navigation?.outlets ?? {} }), [navigation?.outlets, navigation?.primaryScreen]);\n    const scope = application ? undefined : module ?? currentModuleOf(index, placement.primaryScreen);\n    const resolved: EffectiveNavigationRegion = useMemo(() => effectiveNavigation(index, model.navigation, scope, region), [index, model.navigation, scope, region]);\n\n    const isActive = (item: EffectiveNavItem) => placement.primaryScreen !== undefined && navigationItemActive(item, { primaryScreen: placement.primaryScreen, outlets: placement.outlets }, screenFor, !sidebar);\n    const isVisible = model.isVisible ?? (() => true);\n    const visible = useMemo(() => {\n        const keep = (items: EffectiveNavItem[]): EffectiveNavItem[] => items.filter(isVisible).map(item => item.children ? { ...item, children: keep(item.children) } : item);\n        return keep(resolved.items);\n    }, [resolved, model.isVisible]);\n\n    const activeKey = JSON.stringify([placement.primaryScreen, placement.outlets, scope]);\n    const [toggled, setToggled] = useState<{ key: string; state: Record<string, boolean> }>({ key: activeKey, state: {} });\n    const overrides = toggled.key === activeKey ? toggled.state : {};\n    const [focused, setFocused] = useState<string>();\n    const root = useRef<HTMLElement>(null);\n\n    const isExpanded = (item: EffectiveNavItem, key: string) => overrides[key] ?? (expand === 'all' || containsActive(item, isActive));\n    const toggle = (key: string, expanded: boolean) => setToggled({ key: activeKey, state: { ...overrides, [key]: expanded } });\n\n    const activate = (item: EffectiveNavItem) => {\n        const destination = navigationItemDestination(item, screenFor);\n        if (destination === undefined) return;\n        if (navigation) {\n            navigation.navigate(destination);\n        } else {\n            globalThis.dispatchEvent(new CustomEvent('cratis.scene.navigate', { detail: { targetScreen: destination.screen ?? '', destination, item } }));\n        }\n\n        onActivate?.(item, destination);\n    };\n\n    const links = () => Array.from(root.current?.querySelectorAll<HTMLElement>('[data-scene-nav-link]') ?? []);\n    const focusLink = (element: HTMLElement | undefined) => {\n        if (!element) return;\n        setFocused(element.getAttribute('data-scene-nav-link') ?? undefined);\n        element.focus();\n    };\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        const all = links();\n        const position = all.findIndex(link => link === document.activeElement);\n        if (position < 0) return;\n        const next = sidebar ? 'ArrowDown' : 'ArrowRight';\n        const previous = sidebar ? 'ArrowUp' : 'ArrowLeft';\n        const current = all[position];\n        const key = current.getAttribute('data-scene-nav-link')!;\n        const owner = current.closest('[data-scene-nav-item]') as HTMLElement | null;\n        const hasChildren = owner?.getAttribute('data-scene-nav-parent') === 'true';\n        const expanded = owner?.getAttribute('data-expanded') === 'true';\n\n        let target: HTMLElement | undefined;\n        if (event.key === next) target = all[Math.min(position + 1, all.length - 1)];\n        else if (event.key === previous) target = all[Math.max(position - 1, 0)];\n        else if (event.key === 'Home') target = all[0];\n        else if (event.key === 'End') target = all[all.length - 1];\n        else if (sidebar && event.key === 'ArrowRight' && hasChildren) {\n            if (!expanded) toggle(key, true);\n            else target = all[position + 1];\n        } else if (sidebar && event.key === 'ArrowLeft') {\n            if (hasChildren && expanded) toggle(key, false);\n            else {\n                const parent = owner?.parentElement?.closest('[data-scene-nav-item]')?.querySelector<HTMLElement>(':scope > [data-scene-nav-link]');\n                if (parent) target = parent;\n            }\n        } else return;\n\n        event.preventDefault();\n        focusLink(target);\n    };\n\n    const tabStop = focused ?? undefined;\n    const firstActive = (items: EffectiveNavItem[], path: string[]): string | undefined => {\n        for (const item of items) {\n            const key = itemKey([...path, item.id]);\n            if (isActive(item)) return key;\n            const inner = firstActive(item.children ?? [], [...path, item.id]);\n            if (inner !== undefined && isExpanded(item, key)) return inner;\n        }\n\n        return undefined;\n    };\n    const firstKey = visible.length > 0 ? itemKey([visible[0].id]) : undefined;\n    const stop = tabStop ?? firstActive(visible, []) ?? firstKey;\n\n    const icon = (item: EffectiveNavItem) => {\n        if (item.icon === undefined) return null;\n        const drawn = renderIcon ? renderIcon(item.icon) : adapters ? (() => {\n            const reference = parseIconReference(item.icon!);\n            return reference ? <SceneIcon reference={reference} adapters={adapters} /> : null;\n        })() : null;\n        return drawn === null ? null : <span className={names.icon} aria-hidden='true' data-scene-icon={item.icon}>{drawn}</span>;\n    };\n\n    const renderItems = (items: EffectiveNavItem[], path: string[], level: number): ReactNode => items.map(item => {\n        const key = itemKey([...path, item.id]);\n        const destination = navigationItemDestination(item, screenFor);\n        const active = isActive(item);\n        const children = item.children ?? [];\n        const parent = sidebar && children.length > 0;\n        const expanded = parent && isExpanded(item, key);\n        const url = destination ? resolveDestination(destination).url : undefined;\n        const href = destination ? (hrefFor ? hrefFor(destination, url) : url ? `#/${url}` : undefined) : undefined;\n        const onClick = (event: MouseEvent) => {\n            if (event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0) return;\n            event.preventDefault();\n            if (destination) activate(item);\n            else if (parent) toggle(key, !expanded);\n        };\n        const content = <>\n            {icon(item)}\n            <span className={names.label}>{item.title}</span>\n            {renderAdornment?.(item)}\n        </>;\n\n        return <li key={item.id} className={names.item} data-scene-nav-item={item.id} data-scene-nav-parent={parent ? 'true' : undefined}\n            data-active={active} data-active-descendant={!active && parent && children.some(child => containsActive(child, isActive)) ? true : undefined} data-expanded={parent ? expanded : undefined} data-origin={item.origin} data-read-only={item.readOnly}\n            data-slot={item.slot} data-level={level}>\n            {destination || parent\n                ? <a className={names.link} href={href ?? '#'} data-scene-nav-link={key} aria-current={active ? 'page' : undefined}\n                    aria-expanded={parent && !destination ? expanded : undefined} tabIndex={key === stop ? 0 : -1}\n                    onClick={onClick} onFocus={() => setFocused(key)}>{content}</a>\n                : <span className={names.link} aria-disabled='true' data-scene-nav-link={key} tabIndex={-1}>{content}</span>}\n            {parent && <button type='button' className={names.toggle} tabIndex={-1} aria-expanded={expanded} aria-controls={`${key}-items`}\n                aria-label={`${expanded ? 'Collapse' : 'Expand'} ${item.title}`} onClick={() => toggle(key, !expanded)} />}\n            {parent && expanded && <ul id={`${key}-items`} className={`${names.list} ${names.submenu}`}>{renderItems(children, [...path, item.id], level + 1)}</ul>}\n        </li>;\n    });\n\n    return <nav ref={root} className={names.root} aria-label={label ?? (sidebar ? 'Sidebar' : 'Topbar')} data-scene-nav-region={region}\n        data-scene-nav-sources={resolved.sources.kind} data-scene-nav-sources-label={resolved.sources.label} data-scene-nav-module={scope}\n        data-scene-nav-mode={resolved.mode} onKeyDown={onKeyDown}>\n        <ul className={names.list}>{renderItems(visible, [], 0)}</ul>\n    </nav>;\n}\n"],"names":["itemKey","path","join","containsActive","item","isActive","children","some","child","NavigationRegionView","region","module","application","model","modelProp","label","expand","classNames","renderIcon","renderAdornment","hrefFor","onActivate","contextModel","useSceneNavigationModel","Error","navigation","useContext","SceneNavigationContextInternal","adapters","useIconAdapters","names","defaultNavigationRegionClassNames","index","useMemo","structure","ApplicationStructureIndex","screenFor","defaultScreenFor","sidebar","NavigationRegionKind","Sidebar","placement","primaryScreen","outlets","scope","undefined","currentModuleOf","resolved","effectiveNavigation","navigationItemActive","isVisible","visible","keep","items","filter","map","activeKey","JSON","stringify","toggled","setToggled","useState","key","state","overrides","focused","setFocused","root","useRef","isExpanded","toggle","expanded","activate","destination","navigationItemDestination","navigate","globalThis","dispatchEvent","CustomEvent","detail","targetScreen","screen","links","Array","from","current","querySelectorAll","focusLink","element","getAttribute","focus","onKeyDown","event","all","position","findIndex","link","document","activeElement","next","previous","owner","closest","hasChildren","target","Math","min","length","max","parent","parentElement","querySelector","preventDefault","tabStop","firstActive","id","inner","firstKey","stop","icon","drawn","reference","parseIconReference","_jsx","SceneIcon","span","className","aria-hidden","data-scene-icon","renderItems","level","active","url","resolveDestination","href","onClick","metaKey","ctrlKey","shiftKey","button","content","_jsxs","_Fragment","title","li","data-scene-nav-item","data-scene-nav-parent","data-active","data-active-descendant","data-expanded","data-origin","origin","data-read-only","readOnly","data-slot","slot","data-level","a","data-scene-nav-link","aria-current","aria-expanded","tabIndex","onFocus","aria-disabled","type","aria-controls","aria-label","ul","list","submenu","nav","ref","data-scene-nav-region","data-scene-nav-sources","sources","kind","data-scene-nav-sources-label","data-scene-nav-module","data-scene-nav-mode","mode"],"mappings":"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"}

package/dist/esm/navigation/region/SceneNavigationModel.d.ts

@@ -0,0 +1,9 @@
+import { ApplicationStructure, NavigationModel } from '@cratis/scene.model';
+import { ApplicationStructureIndex, EffectiveNavItem } from '@cratis/scene.engine';
+export interface SceneNavigationModel {
+    structure: ApplicationStructure | ApplicationStructureIndex;
+    navigation: NavigationModel;
+    screenFor?(item: EffectiveNavItem): string | undefined;
+    isVisible?(item: EffectiveNavItem): boolean;
+}
+//# sourceMappingURL=SceneNavigationModel.d.ts.map

package/dist/esm/navigation/region/SceneNavigationModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneNavigationModel.d.ts","sourceRoot":"","sources":["../../../../navigation/region/SceneNavigationModel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMnF,MAAM,WAAW,oBAAoB;IAEjC,SAAS,EAAE,oBAAoB,GAAG,yBAAyB,CAAC;IAG5D,UAAU,EAAE,eAAe,CAAC;IAM5B,SAAS,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAAC;IAMvD,SAAS,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO,CAAC;CAC/C"}

package/dist/esm/navigation/region/SceneNavigationModel.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SceneNavigationModel.js.map

package/dist/esm/navigation/region/SceneNavigationModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneNavigationModel.js","sourceRoot":"","sources":["../../../../navigation/region/SceneNavigationModel.ts"],"names":[],"mappings":""}

package/dist/esm/navigation/region/SceneNavigationModelContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { SceneNavigationModel } from './SceneNavigationModel';
+export interface SceneNavigationModelProviderProps {
+    model: SceneNavigationModel;
+    children?: ReactNode;
+}
+export declare function SceneNavigationModelProvider({ model, children }: SceneNavigationModelProviderProps): import("react").JSX.Element;
+export declare function useSceneNavigationModel(): SceneNavigationModel | undefined;
+//# sourceMappingURL=SceneNavigationModelContext.d.ts.map

package/dist/esm/navigation/region/SceneNavigationModelContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneNavigationModelContext.d.ts","sourceRoot":"","sources":["../../../../navigation/region/SceneNavigationModelContext.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,WAAW,iCAAiC;IAC9C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAMD,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iCAAiC,+BAElG;AAGD,wBAAgB,uBAAuB,IAAI,oBAAoB,GAAG,SAAS,CAE1E"}

package/dist/esm/navigation/region/SceneNavigationModelContext.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+
+const Context = /*#__PURE__*/ createContext(undefined);
+/**
+ * Supplies the application structure and navigation every navigation region below it renders - the topbar and sidebar
+ * components of a shell find what to show here, so a screen document does not carry the application's navigation.
+ */ function SceneNavigationModelProvider({ model, children }) {
+    return /*#__PURE__*/ jsx(Context.Provider, {
+        value: model,
+        children: children
+    });
+}
+/** The navigation model in scope, or undefined outside a {@link SceneNavigationModelProvider}. */ function useSceneNavigationModel() {
+    return useContext(Context);
+}
+
+export { SceneNavigationModelProvider, useSceneNavigationModel };
+//# sourceMappingURL=SceneNavigationModelContext.js.map

package/dist/esm/navigation/region/SceneNavigationModelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneNavigationModelContext.js","sources":["../../../../navigation/region/SceneNavigationModelContext.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ReactNode, createContext, useContext } from 'react';\nimport { SceneNavigationModel } from './SceneNavigationModel';\n\nconst Context = createContext<SceneNavigationModel | undefined>(undefined);\n\nexport interface SceneNavigationModelProviderProps {\n    model: SceneNavigationModel;\n    children?: ReactNode;\n}\n\n/**\n * Supplies the application structure and navigation every navigation region below it renders - the topbar and sidebar\n * components of a shell find what to show here, so a screen document does not carry the application's navigation.\n */\nexport function SceneNavigationModelProvider({ model, children }: SceneNavigationModelProviderProps) {\n    return <Context.Provider value={model}>{children}</Context.Provider>;\n}\n\n/** The navigation model in scope, or undefined outside a {@link SceneNavigationModelProvider}. */\nexport function useSceneNavigationModel(): SceneNavigationModel | undefined {\n    return useContext(Context);\n}\n"],"names":["Context","createContext","undefined","SceneNavigationModelProvider","model","children","_jsx","Provider","value","useSceneNavigationModel","useContext"],"mappings":";;;AAMA,MAAMA,wBAAUC,aAAAA,CAAgDC,SAAAA,CAAAA;AAOhE;;;AAGC,IACM,SAASC,4BAAAA,CAA6B,EAAEC,KAAK,EAAEC,QAAQ,EAAqC,EAAA;IAC/F,qBAAOC,GAAA,CAACN,QAAQO,QAAQ,EAAA;QAACC,KAAAA,EAAOJ,KAAAA;AAAQC,QAAAA,QAAAA,EAAAA;;AAC5C;AAEA,mGACO,SAASI,uBAAAA,GAAAA;AACZ,IAAA,OAAOC,UAAAA,CAAWV,OAAAA,CAAAA;AACtB;;"}

package/dist/esm/navigation/region/currentModuleOf.d.ts

@@ -0,0 +1,3 @@
+import { ApplicationStructureIndex } from '@cratis/scene.engine';
+export declare function currentModuleOf(index: ApplicationStructureIndex, screen: string | undefined): string | undefined;
+//# sourceMappingURL=currentModuleOf.d.ts.map

package/dist/esm/navigation/region/currentModuleOf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"currentModuleOf.d.ts","sourceRoot":"","sources":["../../../../navigation/region/currentModuleOf.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,wBAAgB,eAAe,CAAC,KAAK,EAAE,yBAAyB,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAIhH"}

package/dist/esm/navigation/region/currentModuleOf.js

@@ -0,0 +1,13 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * The module the screen on the page belongs to: the screen's qualified id starts with its module id, so `sales.orders`
+ * is in `sales`. Undefined for a screen outside every module - the application level.
+ */ function currentModuleOf(index, screen) {
+    if (screen === undefined) return undefined;
+    const module = screen.split('.')[0];
+    return index.findModule(module) ? module : undefined;
+}
+
+export { currentModuleOf };
+//# sourceMappingURL=currentModuleOf.js.map

package/dist/esm/navigation/region/currentModuleOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currentModuleOf.js","sources":["../../../../navigation/region/currentModuleOf.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ApplicationStructureIndex } from '@cratis/scene.engine';\n\n/**\n * The module the screen on the page belongs to: the screen's qualified id starts with its module id, so `sales.orders`\n * is in `sales`. Undefined for a screen outside every module - the application level.\n */\nexport function currentModuleOf(index: ApplicationStructureIndex, screen: string | undefined): string | undefined {\n    if (screen === undefined) return undefined;\n    const module = screen.split('.')[0];\n    return index.findModule(module) ? module : undefined;\n}\n"],"names":["currentModuleOf","index","screen","undefined","module","split","findModule"],"mappings":"AAAA;AACA;AAIA;;;AAGC,IACM,SAASA,eAAAA,CAAgBC,KAAgC,EAAEC,MAA0B,EAAA;IACxF,IAAIA,MAAAA,KAAWC,WAAW,OAAOA,SAAAA;AACjC,IAAA,MAAMC,SAASF,MAAAA,CAAOG,KAAK,CAAC,GAAA,CAAI,CAAC,CAAA,CAAE;AACnC,IAAA,OAAOJ,KAAAA,CAAMK,UAAU,CAACF,MAAAA,CAAAA,GAAUA,MAAAA,GAASD,SAAAA;AAC/C;;"}

package/dist/esm/navigation/region/navigationDestinations.d.ts

@@ -0,0 +1,4 @@
+import { ApplicationStructure, DestinationReference, NavigationModel } from '@cratis/scene.model';
+import { ApplicationStructureIndex, EffectiveNavItem } from '@cratis/scene.engine';
+export declare function navigationDestinations(structure: ApplicationStructure | ApplicationStructureIndex, navigation: NavigationModel, screenFor?: (item: EffectiveNavItem) => string | undefined): DestinationReference[];
+//# sourceMappingURL=navigationDestinations.d.ts.map

package/dist/esm/navigation/region/navigationDestinations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationDestinations.d.ts","sourceRoot":"","sources":["../../../../navigation/region/navigationDestinations.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAwB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACxH,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAuB,MAAM,sBAAsB,CAAC;AAYxG,wBAAgB,sBAAsB,CAClC,SAAS,EAAE,oBAAoB,GAAG,yBAAyB,EAC3D,UAAU,EAAE,eAAe,EAC3B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAAS,GAC3D,oBAAoB,EAAE,CAoBxB"}

package/dist/esm/navigation/region/navigationDestinations.js

@@ -0,0 +1,44 @@
+import { NavigationRegionKind } from '@cratis/scene.model';
+import { ApplicationStructureIndex, effectiveNavigation } from '@cratis/scene.engine';
+import { navigationItemDestination } from './navigationItemDestination.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+function flatten(items) {
+    return items.flatMap((item)=>[
+            item,
+            ...flatten(item.children ?? [])
+        ]);
+}
+/**
+ * Every destination the navigation of the application and of each module can lead to, once each: what a
+ * `SceneNavigationHost` is given as `destinations` so deep links to a navigation item resolve, and an item that renders
+ * into a nested outlet is placed with the screen that declares the outlet.
+ */ function navigationDestinations(structure, navigation, screenFor) {
+    const index = structure instanceof ApplicationStructureIndex ? structure : new ApplicationStructureIndex(structure);
+    const modules = [
+        undefined,
+        ...index.structure.modules.map((module)=>module.id)
+    ];
+    const seen = new Set();
+    const destinations = [];
+    for (const module of modules){
+        for (const region of [
+            NavigationRegionKind.Topbar,
+            NavigationRegionKind.Sidebar
+        ]){
+            for (const item of flatten(effectiveNavigation(index, navigation, module, region).items)){
+                const destination = navigationItemDestination(item, screenFor);
+                if (destination === undefined) continue;
+                const key = JSON.stringify(destination);
+                if (seen.has(key)) continue;
+                seen.add(key);
+                destinations.push(destination);
+            }
+        }
+    }
+    return destinations;
+}
+
+export { navigationDestinations };
+//# sourceMappingURL=navigationDestinations.js.map

package/dist/esm/navigation/region/navigationDestinations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationDestinations.js","sources":["../../../../navigation/region/navigationDestinations.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { ApplicationStructure, DestinationReference, NavigationRegionKind, NavigationModel } from '@cratis/scene.model';\nimport { ApplicationStructureIndex, EffectiveNavItem, effectiveNavigation } from '@cratis/scene.engine';\nimport { navigationItemDestination } from './navigationItemDestination';\n\nfunction flatten(items: EffectiveNavItem[]): EffectiveNavItem[] {\n    return items.flatMap(item => [item, ...flatten(item.children ?? [])]);\n}\n\n/**\n * Every destination the navigation of the application and of each module can lead to, once each: what a\n * `SceneNavigationHost` is given as `destinations` so deep links to a navigation item resolve, and an item that renders\n * into a nested outlet is placed with the screen that declares the outlet.\n */\nexport function navigationDestinations(\n    structure: ApplicationStructure | ApplicationStructureIndex,\n    navigation: NavigationModel,\n    screenFor?: (item: EffectiveNavItem) => string | undefined,\n): DestinationReference[] {\n    const index = structure instanceof ApplicationStructureIndex ? structure : new ApplicationStructureIndex(structure);\n    const modules = [undefined, ...index.structure.modules.map(module => module.id)];\n    const seen = new Set<string>();\n    const destinations: DestinationReference[] = [];\n\n    for (const module of modules) {\n        for (const region of [NavigationRegionKind.Topbar, NavigationRegionKind.Sidebar]) {\n            for (const item of flatten(effectiveNavigation(index, navigation, module, region).items)) {\n                const destination = navigationItemDestination(item, screenFor);\n                if (destination === undefined) continue;\n                const key = JSON.stringify(destination);\n                if (seen.has(key)) continue;\n                seen.add(key);\n                destinations.push(destination);\n            }\n        }\n    }\n\n    return destinations;\n}\n"],"names":["flatten","items","flatMap","item","children","navigationDestinations","structure","navigation","screenFor","index","ApplicationStructureIndex","modules","undefined","map","module","id","seen","Set","destinations","region","NavigationRegionKind","Topbar","Sidebar","effectiveNavigation","destination","navigationItemDestination","key","JSON","stringify","has","add","push"],"mappings":";;;;AAAA;AACA;AAMA,SAASA,QAAQC,KAAyB,EAAA;AACtC,IAAA,OAAOA,KAAAA,CAAMC,OAAO,CAACC,CAAAA,IAAAA,GAAQ;AAACA,YAAAA,IAAAA;eAASH,OAAAA,CAAQG,IAAAA,CAAKC,QAAQ,IAAI,EAAE;AAAE,SAAA,CAAA;AACxE;AAEA;;;;AAIC,IACM,SAASC,sBAAAA,CACZC,SAA2D,EAC3DC,UAA2B,EAC3BC,SAA0D,EAAA;AAE1D,IAAA,MAAMC,KAAAA,GAAQH,SAAAA,YAAqBI,yBAAAA,GAA4BJ,SAAAA,GAAY,IAAII,yBAAAA,CAA0BJ,SAAAA,CAAAA;AACzG,IAAA,MAAMK,OAAAA,GAAU;AAACC,QAAAA,SAAAA;WAAcH,KAAAA,CAAMH,SAAS,CAACK,OAAO,CAACE,GAAG,CAACC,CAAAA,MAAAA,GAAUA,MAAAA,CAAOC,EAAE;AAAE,KAAA;AAChF,IAAA,MAAMC,OAAO,IAAIC,GAAAA,EAAAA;AACjB,IAAA,MAAMC,eAAuC,EAAE;IAE/C,KAAK,MAAMJ,UAAUH,OAAAA,CAAS;AAC1B,QAAA,KAAK,MAAMQ,MAAAA,IAAU;AAACC,YAAAA,oBAAAA,CAAqBC,MAAM;AAAED,YAAAA,oBAAAA,CAAqBE;SAAQ,CAAE;YAC9E,KAAK,MAAMnB,QAAQH,OAAAA,CAAQuB,mBAAAA,CAAoBd,OAAOF,UAAAA,EAAYO,MAAAA,EAAQK,MAAAA,CAAAA,CAAQlB,KAAK,CAAA,CAAG;gBACtF,MAAMuB,WAAAA,GAAcC,0BAA0BtB,IAAAA,EAAMK,SAAAA,CAAAA;AACpD,gBAAA,IAAIgB,gBAAgBZ,SAAAA,EAAW;gBAC/B,MAAMc,GAAAA,GAAMC,IAAAA,CAAKC,SAAS,CAACJ,WAAAA,CAAAA;gBAC3B,IAAIR,IAAAA,CAAKa,GAAG,CAACH,GAAAA,CAAAA,EAAM;AACnBV,gBAAAA,IAAAA,CAAKc,GAAG,CAACJ,GAAAA,CAAAA;AACTR,gBAAAA,YAAAA,CAAaa,IAAI,CAACP,WAAAA,CAAAA;AACtB,YAAA;AACJ,QAAA;AACJ,IAAA;IAEA,OAAON,YAAAA;AACX;;"}

package/dist/esm/navigation/region/navigationItemActive.d.ts

@@ -0,0 +1,5 @@
+import { EffectiveNavItem } from '@cratis/scene.engine';
+import { SceneNavigationContextValue } from '../SceneNavigationContext';
+export type NavigationPlacement = Pick<SceneNavigationContextValue, 'primaryScreen' | 'outlets'>;
+export declare function navigationItemActive(item: EffectiveNavItem, placement: NavigationPlacement, screenFor?: (item: EffectiveNavItem) => string | undefined, matchModule?: boolean): boolean;
+//# sourceMappingURL=navigationItemActive.d.ts.map

package/dist/esm/navigation/region/navigationItemActive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationItemActive.d.ts","sourceRoot":"","sources":["../../../../navigation/region/navigationItemActive.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAGxE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,2BAA2B,EAAE,eAAe,GAAG,SAAS,CAAC,CAAC;AAejG,wBAAgB,oBAAoB,CAChC,IAAI,EAAE,gBAAgB,EACtB,SAAS,EAAE,mBAAmB,EAC9B,SAAS,GAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAA4B,EAC5E,WAAW,UAAQ,GACpB,OAAO,CAUT"}

package/dist/esm/navigation/region/navigationItemActive.js

@@ -0,0 +1,29 @@
+import { primarySlot } from '@cratis/scene.engine';
+import { defaultScreenFor } from './navigationItemDestination.js';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/**
+ * Whether a navigation item is the one the page shows.
+ *
+ * An item is active when the screen it opens is the one in the slot it renders into: the primary region for the
+ * `content` slot, the nested outlet of that name otherwise. So several items can be active at once - each is shown in
+ * its own slot - and closing a slot's screen un-highlights its item. With `matchModule` - a topbar - an item that targets
+ * a module without a feature is also active while any screen of that module is in its slot.
+ *
+ * @param item The effective item.
+ * @param placement What the host currently shows.
+ * @param screenFor Names the screen an item opens; the feature the item resolves to when absent.
+ * @param matchModule Whether a module item is active on any screen of the module; a topbar's are, a sidebar's are not.
+ */ function navigationItemActive(item, placement, screenFor = defaultScreenFor, matchModule = false) {
+    const screen = screenFor(item);
+    if (screen === undefined) return false;
+    const shown = item.slot === primarySlot ? placement.primaryScreen : placement.outlets[item.slot];
+    if (shown === undefined) return false;
+    if (shown === screen) return true;
+    const target = item.target;
+    return matchModule && target !== undefined && target.feature === undefined && shown.startsWith(`${target.module}.`);
+}
+
+export { navigationItemActive };
+//# sourceMappingURL=navigationItemActive.js.map

package/dist/esm/navigation/region/navigationItemActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationItemActive.js","sources":["../../../../navigation/region/navigationItemActive.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { EffectiveNavItem, primarySlot } from '@cratis/scene.engine';\nimport { defaultScreenFor } from './navigationItemDestination';\nimport { SceneNavigationContextValue } from '../SceneNavigationContext';\n\n/** Where the navigation host is: the part of {@link SceneNavigationContextValue} that says what is on the page. */\nexport type NavigationPlacement = Pick<SceneNavigationContextValue, 'primaryScreen' | 'outlets'>;\n\n/**\n * Whether a navigation item is the one the page shows.\n *\n * An item is active when the screen it opens is the one in the slot it renders into: the primary region for the\n * `content` slot, the nested outlet of that name otherwise. So several items can be active at once - each is shown in\n * its own slot - and closing a slot's screen un-highlights its item. With `matchModule` - a topbar - an item that targets\n * a module without a feature is also active while any screen of that module is in its slot.\n *\n * @param item The effective item.\n * @param placement What the host currently shows.\n * @param screenFor Names the screen an item opens; the feature the item resolves to when absent.\n * @param matchModule Whether a module item is active on any screen of the module; a topbar's are, a sidebar's are not.\n */\nexport function navigationItemActive(\n    item: EffectiveNavItem,\n    placement: NavigationPlacement,\n    screenFor: (item: EffectiveNavItem) => string | undefined = defaultScreenFor,\n    matchModule = false,\n): boolean {\n    const screen = screenFor(item);\n    if (screen === undefined) return false;\n\n    const shown = item.slot === primarySlot ? placement.primaryScreen : placement.outlets[item.slot];\n    if (shown === undefined) return false;\n    if (shown === screen) return true;\n\n    const target = item.target;\n    return matchModule && target !== undefined && target.feature === undefined && shown.startsWith(`${target.module}.`);\n}\n"],"names":["navigationItemActive","item","placement","screenFor","defaultScreenFor","matchModule","screen","undefined","shown","slot","primarySlot","primaryScreen","outlets","target","feature","startsWith","module"],"mappings":";;;AAAA;AACA;AASA;;;;;;;;;;;;IAaO,SAASA,oBAAAA,CACZC,IAAsB,EACtBC,SAA8B,EAC9BC,SAAAA,GAA4DC,gBAAgB,EAC5EC,WAAAA,GAAc,KAAK,EAAA;AAEnB,IAAA,MAAMC,SAASH,SAAAA,CAAUF,IAAAA,CAAAA;IACzB,IAAIK,MAAAA,KAAWC,WAAW,OAAO,KAAA;AAEjC,IAAA,MAAMC,KAAAA,GAAQP,IAAAA,CAAKQ,IAAI,KAAKC,WAAAA,GAAcR,SAAAA,CAAUS,aAAa,GAAGT,SAAAA,CAAUU,OAAO,CAACX,IAAAA,CAAKQ,IAAI,CAAC;IAChG,IAAID,KAAAA,KAAUD,WAAW,OAAO,KAAA;IAChC,IAAIC,KAAAA,KAAUF,QAAQ,OAAO,IAAA;IAE7B,MAAMO,MAAAA,GAASZ,KAAKY,MAAM;AAC1B,IAAA,OAAOR,WAAAA,IAAeQ,MAAAA,KAAWN,SAAAA,IAAaM,MAAAA,CAAOC,OAAO,KAAKP,SAAAA,IAAaC,KAAAA,CAAMO,UAAU,CAAC,CAAA,EAAGF,MAAAA,CAAOG,MAAM,CAAC,CAAC,CAAC,CAAA;AACtH;;"}

package/dist/esm/navigation/region/navigationItemDestination.d.ts

@@ -0,0 +1,5 @@
+import { DestinationReference } from '@cratis/scene.model';
+import { EffectiveNavItem } from '@cratis/scene.engine';
+export declare function defaultScreenFor(item: EffectiveNavItem): string | undefined;
+export declare function navigationItemDestination(item: EffectiveNavItem, screenFor?: (item: EffectiveNavItem) => string | undefined): DestinationReference | undefined;
+//# sourceMappingURL=navigationItemDestination.d.ts.map

package/dist/esm/navigation/region/navigationItemDestination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationItemDestination.d.ts","sourceRoot":"","sources":["../../../../navigation/region/navigationItemDestination.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAGrE,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAE3E;AAUD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,GAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,GAAG,SAA4B,GAAG,oBAAoB,GAAG,SAAS,CAShL"}

package/dist/esm/navigation/region/navigationItemDestination.js

@@ -0,0 +1,31 @@
+import { DestinationKind } from '@cratis/scene.model';
+import { primarySlot } from '@cratis/scene.engine';
+
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+/** The screen an item opens by default: the qualified id of the feature it resolves to. */ function defaultScreenFor(item) {
+    return item.target?.resolvedFeature;
+}
+/**
+ * Where activating a navigation item goes: its stable module/feature identity, the screen it opens, and the slot it
+ * renders into as the outlet - the primary `content` slot is the host's primary outlet.
+ *
+ * @param item The effective item.
+ * @param screenFor Names the screen an item opens; {@link defaultScreenFor} when absent.
+ * @returns The destination, or undefined when the item leads nowhere.
+ */ function navigationItemDestination(item, screenFor = defaultScreenFor) {
+    const screen = screenFor(item);
+    if (screen === undefined || item.target === undefined) return undefined;
+    const resolved = item.target.resolvedFeature;
+    const destination = {
+        kind: DestinationKind.Outlet,
+        module: item.target.module,
+        screen
+    };
+    if (resolved !== undefined && resolved.startsWith(`${item.target.module}.`)) destination.feature = resolved.substring(item.target.module.length + 1);
+    if (item.slot !== primarySlot) destination.outlet = item.slot;
+    return destination;
+}
+
+export { defaultScreenFor, navigationItemDestination };
+//# sourceMappingURL=navigationItemDestination.js.map

package/dist/esm/navigation/region/navigationItemDestination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationItemDestination.js","sources":["../../../../navigation/region/navigationItemDestination.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { DestinationKind, DestinationReference } from '@cratis/scene.model';\nimport { EffectiveNavItem, primarySlot } from '@cratis/scene.engine';\n\n/** The screen an item opens by default: the qualified id of the feature it resolves to. */\nexport function defaultScreenFor(item: EffectiveNavItem): string | undefined {\n    return item.target?.resolvedFeature;\n}\n\n/**\n * Where activating a navigation item goes: its stable module/feature identity, the screen it opens, and the slot it\n * renders into as the outlet - the primary `content` slot is the host's primary outlet.\n *\n * @param item The effective item.\n * @param screenFor Names the screen an item opens; {@link defaultScreenFor} when absent.\n * @returns The destination, or undefined when the item leads nowhere.\n */\nexport function navigationItemDestination(item: EffectiveNavItem, screenFor: (item: EffectiveNavItem) => string | undefined = defaultScreenFor): DestinationReference | undefined {\n    const screen = screenFor(item);\n    if (screen === undefined || item.target === undefined) return undefined;\n\n    const resolved = item.target.resolvedFeature;\n    const destination: DestinationReference = { kind: DestinationKind.Outlet, module: item.target.module, screen };\n    if (resolved !== undefined && resolved.startsWith(`${item.target.module}.`)) destination.feature = resolved.substring(item.target.module.length + 1);\n    if (item.slot !== primarySlot) destination.outlet = item.slot;\n    return destination;\n}\n"],"names":["defaultScreenFor","item","target","resolvedFeature","navigationItemDestination","screenFor","screen","undefined","resolved","destination","kind","DestinationKind","Outlet","module","startsWith","feature","substring","length","slot","primarySlot","outlet"],"mappings":";;;AAAA;AACA;AAKA,4FACO,SAASA,gBAAAA,CAAiBC,IAAsB,EAAA;IACnD,OAAOA,IAAAA,CAAKC,MAAM,EAAEC,eAAAA;AACxB;AAEA;;;;;;;AAOC,IACM,SAASC,yBAAAA,CAA0BH,IAAsB,EAAEI,YAA4DL,gBAAgB,EAAA;AAC1I,IAAA,MAAMM,SAASD,SAAAA,CAAUJ,IAAAA,CAAAA;AACzB,IAAA,IAAIK,WAAWC,SAAAA,IAAaN,IAAAA,CAAKC,MAAM,KAAKK,WAAW,OAAOA,SAAAA;AAE9D,IAAA,MAAMC,QAAAA,GAAWP,IAAAA,CAAKC,MAAM,CAACC,eAAe;AAC5C,IAAA,MAAMM,WAAAA,GAAoC;AAAEC,QAAAA,IAAAA,EAAMC,gBAAgBC,MAAM;QAAEC,MAAAA,EAAQZ,IAAAA,CAAKC,MAAM,CAACW,MAAM;AAAEP,QAAAA;AAAO,KAAA;IAC7G,IAAIE,QAAAA,KAAaD,SAAAA,IAAaC,QAAAA,CAASM,UAAU,CAAC,CAAA,EAAGb,IAAAA,CAAKC,MAAM,CAACW,MAAM,CAAC,CAAC,CAAC,GAAGJ,WAAAA,CAAYM,OAAO,GAAGP,QAAAA,CAASQ,SAAS,CAACf,IAAAA,CAAKC,MAAM,CAACW,MAAM,CAACI,MAAM,GAAG,CAAA,CAAA;IAClJ,IAAIhB,IAAAA,CAAKiB,IAAI,KAAKC,WAAAA,EAAaV,YAAYW,MAAM,GAAGnB,KAAKiB,IAAI;IAC7D,OAAOT,WAAAA;AACX;;"}

package/dist/esm/navigation/useSceneHistoryNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSceneHistoryNavigation.d.ts","sourceRoot":"","sources":["../../../navigation/useSceneHistoryNavigation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAK5E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,wBAAgB,yBAAyB,CACrC,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,UAAU,EAAE,EACpB,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,YAAY,EAC1B,YAAY,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,EACzC,YAAY,GAAE,oBAAoB,EAAO,GAC1C,2BAA2B,CAmE7B"}
+{"version":3,"file":"useSceneHistoryNavigation.d.ts","sourceRoot":"","sources":["../../../navigation/useSceneHistoryNavigation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAK5E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,wBAAgB,yBAAyB,CACrC,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,UAAU,EAAE,EACpB,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,YAAY,EAC1B,YAAY,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,EACzC,YAAY,GAAE,oBAAoB,EAAO,GAC1C,2BAA2B,CAoE7B"}