@design.estate/dees-catalog 4.9.0 → 4.10.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.
- package/dist_bundle/bundle.js +565 -94
- package/dist_ts_web/00_commitinfo_data.js +2 -2
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.d.ts +23 -2
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.js +10 -1
- package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.js +575 -99
- package/dist_ts_web/elements/00group-harness/interfaces.d.ts +10 -1
- package/package.json +2 -2
- package/readme.md +3 -1
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.ts +10 -0
- package/ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.ts +615 -95
- package/ts_web/elements/00group-harness/interfaces.ts +11 -1
- package/dist_watch/bundle.js +0 -235637
- package/dist_watch/bundle.js.map +0 -7
- package/dist_watch/index.html +0 -28
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@design.estate/dees-catalog',
|
|
6
|
-
version: '4.
|
|
6
|
+
version: '4.10.0',
|
|
7
7
|
description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
|
|
8
8
|
};
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9
|
|
@@ -22,7 +22,8 @@ interface IDropSlot {
|
|
|
22
22
|
* `harness-group-create-request`, and right-clicking a group header emits
|
|
23
23
|
* `harness-group-context` — the host persists changes and passes fresh
|
|
24
24
|
* `groups` back in. Sessions in no group render in the trailing ungrouped
|
|
25
|
-
* section
|
|
25
|
+
* section with pinned entries first, then explicit order, then new sessions by
|
|
26
|
+
* recency. While a search query is active the list is flat.
|
|
26
27
|
*/
|
|
27
28
|
export declare class DeesHarnessSessionList extends DeesElement {
|
|
28
29
|
static demo: () => TemplateResult<1>;
|
|
@@ -33,26 +34,46 @@ export declare class DeesHarnessSessionList extends DeesElement {
|
|
|
33
34
|
accessor emptyText: string;
|
|
34
35
|
accessor groups: IHarnessSessionGroup[];
|
|
35
36
|
accessor enableGrouping: boolean;
|
|
37
|
+
/** Explicit order for sortable sessions outside user-defined groups. */
|
|
38
|
+
accessor ungroupedSessionIds: string[];
|
|
36
39
|
accessor search: string;
|
|
37
40
|
accessor draggingSessionId: string;
|
|
38
41
|
accessor dropSlot: IDropSlot | undefined;
|
|
42
|
+
accessor draggedItemHeight: number;
|
|
43
|
+
accessor expandedSessionIds: ReadonlySet<string>;
|
|
39
44
|
accessor collapsedGroupIds: ReadonlySet<string>;
|
|
45
|
+
private reflowGeneration;
|
|
46
|
+
private readonly reflowAnimations;
|
|
47
|
+
private dragSourceElement;
|
|
40
48
|
static styles: import("@design.estate/dees-element").CSSResult[];
|
|
41
49
|
private get sessionsById();
|
|
42
50
|
private get groupedSessionIds();
|
|
43
|
-
/**
|
|
51
|
+
/** Pinned entries first, followed by explicitly ordered sortable sessions. */
|
|
44
52
|
private get ungroupedSessions();
|
|
45
53
|
private get filteredSessions();
|
|
46
54
|
focusSearch(): void;
|
|
55
|
+
updated(changedProperties: Map<PropertyKey, unknown>): void;
|
|
56
|
+
disconnectedCallback(): Promise<void>;
|
|
47
57
|
render(): TemplateResult;
|
|
48
58
|
private renderFlatList;
|
|
49
59
|
private renderGroupedList;
|
|
50
60
|
private renderSection;
|
|
61
|
+
private renderDropPlaceholder;
|
|
51
62
|
private renderItem;
|
|
63
|
+
private eventTargetsExpandToggle;
|
|
64
|
+
private sessionStateLabel;
|
|
65
|
+
private toggleSessionExpanded;
|
|
52
66
|
private toggleGroupCollapsed;
|
|
67
|
+
private sortableSessions;
|
|
68
|
+
private sessionsForGroup;
|
|
69
|
+
private handleDragStart;
|
|
53
70
|
private setDropSlot;
|
|
54
71
|
private handleDragOverSlot;
|
|
55
72
|
private handleDrop;
|
|
73
|
+
private captureCardRects;
|
|
74
|
+
private animateCardReflow;
|
|
75
|
+
private cancelReflowAnimations;
|
|
76
|
+
private clearDragState;
|
|
56
77
|
private emit;
|
|
57
78
|
}
|
|
58
79
|
export {};
|
|
@@ -13,7 +13,13 @@ const demoSessions = Array.from({ length: 24 }, (_, index) => ({
|
|
|
13
13
|
updatedAt: Date.now() - (index + 1) * 3_500_000,
|
|
14
14
|
messageCount: 4 + (index % 9),
|
|
15
15
|
preview: 'Latest: the regression test asserts the cache key stays stable across…',
|
|
16
|
+
state: ['normal', 'working', 'finished', 'attention', 'error'][index % 5],
|
|
17
|
+
working: index % 5 === 1,
|
|
16
18
|
}));
|
|
19
|
+
const demoGroups = [
|
|
20
|
+
{ id: 'active', name: 'Active work', sessionIds: ['session-0', 'session-1', 'session-2'] },
|
|
21
|
+
{ id: 'review', name: 'Review', sessionIds: ['session-3', 'session-4'] },
|
|
22
|
+
];
|
|
17
23
|
const openModal = async () => {
|
|
18
24
|
const { DeesModal } = await import('../../00group-overlay/dees-modal/dees-modal.js');
|
|
19
25
|
const content = document.createElement('dees-harness-session-list');
|
|
@@ -48,9 +54,12 @@ export const demoFunc = () => html `
|
|
|
48
54
|
<dees-button @clicked=${openModal}>Open in a DeesModal</dees-button>
|
|
49
55
|
<dees-harness-session-list
|
|
50
56
|
.sessions=${demoSessions}
|
|
57
|
+
.groups=${demoGroups}
|
|
58
|
+
.ungroupedSessionIds=${demoSessions.slice(5).map((session) => session.id)}
|
|
59
|
+
.enableGrouping=${true}
|
|
51
60
|
selectedSessionId="session-2"
|
|
52
61
|
@harness-session-select=${(event) => console.log('select', event.detail.session)}
|
|
53
62
|
></dees-harness-session-list>
|
|
54
63
|
</div>
|
|
55
64
|
`;
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXNlc3Npb24tbGlzdC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaGFybmVzcy9kZWVzLWhhcm5lc3Mtc2Vzc2lvbi1saXN0L2RlZXMtaGFybmVzcy1zZXNzaW9uLWxpc3QuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFHbkQsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BGLEVBQUUsRUFBRSxXQUFXLEtBQUssRUFBRTtJQUN0QixLQUFLLEVBQUU7UUFDTCx1QkFBdUI7UUFDdkIsc0NBQXNDO1FBQ3RDLDJCQUEyQjtRQUMzQiw2QkFBNkI7UUFDN0IsZ0JBQWdCO1FBQ2hCLHFDQUFxQztLQUN0QyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDWixTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLFNBQVM7SUFDL0MsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxTQUFTO0lBQy9DLFlBQVksRUFBRSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLE9BQU8sRUFBRSx3RUFBd0U7SUFDakYsS0FBSyxFQUFHLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE9BQU8sQ0FBVyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7SUFDcEYsT0FBTyxFQUFFLEtBQUssR0FBRyxDQUFDLEtBQUssQ0FBQztDQUN6QixDQUFDLENBQUMsQ0FBQztBQUVKLE1BQU0sVUFBVSxHQUFHO0lBQ2pCLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsV0FBVyxDQUFDLEVBQUU7SUFDMUYsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxFQUFFO0NBQ3pFLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBRyxLQUFLLElBQUksRUFBRTtJQUMzQixNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsTUFBTSxNQUFNLENBQUMsZ0RBQWdELENBQUMsQ0FBQztJQUNyRixNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFDcEUsT0FBTyxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQUM7SUFDaEMsT0FBTyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO0lBQy9CLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3pELE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFHLEtBQXFCLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JFLENBQUMsQ0FBQyxDQUFDO0lBQ0gsU0FBUyxDQUFDLGFBQWEsQ0FBQztRQUN0QixPQUFPLEVBQUUsZUFBZTtRQUN4QixPQUFPLEVBQUUsSUFBSSxDQUFBLEdBQUcsT0FBTyxFQUFFO1FBQ3pCLFdBQVcsRUFBRSxFQUFFO0tBQ2hCLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7OzRCQWlCTixTQUFTOztrQkFFbkIsWUFBWTtnQkFDZCxVQUFVOzZCQUNHLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO3dCQUN2RCxJQUFJOztnQ0FFSSxDQUFDLEtBQWtCLEVBQUUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDOzs7Q0FHbEcsQ0FBQyJ9
|