@ixfx/components 0.15.5 → 0.16.0

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.
Files changed (76) hide show
  1. package/bundle/index.d.ts +917 -44
  2. package/bundle/index.js +702 -696
  3. package/dist/crumb-navigation-BbqfmkYs.d.ts +147 -0
  4. package/dist/crumb-navigation-YnFVFqrx.js +1290 -0
  5. package/dist/crumbs.d.ts +2 -115
  6. package/dist/crumbs.js +1 -1179
  7. package/dist/{data-grid-D7qzmMMp.d.ts → data-grid-CIG2DVip.d.ts} +45 -3
  8. package/dist/{data-grid-C1sZX6n9.js → data-grid-rMkLX2qo.js} +593 -206
  9. package/dist/data-grid.d.ts +3 -3
  10. package/dist/data-grid.js +1 -1
  11. package/dist/{detail-list-CKIKlszv.d.ts → detail-list-6iMTNP4N.d.ts} +34 -4
  12. package/dist/{detail-list-q8bs67BM.js → detail-list-C4pDSoI8.js} +218 -7
  13. package/dist/detail-list.d.ts +4 -4
  14. package/dist/detail-list.js +1 -1
  15. package/dist/{flat-list-DXMyDiSH.d.ts → flat-list-JPgQSmLW.d.ts} +27 -4
  16. package/dist/flat-list.d.ts +2 -2
  17. package/dist/flat-list.js +123 -4
  18. package/dist/{grid-list-y6dWJYu3.js → grid-list-CdEkScn-.js} +276 -75
  19. package/dist/{grid-list-0e7snW6t.d.ts → grid-list-D6n7WH8l.d.ts} +128 -22
  20. package/dist/grid-list.d.ts +3 -3
  21. package/dist/grid-list.js +1 -1
  22. package/dist/incr-search.d.ts +1 -1
  23. package/dist/index-9ttcdwlL.d.ts +71 -0
  24. package/dist/{index-DEVyVIn8.d.ts → index-Bx0BXPxI.d.ts} +52 -6
  25. package/dist/index-CYRc6Dah.d.ts +475 -0
  26. package/dist/{index-KN2MW_xD.d.ts → index-Dr80Zdl6.d.ts} +1 -1
  27. package/dist/index.d.ts +334 -23
  28. package/dist/index.js +2247 -867
  29. package/dist/{list-native-drag-controller-O2Nruqpi.d.ts → list-native-drag-controller-D_UrXipS.d.ts} +1 -1
  30. package/dist/{list-selection-controller-BeE70lbB.js → list-selection-controller-5L0Nj9tR.js} +87 -2
  31. package/dist/miller-BFRfn0ve.js +2237 -0
  32. package/dist/miller.d.ts +4 -437
  33. package/dist/miller.js +1 -1815
  34. package/dist/pending-BGidHppL.js +91 -0
  35. package/dist/scroll-hover-guard-Cjw6179Q.js +35 -0
  36. package/dist/{split-layout-JK3xWVX2.d.ts → split-layout-CophkNeU.d.ts} +41 -3
  37. package/dist/{split-layout-Deoxy47d.js → split-layout-DTY4PJRp.js} +251 -19
  38. package/dist/split-layout.d.ts +1 -1
  39. package/dist/split-layout.js +1 -1
  40. package/dist/sunburst-tree.d.ts +2 -2
  41. package/dist/sunburst-tree.js +1 -1
  42. package/dist/{sunbursttree-list-yXwS-uEI.js → sunbursttree-list-B_VxOHlo.js} +298 -79
  43. package/dist/{sunbursttree-list--Z0uyh8O.d.ts → sunbursttree-list-D6j5BxVQ.d.ts} +40 -3
  44. package/dist/tree-CftHwtEb.js +146 -0
  45. package/dist/{tree-D8VxvR9u.js → tree-Crdpl4nc.js} +275 -47
  46. package/dist/{tree-component-C6UHO-w9.d.ts → tree-component-DgfkxmVY.d.ts} +19 -8
  47. package/dist/tree.d.ts +3 -3
  48. package/dist/tree.js +1 -1
  49. package/dist/types-LU1u0CB8.d.ts +87 -0
  50. package/dist/vertical-list-1V1Vg2O5.js +1993 -0
  51. package/dist/{vertical-list-D8MksoTp.d.ts → vertical-list-BPDmZx6T.d.ts} +31 -3
  52. package/dist/vertical-list.d.ts +3 -3
  53. package/dist/vertical-list.js +1 -1789
  54. package/dist/view-state-controller-BdyXWUUM.js +305 -0
  55. package/docs-user/README.md +2 -0
  56. package/docs-user/crumbs.md +27 -0
  57. package/docs-user/data-grid.md +66 -1
  58. package/docs-user/detail-list.md +54 -0
  59. package/docs-user/dock.md +54 -12
  60. package/docs-user/flat-list.md +27 -0
  61. package/docs-user/grid-list.md +64 -11
  62. package/docs-user/hyperbolic-tree.md +31 -4
  63. package/docs-user/icicle-tree.md +36 -0
  64. package/docs-user/index.json +12 -2
  65. package/docs-user/llms.txt +2 -0
  66. package/docs-user/miller.md +52 -21
  67. package/docs-user/multicol-list.md +50 -8
  68. package/docs-user/split-layout.md +45 -17
  69. package/docs-user/sunburst-tree.md +32 -2
  70. package/docs-user/tree.md +45 -6
  71. package/docs-user/treemap.md +32 -0
  72. package/docs-user/twosplit-layout.md +22 -0
  73. package/docs-user/user-catalog.md +1 -1
  74. package/docs-user/vertical-list.md +55 -7
  75. package/llms.txt +2 -0
  76. package/package.json +1 -1
package/dist/crumbs.d.ts CHANGED
@@ -1,115 +1,2 @@
1
- import { A as TreeTickleEvent, O as TreeSelectEvent, a as TreeComponent, j as TreeDataModel, n as TreeActivateEvent, o as TreeComponentEventMap, x as TreeItemClickEvent, y as TreeExpandEvent } from "./tree-component-C6UHO-w9.js";
2
- import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-Jky6oNAp.js";
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 };