@rvx/ui 0.1.6 → 0.1.8
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/theme-test.js +1 -2
- package/dist/common/theme-test.js.map +1 -1
- package/dist/common/theme.d.ts +4 -2
- package/dist/common/theme.js +2 -1
- package/dist/common/theme.js.map +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/button.js.map +1 -1
- package/dist/components/checkbox-test.d.ts +3 -0
- package/dist/components/checkbox-test.js +30 -0
- package/dist/components/checkbox-test.js.map +1 -0
- package/dist/components/checkbox.js +5 -8
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/collapse.d.ts +2 -1
- package/dist/components/collapse.js +2 -2
- package/dist/components/collapse.js.map +1 -1
- package/dist/components/column.js +2 -2
- package/dist/components/column.js.map +1 -1
- package/dist/components/control-group.js +1 -2
- package/dist/components/control-group.js.map +1 -1
- package/dist/components/dialog.js +23 -21
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dropdown-input.js.map +1 -1
- package/dist/components/dropdown.js +4 -3
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/flex-space.js +2 -2
- package/dist/components/flex-space.js.map +1 -1
- package/dist/components/heading.d.ts +4 -0
- package/dist/components/heading.js +6 -2
- package/dist/components/heading.js.map +1 -1
- package/dist/components/label.js +2 -2
- package/dist/components/label.js.map +1 -1
- package/dist/components/layer.d.ts +4 -4
- package/dist/components/layer.js +7 -13
- package/dist/components/layer.js.map +1 -1
- package/dist/components/link.js +2 -2
- package/dist/components/link.js.map +1 -1
- package/dist/components/page.js +1 -2
- package/dist/components/page.js.map +1 -1
- package/dist/components/popout.d.ts +2 -1
- package/dist/components/popout.js +59 -58
- package/dist/components/popout.js.map +1 -1
- package/dist/components/popover.js +6 -5
- package/dist/components/popover.js.map +1 -1
- package/dist/components/radio-buttons.js +3 -2
- package/dist/components/radio-buttons.js.map +1 -1
- package/dist/components/row.js +2 -2
- package/dist/components/row.js.map +1 -1
- package/dist/components/scroll-view.js +2 -2
- package/dist/components/scroll-view.js.map +1 -1
- package/dist/components/text-input.js +2 -2
- package/dist/components/text-input.js.map +1 -1
- package/dist/components/text.js +1 -2
- package/dist/components/text.js.map +1 -1
- package/dist/components/validation.d.ts +4 -3
- package/dist/components/validation.js +6 -7
- package/dist/components/validation.js.map +1 -1
- package/dist/components/value.js +1 -2
- package/dist/components/value.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/test.d.ts +1 -0
- package/dist/test.js +1 -0
- package/dist/test.js.map +1 -1
- package/dist/theme.module.css +108 -41
- package/dist/theme.module.css.map +1 -1
- package/package.json +6 -2
- package/src/common/theme-test.tsx +1 -3
- package/src/common/theme.tsx +4 -2
- package/src/components/button.tsx +3 -4
- package/src/components/checkbox-test.tsx +34 -0
- package/src/components/checkbox.tsx +5 -7
- package/src/components/collapse.tsx +3 -3
- package/src/components/column.tsx +2 -3
- package/src/components/control-group.tsx +2 -3
- package/src/components/dialog.tsx +23 -22
- package/src/components/dropdown-input.tsx +0 -1
- package/src/components/dropdown.tsx +4 -4
- package/src/components/flex-space.tsx +2 -3
- package/src/components/heading.tsx +10 -3
- package/src/components/label.tsx +3 -2
- package/src/components/layer.tsx +13 -19
- package/src/components/link.tsx +2 -3
- package/src/components/page.tsx +2 -3
- package/src/components/popout.tsx +68 -67
- package/src/components/popover.tsx +5 -5
- package/src/components/radio-buttons.tsx +3 -3
- package/src/components/row.tsx +2 -3
- package/src/components/scroll-view.tsx +2 -3
- package/src/components/text-input.tsx +2 -3
- package/src/components/text.tsx +2 -3
- package/src/components/validation.tsx +7 -9
- package/src/components/value.tsx +2 -3
- package/src/index.tsx +2 -2
- package/src/test.tsx +1 -0
- package/src/theme/base.scss +10 -5
- package/src/theme/components/button.scss +58 -31
- package/src/theme/components/control-group.scss +6 -1
- package/src/theme/components/link.scss +1 -1
- package/src/theme/components/text-input.scss +2 -2
- package/src/theme/theme.scss +21 -21
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-test.js","sourceRoot":"","sources":["../../src/common/theme-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"theme-test.js","sourceRoot":"","sources":["../../src/common/theme-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAS,MAAM,YAAY,CAAC;AAO1C,MAAM,UAAU,UAAU,CAAC,GAAgB;IAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IAClE,CAAC;IACD,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,GAAG,GAAG,wCAAwC,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC"}
|
package/dist/common/theme.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const THEME:
|
|
1
|
+
import { Context } from "rvx";
|
|
2
|
+
export declare const THEME: Context<Theme>;
|
|
3
3
|
/**
|
|
4
4
|
* A collection of class names that is used as the theme.
|
|
5
5
|
*
|
|
@@ -35,6 +35,8 @@ export interface Theme {
|
|
|
35
35
|
button_warning?: string;
|
|
36
36
|
/** Additional class for buttons with the "input" variant */
|
|
37
37
|
button_input?: string;
|
|
38
|
+
/** Additional class for buttons with the "text" variant */
|
|
39
|
+
button_text?: string;
|
|
38
40
|
/** Class for all checkbox containing labels */
|
|
39
41
|
checkbox_label?: string;
|
|
40
42
|
/** Class for all checkbox inputs */
|
package/dist/common/theme.js
CHANGED
package/dist/common/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/common/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAE9B,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,OAAO,EAAS,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { ClassValue, Expression, StyleValue } from "rvx";
|
|
|
2
2
|
import { Action } from "../common/events.js";
|
|
3
3
|
import { Validator } from "./validation.js";
|
|
4
4
|
export type ButtonType = "button" | "submit" | "reset" | "menu";
|
|
5
|
-
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input";
|
|
5
|
+
export type ButtonVariant = "default" | "primary" | "success" | "danger" | "warning" | "input" | "text";
|
|
6
6
|
export declare function Button(props: {
|
|
7
7
|
/**
|
|
8
8
|
* The button type.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { get, optionalString } from "rvx";
|
|
3
3
|
import { isPending } from "rvx/async";
|
|
4
4
|
import { handleActionEvent, keyFor } from "../common/events.js";
|
|
5
5
|
import { THEME } from "../common/theme.js";
|
|
6
6
|
export function Button(props) {
|
|
7
|
-
const theme =
|
|
7
|
+
const theme = THEME.current;
|
|
8
8
|
const disabled = () => isPending() || get(props.disabled);
|
|
9
9
|
function action(event) {
|
|
10
10
|
if (disabled() || !props.action) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,cAAc,EAAc,MAAM,KAAK,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAU,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAM3C,MAAM,UAAU,MAAM,CAAC,KAyCtB;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,SAAS,MAAM,CAAC,KAAY;QAC3B,IAAI,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACjC,OAAO;QACR,CAAC;QACD,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,iBACN,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,QAAQ,EACvC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACN,KAAK,EAAE,MAAM;YACb,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC;YAC1D,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,gBACJ,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,mBAC1B,cAAc,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,mBACtC,KAAK,CAAC,eAAe,CAAC,mBACtB,KAAK,CAAC,eAAe,CAAC,kBACvB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,uBAChE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAChF,SAAS,EAAE,KAAK,CAAC,SAAS,cAEhB,MAAM,gBACJ,KAAK,CAAC,EAAE;YACnB,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1B,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YACf,CAAC;QACF,CAAC,YAEA,KAAK,CAAC,QAAQ,GACP,CAAC;AACX,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { themeClass } from "../common/theme-test.js";
|
|
2
|
+
function assertCheckbox(checkbox) {
|
|
3
|
+
if (!checkbox.matches(`.${themeClass("checkbox_label")}`)) {
|
|
4
|
+
throw new Error("checkbox must be a checkbox root element.");
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
function getInput(checkbox) {
|
|
8
|
+
return checkbox.querySelector("input");
|
|
9
|
+
}
|
|
10
|
+
export function isCheckboxChecked(checkbox) {
|
|
11
|
+
assertCheckbox(checkbox);
|
|
12
|
+
const input = getInput(checkbox);
|
|
13
|
+
return input.indeterminate ? undefined : input.checked;
|
|
14
|
+
}
|
|
15
|
+
export function toggleCheckbox(checkbox, checked) {
|
|
16
|
+
assertCheckbox(checkbox);
|
|
17
|
+
const input = getInput(checkbox);
|
|
18
|
+
if (input.disabled) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
checked ??= !input.checked;
|
|
22
|
+
input.indeterminate = false;
|
|
23
|
+
input.checked = checked;
|
|
24
|
+
input.dispatchEvent(new CustomEvent("input"));
|
|
25
|
+
}
|
|
26
|
+
export function getCheckboxContent(checkbox) {
|
|
27
|
+
assertCheckbox(checkbox);
|
|
28
|
+
return checkbox.querySelector(`.${themeClass("checkbox_content")}`);
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=checkbox-test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-test.js","sourceRoot":"","sources":["../../src/components/checkbox-test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,SAAS,cAAc,CAAC,QAAiB;IACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;QAC3D,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC9D,CAAC;AACF,CAAC;AAED,SAAS,QAAQ,CAAC,QAAqB;IACtC,OAAO,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAiB;IAClD,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAiB,EAAE,OAAiB;IAClE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACpB,OAAO;IACR,CAAC;IACD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;IAC3B,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IACxB,KAAK,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,QAAiB;IACnD,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,QAAQ,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,kBAAkB,CAAC,EAAE,CAAgB,CAAC;AACpF,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { get, optionalString, Signal, string, watch } from "rvx";
|
|
3
3
|
import { isPending } from "rvx/async";
|
|
4
|
+
import { uniqueId } from "rvx/id";
|
|
4
5
|
import { THEME } from "../common/theme.js";
|
|
5
6
|
import { Text } from "./text.js";
|
|
6
7
|
import { validatorFor } from "./validation.js";
|
|
7
8
|
export function Checkbox(props) {
|
|
8
9
|
const id = uniqueId();
|
|
9
|
-
const theme =
|
|
10
|
+
const theme = THEME.current;
|
|
10
11
|
const disabled = props.checked instanceof Signal
|
|
11
12
|
? () => isPending() || get(props.disabled)
|
|
12
13
|
: () => true;
|
|
@@ -17,12 +18,8 @@ export function Checkbox(props) {
|
|
|
17
18
|
}
|
|
18
19
|
}, "aria-readonly": string(!(props.checked instanceof Signal)), "aria-invalid": validator ? optionalString(validator.invalid) : undefined, "aria-errormessage": validator ? validator.errorMessageIds : undefined, autofocus: props.autofocus, disabled: disabled });
|
|
19
20
|
watch(props.checked, checked => {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
input.checked = checked;
|
|
25
|
-
}
|
|
21
|
+
input.indeterminate = checked === undefined;
|
|
22
|
+
input.checked = checked === true;
|
|
26
23
|
});
|
|
27
24
|
return _jsxs("label", { for: id, class: [
|
|
28
25
|
theme?.checkbox_label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAc,KAAK,EAAE,MAAM,KAAK,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,UAAU,QAAQ,CAAC,KASxB;IACA,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,YAAY,MAAM;QAC/C,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC;IAEd,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,YAAY,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,MAAM,KAAK,GAAG,gBACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EAAE,cAAc,cAClB,GAAG,EAAE;YACd,IAAI,KAAK,CAAC,OAAO,YAAY,MAAM,EAAE,CAAC;gBACrC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;YACrC,CAAC;QACF,CAAC,mBACc,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,MAAM,CAAC,CAAC,kBAC3C,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,uBACpD,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACpE,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,QAAQ,GACG,CAAC;IAEvB,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE;QAC9B,KAAK,CAAC,aAAa,GAAG,OAAO,KAAK,SAAS,CAAC;QAC5C,KAAK,CAAC,OAAO,GAAG,OAAO,KAAK,IAAI,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,OAAO,iBACN,GAAG,EAAE,EAAE,EACP,KAAK,EAAE;YACN,KAAK,EAAE,cAAc;YACrB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,aAEjB,KAAK,EACN,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,YAClC,KAAK,CAAC,QAAQ,GACT,IACA,CAAC;AACV,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ClassValue,
|
|
1
|
+
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
2
|
+
import { Event } from "rvx/event";
|
|
2
3
|
import { AriaLive, AriaRelevant } from "../common/types.js";
|
|
3
4
|
export declare function Collapse(props: {
|
|
4
5
|
visible?: Expression<boolean | undefined>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { get, map, optionalString, sig, teardown } from "rvx";
|
|
3
3
|
import { THEME } from "../common/theme.js";
|
|
4
4
|
export function Collapse(props) {
|
|
5
|
-
const theme =
|
|
5
|
+
const theme = THEME.current;
|
|
6
6
|
const visible = map(props.visible, v => v ?? false);
|
|
7
7
|
const alert = sig(false);
|
|
8
8
|
const size = sig(undefined);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../src/components/collapse.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../src/components/collapse.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { map } from "rvx";
|
|
3
3
|
import { THEME } from "../common/theme.js";
|
|
4
4
|
export function Column(props) {
|
|
5
|
-
const theme =
|
|
5
|
+
const theme = THEME.current;
|
|
6
6
|
return _jsx("div", { class: [
|
|
7
7
|
theme?.column,
|
|
8
8
|
map(props.size, size => theme?.[`column_${size ?? "content"}`]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../src/components/column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,
|
|
1
|
+
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../src/components/column.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAM3C,MAAM,UAAU,MAAM,CAAC,KAMtB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,MAAM;YACb,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC;YAC/D,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import { extract } from "rvx";
|
|
3
2
|
import { THEME } from "../common/theme.js";
|
|
4
3
|
export function ControlGroup(props) {
|
|
5
|
-
const theme =
|
|
4
|
+
const theme = THEME.current;
|
|
6
5
|
return _jsx("div", { class: [
|
|
7
6
|
theme?.control_group,
|
|
8
7
|
props.class,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"control-group.js","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"control-group.js","sourceRoot":"","sources":["../../src/components/control-group.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,YAAY,CAAC,KAK5B;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE;YACN,KAAK,EAAE,aAAa;YACpB,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
|
-
import { captureSelf,
|
|
2
|
+
import { captureSelf, map, mount } from "rvx";
|
|
3
3
|
import { TASKS, Tasks } from "rvx/async";
|
|
4
|
+
import { uniqueId } from "rvx/id";
|
|
4
5
|
import { FlexSpace, Heading, Row, Text, THEME } from "../index.js";
|
|
5
6
|
import { LAYER, Layer } from "./layer.js";
|
|
6
7
|
export class DialogAbortError extends Error {
|
|
@@ -8,30 +9,31 @@ export class DialogAbortError extends Error {
|
|
|
8
9
|
export function showDialog(init, options) {
|
|
9
10
|
return new Promise((resolve, reject) => {
|
|
10
11
|
captureSelf(dispose => {
|
|
11
|
-
mount(document.body, _jsx(Layer, { modal: true, children:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
12
|
+
mount(document.body, _jsx(Layer, { modal: true, children: () => {
|
|
13
|
+
return TASKS.inject(new Tasks(), () => {
|
|
14
|
+
const dialog = {
|
|
15
|
+
resolve(value) {
|
|
16
|
+
dispose();
|
|
17
|
+
resolve(value);
|
|
18
|
+
},
|
|
19
|
+
reject(reason) {
|
|
20
|
+
dispose();
|
|
21
|
+
reject(reason);
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
if (options?.cancellable ?? true) {
|
|
25
|
+
LAYER.current.useHotkey("escape", () => {
|
|
26
|
+
dialog.reject(new DialogAbortError());
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return init(dialog);
|
|
30
|
+
});
|
|
29
31
|
} }));
|
|
30
32
|
});
|
|
31
33
|
});
|
|
32
34
|
}
|
|
33
35
|
export function DialogBody(props) {
|
|
34
|
-
const theme =
|
|
36
|
+
const theme = THEME.current;
|
|
35
37
|
let titleId;
|
|
36
38
|
let descriptionId;
|
|
37
39
|
const head = [];
|
|
@@ -58,7 +60,7 @@ export function DialogBody(props) {
|
|
|
58
60
|
}, children: [head, props.children] }) });
|
|
59
61
|
}
|
|
60
62
|
export function DialogFooter(props) {
|
|
61
|
-
const theme =
|
|
63
|
+
const theme = THEME.current;
|
|
62
64
|
return _jsxs(Row, { size: "control", class: [
|
|
63
65
|
theme?.dialog_footer,
|
|
64
66
|
props.class,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAA0B,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-input.js","sourceRoot":"","sources":["../../src/components/dropdown-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAE,MAAM,EAAc,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown-input.js","sourceRoot":"","sources":["../../src/components/dropdown-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAE,MAAM,EAAc,MAAM,KAAK,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAiB,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C,MAAM,UAAU,aAAa,CAAI,KAsBhC;IACA,MAAM,KAAK,GAAG,IAAI,OAAO,EAAkC,CAAC;IAC5D,OAAO,KAAC,QAAQ,IACf,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,KAAC,MAAM,OACf,CAAC,EACL,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,OAAO,CAAC,EAC9C,QAAQ,EAAE,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,UAAU,gBACH,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,EACzC,SAAS,EAAE,KAAK,CAAC,KAAK,YAAY,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,YAE/E,KAAK,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE;gBACxB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC/B,OAAO,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC;YAC9D,CAAC,CAAC,GACM,EACT,KAAK,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAe,KAAK,CAAC,EAAE;YACxD,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,GAAG;oBACN,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;oBAChD,MAAM,EAAE,GAAG,EAAE;wBACZ,IAAI,KAAK,CAAC,KAAK,YAAY,MAAM,EAAE,CAAC;4BACnC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;wBACjC,CAAC;6BAAM,CAAC;4BACP,OAAO,KAAK,CAAC;wBACd,CAAC;oBACF,CAAC;iBACD,CAAC;gBACF,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACxB,CAAC;YACD,OAAO,IAAI,CAAC;QACb,CAAC,CAAC,EACF,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,GACjC,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { For, get, map, memo, optionalString, render, sig, watch } from "rvx";
|
|
3
|
+
import { uniqueId } from "rvx/id";
|
|
3
4
|
import { createPassiveActionEvent, handleActionEvent, keyFor, startDelayedHoverOnMouseenter } from "../common/events.js";
|
|
4
5
|
import { THEME } from "../common/theme.js";
|
|
5
6
|
import { LAYER } from "./layer.js";
|
|
@@ -10,8 +11,8 @@ export function createDropdown(props) {
|
|
|
10
11
|
alignment: map(props.alignment, v => v ?? "start"),
|
|
11
12
|
foreignEvents: props.foreignEvents,
|
|
12
13
|
content: ({ popout, placement }) => {
|
|
13
|
-
const theme =
|
|
14
|
-
const layer =
|
|
14
|
+
const theme = THEME.current;
|
|
15
|
+
const layer = LAYER.current;
|
|
15
16
|
const activeItem = sig(undefined);
|
|
16
17
|
const instances = new WeakMap();
|
|
17
18
|
const items = memo(props.items);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/components/dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/components/dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { get } from "rvx";
|
|
3
3
|
import { THEME } from "../common/theme.js";
|
|
4
4
|
export function FlexSpace(props) {
|
|
5
|
-
const theme =
|
|
5
|
+
const theme = THEME.current;
|
|
6
6
|
return _jsx("div", { class: theme?.flex_space, style: {
|
|
7
7
|
"flex-grow": () => String(get(props.grow) ?? 1),
|
|
8
8
|
} });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flex-space.js","sourceRoot":"","sources":["../../src/components/flex-space.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,
|
|
1
|
+
{"version":3,"file":"flex-space.js","sourceRoot":"","sources":["../../src/components/flex-space.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,UAAU,SAAS,CAAC,KAEzB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,cACN,KAAK,EAAE,KAAK,EAAE,UAAU,EACxB,KAAK,EAAE;YACN,WAAW,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC/C,GACA,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { createElement
|
|
1
|
+
import { createElement } from "rvx";
|
|
2
2
|
import { THEME } from "../common/theme.js";
|
|
3
3
|
export function Heading(props) {
|
|
4
|
-
const theme =
|
|
4
|
+
const theme = THEME.current;
|
|
5
5
|
return createElement(`h${props.level}`, {
|
|
6
6
|
class: [
|
|
7
7
|
theme?.heading,
|
|
@@ -11,4 +11,8 @@ export function Heading(props) {
|
|
|
11
11
|
id: props.id,
|
|
12
12
|
}, props.children);
|
|
13
13
|
}
|
|
14
|
+
export function getNestedHeadingLevel(level) {
|
|
15
|
+
const l = Number(level) + 1;
|
|
16
|
+
return l > 6 ? "6" : String(l);
|
|
17
|
+
}
|
|
14
18
|
//# sourceMappingURL=heading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,aAAa,
|
|
1
|
+
{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,aAAa,EAA0B,MAAM,KAAK,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,MAAM,UAAU,OAAO,CAAC,KAMvB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,aAAa,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE;QACvC,KAAK,EAAE;YACN,KAAK,EAAE,OAAO;YACd,KAAK,CAAC,KAAK;SACX;QACD,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,EAAE,EAAE,KAAK,CAAC,EAAE;KACZ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AACpB,CAAC;AAKD,MAAM,UAAU,qBAAqB,CAAC,KAAmB;IACxD,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAiB,CAAC;AAChD,CAAC"}
|
package/dist/components/label.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
|
-
import { extract, uniqueId } from "rvx";
|
|
3
2
|
import { THEME } from "../common/theme.js";
|
|
3
|
+
import { uniqueId } from "rvx/id";
|
|
4
4
|
export function Label(props) {
|
|
5
|
-
const theme =
|
|
5
|
+
const theme = THEME.current;
|
|
6
6
|
return _jsx("label", { class: [
|
|
7
7
|
theme?.label,
|
|
8
8
|
props.class,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,UAAU,KAAK,CAAC,KAMrB;IACA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAC5B,OAAO,gBACN,KAAK,EAAE;YACN,KAAK,EAAE,KAAK;YACZ,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,EAAE,EAAE,KAAK,CAAC,EAAE,YAEX,KAAK,CAAC,QAAQ,GACR,CAAC;AACV,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAKxB;IACA,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,OAAO,8BACN,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,YAAG,KAAK,CAAC,KAAK,GAAS,EAC5E,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,IACjB,CAAC;AACL,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Context,
|
|
1
|
+
import { Context, Expression } from "rvx";
|
|
2
2
|
import { Action } from "../common/events.js";
|
|
3
|
-
export declare const LAYER:
|
|
3
|
+
export declare const LAYER: Context<LayerHandle>;
|
|
4
4
|
/**
|
|
5
5
|
* Render content inside the root layer.
|
|
6
6
|
*/
|
|
7
7
|
export declare function RootLayer(props: {
|
|
8
|
-
children: (
|
|
8
|
+
children: () => unknown;
|
|
9
9
|
}): unknown;
|
|
10
10
|
/**
|
|
11
11
|
* An input layer that is inert while there are other modal layers on top of it.
|
|
@@ -15,7 +15,7 @@ export declare function RootLayer(props: {
|
|
|
15
15
|
* When disposed, focus is moved back to the previously focused element.
|
|
16
16
|
*/
|
|
17
17
|
export declare function Layer(props: {
|
|
18
|
-
children: (
|
|
18
|
+
children: () => unknown;
|
|
19
19
|
/**
|
|
20
20
|
* If true, all layers below this one are marked as inert until the current context is disposed.
|
|
21
21
|
*/
|
package/dist/components/layer.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Context, get, Inject, memo, sig, teardown, uncapture, untrack, watch } from "rvx";
|
|
3
3
|
import { handleActionEvent, keyFor } from "../common/events.js";
|
|
4
|
-
export const LAYER =
|
|
4
|
+
export const LAYER = new Context();
|
|
5
5
|
const LAYERS = sig([
|
|
6
6
|
{
|
|
7
7
|
roots: [],
|
|
@@ -18,10 +18,7 @@ uncapture(() => watch(LAYERS, layers => {
|
|
|
18
18
|
}));
|
|
19
19
|
export function RootLayer(props) {
|
|
20
20
|
const layer = LAYERS.value[0];
|
|
21
|
-
const root = _jsx("div", { style: { display: "contents" }, inert: layer.inert, children: _jsx(
|
|
22
|
-
ctx.set(LAYER, new Handle(layer));
|
|
23
|
-
return props.children(ctx);
|
|
24
|
-
} }) });
|
|
21
|
+
const root = _jsx("div", { style: { display: "contents" }, inert: layer.inert, children: _jsx(Inject, { context: LAYER, value: new Handle(layer), children: props.children }) });
|
|
25
22
|
layer.roots.push(root);
|
|
26
23
|
teardown(() => {
|
|
27
24
|
const index = layer.roots.indexOf(root);
|
|
@@ -85,18 +82,15 @@ export function Layer(props) {
|
|
|
85
82
|
});
|
|
86
83
|
});
|
|
87
84
|
});
|
|
88
|
-
const root = _jsx("div", { style: { display: "contents" }, inert: () => layer.inert.value || !enabled(), children: _jsx(
|
|
89
|
-
ctx.set(LAYER, new Handle(layer));
|
|
90
|
-
return props.children(ctx);
|
|
91
|
-
} }) });
|
|
85
|
+
const root = _jsx("div", { style: { display: "contents" }, inert: () => layer.inert.value || !enabled(), children: _jsx(Inject, { context: LAYER, value: new Handle(layer), children: props.children }) });
|
|
92
86
|
layer.roots.push(root);
|
|
93
87
|
return root;
|
|
94
88
|
}
|
|
95
89
|
export function isInertLayer() {
|
|
96
|
-
return
|
|
90
|
+
return LAYER.current?.inert ?? untrack(() => LAYERS.value[0]).inert.value;
|
|
97
91
|
}
|
|
98
92
|
export function isTopLayer() {
|
|
99
|
-
return
|
|
93
|
+
return LAYER.current?.top ?? LAYERS.value.length === 1;
|
|
100
94
|
}
|
|
101
95
|
function instanceContains(instance, node) {
|
|
102
96
|
const roots = instance.roots;
|
|
@@ -121,7 +115,7 @@ class Handle {
|
|
|
121
115
|
return layers[layers.length - 1] === this.#instance;
|
|
122
116
|
}
|
|
123
117
|
useEvent(type, listener, options) {
|
|
124
|
-
const wrapper =
|
|
118
|
+
const wrapper = Context.wrap((event) => {
|
|
125
119
|
if (this.top) {
|
|
126
120
|
listener(event);
|
|
127
121
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/components/layer.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/link.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { get, map, optionalString } from "rvx";
|
|
3
3
|
import { isPending } from "rvx/async";
|
|
4
4
|
import { handleActionEvent, keyFor } from "../common/events.js";
|
|
5
5
|
import { THEME } from "../common/theme.js";
|
|
6
6
|
import { separated } from "../common/types.js";
|
|
7
7
|
export function Link(props) {
|
|
8
|
-
const theme =
|
|
8
|
+
const theme = THEME.current;
|
|
9
9
|
const disabled = () => isPending() || get(props.disabled);
|
|
10
10
|
function action(event) {
|
|
11
11
|
if (disabled() || !props.action) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAE,cAAc,EAAc,MAAM,KAAK,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAU,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAW/C,MAAM,UAAU,IAAI,CAAC,KAyDpB;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,SAAS,MAAM,CAAC,KAAY;QAC3B,IAAI,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACjC,OAAO;QACR,CAAC;QACD,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,YACN,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,mBACG,cAAc,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,gBACzC,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,EACzC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACvD,QAAQ,EAAC,GAAG,EAEZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,GAAG,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,aAAa,CAAC,EAClE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,YAAY,CAAC,EAAE,GAAG,CAAC,cAEjD,MAAM,gBACJ,KAAK,CAAC,EAAE;YACnB,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC1B,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;gBACxC,MAAM,CAAC,KAAK,CAAC,CAAC;YACf,CAAC;QACF,CAAC,YAEA,KAAK,CAAC,QAAQ,GACZ,CAAC;AACN,CAAC"}
|