@tanstack/hotkeys-devtools 1.8.1 → 1.9.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/HotkeysContextProvider.js +2 -3
- package/dist/_issues.js +23 -0
- package/dist/_registrations.js +2 -3
- package/dist/_scopes.js +1 -2
- package/dist/_trigger.js +1 -2
- package/dist/components/ActionButtons.js +2 -3
- package/dist/components/DetailsPanel.js +420 -358
- package/dist/components/HeldKeysTopbar.js +2 -3
- package/dist/components/HotkeyList.js +4 -5
- package/dist/components/Shell.js +2 -3
- package/dist/components/index.js +1 -2
- package/dist/core.d.ts +1 -3
- package/dist/core.js +1 -2
- package/dist/index.d.ts +0 -2
- package/dist/index.js +1 -2
- package/dist/production.d.ts +1 -1
- package/dist/sequence-progress.js +1 -2
- package/dist/styles/tokens.js +1 -2
- package/dist/styles/use-styles.js +9 -2
- package/dist/types.d.ts +1 -3
- package/package.json +7 -7
|
@@ -1,32 +1,34 @@
|
|
|
1
|
-
import { effectiveSequenceMatchedSteps } from "../sequence-progress.js";
|
|
2
1
|
import { useHotkeysDevtoolsState } from "../HotkeysContextProvider.js";
|
|
3
|
-
import {
|
|
2
|
+
import { describeHotkeyIssues } from "../_issues.js";
|
|
4
3
|
import { formatRegistration, getBindingKind, useRegistrationConflicts } from "../_registrations.js";
|
|
5
4
|
import { getScopeStatus } from "../_scopes.js";
|
|
5
|
+
import { effectiveSequenceMatchedSteps } from "../sequence-progress.js";
|
|
6
|
+
import { useStyles } from "../styles/use-styles.js";
|
|
6
7
|
import { ActionButtons } from "./ActionButtons.js";
|
|
7
8
|
import { className, createComponent, effect, insert, memo, template } from "solid-js/web";
|
|
8
|
-
import { For, Show, createMemo } from "solid-js";
|
|
9
9
|
import { detectPlatform, formatForDisplay, normalizeHotkey, parseHotkey } from "@tanstack/hotkeys";
|
|
10
|
+
import { For, Show, createMemo } from "solid-js";
|
|
10
11
|
import clsx from "clsx";
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
// src/components/DetailsPanel.tsx
|
|
13
14
|
var _tmpl$ = /*#__PURE__*/ template(`<div>`);
|
|
14
15
|
var _tmpl$2 = /*#__PURE__*/ template(`<div><span></span><span>`);
|
|
15
|
-
var _tmpl$3 = /*#__PURE__*/ template(`<div><div
|
|
16
|
-
var _tmpl$4 = /*#__PURE__*/ template(`<div><div>
|
|
17
|
-
var _tmpl$5 = /*#__PURE__*/ template(`<div><div
|
|
18
|
-
var _tmpl$6 = /*#__PURE__*/ template(`<span
|
|
19
|
-
var _tmpl$7 = /*#__PURE__*/ template(`<span
|
|
20
|
-
var _tmpl$8 = /*#__PURE__*/ template(`<
|
|
21
|
-
var _tmpl$9 = /*#__PURE__*/ template(`<div><span>
|
|
22
|
-
var _tmpl$0 = /*#__PURE__*/ template(`<div><
|
|
23
|
-
var _tmpl$1 = /*#__PURE__*/ template(`<div><div
|
|
24
|
-
var _tmpl$10 = /*#__PURE__*/ template(`<span><span>`);
|
|
25
|
-
var _tmpl$11 = /*#__PURE__*/ template(`<span
|
|
26
|
-
var _tmpl$12 = /*#__PURE__*/ template(`<
|
|
27
|
-
var _tmpl$13 = /*#__PURE__*/ template(`<div><div
|
|
28
|
-
var _tmpl$14 = /*#__PURE__*/ template(`<div><div><div>
|
|
29
|
-
var _tmpl$15 = /*#__PURE__*/ template(`<div>
|
|
16
|
+
var _tmpl$3 = /*#__PURE__*/ template(`<div><div>Issues (<!>)</div><div>`);
|
|
17
|
+
var _tmpl$4 = /*#__PURE__*/ template(`<div><div></div><div><div>ID</div><div></div><div>Matches</div><div></div><div>Raw</div><div></div><div>Target</div><div>`);
|
|
18
|
+
var _tmpl$5 = /*#__PURE__*/ template(`<div><div>Conflicts (<!>)</div><div>`);
|
|
19
|
+
var _tmpl$6 = /*#__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>Meta</div><div><div><span>name</span><span></span></div><div><span>description</span><span></span></div></div></div><div><div>Options</div><div><div><span>enabled</span><span></span></div><div><span>scope</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>`);
|
|
20
|
+
var _tmpl$7 = /*#__PURE__*/ template(`<span>+`);
|
|
21
|
+
var _tmpl$8 = /*#__PURE__*/ template(`<span>`);
|
|
22
|
+
var _tmpl$9 = /*#__PURE__*/ template(`<div><span>overlap</span> <!>: <!> (<!>) on `);
|
|
23
|
+
var _tmpl$0 = /*#__PURE__*/ template(`<div><span>scope</span> <!>: <!> (<!>) on `);
|
|
24
|
+
var _tmpl$1 = /*#__PURE__*/ template(`<div><div></div><div><div>ID</div><div></div><div>Matches</div><div></div><div>Raw</div><div></div><div>Sequence</div><div></div><div>Target</div><div>`);
|
|
25
|
+
var _tmpl$10 = /*#__PURE__*/ template(`<div><div><div>Key Breakdown</div><div></div><div>Each chord</div></div><div><div>Actions</div></div><div><div>Meta</div><div><div><span>name</span><span></span></div><div><span>description</span><span></span></div></div></div><div><div>Options</div><div><div><span>enabled</span><span></span></div><div><span>scope</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>`);
|
|
26
|
+
var _tmpl$11 = /*#__PURE__*/ template(`<span><span>`);
|
|
27
|
+
var _tmpl$12 = /*#__PURE__*/ template(`<span>→`);
|
|
28
|
+
var _tmpl$13 = /*#__PURE__*/ template(`<div><div>Step <!> — </div><div><div><div></div></div><span aria-hidden=true>-></span><div>`);
|
|
29
|
+
var _tmpl$14 = /*#__PURE__*/ template(`<div><div></div><div><div>App hotkey</div><div></div><div>Status</div><div></div><div>Default</div><div></div><div>Scope</div><div>`);
|
|
30
|
+
var _tmpl$15 = /*#__PURE__*/ template(`<div><div><div>Meta</div><div></div></div><div><div>Declared options</div><div>`);
|
|
31
|
+
var _tmpl$16 = /*#__PURE__*/ template(`<div>Select a hotkey from the list to view its details`);
|
|
30
32
|
const PLATFORM_ROWS = [
|
|
31
33
|
{
|
|
32
34
|
id: "mac",
|
|
@@ -69,6 +71,44 @@ function KeyBreakdownPlatformTable(props) {
|
|
|
69
71
|
return _el$;
|
|
70
72
|
})();
|
|
71
73
|
}
|
|
74
|
+
/** Readable validation problems, such as a key name in the wrong case. */
|
|
75
|
+
function IssuesSection(props) {
|
|
76
|
+
const issues = createMemo(() => describeHotkeyIssues(props.hotkey));
|
|
77
|
+
return createComponent(Show, {
|
|
78
|
+
get when() {
|
|
79
|
+
return issues().length > 0;
|
|
80
|
+
},
|
|
81
|
+
get children() {
|
|
82
|
+
var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$9 = _el$6.firstChild.nextSibling;
|
|
83
|
+
_el$9.nextSibling;
|
|
84
|
+
var _el$0 = _el$6.nextSibling;
|
|
85
|
+
insert(_el$6, () => issues().length, _el$9);
|
|
86
|
+
insert(_el$0, createComponent(For, {
|
|
87
|
+
get each() {
|
|
88
|
+
return issues();
|
|
89
|
+
},
|
|
90
|
+
children: (issue) => (() => {
|
|
91
|
+
var _el$1 = _tmpl$();
|
|
92
|
+
insert(_el$1, issue);
|
|
93
|
+
effect(() => className(_el$1, props.styles().issueItem));
|
|
94
|
+
return _el$1;
|
|
95
|
+
})()
|
|
96
|
+
}));
|
|
97
|
+
effect((_p$) => {
|
|
98
|
+
var _v$4 = props.styles().detailSection, _v$5 = props.styles().detailSectionHeader, _v$6 = props.styles().conflictList;
|
|
99
|
+
_v$4 !== _p$.e && className(_el$5, _p$.e = _v$4);
|
|
100
|
+
_v$5 !== _p$.t && className(_el$6, _p$.t = _v$5);
|
|
101
|
+
_v$6 !== _p$.a && className(_el$0, _p$.a = _v$6);
|
|
102
|
+
return _p$;
|
|
103
|
+
}, {
|
|
104
|
+
e: void 0,
|
|
105
|
+
t: void 0,
|
|
106
|
+
a: void 0
|
|
107
|
+
});
|
|
108
|
+
return _el$5;
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
|
+
}
|
|
72
112
|
function getTargetDescription(target) {
|
|
73
113
|
if (typeof document !== "undefined" && target === document) return "document";
|
|
74
114
|
if (typeof window !== "undefined" && target === window) return "window";
|
|
@@ -91,25 +131,25 @@ function HotkeyDetails(props) {
|
|
|
91
131
|
}));
|
|
92
132
|
const styles = props.styles;
|
|
93
133
|
return [(() => {
|
|
94
|
-
var _el$
|
|
95
|
-
insert(_el$
|
|
96
|
-
insert(_el$
|
|
97
|
-
insert(_el$
|
|
98
|
-
insert(_el$
|
|
99
|
-
insert(_el$
|
|
134
|
+
var _el$10 = _tmpl$4(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.nextSibling, _el$17 = _el$16.nextSibling, _el$18 = _el$17.nextSibling, _el$19 = _el$18.nextSibling, _el$20 = _el$19.nextSibling;
|
|
135
|
+
insert(_el$11, () => formatRegistration(reg()));
|
|
136
|
+
insert(_el$14, () => reg().id);
|
|
137
|
+
insert(_el$16, () => getBindingKind(reg()));
|
|
138
|
+
insert(_el$18, () => reg().hotkey);
|
|
139
|
+
insert(_el$20, () => props.getTargetDescription(reg().target));
|
|
100
140
|
effect((_p$) => {
|
|
101
|
-
var _v$
|
|
102
|
-
_v$
|
|
103
|
-
_v$
|
|
104
|
-
_v$
|
|
105
|
-
_v$
|
|
106
|
-
_v$
|
|
107
|
-
_v$
|
|
108
|
-
_v$
|
|
109
|
-
_v$
|
|
110
|
-
_v$
|
|
111
|
-
_v$
|
|
112
|
-
_v$
|
|
141
|
+
var _v$7 = styles().stateHeader, _v$8 = styles().stateTitle, _v$9 = styles().infoGrid, _v$0 = styles().infoLabel, _v$1 = styles().infoValueMono, _v$10 = styles().infoLabel, _v$11 = styles().infoValueMono, _v$12 = styles().infoLabel, _v$13 = styles().infoValueMono, _v$14 = styles().infoLabel, _v$15 = styles().infoValueMono;
|
|
142
|
+
_v$7 !== _p$.e && className(_el$10, _p$.e = _v$7);
|
|
143
|
+
_v$8 !== _p$.t && className(_el$11, _p$.t = _v$8);
|
|
144
|
+
_v$9 !== _p$.a && className(_el$12, _p$.a = _v$9);
|
|
145
|
+
_v$0 !== _p$.o && className(_el$13, _p$.o = _v$0);
|
|
146
|
+
_v$1 !== _p$.i && className(_el$14, _p$.i = _v$1);
|
|
147
|
+
_v$10 !== _p$.n && className(_el$15, _p$.n = _v$10);
|
|
148
|
+
_v$11 !== _p$.s && className(_el$16, _p$.s = _v$11);
|
|
149
|
+
_v$12 !== _p$.h && className(_el$17, _p$.h = _v$12);
|
|
150
|
+
_v$13 !== _p$.r && className(_el$18, _p$.r = _v$13);
|
|
151
|
+
_v$14 !== _p$.d && className(_el$19, _p$.d = _v$14);
|
|
152
|
+
_v$15 !== _p$.l && className(_el$20, _p$.l = _v$15);
|
|
113
153
|
return _p$;
|
|
114
154
|
}, {
|
|
115
155
|
e: void 0,
|
|
@@ -124,12 +164,12 @@ function HotkeyDetails(props) {
|
|
|
124
164
|
d: void 0,
|
|
125
165
|
l: void 0
|
|
126
166
|
});
|
|
127
|
-
return _el$
|
|
167
|
+
return _el$10;
|
|
128
168
|
})(), (() => {
|
|
129
|
-
var _el$
|
|
130
|
-
_el$
|
|
131
|
-
var _el$
|
|
132
|
-
insert(_el$
|
|
169
|
+
var _el$21 = _tmpl$6(), _el$22 = _el$21.firstChild, _el$23 = _el$22.firstChild, _el$24 = _el$23.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.firstChild, _el$27 = _el$25.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$22.nextSibling, _el$30 = _el$29.firstChild, _el$31 = _el$29.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _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$31.nextSibling, _el$41 = _el$40.firstChild, _el$43 = _el$41.nextSibling.firstChild, _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, _el$49 = _el$48.firstChild, _el$51 = _el$49.nextSibling;
|
|
170
|
+
_el$51.nextSibling;
|
|
171
|
+
var _el$52 = _el$46.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling, _el$55 = _el$52.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling, _el$58 = _el$55.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$59.nextSibling, _el$61 = _el$58.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$62.nextSibling, _el$64 = _el$61.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.nextSibling, _el$67 = _el$64.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling, _el$70 = _el$67.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling;
|
|
172
|
+
insert(_el$26, createComponent(For, {
|
|
133
173
|
get each() {
|
|
134
174
|
return keyParts();
|
|
135
175
|
},
|
|
@@ -138,30 +178,30 @@ function HotkeyDetails(props) {
|
|
|
138
178
|
return i() > 0;
|
|
139
179
|
},
|
|
140
180
|
get children() {
|
|
141
|
-
var _el$
|
|
142
|
-
effect(() => className(_el$
|
|
143
|
-
return _el$
|
|
181
|
+
var _el$79 = _tmpl$7();
|
|
182
|
+
effect(() => className(_el$79, styles().keyBreakdownPlus));
|
|
183
|
+
return _el$79;
|
|
144
184
|
}
|
|
145
185
|
}), (() => {
|
|
146
|
-
var _el$
|
|
147
|
-
insert(_el$
|
|
148
|
-
effect(() => className(_el$
|
|
149
|
-
return _el$
|
|
186
|
+
var _el$80 = _tmpl$8();
|
|
187
|
+
insert(_el$80, part);
|
|
188
|
+
effect(() => className(_el$80, styles().keyCapLarge));
|
|
189
|
+
return _el$80;
|
|
150
190
|
})()]
|
|
151
191
|
}));
|
|
152
|
-
insert(_el$
|
|
192
|
+
insert(_el$28, createComponent(KeyBreakdownPlatformTable, {
|
|
153
193
|
getParsed: () => parsed(),
|
|
154
194
|
getCanonicalPlatform: registrationPlatform,
|
|
155
195
|
get styles() {
|
|
156
196
|
return props.styles;
|
|
157
197
|
}
|
|
158
198
|
}));
|
|
159
|
-
insert(_el$
|
|
199
|
+
insert(_el$29, createComponent(ActionButtons, { get registration() {
|
|
160
200
|
return reg();
|
|
161
201
|
} }), null);
|
|
162
|
-
insert(_el$
|
|
163
|
-
insert(_el$
|
|
164
|
-
insert(_el$
|
|
202
|
+
insert(_el$36, () => reg().options.meta?.name ?? "—");
|
|
203
|
+
insert(_el$39, () => reg().options.meta?.description ?? "—");
|
|
204
|
+
insert(_el$33, createComponent(Show, {
|
|
165
205
|
get when() {
|
|
166
206
|
return memo(() => !!reg().options.meta)() && Object.keys(reg().options.meta).filter((k) => k !== "name" && k !== "description").length > 0;
|
|
167
207
|
},
|
|
@@ -171,142 +211,148 @@ function HotkeyDetails(props) {
|
|
|
171
211
|
return Object.entries(reg().options.meta ?? {}).filter(([k]) => k !== "name" && k !== "description");
|
|
172
212
|
},
|
|
173
213
|
children: ([key, value]) => (() => {
|
|
174
|
-
var _el$
|
|
175
|
-
insert(_el$
|
|
176
|
-
insert(_el$
|
|
214
|
+
var _el$81 = _tmpl$2(), _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling;
|
|
215
|
+
insert(_el$82, key);
|
|
216
|
+
insert(_el$83, () => String(value));
|
|
177
217
|
effect((_p$) => {
|
|
178
|
-
var _v$
|
|
179
|
-
_v$
|
|
180
|
-
_v$
|
|
181
|
-
_v$
|
|
218
|
+
var _v$66 = styles().optionRow, _v$67 = styles().optionLabel, _v$68 = styles().optionValue;
|
|
219
|
+
_v$66 !== _p$.e && className(_el$81, _p$.e = _v$66);
|
|
220
|
+
_v$67 !== _p$.t && className(_el$82, _p$.t = _v$67);
|
|
221
|
+
_v$68 !== _p$.a && className(_el$83, _p$.a = _v$68);
|
|
182
222
|
return _p$;
|
|
183
223
|
}, {
|
|
184
224
|
e: void 0,
|
|
185
225
|
t: void 0,
|
|
186
226
|
a: void 0
|
|
187
227
|
});
|
|
188
|
-
return _el$
|
|
228
|
+
return _el$81;
|
|
189
229
|
})()
|
|
190
230
|
});
|
|
191
231
|
}
|
|
192
232
|
}), null);
|
|
193
|
-
insert(_el$
|
|
194
|
-
insert(_el$
|
|
195
|
-
insert(_el$
|
|
196
|
-
insert(_el$
|
|
197
|
-
insert(_el$
|
|
233
|
+
insert(_el$45, () => String(reg().options.enabled !== false));
|
|
234
|
+
insert(_el$48, () => reg().options.scope ?? "global", _el$49);
|
|
235
|
+
insert(_el$48, () => getScopeStatus(reg().options.scope ?? "global", state.scopes()), _el$51);
|
|
236
|
+
insert(_el$54, () => reg().options.eventType ?? "keydown");
|
|
237
|
+
insert(_el$57, (() => {
|
|
198
238
|
var _c$ = memo(() => reg().options.preventDefault === "always");
|
|
199
239
|
return () => _c$() ? "always" : String(!!reg().options.preventDefault);
|
|
200
240
|
})());
|
|
201
|
-
insert(_el$
|
|
202
|
-
insert(_el$
|
|
203
|
-
insert(_el$
|
|
204
|
-
insert(_el$
|
|
205
|
-
insert(_el$
|
|
206
|
-
insert(_el$
|
|
241
|
+
insert(_el$60, () => String(!!reg().options.stopPropagation));
|
|
242
|
+
insert(_el$63, () => String(reg().options.ignoreInputs ?? "auto"));
|
|
243
|
+
insert(_el$66, () => String(!!reg().options.requireReset));
|
|
244
|
+
insert(_el$69, conflictBehavior);
|
|
245
|
+
insert(_el$72, () => String(reg().hasFired));
|
|
246
|
+
insert(_el$21, createComponent(IssuesSection, {
|
|
247
|
+
get hotkey() {
|
|
248
|
+
return reg().hotkey;
|
|
249
|
+
},
|
|
250
|
+
styles
|
|
251
|
+
}), null);
|
|
252
|
+
insert(_el$21, createComponent(Show, {
|
|
207
253
|
get when() {
|
|
208
254
|
return allConflicts().length > 0;
|
|
209
255
|
},
|
|
210
256
|
get children() {
|
|
211
|
-
var _el$
|
|
212
|
-
_el$
|
|
213
|
-
var _el$
|
|
214
|
-
insert(_el$
|
|
215
|
-
insert(_el$
|
|
257
|
+
var _el$73 = _tmpl$5(), _el$74 = _el$73.firstChild, _el$77 = _el$74.firstChild.nextSibling;
|
|
258
|
+
_el$77.nextSibling;
|
|
259
|
+
var _el$78 = _el$74.nextSibling;
|
|
260
|
+
insert(_el$74, () => allConflicts().length, _el$77);
|
|
261
|
+
insert(_el$78, createComponent(For, {
|
|
216
262
|
get each() {
|
|
217
263
|
return targetConflicts();
|
|
218
264
|
},
|
|
219
265
|
children: (conflict) => {
|
|
220
266
|
return (() => {
|
|
221
|
-
var _el$
|
|
222
|
-
_el$
|
|
223
|
-
insert(_el$
|
|
224
|
-
insert(_el$
|
|
225
|
-
insert(_el$
|
|
226
|
-
insert(_el$
|
|
227
|
-
effect(() => className(_el$
|
|
228
|
-
return _el$
|
|
267
|
+
var _el$84 = _tmpl$9(), _el$92 = _el$84.firstChild.nextSibling.nextSibling, _el$93 = _el$92.nextSibling.nextSibling, _el$94 = _el$93.nextSibling.nextSibling;
|
|
268
|
+
_el$94.nextSibling;
|
|
269
|
+
insert(_el$84, () => conflict.id, _el$92);
|
|
270
|
+
insert(_el$84, () => formatRegistration(conflict), _el$93);
|
|
271
|
+
insert(_el$84, () => conflict.options.eventType ?? "keydown", _el$94);
|
|
272
|
+
insert(_el$84, () => props.getTargetDescription(conflict.target), null);
|
|
273
|
+
effect(() => className(_el$84, styles().conflictItem));
|
|
274
|
+
return _el$84;
|
|
229
275
|
})();
|
|
230
276
|
}
|
|
231
277
|
}), null);
|
|
232
|
-
insert(_el$
|
|
278
|
+
insert(_el$78, createComponent(For, {
|
|
233
279
|
get each() {
|
|
234
280
|
return scopeConflicts();
|
|
235
281
|
},
|
|
236
282
|
children: (conflict) => (() => {
|
|
237
|
-
var _el$
|
|
238
|
-
_el$
|
|
239
|
-
insert(_el$
|
|
240
|
-
insert(_el$
|
|
241
|
-
insert(_el$
|
|
242
|
-
insert(_el$
|
|
243
|
-
effect(() => className(_el$
|
|
244
|
-
return _el$
|
|
283
|
+
var _el$95 = _tmpl$0(), _el$103 = _el$95.firstChild.nextSibling.nextSibling, _el$104 = _el$103.nextSibling.nextSibling, _el$105 = _el$104.nextSibling.nextSibling;
|
|
284
|
+
_el$105.nextSibling;
|
|
285
|
+
insert(_el$95, () => conflict.id, _el$103);
|
|
286
|
+
insert(_el$95, () => formatRegistration(conflict), _el$104);
|
|
287
|
+
insert(_el$95, () => conflict.options.eventType ?? "keydown", _el$105);
|
|
288
|
+
insert(_el$95, () => props.getTargetDescription(conflict.target), null);
|
|
289
|
+
effect(() => className(_el$95, styles().conflictItemScope));
|
|
290
|
+
return _el$95;
|
|
245
291
|
})()
|
|
246
292
|
}), null);
|
|
247
293
|
effect((_p$) => {
|
|
248
|
-
var _v$
|
|
249
|
-
_v$
|
|
250
|
-
_v$
|
|
251
|
-
_v$
|
|
294
|
+
var _v$16 = styles().detailSection, _v$17 = styles().detailSectionHeader, _v$18 = styles().conflictList;
|
|
295
|
+
_v$16 !== _p$.e && className(_el$73, _p$.e = _v$16);
|
|
296
|
+
_v$17 !== _p$.t && className(_el$74, _p$.t = _v$17);
|
|
297
|
+
_v$18 !== _p$.a && className(_el$78, _p$.a = _v$18);
|
|
252
298
|
return _p$;
|
|
253
299
|
}, {
|
|
254
300
|
e: void 0,
|
|
255
301
|
t: void 0,
|
|
256
302
|
a: void 0
|
|
257
303
|
});
|
|
258
|
-
return _el$
|
|
304
|
+
return _el$73;
|
|
259
305
|
}
|
|
260
306
|
}), null);
|
|
261
307
|
effect((_p$) => {
|
|
262
|
-
var _v$
|
|
263
|
-
_v$
|
|
264
|
-
_v$
|
|
265
|
-
_v$
|
|
266
|
-
_v$
|
|
267
|
-
_v$
|
|
268
|
-
_v$
|
|
269
|
-
_v$
|
|
270
|
-
_v$
|
|
271
|
-
_v$
|
|
272
|
-
_v$
|
|
273
|
-
_v$
|
|
274
|
-
_v$
|
|
275
|
-
_v$
|
|
276
|
-
_v$
|
|
277
|
-
_v$
|
|
278
|
-
_v$
|
|
279
|
-
_v$
|
|
280
|
-
_v$
|
|
281
|
-
_v$
|
|
282
|
-
_v$
|
|
283
|
-
_v$
|
|
284
|
-
_v$
|
|
285
|
-
_v$
|
|
286
|
-
_v$
|
|
287
|
-
_v$
|
|
288
|
-
_v$
|
|
289
|
-
_v$
|
|
290
|
-
_v$
|
|
291
|
-
_v$
|
|
292
|
-
_v$
|
|
293
|
-
_v$
|
|
294
|
-
_v$
|
|
295
|
-
_v$
|
|
296
|
-
_v$
|
|
297
|
-
_v$
|
|
298
|
-
_v$
|
|
299
|
-
_v$
|
|
300
|
-
_v$
|
|
301
|
-
_v$
|
|
302
|
-
_v$
|
|
303
|
-
_v$
|
|
304
|
-
_v$
|
|
305
|
-
_v$
|
|
306
|
-
_v$
|
|
307
|
-
_v$
|
|
308
|
-
_v$
|
|
309
|
-
_v$
|
|
308
|
+
var _v$19 = styles().detailsGrid, _v$20 = styles().detailSection, _v$21 = styles().detailSectionHeader, _v$22 = styles().keyBreakdownSplitRow, _v$23 = styles().keyBreakdownSplitLeft, _v$24 = styles().keyBreakdown, _v$25 = styles().keyBreakdownSplitArrow, _v$26 = styles().keyBreakdownSplitRight, _v$27 = styles().detailSection, _v$28 = styles().detailSectionHeader, _v$29 = styles().detailSection, _v$30 = styles().detailSectionHeader, _v$31 = styles().optionRow, _v$32 = styles().optionLabel, _v$33 = styles().optionValue, _v$34 = styles().optionRow, _v$35 = styles().optionLabel, _v$36 = styles().optionValue, _v$37 = styles().detailSection, _v$38 = styles().detailSectionHeader, _v$39 = styles().optionRow, _v$40 = styles().optionLabel, _v$41 = reg().options.enabled !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$42 = styles().optionRow, _v$43 = styles().optionLabel, _v$44 = styles().optionValue, _v$45 = styles().optionRow, _v$46 = styles().optionLabel, _v$47 = styles().optionValue, _v$48 = styles().optionRow, _v$49 = styles().optionLabel, _v$50 = reg().options.preventDefault ? styles().optionValueTrue : styles().optionValueFalse, _v$51 = styles().optionRow, _v$52 = styles().optionLabel, _v$53 = reg().options.stopPropagation ? styles().optionValueTrue : styles().optionValueFalse, _v$54 = styles().optionRow, _v$55 = styles().optionLabel, _v$56 = reg().options.ignoreInputs !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$57 = styles().optionRow, _v$58 = styles().optionLabel, _v$59 = reg().options.requireReset ? styles().optionValueTrue : styles().optionValueFalse, _v$60 = styles().optionRow, _v$61 = styles().optionLabel, _v$62 = styles().optionValue, _v$63 = styles().optionRow, _v$64 = styles().optionLabel, _v$65 = reg().hasFired ? styles().optionValueTrue : styles().optionValueFalse;
|
|
309
|
+
_v$19 !== _p$.e && className(_el$21, _p$.e = _v$19);
|
|
310
|
+
_v$20 !== _p$.t && className(_el$22, _p$.t = _v$20);
|
|
311
|
+
_v$21 !== _p$.a && className(_el$23, _p$.a = _v$21);
|
|
312
|
+
_v$22 !== _p$.o && className(_el$24, _p$.o = _v$22);
|
|
313
|
+
_v$23 !== _p$.i && className(_el$25, _p$.i = _v$23);
|
|
314
|
+
_v$24 !== _p$.n && className(_el$26, _p$.n = _v$24);
|
|
315
|
+
_v$25 !== _p$.s && className(_el$27, _p$.s = _v$25);
|
|
316
|
+
_v$26 !== _p$.h && className(_el$28, _p$.h = _v$26);
|
|
317
|
+
_v$27 !== _p$.r && className(_el$29, _p$.r = _v$27);
|
|
318
|
+
_v$28 !== _p$.d && className(_el$30, _p$.d = _v$28);
|
|
319
|
+
_v$29 !== _p$.l && className(_el$31, _p$.l = _v$29);
|
|
320
|
+
_v$30 !== _p$.u && className(_el$32, _p$.u = _v$30);
|
|
321
|
+
_v$31 !== _p$.c && className(_el$34, _p$.c = _v$31);
|
|
322
|
+
_v$32 !== _p$.w && className(_el$35, _p$.w = _v$32);
|
|
323
|
+
_v$33 !== _p$.m && className(_el$36, _p$.m = _v$33);
|
|
324
|
+
_v$34 !== _p$.f && className(_el$37, _p$.f = _v$34);
|
|
325
|
+
_v$35 !== _p$.y && className(_el$38, _p$.y = _v$35);
|
|
326
|
+
_v$36 !== _p$.g && className(_el$39, _p$.g = _v$36);
|
|
327
|
+
_v$37 !== _p$.p && className(_el$40, _p$.p = _v$37);
|
|
328
|
+
_v$38 !== _p$.b && className(_el$41, _p$.b = _v$38);
|
|
329
|
+
_v$39 !== _p$.T && className(_el$43, _p$.T = _v$39);
|
|
330
|
+
_v$40 !== _p$.A && className(_el$44, _p$.A = _v$40);
|
|
331
|
+
_v$41 !== _p$.O && className(_el$45, _p$.O = _v$41);
|
|
332
|
+
_v$42 !== _p$.I && className(_el$46, _p$.I = _v$42);
|
|
333
|
+
_v$43 !== _p$.S && className(_el$47, _p$.S = _v$43);
|
|
334
|
+
_v$44 !== _p$.W && className(_el$48, _p$.W = _v$44);
|
|
335
|
+
_v$45 !== _p$.C && className(_el$52, _p$.C = _v$45);
|
|
336
|
+
_v$46 !== _p$.B && className(_el$53, _p$.B = _v$46);
|
|
337
|
+
_v$47 !== _p$.v && className(_el$54, _p$.v = _v$47);
|
|
338
|
+
_v$48 !== _p$.k && className(_el$55, _p$.k = _v$48);
|
|
339
|
+
_v$49 !== _p$.x && className(_el$56, _p$.x = _v$49);
|
|
340
|
+
_v$50 !== _p$.j && className(_el$57, _p$.j = _v$50);
|
|
341
|
+
_v$51 !== _p$.q && className(_el$58, _p$.q = _v$51);
|
|
342
|
+
_v$52 !== _p$.z && className(_el$59, _p$.z = _v$52);
|
|
343
|
+
_v$53 !== _p$.P && className(_el$60, _p$.P = _v$53);
|
|
344
|
+
_v$54 !== _p$.H && className(_el$61, _p$.H = _v$54);
|
|
345
|
+
_v$55 !== _p$.F && className(_el$62, _p$.F = _v$55);
|
|
346
|
+
_v$56 !== _p$.M && className(_el$63, _p$.M = _v$56);
|
|
347
|
+
_v$57 !== _p$.D && className(_el$64, _p$.D = _v$57);
|
|
348
|
+
_v$58 !== _p$.R && className(_el$65, _p$.R = _v$58);
|
|
349
|
+
_v$59 !== _p$.E && className(_el$66, _p$.E = _v$59);
|
|
350
|
+
_v$60 !== _p$.L && className(_el$67, _p$.L = _v$60);
|
|
351
|
+
_v$61 !== _p$.N && className(_el$68, _p$.N = _v$61);
|
|
352
|
+
_v$62 !== _p$.G && className(_el$69, _p$.G = _v$62);
|
|
353
|
+
_v$63 !== _p$.U && className(_el$70, _p$.U = _v$63);
|
|
354
|
+
_v$64 !== _p$.K && className(_el$71, _p$.K = _v$64);
|
|
355
|
+
_v$65 !== _p$.V && className(_el$72, _p$.V = _v$65);
|
|
310
356
|
return _p$;
|
|
311
357
|
}, {
|
|
312
358
|
e: void 0,
|
|
@@ -357,7 +403,7 @@ function HotkeyDetails(props) {
|
|
|
357
403
|
K: void 0,
|
|
358
404
|
V: void 0
|
|
359
405
|
});
|
|
360
|
-
return _el$
|
|
406
|
+
return _el$21;
|
|
361
407
|
})()];
|
|
362
408
|
}
|
|
363
409
|
function SequenceDetails(props) {
|
|
@@ -375,60 +421,60 @@ function SequenceDetails(props) {
|
|
|
375
421
|
const sequenceCanonicalPlatform = createMemo(() => liveReg().options.platform ?? detectPlatform());
|
|
376
422
|
const styles = props.styles;
|
|
377
423
|
return [(() => {
|
|
378
|
-
var _el$
|
|
379
|
-
insert(_el$
|
|
424
|
+
var _el$106 = _tmpl$1(), _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling;
|
|
425
|
+
insert(_el$107, createComponent(For, {
|
|
380
426
|
get each() {
|
|
381
427
|
return liveReg().hotkey;
|
|
382
428
|
},
|
|
383
429
|
children: (step, i) => (() => {
|
|
384
|
-
var _el$
|
|
385
|
-
insert(_el$
|
|
430
|
+
var _el$172 = _tmpl$11(), _el$173 = _el$172.firstChild;
|
|
431
|
+
insert(_el$172, createComponent(Show, {
|
|
386
432
|
get when() {
|
|
387
433
|
return i() > 0;
|
|
388
434
|
},
|
|
389
435
|
children: " "
|
|
390
|
-
}), _el$
|
|
391
|
-
insert(_el$
|
|
392
|
-
effect(() => className(_el$
|
|
393
|
-
return _el$
|
|
436
|
+
}), _el$173);
|
|
437
|
+
insert(_el$173, () => formatForDisplay(step, { platform: sequenceCanonicalPlatform() }));
|
|
438
|
+
effect(() => className(_el$173, i() < matchedSteps() ? styles().sequenceStepMatched : void 0));
|
|
439
|
+
return _el$172;
|
|
394
440
|
})()
|
|
395
441
|
}));
|
|
396
|
-
insert(_el$
|
|
397
|
-
insert(_el$
|
|
398
|
-
insert(_el$
|
|
399
|
-
insert(_el$
|
|
442
|
+
insert(_el$110, () => liveReg().id);
|
|
443
|
+
insert(_el$112, () => getBindingKind(liveReg()));
|
|
444
|
+
insert(_el$114, () => liveReg().hotkey.join(" → "));
|
|
445
|
+
insert(_el$116, createComponent(For, {
|
|
400
446
|
get each() {
|
|
401
447
|
return liveReg().hotkey;
|
|
402
448
|
},
|
|
403
449
|
children: (step, i) => (() => {
|
|
404
|
-
var _el$
|
|
405
|
-
insert(_el$
|
|
450
|
+
var _el$174 = _tmpl$11(), _el$175 = _el$174.firstChild;
|
|
451
|
+
insert(_el$174, createComponent(Show, {
|
|
406
452
|
get when() {
|
|
407
453
|
return i() > 0;
|
|
408
454
|
},
|
|
409
455
|
children: " "
|
|
410
|
-
}), _el$
|
|
411
|
-
insert(_el$
|
|
412
|
-
effect(() => className(_el$
|
|
413
|
-
return _el$
|
|
456
|
+
}), _el$175);
|
|
457
|
+
insert(_el$175, () => formatForDisplay(step, { platform: sequenceCanonicalPlatform() }));
|
|
458
|
+
effect(() => className(_el$175, i() < matchedSteps() ? styles().sequenceStepMatched : void 0));
|
|
459
|
+
return _el$174;
|
|
414
460
|
})()
|
|
415
461
|
}));
|
|
416
|
-
insert(_el$
|
|
462
|
+
insert(_el$118, () => props.getTargetDescription(liveReg().target));
|
|
417
463
|
effect((_p$) => {
|
|
418
|
-
var _v$
|
|
419
|
-
_v$
|
|
420
|
-
_v$
|
|
421
|
-
_v$
|
|
422
|
-
_v$
|
|
423
|
-
_v$
|
|
424
|
-
_v$
|
|
425
|
-
_v$
|
|
426
|
-
_v$
|
|
427
|
-
_v$
|
|
428
|
-
_v$
|
|
429
|
-
_v$
|
|
430
|
-
_v$
|
|
431
|
-
_v$
|
|
464
|
+
var _v$69 = styles().stateHeader, _v$70 = styles().stateTitle, _v$71 = styles().infoGrid, _v$72 = styles().infoLabel, _v$73 = styles().infoValueMono, _v$74 = styles().infoLabel, _v$75 = styles().infoValueMono, _v$76 = styles().infoLabel, _v$77 = styles().infoValueMono, _v$78 = styles().infoLabel, _v$79 = styles().infoValueMono, _v$80 = styles().infoLabel, _v$81 = styles().infoValueMono;
|
|
465
|
+
_v$69 !== _p$.e && className(_el$106, _p$.e = _v$69);
|
|
466
|
+
_v$70 !== _p$.t && className(_el$107, _p$.t = _v$70);
|
|
467
|
+
_v$71 !== _p$.a && className(_el$108, _p$.a = _v$71);
|
|
468
|
+
_v$72 !== _p$.o && className(_el$109, _p$.o = _v$72);
|
|
469
|
+
_v$73 !== _p$.i && className(_el$110, _p$.i = _v$73);
|
|
470
|
+
_v$74 !== _p$.n && className(_el$111, _p$.n = _v$74);
|
|
471
|
+
_v$75 !== _p$.s && className(_el$112, _p$.s = _v$75);
|
|
472
|
+
_v$76 !== _p$.h && className(_el$113, _p$.h = _v$76);
|
|
473
|
+
_v$77 !== _p$.r && className(_el$114, _p$.r = _v$77);
|
|
474
|
+
_v$78 !== _p$.d && className(_el$115, _p$.d = _v$78);
|
|
475
|
+
_v$79 !== _p$.l && className(_el$116, _p$.l = _v$79);
|
|
476
|
+
_v$80 !== _p$.u && className(_el$117, _p$.u = _v$80);
|
|
477
|
+
_v$81 !== _p$.c && className(_el$118, _p$.c = _v$81);
|
|
432
478
|
return _p$;
|
|
433
479
|
}, {
|
|
434
480
|
e: void 0,
|
|
@@ -445,12 +491,12 @@ function SequenceDetails(props) {
|
|
|
445
491
|
u: void 0,
|
|
446
492
|
c: void 0
|
|
447
493
|
});
|
|
448
|
-
return _el$
|
|
494
|
+
return _el$106;
|
|
449
495
|
})(), (() => {
|
|
450
|
-
var _el$
|
|
451
|
-
_el$
|
|
452
|
-
var _el$
|
|
453
|
-
insert(_el$
|
|
496
|
+
var _el$119 = _tmpl$10(), _el$120 = _el$119.firstChild, _el$121 = _el$120.firstChild, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$120.nextSibling, _el$125 = _el$124.firstChild, _el$126 = _el$124.nextSibling, _el$127 = _el$126.firstChild, _el$128 = _el$127.nextSibling, _el$129 = _el$128.firstChild, _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling, _el$132 = _el$129.nextSibling, _el$133 = _el$132.firstChild, _el$134 = _el$133.nextSibling, _el$135 = _el$126.nextSibling, _el$136 = _el$135.firstChild, _el$138 = _el$136.nextSibling.firstChild, _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling, _el$141 = _el$138.nextSibling, _el$142 = _el$141.firstChild, _el$143 = _el$142.nextSibling, _el$144 = _el$143.firstChild, _el$146 = _el$144.nextSibling;
|
|
497
|
+
_el$146.nextSibling;
|
|
498
|
+
var _el$147 = _el$141.nextSibling, _el$148 = _el$147.firstChild, _el$149 = _el$148.nextSibling, _el$150 = _el$147.nextSibling, _el$151 = _el$150.firstChild, _el$152 = _el$151.nextSibling, _el$153 = _el$152.firstChild, _el$154 = _el$150.nextSibling, _el$155 = _el$154.firstChild, _el$156 = _el$155.nextSibling, _el$157 = _el$154.nextSibling, _el$158 = _el$157.firstChild, _el$159 = _el$158.nextSibling, _el$160 = _el$157.nextSibling, _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling, _el$163 = _el$160.nextSibling, _el$164 = _el$163.firstChild, _el$165 = _el$164.nextSibling;
|
|
499
|
+
insert(_el$122, createComponent(For, {
|
|
454
500
|
get each() {
|
|
455
501
|
return liveReg().hotkey;
|
|
456
502
|
},
|
|
@@ -459,18 +505,18 @@ function SequenceDetails(props) {
|
|
|
459
505
|
return i() > 0;
|
|
460
506
|
},
|
|
461
507
|
get children() {
|
|
462
|
-
var _el$
|
|
463
|
-
effect(() => className(_el$
|
|
464
|
-
return _el$
|
|
508
|
+
var _el$176 = _tmpl$12();
|
|
509
|
+
effect(() => className(_el$176, styles().keyBreakdownPlus));
|
|
510
|
+
return _el$176;
|
|
465
511
|
}
|
|
466
512
|
}), (() => {
|
|
467
|
-
var _el$
|
|
468
|
-
insert(_el$
|
|
469
|
-
effect(() => className(_el$
|
|
470
|
-
return _el$
|
|
513
|
+
var _el$177 = _tmpl$8();
|
|
514
|
+
insert(_el$177, () => formatForDisplay(step, { platform: sequenceCanonicalPlatform() }));
|
|
515
|
+
effect(() => className(_el$177, clsx(styles().keyCapLarge, i() < matchedSteps() && styles().keyCapLargeInProgress)));
|
|
516
|
+
return _el$177;
|
|
471
517
|
})()]
|
|
472
518
|
}));
|
|
473
|
-
insert(_el$
|
|
519
|
+
insert(_el$120, createComponent(For, {
|
|
474
520
|
get each() {
|
|
475
521
|
return liveReg().hotkey;
|
|
476
522
|
},
|
|
@@ -481,12 +527,12 @@ function SequenceDetails(props) {
|
|
|
481
527
|
parts: true
|
|
482
528
|
});
|
|
483
529
|
return (() => {
|
|
484
|
-
var _el$
|
|
485
|
-
_el$
|
|
486
|
-
var _el$
|
|
487
|
-
insert(_el$
|
|
488
|
-
insert(_el$
|
|
489
|
-
insert(_el$
|
|
530
|
+
var _el$178 = _tmpl$13(), _el$179 = _el$178.firstChild, _el$183 = _el$179.firstChild.nextSibling;
|
|
531
|
+
_el$183.nextSibling;
|
|
532
|
+
var _el$184 = _el$179.nextSibling, _el$185 = _el$184.firstChild, _el$186 = _el$185.firstChild, _el$187 = _el$185.nextSibling, _el$188 = _el$187.nextSibling;
|
|
533
|
+
insert(_el$179, () => stepIdx() + 1, _el$183);
|
|
534
|
+
insert(_el$179, () => stepParsed().code !== void 0 ? "Code" : "Key", null);
|
|
535
|
+
insert(_el$186, createComponent(For, {
|
|
490
536
|
get each() {
|
|
491
537
|
return stepParts();
|
|
492
538
|
},
|
|
@@ -495,18 +541,18 @@ function SequenceDetails(props) {
|
|
|
495
541
|
return i() > 0;
|
|
496
542
|
},
|
|
497
543
|
get children() {
|
|
498
|
-
var _el$
|
|
499
|
-
effect(() => className(_el$
|
|
500
|
-
return _el$
|
|
544
|
+
var _el$189 = _tmpl$7();
|
|
545
|
+
effect(() => className(_el$189, styles().keyBreakdownPlus));
|
|
546
|
+
return _el$189;
|
|
501
547
|
}
|
|
502
548
|
}), (() => {
|
|
503
|
-
var _el$
|
|
504
|
-
insert(_el$
|
|
505
|
-
effect(() => className(_el$
|
|
506
|
-
return _el$
|
|
549
|
+
var _el$190 = _tmpl$8();
|
|
550
|
+
insert(_el$190, part);
|
|
551
|
+
effect(() => className(_el$190, styles().keyCapLarge));
|
|
552
|
+
return _el$190;
|
|
507
553
|
})()]
|
|
508
554
|
}));
|
|
509
|
-
insert(_el$
|
|
555
|
+
insert(_el$188, createComponent(KeyBreakdownPlatformTable, {
|
|
510
556
|
getParsed: stepParsed,
|
|
511
557
|
getCanonicalPlatform: () => sequenceCanonicalPlatform(),
|
|
512
558
|
get styles() {
|
|
@@ -514,14 +560,14 @@ function SequenceDetails(props) {
|
|
|
514
560
|
}
|
|
515
561
|
}));
|
|
516
562
|
effect((_p$) => {
|
|
517
|
-
var _v$
|
|
518
|
-
_v$
|
|
519
|
-
_v$
|
|
520
|
-
_v$
|
|
521
|
-
_v$
|
|
522
|
-
_v$
|
|
523
|
-
_v$
|
|
524
|
-
_v$
|
|
563
|
+
var _v$126 = styles().sequenceChordDetail, _v$127 = styles().keyBreakdownSubHeader, _v$128 = styles().keyBreakdownSplitRow, _v$129 = styles().keyBreakdownSplitLeft, _v$130 = styles().keyBreakdown, _v$131 = styles().keyBreakdownSplitArrow, _v$132 = styles().keyBreakdownSplitRight;
|
|
564
|
+
_v$126 !== _p$.e && className(_el$178, _p$.e = _v$126);
|
|
565
|
+
_v$127 !== _p$.t && className(_el$179, _p$.t = _v$127);
|
|
566
|
+
_v$128 !== _p$.a && className(_el$184, _p$.a = _v$128);
|
|
567
|
+
_v$129 !== _p$.o && className(_el$185, _p$.o = _v$129);
|
|
568
|
+
_v$130 !== _p$.i && className(_el$186, _p$.i = _v$130);
|
|
569
|
+
_v$131 !== _p$.n && className(_el$187, _p$.n = _v$131);
|
|
570
|
+
_v$132 !== _p$.s && className(_el$188, _p$.s = _v$132);
|
|
525
571
|
return _p$;
|
|
526
572
|
}, {
|
|
527
573
|
e: void 0,
|
|
@@ -532,16 +578,16 @@ function SequenceDetails(props) {
|
|
|
532
578
|
n: void 0,
|
|
533
579
|
s: void 0
|
|
534
580
|
});
|
|
535
|
-
return _el$
|
|
581
|
+
return _el$178;
|
|
536
582
|
})();
|
|
537
583
|
}
|
|
538
584
|
}), null);
|
|
539
|
-
insert(_el$
|
|
585
|
+
insert(_el$124, createComponent(ActionButtons, { get registration() {
|
|
540
586
|
return liveReg();
|
|
541
587
|
} }), null);
|
|
542
|
-
insert(_el$
|
|
543
|
-
insert(_el$
|
|
544
|
-
insert(_el$
|
|
588
|
+
insert(_el$131, () => liveReg().options.meta?.name ?? "—");
|
|
589
|
+
insert(_el$134, () => liveReg().options.meta?.description ?? "—");
|
|
590
|
+
insert(_el$128, createComponent(Show, {
|
|
545
591
|
get when() {
|
|
546
592
|
return memo(() => !!liveReg().options.meta)() && Object.keys(liveReg().options.meta).filter((k) => k !== "name" && k !== "description").length > 0;
|
|
547
593
|
},
|
|
@@ -551,135 +597,141 @@ function SequenceDetails(props) {
|
|
|
551
597
|
return Object.entries(liveReg().options.meta ?? {}).filter(([k]) => k !== "name" && k !== "description");
|
|
552
598
|
},
|
|
553
599
|
children: ([key, value]) => (() => {
|
|
554
|
-
var _el$
|
|
555
|
-
insert(_el$
|
|
556
|
-
insert(_el$
|
|
600
|
+
var _el$191 = _tmpl$2(), _el$192 = _el$191.firstChild, _el$193 = _el$192.nextSibling;
|
|
601
|
+
insert(_el$192, key);
|
|
602
|
+
insert(_el$193, () => String(value));
|
|
557
603
|
effect((_p$) => {
|
|
558
|
-
var _v$
|
|
559
|
-
_v$
|
|
560
|
-
_v$
|
|
561
|
-
_v$
|
|
604
|
+
var _v$133 = styles().optionRow, _v$134 = styles().optionLabel, _v$135 = styles().optionValue;
|
|
605
|
+
_v$133 !== _p$.e && className(_el$191, _p$.e = _v$133);
|
|
606
|
+
_v$134 !== _p$.t && className(_el$192, _p$.t = _v$134);
|
|
607
|
+
_v$135 !== _p$.a && className(_el$193, _p$.a = _v$135);
|
|
562
608
|
return _p$;
|
|
563
609
|
}, {
|
|
564
610
|
e: void 0,
|
|
565
611
|
t: void 0,
|
|
566
612
|
a: void 0
|
|
567
613
|
});
|
|
568
|
-
return _el$
|
|
614
|
+
return _el$191;
|
|
569
615
|
})()
|
|
570
616
|
});
|
|
571
617
|
}
|
|
572
618
|
}), null);
|
|
573
|
-
insert(_el$
|
|
574
|
-
insert(_el$
|
|
575
|
-
insert(_el$
|
|
576
|
-
insert(_el$
|
|
577
|
-
insert(_el$
|
|
578
|
-
insert(_el$
|
|
619
|
+
insert(_el$140, () => String(liveReg().options.enabled !== false));
|
|
620
|
+
insert(_el$143, () => liveReg().options.scope ?? "global", _el$144);
|
|
621
|
+
insert(_el$143, () => getScopeStatus(liveReg().options.scope ?? "global", props.state.scopes()), _el$146);
|
|
622
|
+
insert(_el$149, () => liveReg().options.eventType ?? "keydown");
|
|
623
|
+
insert(_el$152, () => liveReg().options.timeout ?? 1e3, _el$153);
|
|
624
|
+
insert(_el$156, (() => {
|
|
579
625
|
var _c$2 = memo(() => liveReg().options.preventDefault === "always");
|
|
580
626
|
return () => _c$2() ? "always" : String(!!liveReg().options.preventDefault);
|
|
581
627
|
})());
|
|
582
|
-
insert(_el$
|
|
583
|
-
insert(_el$
|
|
584
|
-
insert(_el$
|
|
585
|
-
insert(_el$
|
|
628
|
+
insert(_el$159, () => String(!!liveReg().options.stopPropagation));
|
|
629
|
+
insert(_el$162, () => String(liveReg().options.ignoreInputs ?? "auto"));
|
|
630
|
+
insert(_el$165, conflictBehavior);
|
|
631
|
+
insert(_el$119, createComponent(IssuesSection, {
|
|
632
|
+
get hotkey() {
|
|
633
|
+
return liveReg().hotkey;
|
|
634
|
+
},
|
|
635
|
+
styles
|
|
636
|
+
}), null);
|
|
637
|
+
insert(_el$119, createComponent(Show, {
|
|
586
638
|
get when() {
|
|
587
639
|
return allConflicts().length > 0;
|
|
588
640
|
},
|
|
589
641
|
get children() {
|
|
590
|
-
var _el$
|
|
591
|
-
_el$
|
|
592
|
-
var _el$
|
|
593
|
-
insert(_el$
|
|
594
|
-
insert(_el$
|
|
642
|
+
var _el$166 = _tmpl$5(), _el$167 = _el$166.firstChild, _el$170 = _el$167.firstChild.nextSibling;
|
|
643
|
+
_el$170.nextSibling;
|
|
644
|
+
var _el$171 = _el$167.nextSibling;
|
|
645
|
+
insert(_el$167, () => allConflicts().length, _el$170);
|
|
646
|
+
insert(_el$171, createComponent(For, {
|
|
595
647
|
get each() {
|
|
596
648
|
return targetConflicts();
|
|
597
649
|
},
|
|
598
650
|
children: (conflict) => {
|
|
599
651
|
return (() => {
|
|
600
|
-
var _el$
|
|
601
|
-
_el$
|
|
602
|
-
insert(_el$
|
|
603
|
-
insert(_el$
|
|
604
|
-
insert(_el$
|
|
605
|
-
insert(_el$
|
|
606
|
-
effect(() => className(_el$
|
|
607
|
-
return _el$
|
|
652
|
+
var _el$194 = _tmpl$9(), _el$202 = _el$194.firstChild.nextSibling.nextSibling, _el$203 = _el$202.nextSibling.nextSibling, _el$204 = _el$203.nextSibling.nextSibling;
|
|
653
|
+
_el$204.nextSibling;
|
|
654
|
+
insert(_el$194, () => conflict.id, _el$202);
|
|
655
|
+
insert(_el$194, () => formatRegistration(conflict), _el$203);
|
|
656
|
+
insert(_el$194, () => conflict.options.eventType ?? "keydown", _el$204);
|
|
657
|
+
insert(_el$194, () => props.getTargetDescription(conflict.target), null);
|
|
658
|
+
effect(() => className(_el$194, styles().conflictItem));
|
|
659
|
+
return _el$194;
|
|
608
660
|
})();
|
|
609
661
|
}
|
|
610
662
|
}), null);
|
|
611
|
-
insert(_el$
|
|
663
|
+
insert(_el$171, createComponent(For, {
|
|
612
664
|
get each() {
|
|
613
665
|
return scopeConflicts();
|
|
614
666
|
},
|
|
615
667
|
children: (conflict) => (() => {
|
|
616
|
-
var _el$
|
|
617
|
-
_el$
|
|
618
|
-
insert(_el$
|
|
619
|
-
insert(_el$
|
|
620
|
-
insert(_el$
|
|
621
|
-
insert(_el$
|
|
622
|
-
effect(() => className(_el$
|
|
623
|
-
return _el$
|
|
668
|
+
var _el$205 = _tmpl$0(), _el$213 = _el$205.firstChild.nextSibling.nextSibling, _el$214 = _el$213.nextSibling.nextSibling, _el$215 = _el$214.nextSibling.nextSibling;
|
|
669
|
+
_el$215.nextSibling;
|
|
670
|
+
insert(_el$205, () => conflict.id, _el$213);
|
|
671
|
+
insert(_el$205, () => formatRegistration(conflict), _el$214);
|
|
672
|
+
insert(_el$205, () => conflict.options.eventType ?? "keydown", _el$215);
|
|
673
|
+
insert(_el$205, () => props.getTargetDescription(conflict.target), null);
|
|
674
|
+
effect(() => className(_el$205, styles().conflictItemScope));
|
|
675
|
+
return _el$205;
|
|
624
676
|
})()
|
|
625
677
|
}), null);
|
|
626
678
|
effect((_p$) => {
|
|
627
|
-
var _v$
|
|
628
|
-
_v$
|
|
629
|
-
_v$
|
|
630
|
-
_v$
|
|
679
|
+
var _v$82 = styles().detailSection, _v$83 = styles().detailSectionHeader, _v$84 = styles().conflictList;
|
|
680
|
+
_v$82 !== _p$.e && className(_el$166, _p$.e = _v$82);
|
|
681
|
+
_v$83 !== _p$.t && className(_el$167, _p$.t = _v$83);
|
|
682
|
+
_v$84 !== _p$.a && className(_el$171, _p$.a = _v$84);
|
|
631
683
|
return _p$;
|
|
632
684
|
}, {
|
|
633
685
|
e: void 0,
|
|
634
686
|
t: void 0,
|
|
635
687
|
a: void 0
|
|
636
688
|
});
|
|
637
|
-
return _el$
|
|
689
|
+
return _el$166;
|
|
638
690
|
}
|
|
639
691
|
}), null);
|
|
640
692
|
effect((_p$) => {
|
|
641
|
-
var _v$
|
|
642
|
-
_v$
|
|
643
|
-
_v$
|
|
644
|
-
_v$
|
|
645
|
-
_v$
|
|
646
|
-
_v$
|
|
647
|
-
_v$
|
|
648
|
-
_v$
|
|
649
|
-
_v$
|
|
650
|
-
_v$
|
|
651
|
-
_v$
|
|
652
|
-
_v$
|
|
653
|
-
_v$
|
|
654
|
-
_v$
|
|
655
|
-
_v$
|
|
656
|
-
_v$
|
|
657
|
-
_v$
|
|
658
|
-
_v$
|
|
659
|
-
_v$
|
|
660
|
-
_v$
|
|
661
|
-
_v$
|
|
662
|
-
_v$
|
|
663
|
-
_v$
|
|
664
|
-
_v$
|
|
665
|
-
_v$
|
|
666
|
-
_v$
|
|
667
|
-
_v$
|
|
668
|
-
_v$
|
|
669
|
-
_v$
|
|
670
|
-
_v$
|
|
671
|
-
_v$
|
|
672
|
-
_v$
|
|
673
|
-
_v$
|
|
674
|
-
_v$
|
|
675
|
-
_v$
|
|
676
|
-
_v$
|
|
677
|
-
_v$
|
|
678
|
-
_v$
|
|
679
|
-
_v$
|
|
680
|
-
_v$
|
|
681
|
-
_v$
|
|
682
|
-
_v$
|
|
693
|
+
var _v$85 = styles().detailsGrid, _v$86 = styles().detailSection, _v$87 = styles().detailSectionHeader, _v$88 = styles().keyBreakdown, _v$89 = styles().keyBreakdownSubHeader, _v$90 = styles().detailSection, _v$91 = styles().detailSectionHeader, _v$92 = styles().detailSection, _v$93 = styles().detailSectionHeader, _v$94 = styles().optionRow, _v$95 = styles().optionLabel, _v$96 = styles().optionValue, _v$97 = styles().optionRow, _v$98 = styles().optionLabel, _v$99 = styles().optionValue, _v$100 = styles().detailSection, _v$101 = styles().detailSectionHeader, _v$102 = styles().optionRow, _v$103 = styles().optionLabel, _v$104 = liveReg().options.enabled !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$105 = styles().optionRow, _v$106 = styles().optionLabel, _v$107 = styles().optionValue, _v$108 = styles().optionRow, _v$109 = styles().optionLabel, _v$110 = styles().optionValue, _v$111 = styles().optionRow, _v$112 = styles().optionLabel, _v$113 = styles().optionValue, _v$114 = styles().optionRow, _v$115 = styles().optionLabel, _v$116 = liveReg().options.preventDefault ? styles().optionValueTrue : styles().optionValueFalse, _v$117 = styles().optionRow, _v$118 = styles().optionLabel, _v$119 = liveReg().options.stopPropagation ? styles().optionValueTrue : styles().optionValueFalse, _v$120 = styles().optionRow, _v$121 = styles().optionLabel, _v$122 = liveReg().options.ignoreInputs !== false ? styles().optionValueTrue : styles().optionValueFalse, _v$123 = styles().optionRow, _v$124 = styles().optionLabel, _v$125 = styles().optionValue;
|
|
694
|
+
_v$85 !== _p$.e && className(_el$119, _p$.e = _v$85);
|
|
695
|
+
_v$86 !== _p$.t && className(_el$120, _p$.t = _v$86);
|
|
696
|
+
_v$87 !== _p$.a && className(_el$121, _p$.a = _v$87);
|
|
697
|
+
_v$88 !== _p$.o && className(_el$122, _p$.o = _v$88);
|
|
698
|
+
_v$89 !== _p$.i && className(_el$123, _p$.i = _v$89);
|
|
699
|
+
_v$90 !== _p$.n && className(_el$124, _p$.n = _v$90);
|
|
700
|
+
_v$91 !== _p$.s && className(_el$125, _p$.s = _v$91);
|
|
701
|
+
_v$92 !== _p$.h && className(_el$126, _p$.h = _v$92);
|
|
702
|
+
_v$93 !== _p$.r && className(_el$127, _p$.r = _v$93);
|
|
703
|
+
_v$94 !== _p$.d && className(_el$129, _p$.d = _v$94);
|
|
704
|
+
_v$95 !== _p$.l && className(_el$130, _p$.l = _v$95);
|
|
705
|
+
_v$96 !== _p$.u && className(_el$131, _p$.u = _v$96);
|
|
706
|
+
_v$97 !== _p$.c && className(_el$132, _p$.c = _v$97);
|
|
707
|
+
_v$98 !== _p$.w && className(_el$133, _p$.w = _v$98);
|
|
708
|
+
_v$99 !== _p$.m && className(_el$134, _p$.m = _v$99);
|
|
709
|
+
_v$100 !== _p$.f && className(_el$135, _p$.f = _v$100);
|
|
710
|
+
_v$101 !== _p$.y && className(_el$136, _p$.y = _v$101);
|
|
711
|
+
_v$102 !== _p$.g && className(_el$138, _p$.g = _v$102);
|
|
712
|
+
_v$103 !== _p$.p && className(_el$139, _p$.p = _v$103);
|
|
713
|
+
_v$104 !== _p$.b && className(_el$140, _p$.b = _v$104);
|
|
714
|
+
_v$105 !== _p$.T && className(_el$141, _p$.T = _v$105);
|
|
715
|
+
_v$106 !== _p$.A && className(_el$142, _p$.A = _v$106);
|
|
716
|
+
_v$107 !== _p$.O && className(_el$143, _p$.O = _v$107);
|
|
717
|
+
_v$108 !== _p$.I && className(_el$147, _p$.I = _v$108);
|
|
718
|
+
_v$109 !== _p$.S && className(_el$148, _p$.S = _v$109);
|
|
719
|
+
_v$110 !== _p$.W && className(_el$149, _p$.W = _v$110);
|
|
720
|
+
_v$111 !== _p$.C && className(_el$150, _p$.C = _v$111);
|
|
721
|
+
_v$112 !== _p$.B && className(_el$151, _p$.B = _v$112);
|
|
722
|
+
_v$113 !== _p$.v && className(_el$152, _p$.v = _v$113);
|
|
723
|
+
_v$114 !== _p$.k && className(_el$154, _p$.k = _v$114);
|
|
724
|
+
_v$115 !== _p$.x && className(_el$155, _p$.x = _v$115);
|
|
725
|
+
_v$116 !== _p$.j && className(_el$156, _p$.j = _v$116);
|
|
726
|
+
_v$117 !== _p$.q && className(_el$157, _p$.q = _v$117);
|
|
727
|
+
_v$118 !== _p$.z && className(_el$158, _p$.z = _v$118);
|
|
728
|
+
_v$119 !== _p$.P && className(_el$159, _p$.P = _v$119);
|
|
729
|
+
_v$120 !== _p$.H && className(_el$160, _p$.H = _v$120);
|
|
730
|
+
_v$121 !== _p$.F && className(_el$161, _p$.F = _v$121);
|
|
731
|
+
_v$122 !== _p$.M && className(_el$162, _p$.M = _v$122);
|
|
732
|
+
_v$123 !== _p$.D && className(_el$163, _p$.D = _v$123);
|
|
733
|
+
_v$124 !== _p$.R && className(_el$164, _p$.R = _v$124);
|
|
734
|
+
_v$125 !== _p$.E && className(_el$165, _p$.E = _v$125);
|
|
683
735
|
return _p$;
|
|
684
736
|
}, {
|
|
685
737
|
e: void 0,
|
|
@@ -724,7 +776,7 @@ function SequenceDetails(props) {
|
|
|
724
776
|
R: void 0,
|
|
725
777
|
E: void 0
|
|
726
778
|
});
|
|
727
|
-
return _el$
|
|
779
|
+
return _el$119;
|
|
728
780
|
})()];
|
|
729
781
|
}
|
|
730
782
|
function AppHotkeyDetails(props) {
|
|
@@ -732,43 +784,43 @@ function AppHotkeyDetails(props) {
|
|
|
732
784
|
const appHotkey = () => props.item.appHotkey;
|
|
733
785
|
const format = (hotkey) => hotkey ? formatForDisplay(hotkey, { sequenceSeparator: " → " }) : "Unassigned";
|
|
734
786
|
const row = (label, value) => (() => {
|
|
735
|
-
var _el$
|
|
736
|
-
insert(_el$
|
|
737
|
-
insert(_el$
|
|
787
|
+
var _el$216 = _tmpl$2(), _el$217 = _el$216.firstChild, _el$218 = _el$217.nextSibling;
|
|
788
|
+
insert(_el$217, label);
|
|
789
|
+
insert(_el$218, value);
|
|
738
790
|
effect((_p$) => {
|
|
739
|
-
var _v$
|
|
740
|
-
_v$
|
|
741
|
-
_v$
|
|
742
|
-
_v$
|
|
791
|
+
var _v$136 = styles().optionRow, _v$137 = styles().optionLabel, _v$138 = styles().optionValue;
|
|
792
|
+
_v$136 !== _p$.e && className(_el$216, _p$.e = _v$136);
|
|
793
|
+
_v$137 !== _p$.t && className(_el$217, _p$.t = _v$137);
|
|
794
|
+
_v$138 !== _p$.a && className(_el$218, _p$.a = _v$138);
|
|
743
795
|
return _p$;
|
|
744
796
|
}, {
|
|
745
797
|
e: void 0,
|
|
746
798
|
t: void 0,
|
|
747
799
|
a: void 0
|
|
748
800
|
});
|
|
749
|
-
return _el$
|
|
801
|
+
return _el$216;
|
|
750
802
|
})();
|
|
751
803
|
return [(() => {
|
|
752
|
-
var _el$
|
|
753
|
-
insert(_el$
|
|
754
|
-
insert(_el$
|
|
755
|
-
insert(_el$
|
|
756
|
-
insert(_el$
|
|
757
|
-
insert(_el$
|
|
758
|
-
insert(_el$
|
|
804
|
+
var _el$219 = _tmpl$14(), _el$220 = _el$219.firstChild, _el$221 = _el$220.nextSibling, _el$222 = _el$221.firstChild, _el$223 = _el$222.nextSibling, _el$224 = _el$223.nextSibling, _el$225 = _el$224.nextSibling, _el$226 = _el$225.nextSibling, _el$227 = _el$226.nextSibling, _el$228 = _el$227.nextSibling, _el$229 = _el$228.nextSibling;
|
|
805
|
+
insert(_el$220, () => format(appHotkey().hotkey));
|
|
806
|
+
insert(_el$223, () => appHotkey().id);
|
|
807
|
+
insert(_el$225, () => props.item.status);
|
|
808
|
+
insert(_el$227, () => format(appHotkey().defaultHotkey), null);
|
|
809
|
+
insert(_el$227, () => props.item.isCustom ? " (customized)" : "", null);
|
|
810
|
+
insert(_el$229, () => appHotkey().scope ?? "global");
|
|
759
811
|
effect((_p$) => {
|
|
760
|
-
var _v$
|
|
761
|
-
_v$
|
|
762
|
-
_v$
|
|
763
|
-
_v$
|
|
764
|
-
_v$
|
|
765
|
-
_v$
|
|
766
|
-
_v$
|
|
767
|
-
_v$
|
|
768
|
-
_v$
|
|
769
|
-
_v$
|
|
770
|
-
_v$
|
|
771
|
-
_v$
|
|
812
|
+
var _v$139 = styles().stateHeader, _v$140 = styles().stateTitle, _v$141 = styles().infoGrid, _v$142 = styles().infoLabel, _v$143 = styles().infoValueMono, _v$144 = styles().infoLabel, _v$145 = styles().infoValueMono, _v$146 = styles().infoLabel, _v$147 = styles().infoValueMono, _v$148 = styles().infoLabel, _v$149 = styles().infoValueMono;
|
|
813
|
+
_v$139 !== _p$.e && className(_el$219, _p$.e = _v$139);
|
|
814
|
+
_v$140 !== _p$.t && className(_el$220, _p$.t = _v$140);
|
|
815
|
+
_v$141 !== _p$.a && className(_el$221, _p$.a = _v$141);
|
|
816
|
+
_v$142 !== _p$.o && className(_el$222, _p$.o = _v$142);
|
|
817
|
+
_v$143 !== _p$.i && className(_el$223, _p$.i = _v$143);
|
|
818
|
+
_v$144 !== _p$.n && className(_el$224, _p$.n = _v$144);
|
|
819
|
+
_v$145 !== _p$.s && className(_el$225, _p$.s = _v$145);
|
|
820
|
+
_v$146 !== _p$.h && className(_el$226, _p$.h = _v$146);
|
|
821
|
+
_v$147 !== _p$.r && className(_el$227, _p$.r = _v$147);
|
|
822
|
+
_v$148 !== _p$.d && className(_el$228, _p$.d = _v$148);
|
|
823
|
+
_v$149 !== _p$.l && className(_el$229, _p$.l = _v$149);
|
|
772
824
|
return _p$;
|
|
773
825
|
}, {
|
|
774
826
|
e: void 0,
|
|
@@ -783,16 +835,27 @@ function AppHotkeyDetails(props) {
|
|
|
783
835
|
d: void 0,
|
|
784
836
|
l: void 0
|
|
785
837
|
});
|
|
786
|
-
return _el$
|
|
838
|
+
return _el$219;
|
|
787
839
|
})(), (() => {
|
|
788
|
-
var _el$
|
|
789
|
-
insert(_el$
|
|
840
|
+
var _el$230 = _tmpl$15(), _el$231 = _el$230.firstChild, _el$232 = _el$231.firstChild, _el$233 = _el$232.nextSibling, _el$234 = _el$231.nextSibling, _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling;
|
|
841
|
+
insert(_el$230, createComponent(Show, {
|
|
842
|
+
get when() {
|
|
843
|
+
return appHotkey().hotkey;
|
|
844
|
+
},
|
|
845
|
+
children: (hotkey) => createComponent(IssuesSection, {
|
|
846
|
+
get hotkey() {
|
|
847
|
+
return hotkey();
|
|
848
|
+
},
|
|
849
|
+
styles
|
|
850
|
+
})
|
|
851
|
+
}), _el$231);
|
|
852
|
+
insert(_el$233, createComponent(For, {
|
|
790
853
|
get each() {
|
|
791
854
|
return Object.entries(appHotkey().meta ?? {});
|
|
792
855
|
},
|
|
793
856
|
children: ([key, value]) => row(key, String(value))
|
|
794
857
|
}), null);
|
|
795
|
-
insert(_el$
|
|
858
|
+
insert(_el$233, createComponent(Show, {
|
|
796
859
|
get when() {
|
|
797
860
|
return !appHotkey().meta;
|
|
798
861
|
},
|
|
@@ -800,13 +863,13 @@ function AppHotkeyDetails(props) {
|
|
|
800
863
|
return row("meta", "—");
|
|
801
864
|
}
|
|
802
865
|
}), null);
|
|
803
|
-
insert(_el$
|
|
866
|
+
insert(_el$236, createComponent(For, {
|
|
804
867
|
get each() {
|
|
805
868
|
return Object.entries(appHotkey().options ?? {});
|
|
806
869
|
},
|
|
807
870
|
children: ([key, value]) => row(key, String(value))
|
|
808
871
|
}), null);
|
|
809
|
-
insert(_el$
|
|
872
|
+
insert(_el$236, createComponent(Show, {
|
|
810
873
|
get when() {
|
|
811
874
|
return !appHotkey().options;
|
|
812
875
|
},
|
|
@@ -815,12 +878,12 @@ function AppHotkeyDetails(props) {
|
|
|
815
878
|
}
|
|
816
879
|
}), null);
|
|
817
880
|
effect((_p$) => {
|
|
818
|
-
var _v$
|
|
819
|
-
_v$
|
|
820
|
-
_v$
|
|
821
|
-
_v$
|
|
822
|
-
_v$
|
|
823
|
-
_v$
|
|
881
|
+
var _v$150 = styles().detailsGrid, _v$151 = styles().detailSection, _v$152 = styles().detailSectionHeader, _v$153 = styles().detailSection, _v$154 = styles().detailSectionHeader;
|
|
882
|
+
_v$150 !== _p$.e && className(_el$230, _p$.e = _v$150);
|
|
883
|
+
_v$151 !== _p$.t && className(_el$231, _p$.t = _v$151);
|
|
884
|
+
_v$152 !== _p$.a && className(_el$232, _p$.a = _v$152);
|
|
885
|
+
_v$153 !== _p$.o && className(_el$234, _p$.o = _v$153);
|
|
886
|
+
_v$154 !== _p$.i && className(_el$235, _p$.i = _v$154);
|
|
824
887
|
return _p$;
|
|
825
888
|
}, {
|
|
826
889
|
e: void 0,
|
|
@@ -829,7 +892,7 @@ function AppHotkeyDetails(props) {
|
|
|
829
892
|
o: void 0,
|
|
830
893
|
i: void 0
|
|
831
894
|
});
|
|
832
|
-
return _el$
|
|
895
|
+
return _el$230;
|
|
833
896
|
})()];
|
|
834
897
|
}
|
|
835
898
|
function DetailsPanel(props) {
|
|
@@ -849,17 +912,17 @@ function DetailsPanel(props) {
|
|
|
849
912
|
return selection?.type === "registration" ? selection.registration : void 0;
|
|
850
913
|
};
|
|
851
914
|
return (() => {
|
|
852
|
-
var _el$
|
|
853
|
-
insert(_el$
|
|
915
|
+
var _el$237 = _tmpl$();
|
|
916
|
+
insert(_el$237, createComponent(Show, {
|
|
854
917
|
get when() {
|
|
855
918
|
return selectionKey();
|
|
856
919
|
},
|
|
857
920
|
keyed: true,
|
|
858
921
|
get fallback() {
|
|
859
922
|
return (() => {
|
|
860
|
-
var _el$
|
|
861
|
-
effect(() => className(_el$
|
|
862
|
-
return _el$
|
|
923
|
+
var _el$238 = _tmpl$16();
|
|
924
|
+
effect(() => className(_el$238, styles().noSelection));
|
|
925
|
+
return _el$238;
|
|
863
926
|
})();
|
|
864
927
|
},
|
|
865
928
|
children: (key) => key.startsWith("app:") ? createComponent(AppHotkeyDetails, {
|
|
@@ -882,10 +945,9 @@ function DetailsPanel(props) {
|
|
|
882
945
|
styles
|
|
883
946
|
})
|
|
884
947
|
}));
|
|
885
|
-
effect(() => className(_el$
|
|
886
|
-
return _el$
|
|
948
|
+
effect(() => className(_el$237, styles().stateDetails));
|
|
949
|
+
return _el$237;
|
|
887
950
|
})();
|
|
888
951
|
}
|
|
889
952
|
|
|
890
|
-
//#endregion
|
|
891
953
|
export { DetailsPanel };
|