@ixfx/components 0.8.7 → 0.8.9
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 +743 -383
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +2093 -222
- package/bundle/index.js.map +1 -1
- package/dist/crumbs.d.ts +1 -1
- package/dist/crumbs.js +2 -2
- package/dist/{data-grid-CYVPSUwh.d.ts → data-grid-C588pTgt.d.ts} +15 -2
- package/dist/data-grid-C588pTgt.d.ts.map +1 -0
- package/dist/data-grid.d.ts +3 -2
- package/dist/data-grid.js +95 -5
- package/dist/data-grid.js.map +1 -1
- package/dist/{detail-list-vH56z7WE.d.ts → detail-list-IKl76Wnp.d.ts} +22 -5
- package/dist/detail-list-IKl76Wnp.d.ts.map +1 -0
- package/dist/detail-list.d.ts +4 -3
- package/dist/detail-list.js +103 -3
- package/dist/detail-list.js.map +1 -1
- package/dist/{grid-list-Cq8ga2WZ.d.ts → grid-list-BUlUnisU.d.ts} +214 -112
- package/dist/grid-list-BUlUnisU.d.ts.map +1 -0
- package/dist/{grid-list-j5C7qtlG.js → grid-list-D18FNJRH.js} +77 -164
- package/dist/grid-list-D18FNJRH.js.map +1 -0
- package/dist/grid-list.d.ts +3 -2
- package/dist/grid-list.js +1 -1
- package/dist/incr-search.d.ts +1 -1
- package/dist/{index-DDREWqMm.d.ts → index--qnhBWZJ.d.ts} +2 -2
- package/dist/{index-DDREWqMm.d.ts.map → index--qnhBWZJ.d.ts.map} +1 -1
- package/dist/index.d.ts +212 -253
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -12
- package/dist/index.js.map +1 -1
- package/dist/{interaction-B9AAlsFO.js → interaction-BskmlA9t.js} +1 -1
- package/dist/{labelled-slider-input-BCH9968c.js → labelled-slider-input-aEYDvW2S.js} +2 -2
- package/dist/{labelled-slider-input-BCH9968c.js.map → labelled-slider-input-aEYDvW2S.js.map} +1 -1
- package/dist/labelled-slider-input.js +1 -1
- package/dist/{list-item-animation-DuiwgN3l.js → list-item-animation-BUoEKi5s.js} +29 -10
- package/dist/list-item-animation-BUoEKi5s.js.map +1 -0
- package/dist/list-native-drag-controller-CFyrkKUj.d.ts +61 -0
- package/dist/list-native-drag-controller-CFyrkKUj.d.ts.map +1 -0
- package/dist/list-native-drag-controller-DxD6Yjci.js +567 -0
- package/dist/list-native-drag-controller-DxD6Yjci.js.map +1 -0
- package/dist/{menu-HMoxCPY2.js → menu-CMXhIaNZ.js} +3 -3
- package/dist/{menu-HMoxCPY2.js.map → menu-CMXhIaNZ.js.map} +1 -1
- package/dist/{menu-item-BQDYxk5A.js → menu-item-BYGQzyCe.js} +2 -2
- package/dist/{menu-item-BQDYxk5A.js.map → menu-item-BYGQzyCe.js.map} +1 -1
- package/dist/menu.js +2 -2
- package/dist/miller.d.ts +2 -2
- package/dist/miller.js +1 -1
- package/dist/narrowed-text.js +1 -1
- package/dist/plots.js +1 -1
- package/dist/select-horiz.js +1 -1
- package/dist/slider-input-BxURAAmD.d.ts.map +1 -1
- package/dist/{slider-input-WR8_RwHg.js → slider-input-Cb5uSV42.js} +78 -11
- package/dist/slider-input-Cb5uSV42.js.map +1 -0
- package/dist/slider-input.js +1 -1
- package/dist/{tree-CozQj01a.js → tree-a14n9y7i.js} +1055 -32
- package/dist/tree-a14n9y7i.js.map +1 -0
- package/dist/{tree-component-BMpxpdTi.d.ts → tree-component-BW2iCFq9.d.ts} +108 -4
- package/dist/tree-component-BW2iCFq9.d.ts.map +1 -0
- package/dist/tree.d.ts +102 -4
- package/dist/tree.d.ts.map +1 -1
- package/dist/tree.js +2 -2
- package/dist/{vertical-list-BGn9nyKh.d.ts → vertical-list-CHrXmmQ3.d.ts} +21 -4
- package/dist/vertical-list-CHrXmmQ3.d.ts.map +1 -0
- package/dist/vertical-list.d.ts +3 -2
- package/dist/vertical-list.js +103 -3
- package/dist/vertical-list.js.map +1 -1
- package/dist/{xy-axis-CrrVdDFe.js → xy-axis-COKw338Q.js} +2 -2
- package/dist/xy-axis-COKw338Q.js.map +1 -0
- package/dist/xy-axis-DQqd2yXJ.d.ts.map +1 -1
- package/docs-user/data-grid.md +30 -0
- package/docs-user/detail-list.md +29 -0
- package/docs-user/grid-list.md +34 -4
- package/docs-user/index.json +2 -2
- package/docs-user/tree.md +76 -1
- package/docs-user/vertical-list.md +30 -1
- package/package.json +1 -1
- package/dist/data-grid-CYVPSUwh.d.ts.map +0 -1
- package/dist/detail-list-vH56z7WE.d.ts.map +0 -1
- package/dist/grid-list-Cq8ga2WZ.d.ts.map +0 -1
- package/dist/grid-list-j5C7qtlG.js.map +0 -1
- package/dist/list-item-animation-DuiwgN3l.js.map +0 -1
- package/dist/slider-input-WR8_RwHg.js.map +0 -1
- package/dist/tree-CozQj01a.js.map +0 -1
- package/dist/tree-component-BMpxpdTi.d.ts.map +0 -1
- package/dist/vertical-list-BGn9nyKh.d.ts.map +0 -1
- package/dist/xy-axis-CrrVdDFe.js.map +0 -1
|
@@ -1,118 +1,79 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { L as ListNativeDragStartEvent, P as ListDragPreviewRenderer } from "./tree-component-BW2iCFq9.js";
|
|
2
|
+
import { S as ListSearchController } from "./index--qnhBWZJ.js";
|
|
2
3
|
import { i as ListInteractionMode, l as ListSelectionMode } from "./list-selection-types-B5ioL-dG.js";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
4
|
+
import "./list-native-drag-controller-CFyrkKUj.js";
|
|
5
|
+
import { i as TickledItem, n as TickledController } from "./tickled-controller-C1ZsHpyg.js";
|
|
6
|
+
import { LitElement, PropertyValues, ReactiveController, ReactiveControllerHost, html } from "lit";
|
|
5
7
|
import { CommandRegistry } from "@clinth/ui-commands";
|
|
6
|
-
//#region src/
|
|
7
|
-
/**
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
label?: (item: T, index: number) => string;
|
|
14
|
-
render: (item: T, index: number) => unknown;
|
|
15
|
-
disabled?: (item: T, index: number) => boolean;
|
|
16
|
-
searchableText?: (item: T, index: number) => string;
|
|
8
|
+
//#region src/interaction/list-drag-select-controller.d.ts
|
|
9
|
+
/** Surface-relative rectangle: origin at the scroll container's top-left. */
|
|
10
|
+
type DragSelectRect = {
|
|
11
|
+
readonly x: number;
|
|
12
|
+
readonly y: number;
|
|
13
|
+
readonly width: number;
|
|
14
|
+
readonly height: number;
|
|
17
15
|
};
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
readonly
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
type ListDragSelectControllerConfig<T> = {
|
|
17
|
+
/** Element the marquee is drawn in and pointer geometry is measured against. */
|
|
18
|
+
getSurface: () => HTMLElement | undefined;
|
|
19
|
+
/** Is drag-select currently allowed? (multi-capable, has items, not disabled) */
|
|
20
|
+
isEnabled: () => boolean;
|
|
21
|
+
/** Pointer types that may start a drag. Default ['mouse', 'pen'] — touch still scrolls. */
|
|
22
|
+
pointerTypes?: readonly string[];
|
|
23
|
+
/** Movement in px before a press becomes a drag. Default 4. */
|
|
24
|
+
threshold?: number;
|
|
25
|
+
/** Map a surface-relative rect to covered items. */
|
|
26
|
+
hitTest: (rect: DragSelectRect) => Iterable<T>;
|
|
27
|
+
/**
|
|
28
|
+
* Selection snapshotted when the drag starts, combined with the hit set
|
|
29
|
+
* while modifiers are held: Shift adds (`base + hit`), Cmd / Ctrl inverts
|
|
30
|
+
* (covered items toggle, the rest is untouched).
|
|
31
|
+
*/
|
|
32
|
+
getBaseSelection: () => ReadonlySet<T>;
|
|
33
|
+
/** Continuous visual feedback: the preview set + current rect (undefined when idle). */
|
|
34
|
+
onPreview: (preview: ReadonlySet<T>, rect: DragSelectRect | undefined) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Fired once on release with the final set. Host applies it to its
|
|
37
|
+
* selection. `additive` is `true` when the drag ran with Shift (add) or
|
|
38
|
+
* Cmd / Ctrl (invert) held.
|
|
39
|
+
*/
|
|
40
|
+
onCommit: (finalSet: ReadonlySet<T>, info: {
|
|
41
|
+
additive: boolean;
|
|
42
|
+
}) => void;
|
|
43
|
+
/** Optional: scroll the surface when the pointer nears an edge during a drag. */
|
|
44
|
+
autoScroll?: (dx: number, dy: number) => void;
|
|
45
|
+
/**
|
|
46
|
+
* Optional predicate called on pointerdown before the controller records its
|
|
47
|
+
* pointer id or later calls setPointerCapture/preventDefault. Return false
|
|
48
|
+
* to yield to another gesture (e.g. native item drag).
|
|
49
|
+
*/
|
|
50
|
+
shouldStart?: (event: PointerEvent) => boolean;
|
|
28
51
|
};
|
|
52
|
+
type DragHost = ReactiveControllerHost & HTMLElement;
|
|
29
53
|
/**
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
/** Horizontal alignment of caption text (`middle` is the default). */
|
|
42
|
-
type GridListCaptionAlign = `left` | `middle` | `right`;
|
|
43
|
-
/** Vertical placement of an `overlaid` caption (`bottom` is the default). */
|
|
44
|
-
type GridListCaptionPosition = `top` | `middle` | `bottom`;
|
|
45
|
-
/**
|
|
46
|
-
* Backdrop behind an `overlaid` caption.
|
|
47
|
-
* - `scrim` (default): flat translucent panel.
|
|
48
|
-
* - `gradient`: translucent gradient fading away from the caption edge.
|
|
49
|
-
* - `blur`: frosted / backdrop-blurred panel.
|
|
50
|
-
* - `none`: no panel — caption text only, with a shadow for legibility.
|
|
51
|
-
*/
|
|
52
|
-
type GridListCaptionBackdrop = `scrim` | `gradient` | `blur` | `none`;
|
|
53
|
-
/**
|
|
54
|
-
* Layout / scroll direction.
|
|
55
|
-
* - `grid` (default): items wrap across as many columns as fit and the list
|
|
56
|
-
* scrolls vertically.
|
|
57
|
-
* - `row`: a single row of items that scrolls horizontally.
|
|
58
|
-
* - `column`: a single column of items that scrolls vertically.
|
|
59
|
-
*/
|
|
60
|
-
type GridListOrientation = `grid` | `row` | `column`;
|
|
61
|
-
interface GridListSelectDetail {
|
|
62
|
-
readonly selected: ReadonlySet<Element>;
|
|
63
|
-
readonly previous: ReadonlySet<Element>;
|
|
64
|
-
readonly selectedKeys: ReadonlySet<string>;
|
|
65
|
-
readonly previousKeys: ReadonlySet<string>;
|
|
66
|
-
}
|
|
67
|
-
type GridListSelectEvent = CustomEvent<GridListSelectDetail>;
|
|
68
|
-
/**
|
|
69
|
-
* `item` is the backward-compatible field: the light-DOM `Element` in element
|
|
70
|
-
* mode, the data value `T` in data mode. Use `element` when you specifically
|
|
71
|
-
* need the DOM node (`undefined` in data mode). `key` / `index` are the stable
|
|
72
|
-
* contract in both modes.
|
|
54
|
+
* Shared pointer-drag (marquee / rubber-band) selection for list components.
|
|
55
|
+
*
|
|
56
|
+
* Owns all pointer plumbing and rectangle state; knows nothing about DOM
|
|
57
|
+
* geometry or the selection model — those are host callbacks. Mirrors the
|
|
58
|
+
* `TickledController` attach pattern (`new ListDragSelectController(this, …)`).
|
|
59
|
+
*
|
|
60
|
+
* Behaviour: `pointerdown` on the surface records a start point; once the
|
|
61
|
+
* pointer moves past `threshold`, the surface captures the pointer and every
|
|
62
|
+
* move recomputes the rect, hit-tests, and calls `onPreview`. On release the
|
|
63
|
+
* final set is delivered once via `onCommit`. A press that never crosses the
|
|
64
|
+
* threshold does nothing (the normal `@click` path runs).
|
|
73
65
|
*/
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
readonly element: Element | undefined;
|
|
86
|
-
}
|
|
87
|
-
type GridListItemClickEvent = CustomEvent<GridListItemClickDetail>;
|
|
88
|
-
interface GridListTickleDetail {
|
|
89
|
-
readonly item: unknown;
|
|
90
|
-
readonly key: string;
|
|
91
|
-
readonly index: number;
|
|
92
|
-
readonly element: Element | undefined;
|
|
93
|
-
}
|
|
94
|
-
type GridListTickleEvent = CustomEvent<GridListTickleDetail>;
|
|
95
|
-
interface GridListElementEventMap {
|
|
96
|
-
'list-select': GridListSelectEvent;
|
|
97
|
-
'list-activate': GridListActivateEvent;
|
|
98
|
-
'list-item-click': GridListItemClickEvent;
|
|
99
|
-
'list-tickle': GridListTickleEvent;
|
|
100
|
-
}
|
|
101
|
-
type GridListViewportChangeDetail = {
|
|
102
|
-
readonly renderedKeys: string[];
|
|
103
|
-
readonly visibleKeys: string[];
|
|
104
|
-
};
|
|
105
|
-
type GridListViewportChangeEvent = CustomEvent<GridListViewportChangeDetail>;
|
|
106
|
-
interface GridListNativeDragStartDetail<T = unknown> {
|
|
107
|
-
readonly key: string;
|
|
108
|
-
readonly index: number;
|
|
109
|
-
readonly item: T | Element;
|
|
110
|
-
readonly selectedKeys: readonly string[];
|
|
111
|
-
}
|
|
112
|
-
type GridListNativeDragStartEvent<T = unknown> = CustomEvent<GridListNativeDragStartDetail<T>>;
|
|
113
|
-
interface GridListFullElementEventMap extends GridListElementEventMap {
|
|
114
|
-
'grid-list-viewport-change': GridListViewportChangeEvent;
|
|
115
|
-
'grid-list-native-drag-start': GridListNativeDragStartEvent;
|
|
66
|
+
declare class ListDragSelectController<T> implements ReactiveController {
|
|
67
|
+
#private;
|
|
68
|
+
constructor(host: DragHost, config: ListDragSelectControllerConfig<T>);
|
|
69
|
+
/** `true` while a drag is in progress or its trailing click is still pending. */
|
|
70
|
+
get isDragging(): boolean;
|
|
71
|
+
/** `true` once the press has crossed the threshold and a rect is live. */
|
|
72
|
+
get isActive(): boolean;
|
|
73
|
+
hostConnected(): void;
|
|
74
|
+
hostDisconnected(): void;
|
|
75
|
+
/** Re-bind when the surface element appears/changes (e.g. first render). */
|
|
76
|
+
hostUpdated(): void;
|
|
116
77
|
}
|
|
117
78
|
//#endregion
|
|
118
79
|
//#region src/interaction/list-selection-controller.d.ts
|
|
@@ -270,6 +231,140 @@ declare class ListSelectionController<T> {
|
|
|
270
231
|
seed(items: Iterable<T>, anchor?: T): void;
|
|
271
232
|
}
|
|
272
233
|
//#endregion
|
|
234
|
+
//#region src/interaction/tree-keyboard-controller.d.ts
|
|
235
|
+
type TreeKeyboardNavItemId = string;
|
|
236
|
+
type TreeKeyboardNavCallbacks = {
|
|
237
|
+
getItems: () => ReadonlyArray<TickledItem<TreeKeyboardNavItemId>>;
|
|
238
|
+
onExpand: (id: TreeKeyboardNavItemId) => void;
|
|
239
|
+
onCollapse: (id: TreeKeyboardNavItemId) => void;
|
|
240
|
+
onActivate: (id: TreeKeyboardNavItemId) => void;
|
|
241
|
+
onSelect?: (id: TreeKeyboardNavItemId) => void;
|
|
242
|
+
onEscape?: () => void;
|
|
243
|
+
isLeaf: (id: TreeKeyboardNavItemId) => boolean;
|
|
244
|
+
isExpanded: (id: TreeKeyboardNavItemId) => boolean;
|
|
245
|
+
getParentId?: (id: TreeKeyboardNavItemId) => TreeKeyboardNavItemId | undefined;
|
|
246
|
+
};
|
|
247
|
+
type TreeKeyboardNavControllerConfig = {
|
|
248
|
+
callbacks: TreeKeyboardNavCallbacks;
|
|
249
|
+
disableKeyboardNavigation?: () => boolean;
|
|
250
|
+
};
|
|
251
|
+
declare class TreeKeyboardNavController implements ReactiveController {
|
|
252
|
+
#private;
|
|
253
|
+
private host;
|
|
254
|
+
private tickled;
|
|
255
|
+
private callbacks;
|
|
256
|
+
private disableKeyboardNavigation;
|
|
257
|
+
constructor(host: ReactiveControllerHost, tickled: TickledController<TreeKeyboardNavItemId>, config: TreeKeyboardNavControllerConfig);
|
|
258
|
+
hostConnected(): void;
|
|
259
|
+
hostDisconnected(): void;
|
|
260
|
+
handleKeyDown: (event: KeyboardEvent) => void;
|
|
261
|
+
}
|
|
262
|
+
//#endregion
|
|
263
|
+
//#region src/grid-list/types.d.ts
|
|
264
|
+
/**
|
|
265
|
+
* Adapter for data-backed grid list mode.
|
|
266
|
+
* @param T The type of data item.
|
|
267
|
+
*/
|
|
268
|
+
type GridListDataAdapter<T> = {
|
|
269
|
+
key: (item: T, index: number) => string;
|
|
270
|
+
label?: (item: T, index: number) => string;
|
|
271
|
+
render: (item: T, index: number) => unknown;
|
|
272
|
+
disabled?: (item: T, index: number) => boolean;
|
|
273
|
+
searchableText?: (item: T, index: number) => string;
|
|
274
|
+
};
|
|
275
|
+
/**
|
|
276
|
+
* Common detail for per-item events (activate, click, tickle), key-first in
|
|
277
|
+
* BOTH element and data modes. `item` is the backward-compat field — Element in
|
|
278
|
+
* element mode, T in data mode.
|
|
279
|
+
*/
|
|
280
|
+
type GridListItemEventDetail<T = unknown> = {
|
|
281
|
+
readonly key: string;
|
|
282
|
+
readonly index: number;
|
|
283
|
+
readonly item: T | Element;
|
|
284
|
+
readonly element: Element | undefined;
|
|
285
|
+
};
|
|
286
|
+
/**
|
|
287
|
+
* How the caption relates to the cell's content.
|
|
288
|
+
* - `hidden`: no caption is rendered.
|
|
289
|
+
* - `separate`: content sits in a square; the caption is a detached label
|
|
290
|
+
* below it. Square and caption are highlighted separately, like macOS
|
|
291
|
+
* Finder icon view.
|
|
292
|
+
* - `under` (default): the whole cell is one box — content on top, caption in
|
|
293
|
+
* its own strip below it, inside the same box. One selection outline.
|
|
294
|
+
* - `overlaid`: the caption floats on top of the content (see
|
|
295
|
+
* `GridListCaptionPosition` / `GridListCaptionBackdrop`).
|
|
296
|
+
*/
|
|
297
|
+
type GridListCaptionStyle = `hidden` | `separate` | `under` | `overlaid`;
|
|
298
|
+
/** Horizontal alignment of caption text (`middle` is the default). */
|
|
299
|
+
type GridListCaptionAlign = `left` | `middle` | `right`;
|
|
300
|
+
/** Vertical placement of an `overlaid` caption (`bottom` is the default). */
|
|
301
|
+
type GridListCaptionPosition = `top` | `middle` | `bottom`;
|
|
302
|
+
/**
|
|
303
|
+
* Backdrop behind an `overlaid` caption.
|
|
304
|
+
* - `scrim` (default): flat translucent panel.
|
|
305
|
+
* - `gradient`: translucent gradient fading away from the caption edge.
|
|
306
|
+
* - `blur`: frosted / backdrop-blurred panel.
|
|
307
|
+
* - `none`: no panel — caption text only, with a shadow for legibility.
|
|
308
|
+
*/
|
|
309
|
+
type GridListCaptionBackdrop = `scrim` | `gradient` | `blur` | `none`;
|
|
310
|
+
/**
|
|
311
|
+
* Layout / scroll direction.
|
|
312
|
+
* - `grid` (default): items wrap across as many columns as fit and the list
|
|
313
|
+
* scrolls vertically.
|
|
314
|
+
* - `row`: a single row of items that scrolls horizontally.
|
|
315
|
+
* - `column`: a single column of items that scrolls vertically.
|
|
316
|
+
*/
|
|
317
|
+
type GridListOrientation = `grid` | `row` | `column`;
|
|
318
|
+
interface GridListSelectDetail {
|
|
319
|
+
readonly selected: ReadonlySet<Element>;
|
|
320
|
+
readonly previous: ReadonlySet<Element>;
|
|
321
|
+
readonly selectedKeys: ReadonlySet<string>;
|
|
322
|
+
readonly previousKeys: ReadonlySet<string>;
|
|
323
|
+
}
|
|
324
|
+
type GridListSelectEvent = CustomEvent<GridListSelectDetail>;
|
|
325
|
+
/**
|
|
326
|
+
* `item` is the backward-compatible field: the light-DOM `Element` in element
|
|
327
|
+
* mode, the data value `T` in data mode. Use `element` when you specifically
|
|
328
|
+
* need the DOM node (`undefined` in data mode). `key` / `index` are the stable
|
|
329
|
+
* contract in both modes.
|
|
330
|
+
*/
|
|
331
|
+
interface GridListActivateDetail {
|
|
332
|
+
readonly item: unknown;
|
|
333
|
+
readonly key: string;
|
|
334
|
+
readonly index: number;
|
|
335
|
+
readonly element: Element | undefined;
|
|
336
|
+
}
|
|
337
|
+
type GridListActivateEvent = CustomEvent<GridListActivateDetail>;
|
|
338
|
+
interface GridListItemClickDetail {
|
|
339
|
+
readonly item: unknown;
|
|
340
|
+
readonly key: string;
|
|
341
|
+
readonly index: number;
|
|
342
|
+
readonly element: Element | undefined;
|
|
343
|
+
}
|
|
344
|
+
type GridListItemClickEvent = CustomEvent<GridListItemClickDetail>;
|
|
345
|
+
interface GridListTickleDetail {
|
|
346
|
+
readonly item: unknown;
|
|
347
|
+
readonly key: string;
|
|
348
|
+
readonly index: number;
|
|
349
|
+
readonly element: Element | undefined;
|
|
350
|
+
}
|
|
351
|
+
type GridListTickleEvent = CustomEvent<GridListTickleDetail>;
|
|
352
|
+
interface GridListElementEventMap {
|
|
353
|
+
'list-select': GridListSelectEvent;
|
|
354
|
+
'list-activate': GridListActivateEvent;
|
|
355
|
+
'list-item-click': GridListItemClickEvent;
|
|
356
|
+
'list-tickle': GridListTickleEvent;
|
|
357
|
+
}
|
|
358
|
+
type GridListViewportChangeDetail = {
|
|
359
|
+
readonly renderedKeys: string[];
|
|
360
|
+
readonly visibleKeys: string[];
|
|
361
|
+
};
|
|
362
|
+
type GridListViewportChangeEvent = CustomEvent<GridListViewportChangeDetail>;
|
|
363
|
+
interface GridListFullElementEventMap extends GridListElementEventMap {
|
|
364
|
+
'grid-list-viewport-change': GridListViewportChangeEvent;
|
|
365
|
+
'list-native-drag-start': ListNativeDragStartEvent;
|
|
366
|
+
}
|
|
367
|
+
//#endregion
|
|
273
368
|
//#region src/pan-text/pan-text.d.ts
|
|
274
369
|
type PanTextMode = `hover` | `loop`;
|
|
275
370
|
declare class PanTextElement extends LitElement {
|
|
@@ -394,9 +489,16 @@ declare class GridListElement<T = unknown> extends LitElement {
|
|
|
394
489
|
/**
|
|
395
490
|
* Enable native browser drag-and-drop for selectable items. When true,
|
|
396
491
|
* selectable cells become draggable and the grid emits
|
|
397
|
-
* `
|
|
492
|
+
* `list-native-drag-start` when a drag begins.
|
|
398
493
|
*/
|
|
399
494
|
itemsDraggable: boolean;
|
|
495
|
+
/**
|
|
496
|
+
* Custom drag preview renderer. Receives the selection snapshot and returns
|
|
497
|
+
* an element for `DataTransfer.setDragImage()` plus an optional pre-painted
|
|
498
|
+
* canvas for native hosts. Synchronous by contract — pre-decode thumbnails
|
|
499
|
+
* as selection changes. Defaults to the shared built-in preview.
|
|
500
|
+
*/
|
|
501
|
+
dragPreviewRenderer: ListDragPreviewRenderer<T> | undefined;
|
|
400
502
|
searchModes: string | undefined;
|
|
401
503
|
/**
|
|
402
504
|
* Data items for data-backed mode. When set along with `itemAdapter`, the
|
|
@@ -530,5 +632,5 @@ interface GridListElement {
|
|
|
530
632
|
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
531
633
|
}
|
|
532
634
|
//#endregion
|
|
533
|
-
export {
|
|
534
|
-
//# sourceMappingURL=grid-list-
|
|
635
|
+
export { ListSelectionModes as A, TreeKeyboardNavCallbacks as C, ListSelectionController as D, TreeKeyboardNavItemId as E, DragSelectRect as M, ListDragSelectController as N, ListSelectionControllerConfig as O, ListDragSelectControllerConfig as P, GridListViewportChangeEvent as S, TreeKeyboardNavControllerConfig as T, GridListSelectDetail as _, GridListActivateEvent as a, GridListTickleEvent as b, GridListCaptionPosition as c, GridListElementEventMap as d, GridListFullElementEventMap as f, GridListOrientation as g, GridListItemEventDetail as h, GridListActivateDetail as i, isMultiMode as j, ListSelectionGesture as k, GridListCaptionStyle as l, GridListItemClickEvent as m, PanTextElement as n, GridListCaptionAlign as o, GridListItemClickDetail as p, PanTextMode as r, GridListCaptionBackdrop as s, GridListElement as t, GridListDataAdapter as u, GridListSelectEvent as v, TreeKeyboardNavController as w, GridListViewportChangeDetail as x, GridListTickleDetail as y };
|
|
636
|
+
//# sourceMappingURL=grid-list-BUlUnisU.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid-list-BUlUnisU.d.ts","names":[],"sources":["../src/interaction/list-drag-select-controller.ts","../src/interaction/list-selection-controller.ts","../src/interaction/tree-keyboard-controller.ts","../src/grid-list/types.ts","../src/pan-text/pan-text.ts","../src/grid-list/grid-list.ts"],"mappings":"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"}
|