@tanstack/hotkeys-devtools 0.5.0 → 0.7.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/README.md +1 -1
- package/dist/components/DetailsPanel.js +338 -224
- package/dist/components/DetailsPanel.js.map +1 -1
- package/dist/components/HeldKeysTopbar.js +7 -4
- package/dist/components/HeldKeysTopbar.js.map +1 -1
- package/dist/styles/use-styles.js +60 -2
- package/dist/styles/use-styles.js.map +1 -1
- package/package.json +2 -2
- package/src/components/DetailsPanel.tsx +136 -24
- package/src/components/HeldKeysTopbar.tsx +9 -5
- package/src/styles/use-styles.ts +60 -2
|
@@ -4,11 +4,53 @@ import { useStyles } from "../styles/use-styles.js";
|
|
|
4
4
|
import { ActionButtons } from "./ActionButtons.js";
|
|
5
5
|
import { className, createComponent, effect, insert, template } from "solid-js/web";
|
|
6
6
|
import { For, Show, createMemo } from "solid-js";
|
|
7
|
-
import { formatForDisplay, formatHotkeySequence } from "@tanstack/hotkeys";
|
|
7
|
+
import { detectPlatform, formatForDisplay, formatHotkeySequence, normalizeHotkey, normalizeHotkeyFromParsed, parseHotkey } from "@tanstack/hotkeys";
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
|
|
10
10
|
//#region src/components/DetailsPanel.tsx
|
|
11
|
-
var _tmpl$ = /* @__PURE__ */ template(`<div><div></div><div><div>ID</div><div></div><div>Raw</div><div></div><div>Target</div><div>`), _tmpl$
|
|
11
|
+
var _tmpl$ = /* @__PURE__ */ template(`<div>`), _tmpl$2 = /* @__PURE__ */ template(`<div><span></span><span>`), _tmpl$3 = /* @__PURE__ */ template(`<div><div></div><div><div>ID</div><div></div><div>Raw</div><div></div><div>Target</div><div>`), _tmpl$4 = /* @__PURE__ */ template(`<div><div>Conflicts (<!>)</div><div>`), _tmpl$5 = /* @__PURE__ */ template(`<div><div><div>Key Breakdown</div><div><div><div></div></div><span aria-hidden=true>-></span><div></div></div></div><div><div>Actions</div></div><div><div>Options</div><div><div><span>enabled</span><span></span></div><div><span>eventType</span><span></span></div><div><span>preventDefault</span><span></span></div><div><span>stopPropagation</span><span></span></div><div><span>ignoreInputs</span><span></span></div><div><span>requireReset</span><span></span></div><div><span>conflictBehavior</span><span></span></div><div><span>hasFired</span><span>`), _tmpl$6 = /* @__PURE__ */ template(`<span>+`), _tmpl$7 = /* @__PURE__ */ template(`<span>`), _tmpl$8 = /* @__PURE__ */ template(`<div><span></span> <!>: <!> (<!>) on `), _tmpl$9 = /* @__PURE__ */ template(`<div><span>scope</span> <!>: <!> (<!>) on `), _tmpl$0 = /* @__PURE__ */ template(`<div><div></div><div><div>ID</div><div></div><div>Sequence</div><div></div><div>Target</div><div>`), _tmpl$1 = /* @__PURE__ */ template(`<div><div><div>Key Breakdown</div><div></div><div>Each chord</div></div><div><div>Actions</div></div><div><div>Options</div><div><div><span>enabled</span><span></span></div><div><span>eventType</span><span></span></div><div><span>timeout</span><span>ms</span></div><div><span>preventDefault</span><span></span></div><div><span>stopPropagation</span><span></span></div><div><span>ignoreInputs</span><span></span></div><div><span>conflictBehavior</span><span>`), _tmpl$10 = /* @__PURE__ */ template(`<span><span>`), _tmpl$11 = /* @__PURE__ */ template(`<span>→`), _tmpl$12 = /* @__PURE__ */ template(`<div><div>Step </div><div><div><div></div></div><span aria-hidden=true>-></span><div>`), _tmpl$13 = /* @__PURE__ */ template(`<div>Select a hotkey or sequence from the list to view its details`);
|
|
12
|
+
const PLATFORM_ROWS = [
|
|
13
|
+
{
|
|
14
|
+
id: "mac",
|
|
15
|
+
label: "macOS"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
id: "windows",
|
|
19
|
+
label: "Windows"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
id: "linux",
|
|
23
|
+
label: "Linux"
|
|
24
|
+
}
|
|
25
|
+
];
|
|
26
|
+
function KeyBreakdownPlatformTable(props) {
|
|
27
|
+
const st = () => props.styles();
|
|
28
|
+
return (() => {
|
|
29
|
+
var _el$ = _tmpl$();
|
|
30
|
+
insert(_el$, createComponent(For, {
|
|
31
|
+
each: PLATFORM_ROWS,
|
|
32
|
+
children: (row) => (() => {
|
|
33
|
+
var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
|
|
34
|
+
insert(_el$3, () => row.label);
|
|
35
|
+
insert(_el$4, () => formatForDisplay(normalizeHotkeyFromParsed(props.getParsed(), props.getCanonicalPlatform()), { platform: row.id }));
|
|
36
|
+
effect((_p$) => {
|
|
37
|
+
var _v$ = st().platformBreakdownRow, _v$2 = st().platformBreakdownLabel, _v$3 = st().platformBreakdownPretty;
|
|
38
|
+
_v$ !== _p$.e && className(_el$2, _p$.e = _v$);
|
|
39
|
+
_v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
|
|
40
|
+
_v$3 !== _p$.a && className(_el$4, _p$.a = _v$3);
|
|
41
|
+
return _p$;
|
|
42
|
+
}, {
|
|
43
|
+
e: void 0,
|
|
44
|
+
t: void 0,
|
|
45
|
+
a: void 0
|
|
46
|
+
});
|
|
47
|
+
return _el$2;
|
|
48
|
+
})()
|
|
49
|
+
}));
|
|
50
|
+
effect(() => className(_el$, st().platformBreakdown));
|
|
51
|
+
return _el$;
|
|
52
|
+
})();
|
|
53
|
+
}
|
|
12
54
|
function sequenceKey(sequence) {
|
|
13
55
|
return sequence.join("|");
|
|
14
56
|
}
|
|
@@ -53,34 +95,26 @@ function HotkeyDetails(props) {
|
|
|
53
95
|
const scopeConflicts = createMemo(() => props.findScopeConflicts(reg(), props.state.registrations()));
|
|
54
96
|
const allConflicts = createMemo(() => [...targetConflicts(), ...scopeConflicts()]);
|
|
55
97
|
const conflictBehavior = () => reg().options.conflictBehavior ?? "warn";
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
const p = parsed();
|
|
59
|
-
if (p.ctrl) parts.push("Ctrl");
|
|
60
|
-
if (p.shift) parts.push("Shift");
|
|
61
|
-
if (p.alt) parts.push("Alt");
|
|
62
|
-
if (p.meta) parts.push("Meta");
|
|
63
|
-
parts.push(p.key);
|
|
64
|
-
return parts;
|
|
65
|
-
});
|
|
98
|
+
const registrationPlatform = () => reg().options.platform ?? detectPlatform();
|
|
99
|
+
const rawModParts = createMemo(() => normalizeHotkeyFromParsed(parsed(), registrationPlatform()).split("+"));
|
|
66
100
|
const styles = props.styles;
|
|
67
101
|
return [(() => {
|
|
68
|
-
var _el$ = _tmpl$(), _el$
|
|
69
|
-
insert(_el$
|
|
70
|
-
insert(_el$
|
|
71
|
-
insert(_el$
|
|
72
|
-
insert(_el$
|
|
102
|
+
var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling, _el$11 = _el$10.nextSibling;
|
|
103
|
+
insert(_el$6, () => props.formatForDisplay(reg().hotkey));
|
|
104
|
+
insert(_el$9, () => reg().id);
|
|
105
|
+
insert(_el$1, () => reg().hotkey);
|
|
106
|
+
insert(_el$11, () => props.getTargetDescription(reg().target));
|
|
73
107
|
effect((_p$) => {
|
|
74
|
-
var _v$ = styles().stateHeader, _v$
|
|
75
|
-
_v$ !== _p$.e && className(_el
|
|
76
|
-
_v$
|
|
77
|
-
_v$
|
|
78
|
-
_v$
|
|
79
|
-
_v$
|
|
80
|
-
_v$
|
|
81
|
-
_v$
|
|
82
|
-
_v$
|
|
83
|
-
_v$
|
|
108
|
+
var _v$4 = styles().stateHeader, _v$5 = styles().stateTitle, _v$6 = styles().infoGrid, _v$7 = styles().infoLabel, _v$8 = styles().infoValueMono, _v$9 = styles().infoLabel, _v$0 = styles().infoValueMono, _v$1 = styles().infoLabel, _v$10 = styles().infoValueMono;
|
|
109
|
+
_v$4 !== _p$.e && className(_el$5, _p$.e = _v$4);
|
|
110
|
+
_v$5 !== _p$.t && className(_el$6, _p$.t = _v$5);
|
|
111
|
+
_v$6 !== _p$.a && className(_el$7, _p$.a = _v$6);
|
|
112
|
+
_v$7 !== _p$.o && className(_el$8, _p$.o = _v$7);
|
|
113
|
+
_v$8 !== _p$.i && className(_el$9, _p$.i = _v$8);
|
|
114
|
+
_v$9 !== _p$.n && className(_el$0, _p$.n = _v$9);
|
|
115
|
+
_v$0 !== _p$.s && className(_el$1, _p$.s = _v$0);
|
|
116
|
+
_v$1 !== _p$.h && className(_el$10, _p$.h = _v$1);
|
|
117
|
+
_v$10 !== _p$.r && className(_el$11, _p$.r = _v$10);
|
|
84
118
|
return _p$;
|
|
85
119
|
}, {
|
|
86
120
|
e: void 0,
|
|
@@ -93,50 +127,57 @@ function HotkeyDetails(props) {
|
|
|
93
127
|
h: void 0,
|
|
94
128
|
r: void 0
|
|
95
129
|
});
|
|
96
|
-
return _el
|
|
130
|
+
return _el$5;
|
|
97
131
|
})(), (() => {
|
|
98
|
-
var _el$
|
|
99
|
-
insert(_el$
|
|
132
|
+
var _el$12 = _tmpl$5(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, _el$19 = _el$18.nextSibling, _el$20 = _el$13.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling, _el$23 = _el$22.firstChild, _el$25 = _el$23.nextSibling.firstChild, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$25.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$31.nextSibling, _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$37 = _el$34.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling, _el$40 = _el$37.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling, _el$43 = _el$40.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling, _el$46 = _el$43.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling;
|
|
133
|
+
insert(_el$17, createComponent(For, {
|
|
100
134
|
get each() {
|
|
101
|
-
return
|
|
135
|
+
return rawModParts();
|
|
102
136
|
},
|
|
103
137
|
children: (part, i) => [createComponent(Show, {
|
|
104
138
|
get when() {
|
|
105
139
|
return i() > 0;
|
|
106
140
|
},
|
|
107
141
|
get children() {
|
|
108
|
-
var _el$
|
|
109
|
-
effect(() => className(_el$
|
|
110
|
-
return _el$
|
|
142
|
+
var _el$55 = _tmpl$6();
|
|
143
|
+
effect(() => className(_el$55, styles().keyBreakdownPlus));
|
|
144
|
+
return _el$55;
|
|
111
145
|
}
|
|
112
146
|
}), (() => {
|
|
113
|
-
var _el$
|
|
114
|
-
insert(_el$
|
|
115
|
-
effect(() => className(_el$
|
|
116
|
-
return _el$
|
|
147
|
+
var _el$56 = _tmpl$7();
|
|
148
|
+
insert(_el$56, part);
|
|
149
|
+
effect(() => className(_el$56, styles().keyCapLarge));
|
|
150
|
+
return _el$56;
|
|
117
151
|
})()]
|
|
118
152
|
}));
|
|
119
|
-
insert(_el$
|
|
153
|
+
insert(_el$19, createComponent(KeyBreakdownPlatformTable, {
|
|
154
|
+
getParsed: () => parsed(),
|
|
155
|
+
getCanonicalPlatform: registrationPlatform,
|
|
156
|
+
get styles() {
|
|
157
|
+
return props.styles;
|
|
158
|
+
}
|
|
159
|
+
}));
|
|
160
|
+
insert(_el$20, createComponent(ActionButtons, { get registration() {
|
|
120
161
|
return reg();
|
|
121
162
|
} }), null);
|
|
122
|
-
insert(_el$
|
|
123
|
-
insert(_el$
|
|
124
|
-
insert(_el$
|
|
125
|
-
insert(_el$
|
|
126
|
-
insert(_el$
|
|
127
|
-
insert(_el$
|
|
128
|
-
insert(_el$
|
|
129
|
-
insert(_el$
|
|
130
|
-
insert(_el$
|
|
163
|
+
insert(_el$27, () => String(reg().options.enabled !== false));
|
|
164
|
+
insert(_el$30, () => reg().options.eventType ?? "keydown");
|
|
165
|
+
insert(_el$33, () => String(!!reg().options.preventDefault));
|
|
166
|
+
insert(_el$36, () => String(!!reg().options.stopPropagation));
|
|
167
|
+
insert(_el$39, () => String(reg().options.ignoreInputs !== false));
|
|
168
|
+
insert(_el$42, () => String(!!reg().options.requireReset));
|
|
169
|
+
insert(_el$45, conflictBehavior);
|
|
170
|
+
insert(_el$48, () => String(reg().hasFired));
|
|
171
|
+
insert(_el$12, createComponent(Show, {
|
|
131
172
|
get when() {
|
|
132
173
|
return allConflicts().length > 0;
|
|
133
174
|
},
|
|
134
175
|
get children() {
|
|
135
|
-
var _el$
|
|
136
|
-
_el$
|
|
137
|
-
var _el$
|
|
138
|
-
insert(_el$
|
|
139
|
-
insert(_el$
|
|
176
|
+
var _el$49 = _tmpl$4(), _el$50 = _el$49.firstChild, _el$53 = _el$50.firstChild.nextSibling;
|
|
177
|
+
_el$53.nextSibling;
|
|
178
|
+
var _el$54 = _el$50.nextSibling;
|
|
179
|
+
insert(_el$50, () => allConflicts().length, _el$53);
|
|
180
|
+
insert(_el$54, createComponent(For, {
|
|
140
181
|
get each() {
|
|
141
182
|
return targetConflicts();
|
|
142
183
|
},
|
|
@@ -144,81 +185,85 @@ function HotkeyDetails(props) {
|
|
|
144
185
|
const itemStyle = () => props.getConflictItemStyle(conflictBehavior(), true);
|
|
145
186
|
const label = () => props.getConflictLabel(conflictBehavior(), true);
|
|
146
187
|
return (() => {
|
|
147
|
-
var _el$
|
|
148
|
-
_el$
|
|
149
|
-
insert(_el$
|
|
150
|
-
insert(_el$
|
|
151
|
-
insert(_el$
|
|
152
|
-
insert(_el$
|
|
153
|
-
insert(_el$
|
|
154
|
-
effect(() => className(_el$
|
|
155
|
-
return _el$
|
|
188
|
+
var _el$57 = _tmpl$8(), _el$58 = _el$57.firstChild, _el$65 = _el$58.nextSibling.nextSibling, _el$66 = _el$65.nextSibling.nextSibling, _el$67 = _el$66.nextSibling.nextSibling;
|
|
189
|
+
_el$67.nextSibling;
|
|
190
|
+
insert(_el$58, label);
|
|
191
|
+
insert(_el$57, () => conflict.id, _el$65);
|
|
192
|
+
insert(_el$57, () => props.formatForDisplay(conflict.hotkey), _el$66);
|
|
193
|
+
insert(_el$57, () => conflict.options.eventType ?? "keydown", _el$67);
|
|
194
|
+
insert(_el$57, () => props.getTargetDescription(conflict.target), null);
|
|
195
|
+
effect(() => className(_el$57, styles()[itemStyle()]));
|
|
196
|
+
return _el$57;
|
|
156
197
|
})();
|
|
157
198
|
}
|
|
158
199
|
}), null);
|
|
159
|
-
insert(_el$
|
|
200
|
+
insert(_el$54, createComponent(For, {
|
|
160
201
|
get each() {
|
|
161
202
|
return scopeConflicts();
|
|
162
203
|
},
|
|
163
204
|
children: (conflict) => (() => {
|
|
164
|
-
var _el$
|
|
165
|
-
_el$
|
|
166
|
-
insert(_el$
|
|
167
|
-
insert(_el$
|
|
168
|
-
insert(_el$
|
|
169
|
-
insert(_el$
|
|
170
|
-
effect(() => className(_el$
|
|
171
|
-
return _el$
|
|
205
|
+
var _el$68 = _tmpl$9(), _el$76 = _el$68.firstChild.nextSibling.nextSibling, _el$77 = _el$76.nextSibling.nextSibling, _el$78 = _el$77.nextSibling.nextSibling;
|
|
206
|
+
_el$78.nextSibling;
|
|
207
|
+
insert(_el$68, () => conflict.id, _el$76);
|
|
208
|
+
insert(_el$68, () => props.formatForDisplay(conflict.hotkey), _el$77);
|
|
209
|
+
insert(_el$68, () => conflict.options.eventType ?? "keydown", _el$78);
|
|
210
|
+
insert(_el$68, () => props.getTargetDescription(conflict.target), null);
|
|
211
|
+
effect(() => className(_el$68, styles().conflictItemScope));
|
|
212
|
+
return _el$68;
|
|
172
213
|
})()
|
|
173
214
|
}), null);
|
|
174
215
|
effect((_p$) => {
|
|
175
|
-
var _v$
|
|
176
|
-
_v$
|
|
177
|
-
_v$
|
|
178
|
-
_v$
|
|
216
|
+
var _v$11 = styles().detailSection, _v$12 = styles().detailSectionHeader, _v$13 = styles().conflictList;
|
|
217
|
+
_v$11 !== _p$.e && className(_el$49, _p$.e = _v$11);
|
|
218
|
+
_v$12 !== _p$.t && className(_el$50, _p$.t = _v$12);
|
|
219
|
+
_v$13 !== _p$.a && className(_el$54, _p$.a = _v$13);
|
|
179
220
|
return _p$;
|
|
180
221
|
}, {
|
|
181
222
|
e: void 0,
|
|
182
223
|
t: void 0,
|
|
183
224
|
a: void 0
|
|
184
225
|
});
|
|
185
|
-
return _el$
|
|
226
|
+
return _el$49;
|
|
186
227
|
}
|
|
187
228
|
}), null);
|
|
188
229
|
effect((_p$) => {
|
|
189
|
-
var _v$
|
|
190
|
-
_v$
|
|
191
|
-
_v$
|
|
192
|
-
_v$
|
|
193
|
-
_v$
|
|
194
|
-
_v$
|
|
195
|
-
_v$
|
|
196
|
-
_v$
|
|
197
|
-
_v$
|
|
198
|
-
_v$
|
|
199
|
-
_v$
|
|
200
|
-
_v$
|
|
201
|
-
_v$
|
|
202
|
-
_v$
|
|
203
|
-
_v$
|
|
204
|
-
_v$
|
|
205
|
-
_v$
|
|
206
|
-
_v$
|
|
207
|
-
_v$
|
|
208
|
-
_v$
|
|
209
|
-
_v$
|
|
210
|
-
_v$
|
|
211
|
-
_v$
|
|
212
|
-
_v$
|
|
213
|
-
_v$
|
|
214
|
-
_v$
|
|
215
|
-
_v$
|
|
216
|
-
_v$
|
|
217
|
-
_v$
|
|
218
|
-
_v$
|
|
219
|
-
_v$
|
|
220
|
-
_v$
|
|
221
|
-
_v$
|
|
230
|
+
var _v$14 = styles().detailsGrid, _v$15 = styles().detailSection, _v$16 = styles().detailSectionHeader, _v$17 = styles().keyBreakdownSplitRow, _v$18 = styles().keyBreakdownSplitLeft, _v$19 = styles().keyBreakdown, _v$20 = styles().keyBreakdownSplitArrow, _v$21 = styles().keyBreakdownSplitRight, _v$22 = styles().detailSection, _v$23 = styles().detailSectionHeader, _v$24 = styles().detailSection, _v$25 = styles().detailSectionHeader, _v$26 = styles().optionRow, _v$27 = styles().optionLabel, _v$28 = reg().options.enabled !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$29 = styles().optionRow, _v$30 = styles().optionLabel, _v$31 = styles().optionValue, _v$32 = styles().optionRow, _v$33 = styles().optionLabel, _v$34 = reg().options.preventDefault ? styles().optionValueTrue : styles().optionValueFalse, _v$35 = styles().optionRow, _v$36 = styles().optionLabel, _v$37 = reg().options.stopPropagation ? styles().optionValueTrue : styles().optionValueFalse, _v$38 = styles().optionRow, _v$39 = styles().optionLabel, _v$40 = reg().options.ignoreInputs !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$41 = styles().optionRow, _v$42 = styles().optionLabel, _v$43 = reg().options.requireReset ? styles().optionValueTrue : styles().optionValueFalse, _v$44 = styles().optionRow, _v$45 = styles().optionLabel, _v$46 = styles().optionValue, _v$47 = styles().optionRow, _v$48 = styles().optionLabel, _v$49 = reg().hasFired ? styles().optionValueTrue : styles().optionValueFalse;
|
|
231
|
+
_v$14 !== _p$.e && className(_el$12, _p$.e = _v$14);
|
|
232
|
+
_v$15 !== _p$.t && className(_el$13, _p$.t = _v$15);
|
|
233
|
+
_v$16 !== _p$.a && className(_el$14, _p$.a = _v$16);
|
|
234
|
+
_v$17 !== _p$.o && className(_el$15, _p$.o = _v$17);
|
|
235
|
+
_v$18 !== _p$.i && className(_el$16, _p$.i = _v$18);
|
|
236
|
+
_v$19 !== _p$.n && className(_el$17, _p$.n = _v$19);
|
|
237
|
+
_v$20 !== _p$.s && className(_el$18, _p$.s = _v$20);
|
|
238
|
+
_v$21 !== _p$.h && className(_el$19, _p$.h = _v$21);
|
|
239
|
+
_v$22 !== _p$.r && className(_el$20, _p$.r = _v$22);
|
|
240
|
+
_v$23 !== _p$.d && className(_el$21, _p$.d = _v$23);
|
|
241
|
+
_v$24 !== _p$.l && className(_el$22, _p$.l = _v$24);
|
|
242
|
+
_v$25 !== _p$.u && className(_el$23, _p$.u = _v$25);
|
|
243
|
+
_v$26 !== _p$.c && className(_el$25, _p$.c = _v$26);
|
|
244
|
+
_v$27 !== _p$.w && className(_el$26, _p$.w = _v$27);
|
|
245
|
+
_v$28 !== _p$.m && className(_el$27, _p$.m = _v$28);
|
|
246
|
+
_v$29 !== _p$.f && className(_el$28, _p$.f = _v$29);
|
|
247
|
+
_v$30 !== _p$.y && className(_el$29, _p$.y = _v$30);
|
|
248
|
+
_v$31 !== _p$.g && className(_el$30, _p$.g = _v$31);
|
|
249
|
+
_v$32 !== _p$.p && className(_el$31, _p$.p = _v$32);
|
|
250
|
+
_v$33 !== _p$.b && className(_el$32, _p$.b = _v$33);
|
|
251
|
+
_v$34 !== _p$.T && className(_el$33, _p$.T = _v$34);
|
|
252
|
+
_v$35 !== _p$.A && className(_el$34, _p$.A = _v$35);
|
|
253
|
+
_v$36 !== _p$.O && className(_el$35, _p$.O = _v$36);
|
|
254
|
+
_v$37 !== _p$.I && className(_el$36, _p$.I = _v$37);
|
|
255
|
+
_v$38 !== _p$.S && className(_el$37, _p$.S = _v$38);
|
|
256
|
+
_v$39 !== _p$.W && className(_el$38, _p$.W = _v$39);
|
|
257
|
+
_v$40 !== _p$.C && className(_el$39, _p$.C = _v$40);
|
|
258
|
+
_v$41 !== _p$.B && className(_el$40, _p$.B = _v$41);
|
|
259
|
+
_v$42 !== _p$.v && className(_el$41, _p$.v = _v$42);
|
|
260
|
+
_v$43 !== _p$.k && className(_el$42, _p$.k = _v$43);
|
|
261
|
+
_v$44 !== _p$.x && className(_el$43, _p$.x = _v$44);
|
|
262
|
+
_v$45 !== _p$.j && className(_el$44, _p$.j = _v$45);
|
|
263
|
+
_v$46 !== _p$.q && className(_el$45, _p$.q = _v$46);
|
|
264
|
+
_v$47 !== _p$.z && className(_el$46, _p$.z = _v$47);
|
|
265
|
+
_v$48 !== _p$.P && className(_el$47, _p$.P = _v$48);
|
|
266
|
+
_v$49 !== _p$.H && className(_el$48, _p$.H = _v$49);
|
|
222
267
|
return _p$;
|
|
223
268
|
}, {
|
|
224
269
|
e: void 0,
|
|
@@ -252,9 +297,13 @@ function HotkeyDetails(props) {
|
|
|
252
297
|
v: void 0,
|
|
253
298
|
k: void 0,
|
|
254
299
|
x: void 0,
|
|
255
|
-
j: void 0
|
|
300
|
+
j: void 0,
|
|
301
|
+
q: void 0,
|
|
302
|
+
z: void 0,
|
|
303
|
+
P: void 0,
|
|
304
|
+
H: void 0
|
|
256
305
|
});
|
|
257
|
-
return _el$
|
|
306
|
+
return _el$12;
|
|
258
307
|
})()];
|
|
259
308
|
}
|
|
260
309
|
function SequenceDetails(props) {
|
|
@@ -265,56 +314,57 @@ function SequenceDetails(props) {
|
|
|
265
314
|
const scopeConflicts = createMemo(() => props.findSequenceScopeConflicts(liveReg(), props.state.sequenceRegistrations()));
|
|
266
315
|
const allConflicts = createMemo(() => [...targetConflicts(), ...scopeConflicts()]);
|
|
267
316
|
const conflictBehavior = () => liveReg().options.conflictBehavior ?? "warn";
|
|
317
|
+
const sequenceCanonicalPlatform = createMemo(() => liveReg().options.platform ?? detectPlatform());
|
|
268
318
|
const styles = props.styles;
|
|
269
319
|
return [(() => {
|
|
270
|
-
var _el$
|
|
271
|
-
insert(_el$
|
|
320
|
+
var _el$79 = _tmpl$0(), _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling;
|
|
321
|
+
insert(_el$80, createComponent(For, {
|
|
272
322
|
get each() {
|
|
273
323
|
return liveReg().sequence;
|
|
274
324
|
},
|
|
275
325
|
children: (step, i) => (() => {
|
|
276
|
-
var _el$
|
|
277
|
-
insert(_el$
|
|
326
|
+
var _el$126 = _tmpl$10(), _el$127 = _el$126.firstChild;
|
|
327
|
+
insert(_el$126, createComponent(Show, {
|
|
278
328
|
get when() {
|
|
279
329
|
return i() > 0;
|
|
280
330
|
},
|
|
281
331
|
children: " "
|
|
282
|
-
}), _el$
|
|
283
|
-
insert(_el$
|
|
284
|
-
effect(() => className(_el$
|
|
285
|
-
return _el$
|
|
332
|
+
}), _el$127);
|
|
333
|
+
insert(_el$127, () => props.formatForDisplay(step));
|
|
334
|
+
effect(() => className(_el$127, i() < matchedSteps() ? styles().sequenceStepMatched : void 0));
|
|
335
|
+
return _el$126;
|
|
286
336
|
})()
|
|
287
337
|
}));
|
|
288
|
-
insert(_el$
|
|
289
|
-
insert(_el$
|
|
338
|
+
insert(_el$83, () => liveReg().id);
|
|
339
|
+
insert(_el$85, createComponent(For, {
|
|
290
340
|
get each() {
|
|
291
341
|
return liveReg().sequence;
|
|
292
342
|
},
|
|
293
343
|
children: (step, i) => (() => {
|
|
294
|
-
var _el$
|
|
295
|
-
insert(_el$
|
|
344
|
+
var _el$128 = _tmpl$10(), _el$129 = _el$128.firstChild;
|
|
345
|
+
insert(_el$128, createComponent(Show, {
|
|
296
346
|
get when() {
|
|
297
347
|
return i() > 0;
|
|
298
348
|
},
|
|
299
349
|
children: " "
|
|
300
|
-
}), _el$
|
|
301
|
-
insert(_el$
|
|
302
|
-
effect(() => className(_el$
|
|
303
|
-
return _el$
|
|
350
|
+
}), _el$129);
|
|
351
|
+
insert(_el$129, () => props.formatForDisplay(step));
|
|
352
|
+
effect(() => className(_el$129, i() < matchedSteps() ? styles().sequenceStepMatched : void 0));
|
|
353
|
+
return _el$128;
|
|
304
354
|
})()
|
|
305
355
|
}));
|
|
306
|
-
insert(_el$
|
|
356
|
+
insert(_el$87, () => props.getTargetDescription(liveReg().target));
|
|
307
357
|
effect((_p$) => {
|
|
308
|
-
var _v$
|
|
309
|
-
_v$
|
|
310
|
-
_v$
|
|
311
|
-
_v$
|
|
312
|
-
_v$
|
|
313
|
-
_v$
|
|
314
|
-
_v$
|
|
315
|
-
_v$
|
|
316
|
-
_v$
|
|
317
|
-
_v$
|
|
358
|
+
var _v$50 = styles().stateHeader, _v$51 = styles().stateTitle, _v$52 = styles().infoGrid, _v$53 = styles().infoLabel, _v$54 = styles().infoValueMono, _v$55 = styles().infoLabel, _v$56 = styles().infoValueMono, _v$57 = styles().infoLabel, _v$58 = styles().infoValueMono;
|
|
359
|
+
_v$50 !== _p$.e && className(_el$79, _p$.e = _v$50);
|
|
360
|
+
_v$51 !== _p$.t && className(_el$80, _p$.t = _v$51);
|
|
361
|
+
_v$52 !== _p$.a && className(_el$81, _p$.a = _v$52);
|
|
362
|
+
_v$53 !== _p$.o && className(_el$82, _p$.o = _v$53);
|
|
363
|
+
_v$54 !== _p$.i && className(_el$83, _p$.i = _v$54);
|
|
364
|
+
_v$55 !== _p$.n && className(_el$84, _p$.n = _v$55);
|
|
365
|
+
_v$56 !== _p$.s && className(_el$85, _p$.s = _v$56);
|
|
366
|
+
_v$57 !== _p$.h && className(_el$86, _p$.h = _v$57);
|
|
367
|
+
_v$58 !== _p$.r && className(_el$87, _p$.r = _v$58);
|
|
318
368
|
return _p$;
|
|
319
369
|
}, {
|
|
320
370
|
e: void 0,
|
|
@@ -327,10 +377,10 @@ function SequenceDetails(props) {
|
|
|
327
377
|
h: void 0,
|
|
328
378
|
r: void 0
|
|
329
379
|
});
|
|
330
|
-
return _el$
|
|
380
|
+
return _el$79;
|
|
331
381
|
})(), (() => {
|
|
332
|
-
var _el$
|
|
333
|
-
insert(_el$
|
|
382
|
+
var _el$88 = _tmpl$1(), _el$89 = _el$88.firstChild, _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$91.nextSibling, _el$93 = _el$89.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$93.nextSibling, _el$96 = _el$95.firstChild, _el$98 = _el$96.nextSibling.firstChild, _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$98.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$101.nextSibling, _el$105 = _el$104.firstChild, _el$106 = _el$105.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$104.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$108.nextSibling, _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$111.nextSibling, _el$115 = _el$114.firstChild, _el$116 = _el$115.nextSibling, _el$117 = _el$114.nextSibling, _el$118 = _el$117.firstChild, _el$119 = _el$118.nextSibling;
|
|
383
|
+
insert(_el$91, createComponent(For, {
|
|
334
384
|
get each() {
|
|
335
385
|
return liveReg().sequence;
|
|
336
386
|
},
|
|
@@ -339,37 +389,99 @@ function SequenceDetails(props) {
|
|
|
339
389
|
return i() > 0;
|
|
340
390
|
},
|
|
341
391
|
get children() {
|
|
342
|
-
var _el$
|
|
343
|
-
effect(() => className(_el$
|
|
344
|
-
return _el$
|
|
392
|
+
var _el$130 = _tmpl$11();
|
|
393
|
+
effect(() => className(_el$130, styles().keyBreakdownPlus));
|
|
394
|
+
return _el$130;
|
|
345
395
|
}
|
|
346
396
|
}), (() => {
|
|
347
|
-
var _el$
|
|
348
|
-
insert(_el$
|
|
349
|
-
effect(() => className(_el$
|
|
350
|
-
return _el$
|
|
397
|
+
var _el$131 = _tmpl$7();
|
|
398
|
+
insert(_el$131, () => props.formatForDisplay(step));
|
|
399
|
+
effect(() => className(_el$131, clsx(styles().keyCapLarge, i() < matchedSteps() && styles().keyCapLargeInProgress)));
|
|
400
|
+
return _el$131;
|
|
351
401
|
})()]
|
|
352
402
|
}));
|
|
353
|
-
insert(_el$
|
|
403
|
+
insert(_el$89, createComponent(For, {
|
|
404
|
+
get each() {
|
|
405
|
+
return liveReg().sequence;
|
|
406
|
+
},
|
|
407
|
+
children: (step, stepIdx) => {
|
|
408
|
+
const stepParsed = () => parseHotkey(step, sequenceCanonicalPlatform());
|
|
409
|
+
const stepRawParts = () => normalizeHotkey(step, sequenceCanonicalPlatform()).split("+");
|
|
410
|
+
return (() => {
|
|
411
|
+
var _el$132 = _tmpl$12(), _el$133 = _el$132.firstChild;
|
|
412
|
+
_el$133.firstChild;
|
|
413
|
+
var _el$135 = _el$133.nextSibling, _el$136 = _el$135.firstChild, _el$137 = _el$136.firstChild, _el$138 = _el$136.nextSibling, _el$139 = _el$138.nextSibling;
|
|
414
|
+
insert(_el$133, () => stepIdx() + 1, null);
|
|
415
|
+
insert(_el$137, createComponent(For, {
|
|
416
|
+
get each() {
|
|
417
|
+
return stepRawParts();
|
|
418
|
+
},
|
|
419
|
+
children: (part, i) => [createComponent(Show, {
|
|
420
|
+
get when() {
|
|
421
|
+
return i() > 0;
|
|
422
|
+
},
|
|
423
|
+
get children() {
|
|
424
|
+
var _el$140 = _tmpl$6();
|
|
425
|
+
effect(() => className(_el$140, styles().keyBreakdownPlus));
|
|
426
|
+
return _el$140;
|
|
427
|
+
}
|
|
428
|
+
}), (() => {
|
|
429
|
+
var _el$141 = _tmpl$7();
|
|
430
|
+
insert(_el$141, part);
|
|
431
|
+
effect(() => className(_el$141, styles().keyCapLarge));
|
|
432
|
+
return _el$141;
|
|
433
|
+
})()]
|
|
434
|
+
}));
|
|
435
|
+
insert(_el$139, createComponent(KeyBreakdownPlatformTable, {
|
|
436
|
+
getParsed: stepParsed,
|
|
437
|
+
getCanonicalPlatform: () => sequenceCanonicalPlatform(),
|
|
438
|
+
get styles() {
|
|
439
|
+
return props.styles;
|
|
440
|
+
}
|
|
441
|
+
}));
|
|
442
|
+
effect((_p$) => {
|
|
443
|
+
var _v$92 = styles().sequenceChordDetail, _v$93 = styles().keyBreakdownSubHeader, _v$94 = styles().keyBreakdownSplitRow, _v$95 = styles().keyBreakdownSplitLeft, _v$96 = styles().keyBreakdown, _v$97 = styles().keyBreakdownSplitArrow, _v$98 = styles().keyBreakdownSplitRight;
|
|
444
|
+
_v$92 !== _p$.e && className(_el$132, _p$.e = _v$92);
|
|
445
|
+
_v$93 !== _p$.t && className(_el$133, _p$.t = _v$93);
|
|
446
|
+
_v$94 !== _p$.a && className(_el$135, _p$.a = _v$94);
|
|
447
|
+
_v$95 !== _p$.o && className(_el$136, _p$.o = _v$95);
|
|
448
|
+
_v$96 !== _p$.i && className(_el$137, _p$.i = _v$96);
|
|
449
|
+
_v$97 !== _p$.n && className(_el$138, _p$.n = _v$97);
|
|
450
|
+
_v$98 !== _p$.s && className(_el$139, _p$.s = _v$98);
|
|
451
|
+
return _p$;
|
|
452
|
+
}, {
|
|
453
|
+
e: void 0,
|
|
454
|
+
t: void 0,
|
|
455
|
+
a: void 0,
|
|
456
|
+
o: void 0,
|
|
457
|
+
i: void 0,
|
|
458
|
+
n: void 0,
|
|
459
|
+
s: void 0
|
|
460
|
+
});
|
|
461
|
+
return _el$132;
|
|
462
|
+
})();
|
|
463
|
+
}
|
|
464
|
+
}), null);
|
|
465
|
+
insert(_el$93, createComponent(ActionButtons, { get registration() {
|
|
354
466
|
return liveReg();
|
|
355
467
|
} }), null);
|
|
356
|
-
insert(_el$
|
|
357
|
-
insert(_el$
|
|
358
|
-
insert(_el$
|
|
359
|
-
insert(_el$
|
|
360
|
-
insert(_el$
|
|
361
|
-
insert(_el$
|
|
362
|
-
insert(_el$
|
|
363
|
-
insert(_el$
|
|
468
|
+
insert(_el$100, () => String(liveReg().options.enabled !== false));
|
|
469
|
+
insert(_el$103, () => liveReg().options.eventType ?? "keydown");
|
|
470
|
+
insert(_el$106, () => liveReg().options.timeout ?? 1e3, _el$107);
|
|
471
|
+
insert(_el$110, () => String(!!liveReg().options.preventDefault));
|
|
472
|
+
insert(_el$113, () => String(!!liveReg().options.stopPropagation));
|
|
473
|
+
insert(_el$116, () => String(liveReg().options.ignoreInputs !== false));
|
|
474
|
+
insert(_el$119, conflictBehavior);
|
|
475
|
+
insert(_el$88, createComponent(Show, {
|
|
364
476
|
get when() {
|
|
365
477
|
return allConflicts().length > 0;
|
|
366
478
|
},
|
|
367
479
|
get children() {
|
|
368
|
-
var _el$
|
|
369
|
-
_el$
|
|
370
|
-
var _el$
|
|
371
|
-
insert(_el$
|
|
372
|
-
insert(_el$
|
|
480
|
+
var _el$120 = _tmpl$4(), _el$121 = _el$120.firstChild, _el$124 = _el$121.firstChild.nextSibling;
|
|
481
|
+
_el$124.nextSibling;
|
|
482
|
+
var _el$125 = _el$121.nextSibling;
|
|
483
|
+
insert(_el$121, () => allConflicts().length, _el$124);
|
|
484
|
+
insert(_el$125, createComponent(For, {
|
|
373
485
|
get each() {
|
|
374
486
|
return targetConflicts();
|
|
375
487
|
},
|
|
@@ -377,78 +489,79 @@ function SequenceDetails(props) {
|
|
|
377
489
|
const itemStyle = () => props.getConflictItemStyle(conflictBehavior(), true);
|
|
378
490
|
const label = () => props.getConflictLabel(conflictBehavior(), true);
|
|
379
491
|
return (() => {
|
|
380
|
-
var _el$
|
|
381
|
-
_el$
|
|
382
|
-
insert(_el$
|
|
383
|
-
insert(_el$
|
|
384
|
-
insert(_el$
|
|
385
|
-
insert(_el$
|
|
386
|
-
insert(_el$
|
|
387
|
-
effect(() => className(_el$
|
|
388
|
-
return _el$
|
|
492
|
+
var _el$142 = _tmpl$8(), _el$143 = _el$142.firstChild, _el$150 = _el$143.nextSibling.nextSibling, _el$151 = _el$150.nextSibling.nextSibling, _el$152 = _el$151.nextSibling.nextSibling;
|
|
493
|
+
_el$152.nextSibling;
|
|
494
|
+
insert(_el$143, label);
|
|
495
|
+
insert(_el$142, () => conflict.id, _el$150);
|
|
496
|
+
insert(_el$142, () => props.formatHotkeySequence(conflict.sequence), _el$151);
|
|
497
|
+
insert(_el$142, () => conflict.options.eventType ?? "keydown", _el$152);
|
|
498
|
+
insert(_el$142, () => props.getTargetDescription(conflict.target), null);
|
|
499
|
+
effect(() => className(_el$142, styles()[itemStyle()]));
|
|
500
|
+
return _el$142;
|
|
389
501
|
})();
|
|
390
502
|
}
|
|
391
503
|
}), null);
|
|
392
|
-
insert(_el$
|
|
504
|
+
insert(_el$125, createComponent(For, {
|
|
393
505
|
get each() {
|
|
394
506
|
return scopeConflicts();
|
|
395
507
|
},
|
|
396
508
|
children: (conflict) => (() => {
|
|
397
|
-
var _el$
|
|
398
|
-
_el$
|
|
399
|
-
insert(_el$
|
|
400
|
-
insert(_el$
|
|
401
|
-
insert(_el$
|
|
402
|
-
insert(_el$
|
|
403
|
-
effect(() => className(_el$
|
|
404
|
-
return _el$
|
|
509
|
+
var _el$153 = _tmpl$9(), _el$161 = _el$153.firstChild.nextSibling.nextSibling, _el$162 = _el$161.nextSibling.nextSibling, _el$163 = _el$162.nextSibling.nextSibling;
|
|
510
|
+
_el$163.nextSibling;
|
|
511
|
+
insert(_el$153, () => conflict.id, _el$161);
|
|
512
|
+
insert(_el$153, () => props.formatHotkeySequence(conflict.sequence), _el$162);
|
|
513
|
+
insert(_el$153, () => conflict.options.eventType ?? "keydown", _el$163);
|
|
514
|
+
insert(_el$153, () => props.getTargetDescription(conflict.target), null);
|
|
515
|
+
effect(() => className(_el$153, styles().conflictItemScope));
|
|
516
|
+
return _el$153;
|
|
405
517
|
})()
|
|
406
518
|
}), null);
|
|
407
519
|
effect((_p$) => {
|
|
408
|
-
var _v$
|
|
409
|
-
_v$
|
|
410
|
-
_v$
|
|
411
|
-
_v$
|
|
520
|
+
var _v$59 = styles().detailSection, _v$60 = styles().detailSectionHeader, _v$61 = styles().conflictList;
|
|
521
|
+
_v$59 !== _p$.e && className(_el$120, _p$.e = _v$59);
|
|
522
|
+
_v$60 !== _p$.t && className(_el$121, _p$.t = _v$60);
|
|
523
|
+
_v$61 !== _p$.a && className(_el$125, _p$.a = _v$61);
|
|
412
524
|
return _p$;
|
|
413
525
|
}, {
|
|
414
526
|
e: void 0,
|
|
415
527
|
t: void 0,
|
|
416
528
|
a: void 0
|
|
417
529
|
});
|
|
418
|
-
return _el$
|
|
530
|
+
return _el$120;
|
|
419
531
|
}
|
|
420
532
|
}), null);
|
|
421
533
|
effect((_p$) => {
|
|
422
|
-
var _v$
|
|
423
|
-
_v$
|
|
424
|
-
_v$
|
|
425
|
-
_v$
|
|
426
|
-
_v$
|
|
427
|
-
_v$
|
|
428
|
-
_v$
|
|
429
|
-
_v$
|
|
430
|
-
_v$
|
|
431
|
-
_v$
|
|
432
|
-
_v$
|
|
433
|
-
_v$
|
|
434
|
-
_v$
|
|
435
|
-
_v$
|
|
436
|
-
_v$
|
|
437
|
-
_v$
|
|
438
|
-
_v$
|
|
439
|
-
_v$
|
|
440
|
-
_v$
|
|
441
|
-
_v$
|
|
442
|
-
_v$
|
|
443
|
-
_v$
|
|
444
|
-
_v$
|
|
445
|
-
_v$
|
|
446
|
-
_v$
|
|
447
|
-
_v$
|
|
448
|
-
_v$
|
|
449
|
-
_v$
|
|
450
|
-
_v$
|
|
451
|
-
_v$
|
|
534
|
+
var _v$62 = styles().detailsGrid, _v$63 = styles().detailSection, _v$64 = styles().detailSectionHeader, _v$65 = styles().keyBreakdown, _v$66 = styles().keyBreakdownSubHeader, _v$67 = styles().detailSection, _v$68 = styles().detailSectionHeader, _v$69 = styles().detailSection, _v$70 = styles().detailSectionHeader, _v$71 = styles().optionRow, _v$72 = styles().optionLabel, _v$73 = liveReg().options.enabled !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$74 = styles().optionRow, _v$75 = styles().optionLabel, _v$76 = styles().optionValue, _v$77 = styles().optionRow, _v$78 = styles().optionLabel, _v$79 = styles().optionValue, _v$80 = styles().optionRow, _v$81 = styles().optionLabel, _v$82 = liveReg().options.preventDefault ? styles().optionValueTrue : styles().optionValueFalse, _v$83 = styles().optionRow, _v$84 = styles().optionLabel, _v$85 = liveReg().options.stopPropagation ? styles().optionValueTrue : styles().optionValueFalse, _v$86 = styles().optionRow, _v$87 = styles().optionLabel, _v$88 = liveReg().options.ignoreInputs !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$89 = styles().optionRow, _v$90 = styles().optionLabel, _v$91 = styles().optionValue;
|
|
535
|
+
_v$62 !== _p$.e && className(_el$88, _p$.e = _v$62);
|
|
536
|
+
_v$63 !== _p$.t && className(_el$89, _p$.t = _v$63);
|
|
537
|
+
_v$64 !== _p$.a && className(_el$90, _p$.a = _v$64);
|
|
538
|
+
_v$65 !== _p$.o && className(_el$91, _p$.o = _v$65);
|
|
539
|
+
_v$66 !== _p$.i && className(_el$92, _p$.i = _v$66);
|
|
540
|
+
_v$67 !== _p$.n && className(_el$93, _p$.n = _v$67);
|
|
541
|
+
_v$68 !== _p$.s && className(_el$94, _p$.s = _v$68);
|
|
542
|
+
_v$69 !== _p$.h && className(_el$95, _p$.h = _v$69);
|
|
543
|
+
_v$70 !== _p$.r && className(_el$96, _p$.r = _v$70);
|
|
544
|
+
_v$71 !== _p$.d && className(_el$98, _p$.d = _v$71);
|
|
545
|
+
_v$72 !== _p$.l && className(_el$99, _p$.l = _v$72);
|
|
546
|
+
_v$73 !== _p$.u && className(_el$100, _p$.u = _v$73);
|
|
547
|
+
_v$74 !== _p$.c && className(_el$101, _p$.c = _v$74);
|
|
548
|
+
_v$75 !== _p$.w && className(_el$102, _p$.w = _v$75);
|
|
549
|
+
_v$76 !== _p$.m && className(_el$103, _p$.m = _v$76);
|
|
550
|
+
_v$77 !== _p$.f && className(_el$104, _p$.f = _v$77);
|
|
551
|
+
_v$78 !== _p$.y && className(_el$105, _p$.y = _v$78);
|
|
552
|
+
_v$79 !== _p$.g && className(_el$106, _p$.g = _v$79);
|
|
553
|
+
_v$80 !== _p$.p && className(_el$108, _p$.p = _v$80);
|
|
554
|
+
_v$81 !== _p$.b && className(_el$109, _p$.b = _v$81);
|
|
555
|
+
_v$82 !== _p$.T && className(_el$110, _p$.T = _v$82);
|
|
556
|
+
_v$83 !== _p$.A && className(_el$111, _p$.A = _v$83);
|
|
557
|
+
_v$84 !== _p$.O && className(_el$112, _p$.O = _v$84);
|
|
558
|
+
_v$85 !== _p$.I && className(_el$113, _p$.I = _v$85);
|
|
559
|
+
_v$86 !== _p$.S && className(_el$114, _p$.S = _v$86);
|
|
560
|
+
_v$87 !== _p$.W && className(_el$115, _p$.W = _v$87);
|
|
561
|
+
_v$88 !== _p$.C && className(_el$116, _p$.C = _v$88);
|
|
562
|
+
_v$89 !== _p$.B && className(_el$117, _p$.B = _v$89);
|
|
563
|
+
_v$90 !== _p$.v && className(_el$118, _p$.v = _v$90);
|
|
564
|
+
_v$91 !== _p$.k && className(_el$119, _p$.k = _v$91);
|
|
452
565
|
return _p$;
|
|
453
566
|
}, {
|
|
454
567
|
e: void 0,
|
|
@@ -479,25 +592,26 @@ function SequenceDetails(props) {
|
|
|
479
592
|
W: void 0,
|
|
480
593
|
C: void 0,
|
|
481
594
|
B: void 0,
|
|
482
|
-
v: void 0
|
|
595
|
+
v: void 0,
|
|
596
|
+
k: void 0
|
|
483
597
|
});
|
|
484
|
-
return _el$
|
|
598
|
+
return _el$88;
|
|
485
599
|
})()];
|
|
486
600
|
}
|
|
487
601
|
function DetailsPanel(props) {
|
|
488
602
|
const styles = useStyles();
|
|
489
603
|
const state = useHotkeysDevtoolsState();
|
|
490
604
|
return (() => {
|
|
491
|
-
var _el$
|
|
492
|
-
insert(_el$
|
|
605
|
+
var _el$164 = _tmpl$();
|
|
606
|
+
insert(_el$164, createComponent(Show, {
|
|
493
607
|
get when() {
|
|
494
608
|
return props.selectedRegistration();
|
|
495
609
|
},
|
|
496
610
|
get fallback() {
|
|
497
611
|
return (() => {
|
|
498
|
-
var _el$
|
|
499
|
-
effect(() => className(_el$
|
|
500
|
-
return _el$
|
|
612
|
+
var _el$165 = _tmpl$13();
|
|
613
|
+
effect(() => className(_el$165, styles().noSelection));
|
|
614
|
+
return _el$165;
|
|
501
615
|
})();
|
|
502
616
|
},
|
|
503
617
|
children: (reg) => createComponent(Show, {
|
|
@@ -537,8 +651,8 @@ function DetailsPanel(props) {
|
|
|
537
651
|
}
|
|
538
652
|
})
|
|
539
653
|
}));
|
|
540
|
-
effect(() => className(_el$
|
|
541
|
-
return _el$
|
|
654
|
+
effect(() => className(_el$164, styles().stateDetails));
|
|
655
|
+
return _el$164;
|
|
542
656
|
})();
|
|
543
657
|
}
|
|
544
658
|
|