@neovici/cosmoz-treenode-navigator 8.5.0 → 9.0.1

package/dist/cosmoz-treenode-navigator.styles.js

@@ -1,109 +1,92 @@
 import { css } from '@pionjs/pion';
 export default css `
-	.header {
-		margin: 0 16px;
-		color: var(--cz-text-color, inherit);
-	}
-
-	.header a {
-		text-decoration: none;
-		color: inherit;
-	}
-
-	.icon {
-		display: inline-block;
-		position: relative;
-		padding: 8px;
-		outline: none;
-		user-select: none;
-		cursor: pointer;
-		z-index: 0;
-		line-height: 1;
-		width: 40px;
-		height: 40px;
-		box-sizing: border-box;
-		color: var(--cosmoz-treenode-navigator-icon-color, currentColor);
+	:host {
+		display: flex;
+		flex-direction: column;
+		gap: calc(var(--cz-spacing) * 3);
+		min-width: 0;
 	}
 
-	.icon svg {
-		fill: currentColor;
+	.header {
+		display: flex;
+		flex-direction: column;
+		gap: calc(var(--cz-spacing) * 2);
+		margin: 0 calc(var(--cz-spacing) * 5);
 	}
 
 	.path {
 		display: flex;
-		align-items: center;
 		flex-wrap: wrap;
-		margin: 0;
+		align-items: center;
+		gap: 2px;
+		min-height: var(--cz-text-sm-line-height);
+		font-size: var(--cz-text-sm);
+		line-height: var(--cz-text-sm-line-height);
+		color: var(--cz-color-text-tertiary);
 	}
 
 	.slash {
-		margin: 0 2px;
+		color: var(--cz-color-text-quaternary);
 	}
 
-	.pointer {
+	.crumb {
+		all: unset;
 		cursor: pointer;
+		padding: 0 4px;
+		border-radius: var(--cz-radius-xs);
+		font-weight: var(--cz-font-weight-medium);
 	}
 
-	.items {
-		height: var(--cosmoz-treenode-navigator-list-height, 50vh);
-		width: 100%;
-		overflow-y: auto;
+	.crumb:hover {
+		color: var(--cz-color-text-secondary-hover);
+		background: var(--cz-color-bg-primary-hover);
 	}
 
-	.section {
-		background-color: var(--cz-bg-color, var(--cz-color-bg-secondary));
-		padding: 5px;
+	.crumb:focus-visible {
+		box-shadow: var(--cz-focus-ring);
 	}
 
-	.item {
-		width: 100%;
+	.crumb[aria-current] {
+		color: var(--cz-color-text-primary);
+		font-weight: var(--cz-font-weight-semibold);
 	}
 
-	.node {
-		align-items: center;
-		display: flex;
-		font-size: 16px;
-		font-weight: 400;
-		color: var(--cz-text-color, inherit);
-		height: 40px;
-		line-height: 24px;
-		padding: 6px 12px 6px 16px;
-		cursor: pointer;
-	}
-
-	.name {
-		flex: auto;
+	.items {
+		height: var(--cosmoz-treenode-navigator-list-height, min(44dvh, 24rem));
+		margin: 0 8px;
 	}
 
-	.node.selected {
-		background-color: var(
-			--cosmoz-listbox-active-color,
-			var(--cz-color-bg-tertiary)
-		);
-		transition: background-color 0.2s ease-out;
+	.status {
+		margin: 0 calc(var(--cz-spacing) * 5);
+		min-height: var(--cz-text-sm-line-height);
+		padding-block: 0 calc(var(--cz-spacing) * 3);
+		color: var(--cz-color-text-tertiary);
+		font-size: var(--cz-text-sm);
+		display: flex;
+		align-items: center;
+		gap: calc(var(--cz-spacing) * 2);
 	}
-
-	.node.selected .icon svg {
-		fill: var(
-			--cosmoz-treenode-navigator-select-node-icon-color,
-			var(--cz-color-fg-secondary)
-		);
-		transition: color 0.8s ease-out;
+	.status:empty {
+		display: none;
 	}
-
-	.path > .pointer:hover,
-	.path > .pointer:has(~ .pointer:hover) {
+	.retry {
+		border: 0;
+		padding: 0;
+		background: none;
+		font: inherit;
+		color: var(--cz-color-text-brand-primary);
+		cursor: pointer;
 		text-decoration: underline;
 	}
-
-	.global-search {
-		margin-block: calc(var(--cz-spacing) * 4);
+	.retry:focus-visible {
+		outline: none;
+		box-shadow: var(--cz-focus-ring);
 	}
-
-	.status {
-		padding: 6px 16px;
-		color: var(--cosmoz-treenode-navigator-status-color, #757575);
-		font-size: 13px;
+	@media (max-width: 480px) {
+		.header,
+		.status {
+			margin-inline: calc(var(--cz-spacing) * 4);
+		}
 	}
 `;
 //# sourceMappingURL=cosmoz-treenode-navigator.styles.js.map

package/dist/cosmoz-treenode-navigator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"cosmoz-treenode-navigator.styles.js","sourceRoot":"","sources":["../src/cosmoz-treenode-navigator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GjB,CAAC"}
+{"version":3,"file":"cosmoz-treenode-navigator.styles.js","sourceRoot":"","sources":["../src/cosmoz-treenode-navigator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFjB,CAAC"}

package/dist/hooks/useNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNodes.d.ts","sourceRoot":"","sources":["../../src/hooks/useNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GACpB,MAAM,MAAM,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,EACpC,MAAM,OAAO,EAAE;;;;CA+Bf,CAAC"}
+{"version":3,"file":"useNodes.d.ts","sourceRoot":"","sources":["../../src/hooks/useNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjD;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GACpB,MAAM,MAAM,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,EACpC,MAAM,OAAO,EAAE;;;;CAgCf,CAAC"}

package/dist/hooks/useNodes.js

@@ -13,7 +13,8 @@ export const useNodes = (load, deps) => {
     const [error, setError] = useState();
     const request = useRef(0);
     useEffect(() => {
-        const id = ++request.current;
+        const id = (request.current ?? 0) + 1;
+        request.current = id;
         setLoading(true);
         setError(undefined);
         Promise.resolve()

package/dist/hooks/useNodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNodes.js","sourceRoot":"","sources":["../../src/hooks/useNodes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,IAAoC,EACpC,IAAe,EACd,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC;QAE7B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpB,OAAO,CAAC,OAAO,EAAE;aACf,IAAI,CAAC,IAAI,CAAC;aACV,IAAI,CACJ,CAAC,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,KAAK,OAAO,CAAC,OAAO;gBAAE,OAAO;YACnC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;YACvB,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,CAAC,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,KAAK,OAAO,CAAC,OAAO;gBAAE,OAAO;YACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjB,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,CACD,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAClC,CAAC,CAAC"}
+{"version":3,"file":"useNodes.js","sourceRoot":"","sources":["../../src/hooks/useNodes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CACvB,IAAoC,EACpC,IAAe,EACd,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAW,CAAC;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;QAErB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpB,OAAO,CAAC,OAAO,EAAE;aACf,IAAI,CAAC,IAAI,CAAC;aACV,IAAI,CACJ,CAAC,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,KAAK,OAAO,CAAC,OAAO;gBAAE,OAAO;YACnC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;YACvB,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,EACD,CAAC,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,KAAK,OAAO,CAAC,OAAO;gBAAE,OAAO;YACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACb,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjB,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,CACD,CAAC;IACJ,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAClC,CAAC,CAAC"}

package/dist/hooks/useSourceTree.d.ts

@@ -0,0 +1,33 @@
+import type { Node } from '@neovici/cosmoz-tree';
+import type { NodeSource } from '../util/source';
+export declare const useSourceTree: (source: NodeSource, path: string, opened?: boolean) => {
+    model: {
+        subscribe: (listener: () => void) => () => void;
+        roots: () => Node[];
+        getChildren: (node: Node) => Node[];
+        hasChildren: (node: Node) => boolean;
+        pending: Map<string, Promise<void>>;
+        errors: Set<string>;
+        loadPath: (path: string) => Promise<Node[]>;
+        loadLevel: (path: string) => Promise<void>;
+    };
+    expanded: readonly string[];
+    setExpanded: import("@pionjs/pion").StateUpdater<readonly string[]>;
+    highlighted: string;
+    setHighlighted: import("@pionjs/pion").StateUpdater<string>;
+    error: boolean;
+    loading: boolean;
+    retry: () => void;
+};
+export declare const useSearchTree: (source: NodeSource, query: string) => {
+    found: {
+        matches: number;
+        roots: Node[];
+        getChildren: (node: Node) => Node[];
+        expanded: string[];
+    } | undefined;
+    loading: boolean;
+    error: boolean;
+    retry: () => void;
+};
+//# sourceMappingURL=useSourceTree.d.ts.map

package/dist/hooks/useSourceTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSourceTree.d.ts","sourceRoot":"","sources":["../../src/hooks/useSourceTree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,aAAa,GACzB,QAAQ,UAAU,EAClB,MAAM,MAAM,EACZ,SAAS,OAAO;;;;;;;;;;;;;;;;;;CAiEhB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,QAAQ,UAAU,EAAE,OAAO,MAAM;;;;;;;;;;CAsC9D,CAAC"}

package/dist/hooks/useSourceTree.js

@@ -0,0 +1,102 @@
+import { useEffect, useMemo, useState } from '@pionjs/pion';
+import { searchTree, sourceTree } from '../util/source-tree';
+export const useSourceTree = (source, path, opened) => {
+    const [, refresh] = useState(0);
+    const model = useMemo(() => sourceTree(source), [source, opened]);
+    const [expanded, setExpanded] = useState([]);
+    const [highlighted, setHighlighted] = useState('');
+    const [error, setError] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [attempt, setAttempt] = useState(0);
+    useEffect(() => model.subscribe(() => refresh((value) => value + 1)), [model]);
+    useEffect(() => {
+        setHighlighted('');
+        setExpanded([]);
+        if (opened === false)
+            return;
+        const controller = new AbortController();
+        setLoading(true);
+        setError(false);
+        const initial = path ? model.loadPath(path) : Promise.resolve([]);
+        initial
+            .then(async (parts) => {
+            if (controller.signal.aborted)
+                return;
+            const current = parts[parts.length - 1];
+            setExpanded(parts.map((node) => node.pathLocator));
+            setHighlighted(current?.pathLocator === path ? path : '');
+            if (current) {
+                await Promise.all(parts
+                    .filter((node) => source.hasChildren(node) !== false)
+                    .map((node) => model.loadLevel(node.pathLocator)));
+            }
+            else {
+                await model.loadLevel('');
+                if (controller.signal.aborted)
+                    return;
+                const roots = model.roots();
+                setExpanded(roots.map((node) => node.pathLocator));
+                await Promise.all(roots
+                    .filter((node) => source.hasChildren(node) !== false)
+                    .map((node) => model.loadLevel(node.pathLocator)));
+            }
+        }, () => {
+            if (!controller.signal.aborted)
+                setError(true);
+        })
+            .finally(() => {
+            if (!controller.signal.aborted)
+                setLoading(false);
+        });
+        return () => controller.abort();
+    }, [model, path, attempt]);
+    return {
+        model,
+        expanded,
+        setExpanded,
+        highlighted,
+        setHighlighted,
+        error,
+        loading,
+        retry: () => setAttempt((value) => value + 1),
+    };
+};
+export const useSearchTree = (source, query) => {
+    const [found, setFound] = useState();
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(false);
+    const [attempt, setAttempt] = useState(0);
+    useEffect(() => {
+        const controller = new AbortController();
+        setError(false);
+        if (!query) {
+            setFound(undefined);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setFound(undefined);
+        searchTree(source, query)
+            .then((result) => {
+            if (!controller.signal.aborted)
+                setFound(result);
+        }, () => {
+            if (!controller.signal.aborted) {
+                setFound(undefined);
+                setError(true);
+            }
+        })
+            .finally(() => {
+            if (!controller.signal.aborted)
+                setLoading(false);
+        });
+        return () => controller.abort();
+    }, [source, query, attempt]);
+    return {
+        found,
+        loading,
+        error,
+        retry: () => setAttempt((value) => value + 1),
+    };
+};
+//# sourceMappingURL=useSourceTree.js.map

package/dist/hooks/useSourceTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSourceTree.js","sourceRoot":"","sources":["../../src/hooks/useSourceTree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,CAC5B,MAAkB,EAClB,IAAY,EACZ,MAAgB,EACf,EAAE;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,SAAS,CACR,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAC1D,CAAC,KAAK,CAAC,CACP,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACd,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,IAAI,MAAM,KAAK,KAAK;YAAE,OAAO;QAC7B,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAY,CAAC,CAAC;QAC5E,OAAO;aACL,IAAI,CACJ,KAAK,EAAE,KAAK,EAAE,EAAE;YACf,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,OAAO;YACtC,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;YACnD,cAAc,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC1D,IAAI,OAAO,EAAE,CAAC;gBACb,MAAM,OAAO,CAAC,GAAG,CAChB,KAAK;qBACH,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC;qBACpD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAClD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,MAAM,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC1B,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO;oBAAE,OAAO;gBACtC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;gBAC5B,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;gBACnD,MAAM,OAAO,CAAC,GAAG,CAChB,KAAK;qBACH,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC;qBACpD,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAClD,CAAC;YACH,CAAC;QACF,CAAC,EACD,GAAG,EAAE;YACJ,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChD,CAAC,CACD;aACA,OAAO,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACJ,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3B,OAAO;QACN,KAAK;QACL,QAAQ;QACR,WAAW;QACX,WAAW;QACX,cAAc;QACd,KAAK;QACL,OAAO;QACP,KAAK,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;KAC7C,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAE,KAAa,EAAE,EAAE;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA0C,CAAC;IAC7E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;QACR,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC;aACvB,IAAI,CACJ,CAAC,MAAM,EAAE,EAAE;YACV,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAClD,CAAC,EACD,GAAG,EAAE;YACJ,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC;QACF,CAAC,CACD;aACA,OAAO,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QACJ,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7B,OAAO;QACN,KAAK;QACL,OAAO;QACP,KAAK;QACL,KAAK,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;KAC7C,CAAC;AACH,CAAC,CAAC"}

package/dist/tree-view/flatten.d.ts

@@ -0,0 +1,29 @@
+import type { Row, TreeViewAccessors } from './types';
+export declare const defaultGetId: (node: unknown) => string;
+export declare const defaultGetLabel: (node: unknown) => string;
+export declare const defaultGetChildren: (node: unknown) => readonly unknown[] | undefined;
+/**
+ * The rows a reader sees: roots, and the children of every expanded node,
+ * depth first. Only expanded branches are walked, so a node with a huge
+ * number of children costs nothing until it is opened.
+ */
+export declare const flatten: <T>(items: readonly T[] | null | undefined, expanded: ReadonlySet<string>, { getId, getChildren, hasChildren: canExpand, }?: TreeViewAccessors<T>) => Row<T>[];
+export type KeyAction = {
+    type: 'focus';
+    index: number;
+} | {
+    type: 'expand';
+    id: string;
+} | {
+    type: 'collapse';
+    id: string;
+};
+/**
+ * What a navigation key does on the row at `index`, following the WAI-ARIA
+ * tree pattern. Returns nothing when the key has no effect there, so the
+ * caller can leave the event alone (and native scrolling working).
+ */
+export declare const keyAction: <T>(rows: readonly Row<T>[], index: number, key: string) => KeyAction | undefined;
+/** `expanded` with `id` added or removed. */
+export declare const toggleId: (expanded: readonly string[], id: string, open?: boolean) => string[];
+//# sourceMappingURL=flatten.d.ts.map

package/dist/tree-view/flatten.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten.d.ts","sourceRoot":"","sources":["../../src/tree-view/flatten.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,WAA8B,CAAC;AAEzE,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,WACa,CAAC;AAE3D,eAAO,MAAM,kBAAkB,GAAI,MAAM,OAAO,KACpB,SAAS,OAAO,EAAE,GAAG,SAAS,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,CAAC,EACxB,OAAO,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,EACtC,UAAU,WAAW,CAAC,MAAM,CAAC,EAC7B,kDAMG,iBAAiB,CAAC,CAAC,CAAM,KAC1B,GAAG,CAAC,CAAC,CAAC,EA4BR,CAAC;AAEF,MAAM,MAAM,SAAS,GAClB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,EAC1B,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,EACvB,OAAO,MAAM,EACb,KAAK,MAAM,KACT,SAAS,GAAG,SAmCd,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,GACpB,UAAU,SAAS,MAAM,EAAE,EAC3B,IAAI,MAAM,EACV,cAA6B,KAC3B,MAAM,EAIR,CAAC"}

package/dist/tree-view/flatten.js

@@ -0,0 +1,88 @@
+export const defaultGetId = (node) => String(node.id);
+export const defaultGetLabel = (node) => String(node.label ?? node.name ?? '');
+export const defaultGetChildren = (node) => node.children;
+/**
+ * The rows a reader sees: roots, and the children of every expanded node,
+ * depth first. Only expanded branches are walked, so a node with a huge
+ * number of children costs nothing until it is opened.
+ */
+export const flatten = (items, expanded, { getId = defaultGetId, getChildren = defaultGetChildren, hasChildren: canExpand, } = {}) => {
+    const rows = [];
+    const visit = (nodes, level, parentId) => {
+        const setsize = nodes.length;
+        nodes.forEach((node, i) => {
+            const id = getId(node);
+            const children = getChildren(node);
+            const hasChildren = canExpand?.(node) ?? (children?.length ?? 0) > 0;
+            const isExpanded = hasChildren && expanded.has(id);
+            rows.push({
+                node,
+                id,
+                level,
+                posinset: i + 1,
+                setsize,
+                parentId,
+                hasChildren,
+                expanded: isExpanded,
+            });
+            if (isExpanded) {
+                visit(children ?? [], level + 1, id);
+            }
+        });
+    };
+    if (items?.length) {
+        visit(items, 1);
+    }
+    return rows;
+};
+/**
+ * What a navigation key does on the row at `index`, following the WAI-ARIA
+ * tree pattern. Returns nothing when the key has no effect there, so the
+ * caller can leave the event alone (and native scrolling working).
+ */
+export const keyAction = (rows, index, key) => {
+    const row = rows[index];
+    if (!row) {
+        return rows.length > 0 ? { type: 'focus', index: 0 } : undefined;
+    }
+    switch (key) {
+        case 'ArrowDown':
+            return index < rows.length - 1
+                ? { type: 'focus', index: index + 1 }
+                : undefined;
+        case 'ArrowUp':
+            return index > 0 ? { type: 'focus', index: index - 1 } : undefined;
+        case 'Home':
+            return index > 0 ? { type: 'focus', index: 0 } : undefined;
+        case 'End':
+            return index < rows.length - 1
+                ? { type: 'focus', index: rows.length - 1 }
+                : undefined;
+        case 'ArrowRight':
+            if (!row.hasChildren)
+                return undefined;
+            if (!row.expanded)
+                return { type: 'expand', id: row.id };
+            return rows[index + 1]?.parentId === row.id
+                ? { type: 'focus', index: index + 1 }
+                : undefined;
+        case 'ArrowLeft': {
+            if (row.expanded)
+                return { type: 'collapse', id: row.id };
+            if (row.parentId == null)
+                return undefined;
+            const parent = rows.findIndex((r, i) => i < index && r.id === row.parentId);
+            return parent >= 0 ? { type: 'focus', index: parent } : undefined;
+        }
+        default:
+            return undefined;
+    }
+};
+/** `expanded` with `id` added or removed. */
+export const toggleId = (expanded, id, open = !expanded.includes(id)) => {
+    const has = expanded.includes(id);
+    if (open === has)
+        return [...expanded];
+    return open ? [...expanded, id] : expanded.filter((e) => e !== id);
+};
+//# sourceMappingURL=flatten.js.map

package/dist/tree-view/flatten.js.map

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

package/dist/tree-view/render.d.ts

@@ -0,0 +1,22 @@
+import type { RangeChangedEvent } from '@lit-labs/virtualizer/events.js';
+import { type VirtualizerHostElement } from '@lit-labs/virtualizer/virtualize.js';
+import type { Props, Row } from './types';
+interface State<T> {
+    rows: Row<T>[];
+    selected?: string;
+    tabStopId?: string;
+    scrollerRef: {
+        current: VirtualizerHostElement | undefined;
+    };
+    toggle: (id: string) => void;
+    select: (row: Row<T>) => void;
+    activate: (row: Row<T>) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    treeTabIndex: number;
+    focusActiveItem: () => void;
+    onRowFocus: (row: Row<T>) => void;
+    onRangeChanged: (event: RangeChangedEvent) => void;
+}
+export declare const render: <T>({ label, renderIcon, getLabel }: Props<T>, { rows, selected, tabStopId, scrollerRef, toggle, select, activate, onKeyDown, treeTabIndex, focusActiveItem, onRowFocus, onRangeChanged, }: State<T>) => import("lit-html").TemplateResult<1>;
+export {};
+//# sourceMappingURL=render.d.ts.map

package/dist/tree-view/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/tree-view/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,qCAAqC,CAAC;AAM7C,OAAO,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE1C,UAAU,KAAK,CAAC,CAAC;IAChB,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE;QAAE,OAAO,EAAE,sBAAsB,GAAG,SAAS,CAAA;KAAE,CAAC;IAC7D,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACnD;AAID,eAAO,MAAM,MAAM,GAAI,CAAC,EACvB,iCAAmD,KAAK,CAAC,CAAC,CAAC,EAC3D,6IAaG,KAAK,CAAC,CAAC,CAAC,yCA+EX,CAAC"}

package/dist/tree-view/render.js

@@ -0,0 +1,85 @@
+import { virtualize, } from '@lit-labs/virtualizer/virtualize.js';
+import { chevronRightIcon } from '@neovici/cosmoz-icons/untitled';
+import { html, nothing } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { ref } from 'lit-html/directives/ref.js';
+import { defaultGetLabel } from './flatten';
+const stop = (e) => e.stopPropagation();
+export const render = ({ label, renderIcon, getLabel = defaultGetLabel }, { rows, selected, tabStopId, scrollerRef, toggle, select, activate, onKeyDown, treeTabIndex, focusActiveItem, onRowFocus, onRangeChanged, }) => {
+    const renderRow = (row) => {
+        // While the rows shrink, the virtualizer can render once from its
+        // previous range and hand us indexes past the end.
+        if (!row)
+            return html ``;
+        const isSelected = row.id === selected;
+        return html `<div
+			role="treeitem"
+			class="row"
+			part="row"
+			data-id=${row.id}
+			aria-level=${row.level}
+			aria-posinset=${row.posinset}
+			aria-setsize=${row.setsize}
+			aria-expanded=${row.hasChildren ? String(row.expanded) : nothing}
+			aria-selected=${String(isSelected)}
+			tabindex=${row.id === tabStopId ? 0 : -1}
+			@focus=${() => onRowFocus(row)}
+			@click=${() => select(row)}
+			@dblclick=${() => activate(row)}
+		>
+			${Array.from({ length: row.level - 1 }, () => html `<span class="guide" part="guide"></span>`)}
+			<span class="content" part="content">
+				<span
+					class="toggle"
+					part="toggle"
+					aria-hidden="true"
+					@click=${row.hasChildren
+            ? (e) => {
+                stop(e);
+                toggle(row.id);
+            }
+            : nothing}
+					@dblclick=${stop}
+					>${row.hasChildren
+            ? chevronRightIcon({ width: '16', height: '16' })
+            : nothing}</span
+				>${renderIcon
+            ? html `<span class="icon" part="icon"
+							>${renderIcon(row.node, {
+                expanded: row.expanded,
+                selected: isSelected,
+                hasChildren: row.hasChildren,
+                level: row.level,
+            })}</span
+						>`
+            : nothing}<span class="label" part="label"
+					>${getLabel(row.node)}</span
+				>
+			</span>
+		</div>`;
+    };
+    return html `<div
+		role="tree"
+		class="tree"
+		part="tree"
+		aria-label=${ifDefined(label)}
+		tabindex=${treeTabIndex}
+		@rangeChanged=${onRangeChanged}
+		@focus=${(event) => {
+        if (event.target === event.currentTarget)
+            focusActiveItem();
+    }}
+		@keydown=${onKeyDown}
+		${ref((el) => {
+        scrollerRef.current = el;
+    })}
+	>
+		${virtualize({
+        items: rows,
+        renderItem: renderRow,
+        keyFunction: (row, index) => row?.id ?? index,
+        scroller: true,
+    })}
+	</div>`;
+};
+//# sourceMappingURL=render.js.map

package/dist/tree-view/render.js.map

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

package/dist/tree-view/styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: string;
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

package/dist/tree-view/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tree-view/styles.ts"],"names":[],"mappings":";AAKA,wBAgIE"}