@ixfx/components 0.15.5 → 0.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/index.d.ts +986 -49
- package/bundle/index.js +765 -729
- package/dist/ac-token.js +1 -1
- package/dist/crumb-navigation-BbqfmkYs.d.ts +147 -0
- package/dist/crumb-navigation-YnFVFqrx.js +1290 -0
- package/dist/crumbs.d.ts +2 -115
- package/dist/crumbs.js +1 -1179
- package/dist/{data-grid-C1sZX6n9.js → data-grid-Cqxuwgbb.js} +615 -210
- package/dist/{data-grid-D7qzmMMp.d.ts → data-grid-Csh5EJW9.d.ts} +55 -4
- package/dist/data-grid.d.ts +3 -3
- package/dist/data-grid.js +1 -1
- package/dist/{detail-list-q8bs67BM.js → detail-list-Bo5ze3SN.js} +234 -9
- package/dist/{detail-list-CKIKlszv.d.ts → detail-list-DSZ1DDor.d.ts} +48 -4
- package/dist/detail-list.d.ts +4 -4
- package/dist/detail-list.js +1 -1
- package/dist/{flat-list-DXMyDiSH.d.ts → flat-list-CT9kX3TQ.d.ts} +27 -4
- package/dist/flat-list.d.ts +2 -2
- package/dist/flat-list.js +123 -4
- package/dist/{grid-list-y6dWJYu3.js → grid-list-D0dJNVEF.js} +278 -76
- package/dist/{grid-list-0e7snW6t.d.ts → grid-list-DDLrWRxm.d.ts} +128 -22
- package/dist/grid-list.d.ts +3 -3
- package/dist/grid-list.js +1 -1
- package/dist/{incr-search-JIhwB49y.js → incr-search-CgbL-OlS.js} +140 -10
- package/dist/incr-search.d.ts +1 -1
- package/dist/incr-search.js +1 -1
- package/dist/index-9ttcdwlL.d.ts +71 -0
- package/dist/index-Bnm-kKGC.d.ts +475 -0
- package/dist/{index-KN2MW_xD.d.ts → index-CUErGhCg.d.ts} +31 -4
- package/dist/{index-DEVyVIn8.d.ts → index-D-lZNlHa.d.ts} +52 -6
- package/dist/index.d.ts +341 -21
- package/dist/index.js +2286 -884
- package/dist/{list-native-drag-controller-O2Nruqpi.d.ts → list-native-drag-controller-D_UrXipS.d.ts} +1 -1
- package/dist/{list-selection-controller-BeE70lbB.js → list-selection-controller-5L0Nj9tR.js} +87 -2
- package/dist/miller-DUqiUAWQ.js +2230 -0
- package/dist/miller.d.ts +4 -437
- package/dist/miller.js +1 -1815
- package/dist/narrowed-text.js +1 -1
- package/dist/pending-BGidHppL.js +91 -0
- package/dist/scroll-hover-guard-Cjw6179Q.js +35 -0
- package/dist/{split-layout-JK3xWVX2.d.ts → split-layout-CophkNeU.d.ts} +41 -3
- package/dist/{split-layout-Deoxy47d.js → split-layout-DTY4PJRp.js} +251 -19
- package/dist/split-layout.d.ts +1 -1
- package/dist/split-layout.js +1 -1
- package/dist/sunburst-tree.d.ts +2 -2
- package/dist/sunburst-tree.js +1 -1
- package/dist/{sunbursttree-list-yXwS-uEI.js → sunbursttree-list-B_M0YTEA.js} +299 -80
- package/dist/{sunbursttree-list--Z0uyh8O.d.ts → sunbursttree-list-DePuFYlU.d.ts} +40 -3
- package/dist/tree-CftHwtEb.js +146 -0
- package/dist/{tree-D8VxvR9u.js → tree-DAlgvaHB.js} +276 -48
- package/dist/{tree-component-C6UHO-w9.d.ts → tree-component-DgfkxmVY.d.ts} +19 -8
- package/dist/tree.d.ts +3 -3
- package/dist/tree.js +1 -1
- package/dist/types-LU1u0CB8.d.ts +87 -0
- package/dist/vertical-list-DyKPKGxK.js +1993 -0
- package/dist/{vertical-list-D8MksoTp.d.ts → vertical-list-SAx56U-l.d.ts} +31 -3
- package/dist/vertical-list.d.ts +3 -3
- package/dist/vertical-list.js +1 -1789
- package/dist/view-state-controller-BdyXWUUM.js +305 -0
- package/docs-user/README.md +2 -0
- package/docs-user/crumbs.md +27 -0
- package/docs-user/data-grid.md +79 -5
- package/docs-user/detail-list.md +69 -0
- package/docs-user/dock.md +63 -12
- package/docs-user/flat-list.md +27 -0
- package/docs-user/grid-list.md +69 -13
- package/docs-user/hyperbolic-tree.md +31 -4
- package/docs-user/icicle-tree.md +36 -0
- package/docs-user/index.json +12 -2
- package/docs-user/llms.txt +2 -0
- package/docs-user/miller.md +52 -21
- package/docs-user/multicol-list.md +50 -8
- package/docs-user/split-layout.md +45 -17
- package/docs-user/sunburst-tree.md +32 -2
- package/docs-user/tree.md +45 -6
- package/docs-user/treemap.md +32 -0
- package/docs-user/twosplit-layout.md +22 -0
- package/docs-user/user-catalog.md +1 -1
- package/docs-user/vertical-list.md +55 -7
- package/llms.txt +2 -0
- package/package.json +2 -2
package/dist/crumbs.d.ts
CHANGED
|
@@ -1,115 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import "./menu-item-bF6narIz.js";
|
|
4
|
-
import "./index-o-CWDt11.js";
|
|
5
|
-
import { LitElement, PropertyValues } from "lit";
|
|
6
|
-
//#region src/crumbs/crumb-navigation.d.ts
|
|
7
|
-
/** @deprecated Use TreeSelectDetail from src/common/tree-component.ts */
|
|
8
|
-
type CrumbNavigationChangeDetail = {
|
|
9
|
-
readonly selected: TreeNode;
|
|
10
|
-
readonly previous: TreeNode | undefined;
|
|
11
|
-
};
|
|
12
|
-
type CrumbNavigationChangeEvent = CustomEvent<CrumbNavigationChangeDetail>;
|
|
13
|
-
type CrumbNavigationItemClickDetail = {
|
|
14
|
-
node: TreeNode;
|
|
15
|
-
depth: number;
|
|
16
|
-
};
|
|
17
|
-
type CrumbNavigationItemClickEvent = CustomEvent<CrumbNavigationItemClickDetail>;
|
|
18
|
-
type CrumbNavigationExpandDetail = {
|
|
19
|
-
node: TreeNode;
|
|
20
|
-
depth: number;
|
|
21
|
-
};
|
|
22
|
-
type CrumbNavigationExpandEvent = CustomEvent<CrumbNavigationExpandDetail>;
|
|
23
|
-
/**
|
|
24
|
-
* Breadcrumb navigation with lazy-loading support.
|
|
25
|
-
*
|
|
26
|
-
* Uses the same `TreeNode` / `TreeItem` data model as `ixfx-tree-list`,
|
|
27
|
-
* so the two components can be swapped with minimal code changes.
|
|
28
|
-
*
|
|
29
|
-
* Events
|
|
30
|
-
* - `navigate`: fired when user clicks a breadcrumb label. detail: `{ node: TreeNode }`
|
|
31
|
-
* - `change`: fired when selected node changes. detail: `{ selected: TreeNode, previous: TreeNode | undefined }`
|
|
32
|
-
* - `expand`: fired when user clicks a caret whose node has no children yet.
|
|
33
|
-
* detail: `{ node: TreeNode, depth: number, signal: AbortSignal }`
|
|
34
|
-
* Populate `node.children` then call `requestUpdate()` on the element.
|
|
35
|
-
*
|
|
36
|
-
* CSS variables
|
|
37
|
-
* --crumb-item-bg: var(--item-bg, transparent); // item background
|
|
38
|
-
* --crumb-item-bg-tickled: var(--item-bg-tickled); // item background on hover
|
|
39
|
-
* --crumb-item-text-tickled: var(--item-text-tickled); // text color on hover
|
|
40
|
-
* --crumb-item-border: var(--item-border); // item border
|
|
41
|
-
* --crumb-item-border-tickled: var(--item-border-tickled); // border color on hover
|
|
42
|
-
* --crumb-item-padding: var(--item-padding, var(--space-xs)); // item padding
|
|
43
|
-
* --crumb-item-border-radius: var(--item-border-radius); // item border radius
|
|
44
|
-
* --crumb-item-gap: var(--item-gap, var(--space-xs)); // gap between items
|
|
45
|
-
* --crumb-separator: var(--surface-muted-text); // separator/caret color
|
|
46
|
-
* --crumb-truncate-min-width: 5ch; // minimum width for truncatable segments
|
|
47
|
-
*/
|
|
48
|
-
declare class CrumbNavigationElement extends LitElement implements TreeComponent {
|
|
49
|
-
#private;
|
|
50
|
-
root: TreeNode | undefined;
|
|
51
|
-
model: TreeDataModel | undefined;
|
|
52
|
-
selectedNode: TreeNode | undefined;
|
|
53
|
-
private _selectedNodes;
|
|
54
|
-
get selectedNodes(): ReadonlySet<TreeNode>;
|
|
55
|
-
/** Callback to lazily load children for a node. When set, replaces event-based lazy loading. */
|
|
56
|
-
loadChildren: LoadChildrenCallback | undefined;
|
|
57
|
-
filterPredicate: TreeFilterPredicate | undefined;
|
|
58
|
-
exclusivity: TreeExclusivity;
|
|
59
|
-
selectionFilter: TreeSelectionFilter;
|
|
60
|
-
private _openIdx;
|
|
61
|
-
private _isFocused;
|
|
62
|
-
private _menuOpen;
|
|
63
|
-
private _focusOnNarrowedText;
|
|
64
|
-
inputMode: string;
|
|
65
|
-
noTruncate: boolean;
|
|
66
|
-
showSuggestions: boolean;
|
|
67
|
-
leadingCaret: boolean;
|
|
68
|
-
caretEmbedded: boolean;
|
|
69
|
-
hideRoot: boolean;
|
|
70
|
-
padEnding: boolean;
|
|
71
|
-
withUp: boolean;
|
|
72
|
-
private tickled;
|
|
73
|
-
select(node: TreeNode): void;
|
|
74
|
-
deselect(_node: TreeNode): void;
|
|
75
|
-
clearSelection(): void;
|
|
76
|
-
/** Not implemented on crumb-navigation. */
|
|
77
|
-
selectAll(): void;
|
|
78
|
-
/** Not implemented on crumb-navigation. */
|
|
79
|
-
deselectAll(): void;
|
|
80
|
-
getNodes(): ReadonlyArray<{
|
|
81
|
-
node: TreeNode;
|
|
82
|
-
depth: number;
|
|
83
|
-
}>;
|
|
84
|
-
updated(changedProps: PropertyValues): void;
|
|
85
|
-
connectedCallback(): void;
|
|
86
|
-
disconnectedCallback(): void;
|
|
87
|
-
firstUpdated(): void;
|
|
88
|
-
/** Navigate to a node by key path. Returns false if any key is not found in already-loaded children. */
|
|
89
|
-
navigateTo(keys: readonly string[]): boolean;
|
|
90
|
-
/** Navigate to the first node matching the predicate. Returns false if not found. */
|
|
91
|
-
navigateToNode(predicate: (node: TreeNode) => boolean): boolean;
|
|
92
|
-
/** `TreeComponent` parity — a crumb path always follows the selection, so this just navigates to `key`. */
|
|
93
|
-
revealKey(key: string): boolean;
|
|
94
|
-
/** `TreeComponent` parity — a crumb path is a single selection, so only the last node is kept. */
|
|
95
|
-
selectMany(nodes: Iterable<TreeNode>): void;
|
|
96
|
-
render(): import("lit").TemplateResult<1>;
|
|
97
|
-
static styles: import("lit").CSSResult[];
|
|
98
|
-
}
|
|
99
|
-
declare global {
|
|
100
|
-
interface HTMLElementTagNameMap {
|
|
101
|
-
"ixfx-crumb-navigation": CrumbNavigationElement;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
interface CrumbNavigationElementEventMap extends TreeComponentEventMap {
|
|
105
|
-
'item-click': TreeItemClickEvent;
|
|
106
|
-
'expand': TreeExpandEvent;
|
|
107
|
-
'select': TreeSelectEvent;
|
|
108
|
-
'tickle': TreeTickleEvent;
|
|
109
|
-
'activate': TreeActivateEvent;
|
|
110
|
-
}
|
|
111
|
-
interface CrumbNavigationElement {
|
|
112
|
-
addEventListener: (<K extends keyof CrumbNavigationElementEventMap>(type: K, listener: (this: CrumbNavigationElement, event: CrumbNavigationElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
|
|
113
|
-
}
|
|
114
|
-
//#endregion
|
|
115
|
-
export { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent };
|
|
1
|
+
import { a as CrumbNavigationExpandDetail, c as CrumbNavigationItemClickEvent, i as CrumbNavigationElementEventMap, l as CrumbNavigationViewState, n as CrumbNavigationChangeEvent, o as CrumbNavigationExpandEvent, r as CrumbNavigationElement, s as CrumbNavigationItemClickDetail, t as CrumbNavigationChangeDetail } from "./crumb-navigation-BbqfmkYs.js";
|
|
2
|
+
export { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent, type CrumbNavigationViewState };
|