foldkit 0.51.0 → 0.53.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/devtools/overlay-styles.d.ts +1 -1
- package/dist/devtools/overlay-styles.d.ts.map +1 -1
- package/dist/devtools/overlay-styles.js +80 -0
- package/dist/devtools/overlay.d.ts.map +1 -1
- package/dist/devtools/overlay.js +166 -32
- package/dist/test/internal.js +2 -2
- package/dist/test/scene.d.ts +1 -1
- package/dist/test/scene.d.ts.map +1 -1
- package/dist/test/scene.js +1 -1
- package/dist/test/story.d.ts +1 -1
- package/dist/test/story.d.ts.map +1 -1
- package/dist/test/story.js +1 -1
- package/dist/ui/combobox/multi.d.ts +35 -35
- package/dist/ui/combobox/shared.d.ts +23 -23
- package/dist/ui/combobox/single.d.ts +35 -35
- package/dist/ui/dragAndDrop/index.d.ts +2 -2
- package/dist/ui/listbox/multi.d.ts +34 -34
- package/dist/ui/listbox/shared.d.ts +25 -25
- package/dist/ui/listbox/single.d.ts +34 -34
- package/package.json +1 -1
|
@@ -34,17 +34,17 @@ export declare const update: (model: {
|
|
|
34
34
|
readonly isOpen: boolean;
|
|
35
35
|
readonly isAnimated: boolean;
|
|
36
36
|
readonly isModal: boolean;
|
|
37
|
-
readonly nullable: boolean;
|
|
38
|
-
readonly immediate: boolean;
|
|
39
|
-
readonly selectInputOnFocus: boolean;
|
|
40
37
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
41
38
|
readonly maybeActiveItemIndex: import("effect/Option").Option<number>;
|
|
42
39
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
43
|
-
readonly inputValue: string;
|
|
44
40
|
readonly maybeLastPointerPosition: import("effect/Option").Option<{
|
|
45
41
|
readonly screenX: number;
|
|
46
42
|
readonly screenY: number;
|
|
47
43
|
}>;
|
|
44
|
+
readonly nullable: boolean;
|
|
45
|
+
readonly immediate: boolean;
|
|
46
|
+
readonly selectInputOnFocus: boolean;
|
|
47
|
+
readonly inputValue: string;
|
|
48
48
|
} & {
|
|
49
49
|
readonly selectedItems: readonly string[];
|
|
50
50
|
}, message: import("./shared").Message) => readonly [{
|
|
@@ -52,68 +52,68 @@ export declare const update: (model: {
|
|
|
52
52
|
readonly isOpen: boolean;
|
|
53
53
|
readonly isAnimated: boolean;
|
|
54
54
|
readonly isModal: boolean;
|
|
55
|
-
readonly nullable: boolean;
|
|
56
|
-
readonly immediate: boolean;
|
|
57
|
-
readonly selectInputOnFocus: boolean;
|
|
58
55
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
59
56
|
readonly maybeActiveItemIndex: import("effect/Option").Option<number>;
|
|
60
57
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
61
|
-
readonly inputValue: string;
|
|
62
58
|
readonly maybeLastPointerPosition: import("effect/Option").Option<{
|
|
63
59
|
readonly screenX: number;
|
|
64
60
|
readonly screenY: number;
|
|
65
61
|
}>;
|
|
62
|
+
readonly nullable: boolean;
|
|
63
|
+
readonly immediate: boolean;
|
|
64
|
+
readonly selectInputOnFocus: boolean;
|
|
65
|
+
readonly inputValue: string;
|
|
66
66
|
} & {
|
|
67
67
|
readonly selectedItems: readonly string[];
|
|
68
68
|
}, readonly Readonly<{
|
|
69
69
|
name: string;
|
|
70
70
|
effect: import("effect/Effect").Effect<{
|
|
71
|
-
readonly _tag: "Opened";
|
|
72
|
-
readonly maybeActiveItemIndex: import("effect/Option").Option<number>;
|
|
73
|
-
} | {
|
|
74
71
|
readonly _tag: "Closed";
|
|
75
72
|
} | {
|
|
76
73
|
readonly _tag: "ClosedByTab";
|
|
74
|
+
} | {
|
|
75
|
+
readonly _tag: "DeactivatedItem";
|
|
76
|
+
} | {
|
|
77
|
+
readonly _tag: "CompletedLockScroll";
|
|
78
|
+
} | {
|
|
79
|
+
readonly _tag: "CompletedUnlockScroll";
|
|
80
|
+
} | {
|
|
81
|
+
readonly _tag: "CompletedSetupInert";
|
|
82
|
+
} | {
|
|
83
|
+
readonly _tag: "CompletedTeardownInert";
|
|
84
|
+
} | {
|
|
85
|
+
readonly _tag: "CompletedScrollIntoView";
|
|
86
|
+
} | {
|
|
87
|
+
readonly _tag: "CompletedClickItem";
|
|
88
|
+
} | {
|
|
89
|
+
readonly _tag: "AdvancedTransitionFrame";
|
|
90
|
+
} | {
|
|
91
|
+
readonly _tag: "EndedTransition";
|
|
92
|
+
} | {
|
|
93
|
+
readonly _tag: "Opened";
|
|
94
|
+
readonly maybeActiveItemIndex: import("effect/Option").Option<number>;
|
|
77
95
|
} | {
|
|
78
96
|
readonly _tag: "ActivatedItem";
|
|
79
|
-
readonly index: number;
|
|
80
97
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
98
|
+
readonly index: number;
|
|
81
99
|
readonly maybeImmediateSelection: import("effect/Option").Option<{
|
|
82
100
|
readonly item: string;
|
|
83
101
|
readonly displayText: string;
|
|
84
102
|
}>;
|
|
85
|
-
} | {
|
|
86
|
-
readonly _tag: "DeactivatedItem";
|
|
87
103
|
} | {
|
|
88
104
|
readonly _tag: "SelectedItem";
|
|
89
105
|
readonly item: string;
|
|
90
106
|
readonly displayText: string;
|
|
91
107
|
} | {
|
|
92
108
|
readonly _tag: "MovedPointerOverItem";
|
|
93
|
-
readonly index: number;
|
|
94
109
|
readonly screenX: number;
|
|
95
110
|
readonly screenY: number;
|
|
111
|
+
readonly index: number;
|
|
96
112
|
} | {
|
|
97
113
|
readonly _tag: "RequestedItemClick";
|
|
98
114
|
readonly index: number;
|
|
99
|
-
} | {
|
|
100
|
-
readonly _tag: "CompletedLockScroll";
|
|
101
|
-
} | {
|
|
102
|
-
readonly _tag: "CompletedUnlockScroll";
|
|
103
|
-
} | {
|
|
104
|
-
readonly _tag: "CompletedSetupInert";
|
|
105
|
-
} | {
|
|
106
|
-
readonly _tag: "CompletedTeardownInert";
|
|
107
115
|
} | {
|
|
108
116
|
readonly _tag: "CompletedFocusInput";
|
|
109
|
-
} | {
|
|
110
|
-
readonly _tag: "CompletedScrollIntoView";
|
|
111
|
-
} | {
|
|
112
|
-
readonly _tag: "CompletedClickItem";
|
|
113
|
-
} | {
|
|
114
|
-
readonly _tag: "AdvancedTransitionFrame";
|
|
115
|
-
} | {
|
|
116
|
-
readonly _tag: "EndedTransition";
|
|
117
117
|
} | {
|
|
118
118
|
readonly _tag: "DetectedInputMovement";
|
|
119
119
|
} | {
|
|
@@ -132,17 +132,17 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
|
|
|
132
132
|
readonly isOpen: boolean;
|
|
133
133
|
readonly isAnimated: boolean;
|
|
134
134
|
readonly isModal: boolean;
|
|
135
|
-
readonly nullable: boolean;
|
|
136
|
-
readonly immediate: boolean;
|
|
137
|
-
readonly selectInputOnFocus: boolean;
|
|
138
135
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
139
136
|
readonly maybeActiveItemIndex: import("effect/Option").Option<number>;
|
|
140
137
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
141
|
-
readonly inputValue: string;
|
|
142
138
|
readonly maybeLastPointerPosition: import("effect/Option").Option<{
|
|
143
139
|
readonly screenX: number;
|
|
144
140
|
readonly screenY: number;
|
|
145
141
|
}>;
|
|
142
|
+
readonly nullable: boolean;
|
|
143
|
+
readonly immediate: boolean;
|
|
144
|
+
readonly selectInputOnFocus: boolean;
|
|
145
|
+
readonly inputValue: string;
|
|
146
146
|
} & {
|
|
147
147
|
readonly selectedItems: readonly string[];
|
|
148
148
|
};
|
|
@@ -205,52 +205,52 @@ export declare const makeUpdate: <Model extends BaseModel>(handlers: Readonly<{
|
|
|
205
205
|
}>) => (model: Model, message: Message) => readonly [Model, readonly Readonly<{
|
|
206
206
|
name: string;
|
|
207
207
|
effect: Effect.Effect<{
|
|
208
|
-
readonly _tag: "Opened";
|
|
209
|
-
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
210
|
-
} | {
|
|
211
208
|
readonly _tag: "Closed";
|
|
212
209
|
} | {
|
|
213
210
|
readonly _tag: "ClosedByTab";
|
|
211
|
+
} | {
|
|
212
|
+
readonly _tag: "DeactivatedItem";
|
|
213
|
+
} | {
|
|
214
|
+
readonly _tag: "CompletedLockScroll";
|
|
215
|
+
} | {
|
|
216
|
+
readonly _tag: "CompletedUnlockScroll";
|
|
217
|
+
} | {
|
|
218
|
+
readonly _tag: "CompletedSetupInert";
|
|
219
|
+
} | {
|
|
220
|
+
readonly _tag: "CompletedTeardownInert";
|
|
221
|
+
} | {
|
|
222
|
+
readonly _tag: "CompletedScrollIntoView";
|
|
223
|
+
} | {
|
|
224
|
+
readonly _tag: "CompletedClickItem";
|
|
225
|
+
} | {
|
|
226
|
+
readonly _tag: "AdvancedTransitionFrame";
|
|
227
|
+
} | {
|
|
228
|
+
readonly _tag: "EndedTransition";
|
|
229
|
+
} | {
|
|
230
|
+
readonly _tag: "Opened";
|
|
231
|
+
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
214
232
|
} | {
|
|
215
233
|
readonly _tag: "ActivatedItem";
|
|
216
|
-
readonly index: number;
|
|
217
234
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
235
|
+
readonly index: number;
|
|
218
236
|
readonly maybeImmediateSelection: Option.Option<{
|
|
219
237
|
readonly item: string;
|
|
220
238
|
readonly displayText: string;
|
|
221
239
|
}>;
|
|
222
|
-
} | {
|
|
223
|
-
readonly _tag: "DeactivatedItem";
|
|
224
240
|
} | {
|
|
225
241
|
readonly _tag: "SelectedItem";
|
|
226
242
|
readonly item: string;
|
|
227
243
|
readonly displayText: string;
|
|
228
244
|
} | {
|
|
229
245
|
readonly _tag: "MovedPointerOverItem";
|
|
230
|
-
readonly index: number;
|
|
231
246
|
readonly screenX: number;
|
|
232
247
|
readonly screenY: number;
|
|
248
|
+
readonly index: number;
|
|
233
249
|
} | {
|
|
234
250
|
readonly _tag: "RequestedItemClick";
|
|
235
251
|
readonly index: number;
|
|
236
|
-
} | {
|
|
237
|
-
readonly _tag: "CompletedLockScroll";
|
|
238
|
-
} | {
|
|
239
|
-
readonly _tag: "CompletedUnlockScroll";
|
|
240
|
-
} | {
|
|
241
|
-
readonly _tag: "CompletedSetupInert";
|
|
242
|
-
} | {
|
|
243
|
-
readonly _tag: "CompletedTeardownInert";
|
|
244
252
|
} | {
|
|
245
253
|
readonly _tag: "CompletedFocusInput";
|
|
246
|
-
} | {
|
|
247
|
-
readonly _tag: "CompletedScrollIntoView";
|
|
248
|
-
} | {
|
|
249
|
-
readonly _tag: "CompletedClickItem";
|
|
250
|
-
} | {
|
|
251
|
-
readonly _tag: "AdvancedTransitionFrame";
|
|
252
|
-
} | {
|
|
253
|
-
readonly _tag: "EndedTransition";
|
|
254
254
|
} | {
|
|
255
255
|
readonly _tag: "DetectedInputMovement";
|
|
256
256
|
} | {
|
|
@@ -36,17 +36,17 @@ export declare const update: (model: {
|
|
|
36
36
|
readonly isOpen: boolean;
|
|
37
37
|
readonly isAnimated: boolean;
|
|
38
38
|
readonly isModal: boolean;
|
|
39
|
-
readonly nullable: boolean;
|
|
40
|
-
readonly immediate: boolean;
|
|
41
|
-
readonly selectInputOnFocus: boolean;
|
|
42
39
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
43
40
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
44
41
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
45
|
-
readonly inputValue: string;
|
|
46
42
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
47
43
|
readonly screenX: number;
|
|
48
44
|
readonly screenY: number;
|
|
49
45
|
}>;
|
|
46
|
+
readonly nullable: boolean;
|
|
47
|
+
readonly immediate: boolean;
|
|
48
|
+
readonly selectInputOnFocus: boolean;
|
|
49
|
+
readonly inputValue: string;
|
|
50
50
|
} & {
|
|
51
51
|
readonly maybeSelectedItem: Option.Option<string>;
|
|
52
52
|
readonly maybeSelectedDisplayText: Option.Option<string>;
|
|
@@ -55,69 +55,69 @@ export declare const update: (model: {
|
|
|
55
55
|
readonly isOpen: boolean;
|
|
56
56
|
readonly isAnimated: boolean;
|
|
57
57
|
readonly isModal: boolean;
|
|
58
|
-
readonly nullable: boolean;
|
|
59
|
-
readonly immediate: boolean;
|
|
60
|
-
readonly selectInputOnFocus: boolean;
|
|
61
58
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
62
59
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
63
60
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
64
|
-
readonly inputValue: string;
|
|
65
61
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
66
62
|
readonly screenX: number;
|
|
67
63
|
readonly screenY: number;
|
|
68
64
|
}>;
|
|
65
|
+
readonly nullable: boolean;
|
|
66
|
+
readonly immediate: boolean;
|
|
67
|
+
readonly selectInputOnFocus: boolean;
|
|
68
|
+
readonly inputValue: string;
|
|
69
69
|
} & {
|
|
70
70
|
readonly maybeSelectedItem: Option.Option<string>;
|
|
71
71
|
readonly maybeSelectedDisplayText: Option.Option<string>;
|
|
72
72
|
}, readonly Readonly<{
|
|
73
73
|
name: string;
|
|
74
74
|
effect: import("effect/Effect").Effect<{
|
|
75
|
-
readonly _tag: "Opened";
|
|
76
|
-
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
77
|
-
} | {
|
|
78
75
|
readonly _tag: "Closed";
|
|
79
76
|
} | {
|
|
80
77
|
readonly _tag: "ClosedByTab";
|
|
78
|
+
} | {
|
|
79
|
+
readonly _tag: "DeactivatedItem";
|
|
80
|
+
} | {
|
|
81
|
+
readonly _tag: "CompletedLockScroll";
|
|
82
|
+
} | {
|
|
83
|
+
readonly _tag: "CompletedUnlockScroll";
|
|
84
|
+
} | {
|
|
85
|
+
readonly _tag: "CompletedSetupInert";
|
|
86
|
+
} | {
|
|
87
|
+
readonly _tag: "CompletedTeardownInert";
|
|
88
|
+
} | {
|
|
89
|
+
readonly _tag: "CompletedScrollIntoView";
|
|
90
|
+
} | {
|
|
91
|
+
readonly _tag: "CompletedClickItem";
|
|
92
|
+
} | {
|
|
93
|
+
readonly _tag: "AdvancedTransitionFrame";
|
|
94
|
+
} | {
|
|
95
|
+
readonly _tag: "EndedTransition";
|
|
96
|
+
} | {
|
|
97
|
+
readonly _tag: "Opened";
|
|
98
|
+
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
81
99
|
} | {
|
|
82
100
|
readonly _tag: "ActivatedItem";
|
|
83
|
-
readonly index: number;
|
|
84
101
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
102
|
+
readonly index: number;
|
|
85
103
|
readonly maybeImmediateSelection: Option.Option<{
|
|
86
104
|
readonly item: string;
|
|
87
105
|
readonly displayText: string;
|
|
88
106
|
}>;
|
|
89
|
-
} | {
|
|
90
|
-
readonly _tag: "DeactivatedItem";
|
|
91
107
|
} | {
|
|
92
108
|
readonly _tag: "SelectedItem";
|
|
93
109
|
readonly item: string;
|
|
94
110
|
readonly displayText: string;
|
|
95
111
|
} | {
|
|
96
112
|
readonly _tag: "MovedPointerOverItem";
|
|
97
|
-
readonly index: number;
|
|
98
113
|
readonly screenX: number;
|
|
99
114
|
readonly screenY: number;
|
|
115
|
+
readonly index: number;
|
|
100
116
|
} | {
|
|
101
117
|
readonly _tag: "RequestedItemClick";
|
|
102
118
|
readonly index: number;
|
|
103
|
-
} | {
|
|
104
|
-
readonly _tag: "CompletedLockScroll";
|
|
105
|
-
} | {
|
|
106
|
-
readonly _tag: "CompletedUnlockScroll";
|
|
107
|
-
} | {
|
|
108
|
-
readonly _tag: "CompletedSetupInert";
|
|
109
|
-
} | {
|
|
110
|
-
readonly _tag: "CompletedTeardownInert";
|
|
111
119
|
} | {
|
|
112
120
|
readonly _tag: "CompletedFocusInput";
|
|
113
|
-
} | {
|
|
114
|
-
readonly _tag: "CompletedScrollIntoView";
|
|
115
|
-
} | {
|
|
116
|
-
readonly _tag: "CompletedClickItem";
|
|
117
|
-
} | {
|
|
118
|
-
readonly _tag: "AdvancedTransitionFrame";
|
|
119
|
-
} | {
|
|
120
|
-
readonly _tag: "EndedTransition";
|
|
121
121
|
} | {
|
|
122
122
|
readonly _tag: "DetectedInputMovement";
|
|
123
123
|
} | {
|
|
@@ -136,17 +136,17 @@ export declare const view: <Message, Item extends string>(config: Readonly<{
|
|
|
136
136
|
readonly isOpen: boolean;
|
|
137
137
|
readonly isAnimated: boolean;
|
|
138
138
|
readonly isModal: boolean;
|
|
139
|
-
readonly nullable: boolean;
|
|
140
|
-
readonly immediate: boolean;
|
|
141
|
-
readonly selectInputOnFocus: boolean;
|
|
142
139
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
143
140
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
144
141
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
145
|
-
readonly inputValue: string;
|
|
146
142
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
147
143
|
readonly screenX: number;
|
|
148
144
|
readonly screenY: number;
|
|
149
145
|
}>;
|
|
146
|
+
readonly nullable: boolean;
|
|
147
|
+
readonly immediate: boolean;
|
|
148
|
+
readonly selectInputOnFocus: boolean;
|
|
149
|
+
readonly inputValue: string;
|
|
150
150
|
} & {
|
|
151
151
|
readonly maybeSelectedItem: Option.Option<string>;
|
|
152
152
|
readonly maybeSelectedDisplayText: Option.Option<string>;
|
|
@@ -164,7 +164,7 @@ export declare const SubscriptionDeps: S.Struct<{
|
|
|
164
164
|
/** Document-level subscriptions for pointer and keyboard events during drag operations. */
|
|
165
165
|
export declare const subscriptions: import("../../runtime/subscription").Subscriptions<{
|
|
166
166
|
readonly id: string;
|
|
167
|
-
readonly orientation: "
|
|
167
|
+
readonly orientation: "Vertical" | "Horizontal";
|
|
168
168
|
readonly activationThreshold: number;
|
|
169
169
|
readonly dragState: {
|
|
170
170
|
readonly _tag: "Idle";
|
|
@@ -204,9 +204,9 @@ export declare const subscriptions: import("../../runtime/subscription").Subscri
|
|
|
204
204
|
};
|
|
205
205
|
}, {
|
|
206
206
|
readonly _tag: "PressedDraggable";
|
|
207
|
-
readonly index: number;
|
|
208
207
|
readonly screenX: number;
|
|
209
208
|
readonly screenY: number;
|
|
209
|
+
readonly index: number;
|
|
210
210
|
readonly containerId: string;
|
|
211
211
|
readonly itemId: string;
|
|
212
212
|
} | {
|
|
@@ -31,73 +31,55 @@ export declare const init: (config: InitConfig) => Model;
|
|
|
31
31
|
/** Processes a listbox message and returns the next model and commands. Stays open on selection and toggles item membership (multi-select behavior). */
|
|
32
32
|
export declare const update: (model: {
|
|
33
33
|
readonly id: string;
|
|
34
|
-
readonly orientation: "Horizontal" | "Vertical";
|
|
35
34
|
readonly isOpen: boolean;
|
|
36
35
|
readonly isAnimated: boolean;
|
|
37
36
|
readonly isModal: boolean;
|
|
37
|
+
readonly orientation: "Vertical" | "Horizontal";
|
|
38
38
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
39
39
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
40
40
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
41
|
+
readonly searchQuery: string;
|
|
42
|
+
readonly searchVersion: number;
|
|
41
43
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
42
44
|
readonly screenX: number;
|
|
43
45
|
readonly screenY: number;
|
|
44
46
|
}>;
|
|
45
|
-
readonly searchQuery: string;
|
|
46
|
-
readonly searchVersion: number;
|
|
47
47
|
readonly maybeLastButtonPointerType: Option.Option<string>;
|
|
48
48
|
} & {
|
|
49
49
|
readonly selectedItems: readonly string[];
|
|
50
50
|
}, message: import("./shared").Message) => readonly [{
|
|
51
51
|
readonly id: string;
|
|
52
|
-
readonly orientation: "Horizontal" | "Vertical";
|
|
53
52
|
readonly isOpen: boolean;
|
|
54
53
|
readonly isAnimated: boolean;
|
|
55
54
|
readonly isModal: boolean;
|
|
55
|
+
readonly orientation: "Vertical" | "Horizontal";
|
|
56
56
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
57
57
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
58
58
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
59
|
+
readonly searchQuery: string;
|
|
60
|
+
readonly searchVersion: number;
|
|
59
61
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
60
62
|
readonly screenX: number;
|
|
61
63
|
readonly screenY: number;
|
|
62
64
|
}>;
|
|
63
|
-
readonly searchQuery: string;
|
|
64
|
-
readonly searchVersion: number;
|
|
65
65
|
readonly maybeLastButtonPointerType: Option.Option<string>;
|
|
66
66
|
} & {
|
|
67
67
|
readonly selectedItems: readonly string[];
|
|
68
68
|
}, readonly Readonly<{
|
|
69
69
|
name: string;
|
|
70
70
|
effect: import("effect/Effect").Effect<{
|
|
71
|
+
readonly _tag: "Opened";
|
|
72
|
+
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
73
|
+
} | {
|
|
71
74
|
readonly _tag: "Closed";
|
|
72
75
|
} | {
|
|
73
76
|
readonly _tag: "ClosedByTab";
|
|
74
|
-
} | {
|
|
75
|
-
readonly _tag: "DeactivatedItem";
|
|
76
|
-
} | {
|
|
77
|
-
readonly _tag: "CompletedLockScroll";
|
|
78
|
-
} | {
|
|
79
|
-
readonly _tag: "CompletedUnlockScroll";
|
|
80
|
-
} | {
|
|
81
|
-
readonly _tag: "CompletedSetupInert";
|
|
82
|
-
} | {
|
|
83
|
-
readonly _tag: "CompletedTeardownInert";
|
|
84
|
-
} | {
|
|
85
|
-
readonly _tag: "CompletedScrollIntoView";
|
|
86
|
-
} | {
|
|
87
|
-
readonly _tag: "CompletedClickItem";
|
|
88
|
-
} | {
|
|
89
|
-
readonly _tag: "AdvancedTransitionFrame";
|
|
90
|
-
} | {
|
|
91
|
-
readonly _tag: "EndedTransition";
|
|
92
|
-
} | {
|
|
93
|
-
readonly _tag: "CompletedFocusButton";
|
|
94
|
-
} | {
|
|
95
|
-
readonly _tag: "Opened";
|
|
96
|
-
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
97
77
|
} | {
|
|
98
78
|
readonly _tag: "ActivatedItem";
|
|
99
|
-
readonly index: number;
|
|
100
79
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
80
|
+
readonly index: number;
|
|
81
|
+
} | {
|
|
82
|
+
readonly _tag: "DeactivatedItem";
|
|
101
83
|
} | {
|
|
102
84
|
readonly _tag: "SelectedItem";
|
|
103
85
|
readonly item: string;
|
|
@@ -113,15 +95,33 @@ export declare const update: (model: {
|
|
|
113
95
|
readonly version: number;
|
|
114
96
|
} | {
|
|
115
97
|
readonly _tag: "MovedPointerOverItem";
|
|
116
|
-
readonly index: number;
|
|
117
98
|
readonly screenX: number;
|
|
118
99
|
readonly screenY: number;
|
|
100
|
+
readonly index: number;
|
|
101
|
+
} | {
|
|
102
|
+
readonly _tag: "CompletedLockScroll";
|
|
103
|
+
} | {
|
|
104
|
+
readonly _tag: "CompletedUnlockScroll";
|
|
105
|
+
} | {
|
|
106
|
+
readonly _tag: "CompletedSetupInert";
|
|
107
|
+
} | {
|
|
108
|
+
readonly _tag: "CompletedTeardownInert";
|
|
109
|
+
} | {
|
|
110
|
+
readonly _tag: "CompletedFocusButton";
|
|
119
111
|
} | {
|
|
120
112
|
readonly _tag: "CompletedFocusItems";
|
|
113
|
+
} | {
|
|
114
|
+
readonly _tag: "CompletedScrollIntoView";
|
|
115
|
+
} | {
|
|
116
|
+
readonly _tag: "CompletedClickItem";
|
|
121
117
|
} | {
|
|
122
118
|
readonly _tag: "IgnoredMouseClick";
|
|
123
119
|
} | {
|
|
124
120
|
readonly _tag: "SuppressedSpaceScroll";
|
|
121
|
+
} | {
|
|
122
|
+
readonly _tag: "AdvancedTransitionFrame";
|
|
123
|
+
} | {
|
|
124
|
+
readonly _tag: "EndedTransition";
|
|
125
125
|
} | {
|
|
126
126
|
readonly _tag: "DetectedButtonMovement";
|
|
127
127
|
} | {
|
|
@@ -136,19 +136,19 @@ export type ViewConfig<Message, Item> = BaseViewConfig<Message, Item, Model>;
|
|
|
136
136
|
export declare const view: <Message, Item>(config: Readonly<{
|
|
137
137
|
model: {
|
|
138
138
|
readonly id: string;
|
|
139
|
-
readonly orientation: "Horizontal" | "Vertical";
|
|
140
139
|
readonly isOpen: boolean;
|
|
141
140
|
readonly isAnimated: boolean;
|
|
142
141
|
readonly isModal: boolean;
|
|
142
|
+
readonly orientation: "Vertical" | "Horizontal";
|
|
143
143
|
readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
|
|
144
144
|
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
145
145
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
146
|
+
readonly searchQuery: string;
|
|
147
|
+
readonly searchVersion: number;
|
|
146
148
|
readonly maybeLastPointerPosition: Option.Option<{
|
|
147
149
|
readonly screenX: number;
|
|
148
150
|
readonly screenY: number;
|
|
149
151
|
}>;
|
|
150
|
-
readonly searchQuery: string;
|
|
151
|
-
readonly searchVersion: number;
|
|
152
152
|
readonly maybeLastButtonPointerType: Option.Option<string>;
|
|
153
153
|
} & {
|
|
154
154
|
readonly selectedItems: readonly string[];
|
|
@@ -218,36 +218,18 @@ export declare const DetectMovementOrTransitionEnd: Command.CommandDefinition<"D
|
|
|
218
218
|
export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (model: Model, item: string, context: SelectedItemContext) => [Model, ReadonlyArray<Command.Command<Message>>]) => (model: Model, message: Message) => readonly [Model, readonly Readonly<{
|
|
219
219
|
name: string;
|
|
220
220
|
effect: Effect.Effect<{
|
|
221
|
+
readonly _tag: "Opened";
|
|
222
|
+
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
223
|
+
} | {
|
|
221
224
|
readonly _tag: "Closed";
|
|
222
225
|
} | {
|
|
223
226
|
readonly _tag: "ClosedByTab";
|
|
224
|
-
} | {
|
|
225
|
-
readonly _tag: "DeactivatedItem";
|
|
226
|
-
} | {
|
|
227
|
-
readonly _tag: "CompletedLockScroll";
|
|
228
|
-
} | {
|
|
229
|
-
readonly _tag: "CompletedUnlockScroll";
|
|
230
|
-
} | {
|
|
231
|
-
readonly _tag: "CompletedSetupInert";
|
|
232
|
-
} | {
|
|
233
|
-
readonly _tag: "CompletedTeardownInert";
|
|
234
|
-
} | {
|
|
235
|
-
readonly _tag: "CompletedScrollIntoView";
|
|
236
|
-
} | {
|
|
237
|
-
readonly _tag: "CompletedClickItem";
|
|
238
|
-
} | {
|
|
239
|
-
readonly _tag: "AdvancedTransitionFrame";
|
|
240
|
-
} | {
|
|
241
|
-
readonly _tag: "EndedTransition";
|
|
242
|
-
} | {
|
|
243
|
-
readonly _tag: "CompletedFocusButton";
|
|
244
|
-
} | {
|
|
245
|
-
readonly _tag: "Opened";
|
|
246
|
-
readonly maybeActiveItemIndex: Option.Option<number>;
|
|
247
227
|
} | {
|
|
248
228
|
readonly _tag: "ActivatedItem";
|
|
249
|
-
readonly index: number;
|
|
250
229
|
readonly activationTrigger: "Pointer" | "Keyboard";
|
|
230
|
+
readonly index: number;
|
|
231
|
+
} | {
|
|
232
|
+
readonly _tag: "DeactivatedItem";
|
|
251
233
|
} | {
|
|
252
234
|
readonly _tag: "SelectedItem";
|
|
253
235
|
readonly item: string;
|
|
@@ -263,15 +245,33 @@ export declare const makeUpdate: <Model extends BaseModel>(handleSelectedItem: (
|
|
|
263
245
|
readonly version: number;
|
|
264
246
|
} | {
|
|
265
247
|
readonly _tag: "MovedPointerOverItem";
|
|
266
|
-
readonly index: number;
|
|
267
248
|
readonly screenX: number;
|
|
268
249
|
readonly screenY: number;
|
|
250
|
+
readonly index: number;
|
|
251
|
+
} | {
|
|
252
|
+
readonly _tag: "CompletedLockScroll";
|
|
253
|
+
} | {
|
|
254
|
+
readonly _tag: "CompletedUnlockScroll";
|
|
255
|
+
} | {
|
|
256
|
+
readonly _tag: "CompletedSetupInert";
|
|
257
|
+
} | {
|
|
258
|
+
readonly _tag: "CompletedTeardownInert";
|
|
259
|
+
} | {
|
|
260
|
+
readonly _tag: "CompletedFocusButton";
|
|
269
261
|
} | {
|
|
270
262
|
readonly _tag: "CompletedFocusItems";
|
|
263
|
+
} | {
|
|
264
|
+
readonly _tag: "CompletedScrollIntoView";
|
|
265
|
+
} | {
|
|
266
|
+
readonly _tag: "CompletedClickItem";
|
|
271
267
|
} | {
|
|
272
268
|
readonly _tag: "IgnoredMouseClick";
|
|
273
269
|
} | {
|
|
274
270
|
readonly _tag: "SuppressedSpaceScroll";
|
|
271
|
+
} | {
|
|
272
|
+
readonly _tag: "AdvancedTransitionFrame";
|
|
273
|
+
} | {
|
|
274
|
+
readonly _tag: "EndedTransition";
|
|
275
275
|
} | {
|
|
276
276
|
readonly _tag: "DetectedButtonMovement";
|
|
277
277
|
} | {
|