@rvx/ui 0.3.1 → 0.3.2
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/common/events.d.ts +3 -2
- package/dist/common/events.d.ts.map +1 -1
- package/dist/common/events.js +8 -0
- package/dist/common/events.js.map +1 -1
- package/dist/components/layer.d.ts.map +1 -1
- package/dist/components/layer.js +2 -4
- package/dist/components/layer.js.map +1 -1
- package/dist/components/text-input.d.ts +0 -1
- package/dist/components/text-input.d.ts.map +1 -1
- package/dist/components/text-input.js +0 -5
- package/dist/components/text-input.js.map +1 -1
- package/dist/theme.module.css +19 -32
- package/dist/theme.module.css.map +1 -1
- package/package.json +1 -1
- package/src/common/events.tsx +10 -2
- package/src/components/layer.tsx +2 -4
- package/src/components/text-input.tsx +0 -7
- package/src/theme/base.scss +2 -10
- package/src/theme/components/button.scss +5 -8
- package/src/theme/components/control-group.scss +0 -3
- package/src/theme/components/dialog.scss +5 -4
- package/src/theme/components/dropdown.scss +6 -11
- package/src/theme/components/popover.scss +2 -2
package/dist/common/events.d.ts
CHANGED
|
@@ -11,11 +11,12 @@ export declare function isKey(event: KeyboardEvent, key: string | Key): boolean;
|
|
|
11
11
|
*
|
|
12
12
|
* Returning false indicates, that no action has been performed and that another action or the browser default behavior can be run.
|
|
13
13
|
*/
|
|
14
|
-
export type Action<T extends unknown[] = []> = (event:
|
|
14
|
+
export type Action<T extends unknown[] = [], E = Event> = (event: E, ...args: T) => void | boolean | Promise<void>;
|
|
15
15
|
/**
|
|
16
16
|
* Call an action that was triggered by the specified event.
|
|
17
17
|
*/
|
|
18
|
-
export declare function handleActionEvent<T extends unknown[]>(event:
|
|
18
|
+
export declare function handleActionEvent<T extends unknown[], E extends Event = Event>(event: E, action: Action<T, E>, ...args: T): boolean;
|
|
19
|
+
export declare function handleKeyActionEvent<T extends unknown[]>(event: KeyboardEvent, key: string | Key, action: Action<T, KeyboardEvent>, ...args: T): boolean;
|
|
19
20
|
/**
|
|
20
21
|
* Run an action of the event target is hovered for a minimum duration.
|
|
21
22
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/common/events.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,WAS5D;AAED;;;;GAIG;AACH,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/common/events.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,WAS5D;AAED;;;;GAIG;AACH,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,OAAO,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAEnH;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,SAAS,KAAK,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,OAAO,CAWnI;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,aAAa,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,WAM9I;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,GAAG,IAAI,CAWtG;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,wBAAwB,IAAI,KAAK,CAEhD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAQjG"}
|
package/dist/common/events.js
CHANGED
|
@@ -21,6 +21,14 @@ export function handleActionEvent(event, action, ...args) {
|
|
|
21
21
|
}
|
|
22
22
|
return true;
|
|
23
23
|
}
|
|
24
|
+
export function handleKeyActionEvent(event, key, action, ...args) {
|
|
25
|
+
if (isKey(event, key) && !TASKS.current?.pending) {
|
|
26
|
+
return handleActionEvent(event, action, ...args);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
24
32
|
export function startDelayedHoverOnMouseenter(event, action, delay = 300) {
|
|
25
33
|
const timer = setTimeout(action, delay);
|
|
26
34
|
const cancel = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/common/events.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAUlC,MAAM,UAAU,KAAK,CAAC,KAAoB,EAAE,GAAiB;IAC5D,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IACD,OAAO,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,GAAG;WACtC,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC;WACrC,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC;WACnC,KAAK,CAAC,QAAQ,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC;WACvC,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;AAC3C,CAAC;AAYD,MAAM,UAAU,iBAAiB,
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/common/events.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAUlC,MAAM,UAAU,KAAK,CAAC,KAAoB,EAAE,GAAiB;IAC5D,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC7B,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IACD,OAAO,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,GAAG;WACtC,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC;WACrC,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC;WACnC,KAAK,CAAC,QAAQ,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC;WACvC,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;AAC3C,CAAC;AAYD,MAAM,UAAU,iBAAiB,CAA+C,KAAQ,EAAE,MAAoB,EAAE,GAAG,IAAO;IACzH,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;IACtC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QACtB,OAAO,KAAK,CAAC;IACd,CAAC;IACD,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;IACjC,IAAI,MAAM,YAAY,OAAO,EAAE,CAAC;QAC/B,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAsB,KAAoB,EAAE,GAAiB,EAAE,MAAgC,EAAE,GAAG,IAAO;IAC9I,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;QAClD,OAAO,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;IAClD,CAAC;SAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACd,CAAC;AACF,CAAC;AAoBD,MAAM,UAAU,6BAA6B,CAAC,KAAiB,EAAE,MAAkB,EAAE,KAAK,GAAG,GAAG;IAC/F,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,KAAK,CAAC,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACxD,KAAK,CAAC,MAAM,EAAE,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1E,KAAK,CAAC,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,YAAY,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IACF,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACrD,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,KAAK,CAAC,MAAM,EAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACzE,CAAC;AAQD,MAAM,CAAC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC;AAO5D,MAAM,UAAU,wBAAwB;IACvC,OAAO,IAAI,WAAW,CAAC,oBAAoB,CAAC,CAAC;AAC9C,CAAC;AAKD,MAAM,UAAU,aAAa,CAAI,OAAe,EAAE,OAA2B;IAC5E,IAAI,KAAa,CAAC;IAClB,OAAO,KAAK,CAAC,EAAE;QACd,IAAI,KAAK,EAAE,CAAC;YACX,YAAY,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,GAAI,UAAuC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACjF,CAAC,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,SAAS,EAAE,OAAO,EAAE,UAAU,EAAkE,MAAM,KAAK,CAAC;AACxH,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,SAAS,EAAE,OAAO,EAAE,UAAU,EAAkE,MAAM,KAAK,CAAC;AACxH,OAAO,EAAE,MAAM,EAAwB,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAcxE,eAAO,MAAM,KAAK,kCAAyC,CAAC;AA6C5D;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAChC,QAAQ,EAAE,SAAS,CAAC;CACpB,GAAG,OAAO,CAEV;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACpB,GAAG,OAAO,CAEV;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC1C,GAAG,OAAO,CA8EV;AAED,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAAC;IAErB;;OAEG;IACH,IAAI,GAAG,IAAI,OAAO,CAAC;IAEnB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAAG,IAAI,CAAC;IACnJ,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAAG,IAAI,CAAC;IAE5G;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAEnD;;;;OAIG;IACH,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE5D;;;;OAIG;IACH,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAEpC"}
|
package/dist/components/layer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
2
|
import { $, Context, get, Inject, memo, teardown, uncapture, untrack, watch } from "rvx";
|
|
3
|
-
import {
|
|
3
|
+
import { handleKeyActionEvent } from "../common/events.js";
|
|
4
4
|
import { useGlobalFocusTrap } from "../common/focus-trap.js";
|
|
5
5
|
export const LAYER = new Context();
|
|
6
6
|
const LAYERS = $([
|
|
@@ -145,9 +145,7 @@ class Handle {
|
|
|
145
145
|
}
|
|
146
146
|
useHotkey(key, action) {
|
|
147
147
|
this.useEvent("keydown", event => {
|
|
148
|
-
|
|
149
|
-
handleActionEvent(event, action);
|
|
150
|
-
}
|
|
148
|
+
handleKeyActionEvent(event, key, action);
|
|
151
149
|
});
|
|
152
150
|
}
|
|
153
151
|
contains(node) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAa,OAAO,EAAc,GAAG,EAAE,MAAM,EAAE,IAAI,EAAU,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AACxH,OAAO,EAAU,
|
|
1
|
+
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,7 +42,6 @@ export declare function TextInput(props: ({
|
|
|
42
42
|
* If this isn't a signal, the text input is readonly.
|
|
43
43
|
*/
|
|
44
44
|
value: Expression<string>;
|
|
45
|
-
enterAction?: (event: Event) => void | boolean | Promise<void>;
|
|
46
45
|
class?: ClassValue;
|
|
47
46
|
style?: StyleValue;
|
|
48
47
|
id?: Expression<string | undefined>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAe,UAAU,EAAE,MAAM,KAAK,CAAC;AAOtE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,wBAAgB,SAAS,CAAC,KAAK,EAAE,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;CAC7C,GAAG;IACH;;OAEG;IACH,SAAS,EAAE,IAAI,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAEtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;CAC5C,CAAC,GAAG;IACJ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAE3C;;;;OAIG;IACH,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,
|
|
1
|
+
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAe,UAAU,EAAE,MAAM,KAAK,CAAC;AAOtE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,wBAAgB,SAAS,CAAC,KAAK,EAAE,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;CAC7C,GAAG;IACH;;OAEG;IACH,SAAS,EAAE,IAAI,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAEtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC;CAC5C,CAAC,GAAG;IACJ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAE3C;;;;OAIG;IACH,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CACnD,GAAG,OAAO,CAqCV"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
|
2
2
|
import { get, Signal } from "rvx";
|
|
3
3
|
import { isPending } from "rvx/async";
|
|
4
4
|
import { optionalString } from "rvx/convert";
|
|
5
|
-
import { handleActionEvent, isKey } from "../common/events.js";
|
|
6
5
|
import { THEME } from "../common/theme.js";
|
|
7
6
|
import { closestValidator } from "./validation.js";
|
|
8
7
|
export function TextInput(props) {
|
|
@@ -17,10 +16,6 @@ export function TextInput(props) {
|
|
|
17
16
|
if (props.value instanceof Signal) {
|
|
18
17
|
props.value.value = input.value;
|
|
19
18
|
}
|
|
20
|
-
}, "on:keydown": event => {
|
|
21
|
-
if (isKey(event, "enter") && props.enterAction && !disabled()) {
|
|
22
|
-
handleActionEvent(event, props.enterAction);
|
|
23
|
-
}
|
|
24
19
|
}, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], "aria-invalid": validator ? optionalString(validator.invalid) : undefined, "aria-errormessage": validator ? validator.messageIds : undefined });
|
|
25
20
|
return input;
|
|
26
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,MAAM,EAAc,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,MAAM,EAAc,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKnD,MAAM,UAAU,SAAS,CAAC,KAqDzB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IACxD,MAAM,KAAK,GAAG,KAAC,QAAQ,IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,EACrE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACN,KAAK,EAAE,UAAU;YACjB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,EAC5C,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,gBAE9B,KAAK,CAAC,KAAK,cACb,GAAG,EAAE;YACd,IAAI,KAAK,CAAC,KAAK,YAAY,MAAM,EAAE,CAAC;gBACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YACjC,CAAC;QACF,CAAC,gBAEW,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,kBAE3B,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,uBACpD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,GAC1C,CAAC;IAEvB,OAAO,KAAK,CAAC;AACd,CAAC"}
|
package/dist/theme.module.css
CHANGED
|
@@ -42,16 +42,14 @@
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
:root {
|
|
45
|
-
--bg: rgb(
|
|
45
|
+
--bg: rgb(247, 247, 247);
|
|
46
46
|
--bg-alt: rgb(255, 255, 255);
|
|
47
47
|
--accent: rgb(0, 127, 255);
|
|
48
48
|
--fg: black;
|
|
49
49
|
--focus-outline: var(--control-border) dashed var(--accent);
|
|
50
|
-
--separator-color:
|
|
50
|
+
--separator-color: rgba(200, 200, 200, 0.3);
|
|
51
51
|
--selection-bg: rgba(0, 127, 255, 0.3);
|
|
52
52
|
--overlay-backdrop: rgba(245, 245, 245, 0.7);
|
|
53
|
-
--overlay-bg: var(--bg);
|
|
54
|
-
--overlay-border: rgb(216, 216, 216);
|
|
55
53
|
--overlay-shadow: 0 0 0.8571428571rem rgba(128, 128, 128, 0.2);
|
|
56
54
|
--content-shadow: 0 0 0.8571428571rem rgba(128, 128, 128, 0.2);
|
|
57
55
|
--control-shadow: 0 0 0.1428571429rem rgba(128, 128, 128, 0.2);
|
|
@@ -66,8 +64,6 @@
|
|
|
66
64
|
--separator-color: rgb(40, 40, 40);
|
|
67
65
|
--selection-bg: rgba(64, 160, 255, 0.5);
|
|
68
66
|
--overlay-backdrop: rgba(24, 24, 24, 0.8);
|
|
69
|
-
--overlay-bg: var(--bg);
|
|
70
|
-
--overlay-border: rgb(48, 48, 48);
|
|
71
67
|
--overlay-shadow: 0 0 0.8571428571rem rgba(0, 0, 0, 0.3);
|
|
72
68
|
--content-shadow: 0 0 0.8571428571rem rgba(0, 0, 0, 0.3);
|
|
73
69
|
--control-shadow: 0 0 0.2142857143rem rgba(0, 0, 0, 0.5);
|
|
@@ -136,10 +132,9 @@ body {
|
|
|
136
132
|
}
|
|
137
133
|
|
|
138
134
|
:root {
|
|
139
|
-
--button-default-bg: rgb(
|
|
140
|
-
--button-default-bg-hover: rgb(
|
|
141
|
-
--button-default-fg:
|
|
142
|
-
--button-default-focus: rgb(100, 178, 255);
|
|
135
|
+
--button-default-bg: rgb(208, 208, 208);
|
|
136
|
+
--button-default-bg-hover: rgb(192, 192, 192);
|
|
137
|
+
--button-default-fg: black;
|
|
143
138
|
--button-primary-bg: rgb(0, 127, 255);
|
|
144
139
|
--button-primary-bg-hover: rgb(64, 160, 255);
|
|
145
140
|
--button-primary-fg: white;
|
|
@@ -160,8 +155,8 @@ body {
|
|
|
160
155
|
--button-input-bg-hover: rgb(230, 230, 230);
|
|
161
156
|
--button-input-fg: black;
|
|
162
157
|
--button-input-border: rgb(220, 220, 220);
|
|
163
|
-
--button-item-bg: rgb(
|
|
164
|
-
--button-item-bg-hover: rgb(
|
|
158
|
+
--button-item-bg: rgb(235, 235, 235);
|
|
159
|
+
--button-item-bg-hover: rgb(215, 215, 215);
|
|
165
160
|
--button-item-fg: black;
|
|
166
161
|
}
|
|
167
162
|
@media (prefers-color-scheme: dark) {
|
|
@@ -515,7 +510,6 @@ body {
|
|
|
515
510
|
display: flex;
|
|
516
511
|
box-shadow: var(--control-shadow);
|
|
517
512
|
border-radius: var(--control-radius);
|
|
518
|
-
background: var(--separator-color);
|
|
519
513
|
gap: var(--separator);
|
|
520
514
|
}
|
|
521
515
|
.control_group > * {
|
|
@@ -599,15 +593,15 @@ body {
|
|
|
599
593
|
grid-column: 2/3;
|
|
600
594
|
transform: scale(0.9);
|
|
601
595
|
transition: transform var(--layout-transition);
|
|
602
|
-
background-color: var(--
|
|
596
|
+
background-color: var(--bg-alt);
|
|
603
597
|
box-shadow: var(--overlay-shadow);
|
|
604
598
|
border-radius: var(--content-radius);
|
|
605
|
-
border: var(--content-border) solid var(--
|
|
599
|
+
border: var(--content-border) solid var(--card-default-border);
|
|
606
600
|
}
|
|
607
601
|
|
|
608
602
|
.dialog_scroll_view {
|
|
609
|
-
border-block-start: var(--content-border) solid var(--
|
|
610
|
-
border-block-end: var(--content-border) solid var(--
|
|
603
|
+
border-block-start: var(--content-border) solid var(--card-default-border);
|
|
604
|
+
border-block-end: var(--content-border) solid var(--card-default-border);
|
|
611
605
|
margin-inline-start: calc(var(--content-pad-inline-start) * -1 + var(--content-border));
|
|
612
606
|
margin-inline-end: calc(var(--content-pad-inline-end) * -1 + var(--content-border));
|
|
613
607
|
}
|
|
@@ -617,15 +611,6 @@ body {
|
|
|
617
611
|
padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
|
|
618
612
|
}
|
|
619
613
|
|
|
620
|
-
:root {
|
|
621
|
-
--dropdown-item-active-bg: rgb(224, 224, 224);
|
|
622
|
-
}
|
|
623
|
-
@media (prefers-color-scheme: dark) {
|
|
624
|
-
:root {
|
|
625
|
-
--dropdown-item-active-bg: rgb(63, 63, 63);
|
|
626
|
-
color-scheme: dark;
|
|
627
|
-
}
|
|
628
|
-
}
|
|
629
614
|
.dropdown {
|
|
630
615
|
position: relative;
|
|
631
616
|
outline: none;
|
|
@@ -635,9 +620,9 @@ body {
|
|
|
635
620
|
}
|
|
636
621
|
|
|
637
622
|
.dropdown_scroll_area {
|
|
638
|
-
background-color: var(--overlay-bg);
|
|
639
|
-
box-shadow: var(--overlay-shadow);
|
|
640
623
|
border-radius: var(--control-radius);
|
|
624
|
+
background-color: var(--button-item-bg);
|
|
625
|
+
box-shadow: var(--overlay-shadow);
|
|
641
626
|
max-block-size: var(--popout-max-block-size);
|
|
642
627
|
max-inline-size: var(--popout-max-inline-size);
|
|
643
628
|
overflow: auto;
|
|
@@ -647,7 +632,8 @@ body {
|
|
|
647
632
|
display: flex;
|
|
648
633
|
flex-direction: column;
|
|
649
634
|
border-radius: var(--control-radius);
|
|
650
|
-
border: var(--content-border) solid var(--
|
|
635
|
+
border: var(--content-border) solid var(--card-default-border);
|
|
636
|
+
overflow: hidden;
|
|
651
637
|
}
|
|
652
638
|
|
|
653
639
|
.dropdown_item {
|
|
@@ -655,9 +641,10 @@ body {
|
|
|
655
641
|
padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
|
|
656
642
|
padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
|
|
657
643
|
border: transparent solid var(--control-border);
|
|
644
|
+
border-radius: calc(var(--control-radius) - var(--control-border));
|
|
658
645
|
}
|
|
659
646
|
.dropdown_item.dropdown_item_active {
|
|
660
|
-
background-color: var(--
|
|
647
|
+
background-color: var(--button-item-bg-hover);
|
|
661
648
|
}
|
|
662
649
|
|
|
663
650
|
.flex_space {
|
|
@@ -932,14 +919,14 @@ h6.heading {
|
|
|
932
919
|
.popover_spike svg {
|
|
933
920
|
width: 2rem;
|
|
934
921
|
height: 1rem;
|
|
935
|
-
fill: var(--
|
|
922
|
+
fill: var(--card-default-border);
|
|
936
923
|
transform-origin: bottom;
|
|
937
924
|
transform: scale(0.75);
|
|
938
925
|
stroke: none;
|
|
939
926
|
}
|
|
940
927
|
|
|
941
928
|
.popover_scroll_area {
|
|
942
|
-
background-color: var(--
|
|
929
|
+
background-color: var(--bg-alt);
|
|
943
930
|
box-shadow: var(--overlay-shadow);
|
|
944
931
|
border-radius: var(--content-radius);
|
|
945
932
|
max-block-size: var(--popout-max-block-size);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/separated.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/error.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;ECcA;EACA;EACA;EACA;EDbA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;ECGA;EACA;EACA;EACA;EDHA;EACA;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EDIA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACtCA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/theme/base.scss","../src/theme/common.scss","../src/theme/components/breadcrumbs.scss","../src/theme/components/button.scss","../src/theme/components/card.scss","../src/theme/components/checkbox.scss","../src/theme/components/collapse.scss","../src/theme/components/column.scss","../src/theme/components/control-group.scss","../src/theme/components/dialog.scss","../src/theme/components/dropdown.scss","../src/theme/components/flex-space.scss","../src/theme/components/heading.scss","../src/theme/components/label.scss","../src/theme/components/link.scss","../src/theme/components/nav-list.scss","../src/theme/components/notifications.scss","../src/theme/components/page.scss","../src/theme/components/popover.scss","../src/theme/components/radio-buttons.scss","../src/theme/components/row.scss","../src/theme/components/scroll-view.scss","../src/theme/components/separated.scss","../src/theme/components/slider.scss","../src/theme/components/tabs.scss","../src/theme/components/text-input.scss","../src/theme/components/text.scss","../src/theme/components/error.scss","../src/theme/components/value.scss"],"names":[],"mappings":"AASA;EACC;EACA;EACA;EAEA;ECcA;EACA;EACA;EACA;EDbA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EDPA;EACA;ECGA;EACA;EACA;EACA;EDHA;EACA;EACA;EACA;EACA;ECJA;EACA;EACA;EACA;EDIA;EAEA;EAEA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;;;ACtCA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;ADoFH;EACC;EACA;EAEA;;AACA;EALD;IAME;;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AC1GA;EANE;;AAQD;EAFD;IANE;IAUA;;;ACNH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ADzBA;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AEoGH;EACC;EACA;EACA;EACA;EAEA;EAEA;EFxFA,eACC;EAED,gBACC;EEuFD;EACA;;AAGA;EACC;;AAGD;EACC;EACA;;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAdF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;;AAKH;AAAA;EAEC;;;AFvJA;EANE;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AGUH;EACC;EACA;EACA;;AAEA;EHKA,eACC;EAED,gBACC;;;AGHD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACpCF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AC3BD;EACC;EACA;EACA;EACA;;;AAGD;EACC,YACC;;;AAKF;EACC;IAAO;;EACP;IAAM;;EACN;IAAM;;EACN;IAAK;;;AAGN;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EACC,YACC;;AAIF;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC,YACC;;AAKF;EACC;EACA;EACA;;;AC9DF;EACC;EACA;;AAEA;EACC;;AAMD;EACC;;AAGD;EACC;;AAMD;EACC;;;AAKD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AMTD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AMTD;EACC;;AACA;EACC;;AAGD;ENDD,eACC;EAED,gBACC;;;AOtCF;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;;AAIF;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;;;AC9CF;EACC;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAGD;EACC;;AACA;EACC;;;AAIF;EACC;EACA;;AACA;EACC;;;AAIF;EACC;IACC;;;AAIF;EACC;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;ERzBC,eACC;EAED,gBACC;;;ASrCF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;ETMA,eACC;EAED,gBACC;ESRD;EACA;;AAEA;EACC;;;AClCF;EACC;EACA;EACA;;;ACHD;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;;AX1BA;EANE;;AAQD;EAFD;IANE;IAUA;;;AYNH;EACC;EACA;EAEA;EACA;EACA;;AAEA;EAEC;EACA;EACA;EACA;;;ACpBF;EACC;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AbLD;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;Ac0BH;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;Ed3BA,eACC;EAED,gBACC;Ec0BD;;AAGA;EACC;EACA;;AAGD;EAEC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;EACA;;;Ad9EA;EANE;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAUA;;;AeWH;EACC;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EffA,eACC;EAED,gBACC;;;AeiBD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;AADD;EACC;;;ACxDF;EACC,eACC;EAED,gBACC;EAGD;EACA;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ACvCD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EAEA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;AAEA;EjBVA,eACC;EAED,gBACC;;;AkBtCF;EACC;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AChCD;EACC;EACA;EACA;;;AAIA;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AmB9BD;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AmB9BD;EACC;EACA;;AACA;EACC;EACA;;AAGD;EnBkBD,eACC;EAED,gBACC;;;AA5BD;EANE;EAAA;;AAQD;EAFD;IANE;IAAA;IAUA;;;AoBFH;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;;;ACvDD;EACC;EACA;;AAEA;EACC;;AAED;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;;AAED;EACC;;;ACpBF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;AtBAF;EANE;EAAA;EAAA;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAAA;IAAA;IAUA;;;AuBcH;EACC;EACA;EACA;;;AAGD;EACC,gBACC;;;AAIF;EACC;EACA;EACA;EACA;EAEA;EACA;EAEA,eACC;EAED,gBACC;EAGD;EACA;EACA;EACA;EAEA;EACA;;AAGA;EAEC;EACA;;AAED;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EvBpDC,eACC;EAED,gBACC;;;AA5BD;EANE;EAAA;EAAA;EAAA;;AAQD;EAFD;IANE;IAAA;IAAA;IAAA;IAUA;;;AwBMH;EACC;EACA;EACA;EAEA;EAEA;ExBOA,eACC;EAED,gBACC;EwBTD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;;AAIF;EACC;;;AC/CD;EACC;;AAEA;EAEC;EACA;EACA;EACA;;;AzBED;EANE;;AAQD;EAFD;IANE;IAUA;;;A0BNH;EACC;;;ACTD;EACC","file":"theme.module.css"}
|
package/package.json
CHANGED
package/src/common/events.tsx
CHANGED
|
@@ -24,12 +24,12 @@ export function isKey(event: KeyboardEvent, key: string | Key) {
|
|
|
24
24
|
*
|
|
25
25
|
* Returning false indicates, that no action has been performed and that another action or the browser default behavior can be run.
|
|
26
26
|
*/
|
|
27
|
-
export type Action<T extends unknown[] = []> = (event:
|
|
27
|
+
export type Action<T extends unknown[] = [], E = Event> = (event: E, ...args: T) => void | boolean | Promise<void>;
|
|
28
28
|
|
|
29
29
|
/**
|
|
30
30
|
* Call an action that was triggered by the specified event.
|
|
31
31
|
*/
|
|
32
|
-
export function handleActionEvent<T extends unknown[]>(event:
|
|
32
|
+
export function handleActionEvent<T extends unknown[], E extends Event = Event>(event: E, action: Action<T, E>, ...args: T): boolean {
|
|
33
33
|
const result = action(event, ...args);
|
|
34
34
|
if (result === false) {
|
|
35
35
|
return false;
|
|
@@ -42,6 +42,14 @@ export function handleActionEvent<T extends unknown[]>(event: Event, action: Act
|
|
|
42
42
|
return true;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
+
export function handleKeyActionEvent<T extends unknown[]>(event: KeyboardEvent, key: string | Key, action: Action<T, KeyboardEvent>, ...args: T) {
|
|
46
|
+
if (isKey(event, key) && !TASKS.current?.pending) {
|
|
47
|
+
return handleActionEvent(event, action, ...args);
|
|
48
|
+
} else {
|
|
49
|
+
return false;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
45
53
|
/**
|
|
46
54
|
* Run an action of the event target is hovered for a minimum duration.
|
|
47
55
|
*
|
package/src/components/layer.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $, Component, Context, Expression, get, Inject, memo, Signal, teardown, uncapture, untrack, watch } from "rvx";
|
|
2
|
-
import { Action,
|
|
2
|
+
import { Action, handleKeyActionEvent, Key } from "../common/events.js";
|
|
3
3
|
import { useGlobalFocusTrap } from "../common/focus-trap.js";
|
|
4
4
|
|
|
5
5
|
interface LayerInstance {
|
|
@@ -290,9 +290,7 @@ class Handle implements LayerHandle {
|
|
|
290
290
|
|
|
291
291
|
useHotkey(key: string, action: Action): void {
|
|
292
292
|
this.useEvent("keydown", event => {
|
|
293
|
-
|
|
294
|
-
handleActionEvent(event, action);
|
|
295
|
-
}
|
|
293
|
+
handleKeyActionEvent(event, key, action);
|
|
296
294
|
});
|
|
297
295
|
}
|
|
298
296
|
|
|
@@ -54,8 +54,6 @@ export function TextInput(props: ({
|
|
|
54
54
|
*/
|
|
55
55
|
value: Expression<string>;
|
|
56
56
|
|
|
57
|
-
enterAction?: (event: Event) => void | boolean | Promise<void>;
|
|
58
|
-
|
|
59
57
|
class?: ClassValue;
|
|
60
58
|
style?: StyleValue;
|
|
61
59
|
id?: Expression<string | undefined>;
|
|
@@ -91,11 +89,6 @@ export function TextInput(props: ({
|
|
|
91
89
|
props.value.value = input.value;
|
|
92
90
|
}
|
|
93
91
|
}}
|
|
94
|
-
on:keydown={event => {
|
|
95
|
-
if (isKey(event, "enter") && props.enterAction && !disabled()) {
|
|
96
|
-
handleActionEvent(event, props.enterAction);
|
|
97
|
-
}
|
|
98
|
-
}}
|
|
99
92
|
|
|
100
93
|
aria-label={props["aria-label"]}
|
|
101
94
|
aria-labelledby={props["aria-labelledby"]}
|
package/src/theme/base.scss
CHANGED
|
@@ -53,7 +53,7 @@ $root-size: 14px;
|
|
|
53
53
|
@include common.theme((
|
|
54
54
|
bg: (
|
|
55
55
|
dark: rgb(24, 24, 24),
|
|
56
|
-
light: rgb(
|
|
56
|
+
light: rgb(247, 247, 247),
|
|
57
57
|
),
|
|
58
58
|
bg-alt: (
|
|
59
59
|
dark: rgb(32, 32, 32),
|
|
@@ -73,7 +73,7 @@ $root-size: 14px;
|
|
|
73
73
|
),
|
|
74
74
|
separator-color: (
|
|
75
75
|
dark: rgb(40, 40, 40),
|
|
76
|
-
light:
|
|
76
|
+
light: rgba(200, 200, 200, 0.3),
|
|
77
77
|
),
|
|
78
78
|
selection-bg: (
|
|
79
79
|
dark: rgba(64, 160, 255, 0.5),
|
|
@@ -83,14 +83,6 @@ $root-size: 14px;
|
|
|
83
83
|
dark: rgba(24, 24, 24, .8),
|
|
84
84
|
light: rgba(245, 245, 245, .7),
|
|
85
85
|
),
|
|
86
|
-
overlay-bg: (
|
|
87
|
-
dark: var(--bg),
|
|
88
|
-
light: var(--bg),
|
|
89
|
-
),
|
|
90
|
-
overlay-border: (
|
|
91
|
-
dark: rgb(48, 48, 48),
|
|
92
|
-
light: rgb(216, 216, 216),
|
|
93
|
-
),
|
|
94
86
|
overlay-shadow: (
|
|
95
87
|
dark: 0 0 #{px(12)} rgba(0, 0, 0, .3),
|
|
96
88
|
light: 0 0 #{px(12)} rgba(128, 128, 128, .2),
|
|
@@ -3,18 +3,15 @@
|
|
|
3
3
|
@include common.theme((
|
|
4
4
|
button-default-bg: (
|
|
5
5
|
dark: rgb(72, 72, 72),
|
|
6
|
-
light: rgb(
|
|
6
|
+
light: rgb(208, 208, 208),
|
|
7
7
|
),
|
|
8
8
|
button-default-bg-hover: (
|
|
9
9
|
dark: rgb(100, 100, 100),
|
|
10
|
-
light: rgb(
|
|
10
|
+
light: rgb(192, 192, 192),
|
|
11
11
|
),
|
|
12
12
|
button-default-fg: (
|
|
13
13
|
dark: white,
|
|
14
|
-
light:
|
|
15
|
-
),
|
|
16
|
-
button-default-focus: (
|
|
17
|
-
light: rgb(100, 178, 255),
|
|
14
|
+
light: black,
|
|
18
15
|
),
|
|
19
16
|
|
|
20
17
|
button-primary-bg: (
|
|
@@ -104,11 +101,11 @@
|
|
|
104
101
|
|
|
105
102
|
button-item-bg: (
|
|
106
103
|
dark: rgb(48, 48, 48),
|
|
107
|
-
light: rgb(
|
|
104
|
+
light: rgb(235, 235, 235),
|
|
108
105
|
),
|
|
109
106
|
button-item-bg-hover: (
|
|
110
107
|
dark: rgb(64, 64, 64),
|
|
111
|
-
light: rgb(
|
|
108
|
+
light: rgb(215, 215, 215),
|
|
112
109
|
),
|
|
113
110
|
button-item-fg: (
|
|
114
111
|
dark: white,
|
|
@@ -44,15 +44,16 @@
|
|
|
44
44
|
transform: scale(.9);
|
|
45
45
|
transition: transform var(--layout-transition);
|
|
46
46
|
|
|
47
|
-
background-color: var(--
|
|
47
|
+
background-color: var(--bg-alt);
|
|
48
48
|
box-shadow: var(--overlay-shadow);
|
|
49
49
|
border-radius: var(--content-radius);
|
|
50
|
-
|
|
50
|
+
|
|
51
|
+
border: var(--content-border) solid var(--card-default-border);
|
|
51
52
|
}
|
|
52
53
|
|
|
53
54
|
.dialog_scroll_view {
|
|
54
|
-
border-block-start: var(--content-border) solid var(--
|
|
55
|
-
border-block-end: var(--content-border) solid var(--
|
|
55
|
+
border-block-start: var(--content-border) solid var(--card-default-border);
|
|
56
|
+
border-block-end: var(--content-border) solid var(--card-default-border);
|
|
56
57
|
margin-inline-start: calc(var(--content-pad-inline-start) * -1 + var(--content-border));
|
|
57
58
|
margin-inline-end: calc(var(--content-pad-inline-end) * -1 + var(--content-border));
|
|
58
59
|
}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
@use "../common";
|
|
2
2
|
|
|
3
|
-
@include common.theme((
|
|
4
|
-
dropdown-item-active-bg: (
|
|
5
|
-
dark: rgb(63, 63, 63),
|
|
6
|
-
light: rgb(224, 224, 224),
|
|
7
|
-
),
|
|
8
|
-
));
|
|
9
|
-
|
|
10
3
|
.dropdown {
|
|
11
4
|
position: relative;
|
|
12
5
|
outline: none;
|
|
@@ -17,9 +10,9 @@
|
|
|
17
10
|
}
|
|
18
11
|
|
|
19
12
|
.dropdown_scroll_area {
|
|
20
|
-
background-color: var(--overlay-bg);
|
|
21
|
-
box-shadow: var(--overlay-shadow);
|
|
22
13
|
border-radius: var(--control-radius);
|
|
14
|
+
background-color: var(--button-item-bg);
|
|
15
|
+
box-shadow: var(--overlay-shadow);
|
|
23
16
|
max-block-size: var(--popout-max-block-size);
|
|
24
17
|
max-inline-size: var(--popout-max-inline-size);
|
|
25
18
|
overflow: auto;
|
|
@@ -29,15 +22,17 @@
|
|
|
29
22
|
display: flex;
|
|
30
23
|
flex-direction: column;
|
|
31
24
|
border-radius: var(--control-radius);
|
|
32
|
-
border: var(--content-border) solid var(--
|
|
25
|
+
border: var(--content-border) solid var(--card-default-border);
|
|
26
|
+
overflow: hidden;
|
|
33
27
|
}
|
|
34
28
|
|
|
35
29
|
.dropdown_item {
|
|
36
30
|
cursor: pointer;
|
|
37
31
|
@include common.padding(control-pad);
|
|
38
32
|
border: transparent solid var(--control-border);
|
|
33
|
+
border-radius: calc(var(--control-radius) - var(--control-border));
|
|
39
34
|
|
|
40
35
|
&.dropdown_item_active {
|
|
41
|
-
background-color: var(--
|
|
36
|
+
background-color: var(--button-item-bg-hover);
|
|
42
37
|
}
|
|
43
38
|
}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
svg {
|
|
24
24
|
width: 2rem;
|
|
25
25
|
height: 1rem;
|
|
26
|
-
fill: var(--
|
|
26
|
+
fill: var(--card-default-border);
|
|
27
27
|
transform-origin: bottom;
|
|
28
28
|
transform: scale(0.75);
|
|
29
29
|
stroke: none;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.popover_scroll_area {
|
|
34
|
-
background-color: var(--
|
|
34
|
+
background-color: var(--bg-alt);
|
|
35
35
|
box-shadow: var(--overlay-shadow);
|
|
36
36
|
border-radius: var(--content-radius);
|
|
37
37
|
max-block-size: var(--popout-max-block-size);
|