@rvx/ui 0.3.8 → 0.4.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/common/events.d.ts +0 -40
- package/dist/common/events.d.ts.map +1 -1
- package/dist/common/theme.d.ts +3 -134
- package/dist/common/theme.d.ts.map +1 -1
- package/dist/common/theme.js +25 -2
- package/dist/common/theme.js.map +1 -1
- package/dist/common/writing-mode.d.ts +0 -58
- package/dist/common/writing-mode.d.ts.map +1 -1
- package/dist/components/breadcrumbs.d.ts.map +1 -1
- package/dist/components/breadcrumbs.js +3 -4
- package/dist/components/breadcrumbs.js.map +1 -1
- package/dist/components/button.d.ts +0 -18
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +3 -4
- package/dist/components/button.js.map +1 -1
- package/dist/components/card.d.ts +1 -1
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +4 -5
- package/dist/components/card.js.map +1 -1
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +4 -5
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/collapse.d.ts.map +1 -1
- package/dist/components/collapse.js +7 -10
- package/dist/components/collapse.js.map +1 -1
- package/dist/components/column.d.ts +0 -6
- package/dist/components/column.d.ts.map +1 -1
- package/dist/components/column.js +4 -5
- package/dist/components/column.js.map +1 -1
- package/dist/components/control-group.d.ts.map +1 -1
- package/dist/components/control-group.js +3 -4
- package/dist/components/control-group.js.map +1 -1
- package/dist/components/dialog.d.ts +1 -1
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +14 -10
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dropdown-input.d.ts +1 -1
- package/dist/components/dropdown-input.d.ts.map +1 -1
- package/dist/components/dropdown.d.ts +0 -88
- package/dist/components/dropdown.d.ts.map +1 -1
- package/dist/components/dropdown.js +7 -8
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/error.d.ts.map +1 -1
- package/dist/components/error.js +2 -3
- package/dist/components/error.js.map +1 -1
- package/dist/components/flex-space.d.ts.map +1 -1
- package/dist/components/flex-space.js +3 -4
- package/dist/components/flex-space.js.map +1 -1
- package/dist/components/heading.d.ts +0 -3
- package/dist/components/heading.d.ts.map +1 -1
- package/dist/components/heading.js +2 -3
- package/dist/components/heading.js.map +1 -1
- package/dist/components/label.d.ts.map +1 -1
- package/dist/components/label.js +2 -3
- package/dist/components/label.js.map +1 -1
- package/dist/components/layer.d.ts +0 -63
- package/dist/components/layer.d.ts.map +1 -1
- package/dist/components/link.d.ts +0 -33
- package/dist/components/link.d.ts.map +1 -1
- package/dist/components/link.js +2 -3
- package/dist/components/link.js.map +1 -1
- package/dist/components/nav-list.d.ts +0 -8
- package/dist/components/nav-list.d.ts.map +1 -1
- package/dist/components/nav-list.js +4 -6
- package/dist/components/nav-list.js.map +1 -1
- package/dist/components/notifications.d.ts +4 -1
- package/dist/components/notifications.d.ts.map +1 -1
- package/dist/components/notifications.js +5 -11
- package/dist/components/notifications.js.map +1 -1
- package/dist/components/page.d.ts.map +1 -1
- package/dist/components/page.js +4 -5
- package/dist/components/page.js.map +1 -1
- package/dist/components/placeholder.d.ts.map +1 -1
- package/dist/components/placeholder.js +3 -4
- package/dist/components/placeholder.js.map +1 -1
- package/dist/components/popout.d.ts +0 -96
- package/dist/components/popout.d.ts.map +1 -1
- package/dist/components/popover.d.ts +0 -88
- package/dist/components/popover.d.ts.map +1 -1
- package/dist/components/popover.js +9 -9
- package/dist/components/popover.js.map +1 -1
- package/dist/components/radio-buttons.d.ts.map +1 -1
- package/dist/components/radio-buttons.js +4 -5
- package/dist/components/radio-buttons.js.map +1 -1
- package/dist/components/row.d.ts.map +1 -1
- package/dist/components/row.js +4 -5
- package/dist/components/row.js.map +1 -1
- package/dist/components/scroll-view.d.ts.map +1 -1
- package/dist/components/scroll-view.js +8 -9
- package/dist/components/scroll-view.js.map +1 -1
- package/dist/components/secondary.d.ts.map +1 -1
- package/dist/components/secondary.js +2 -3
- package/dist/components/secondary.js.map +1 -1
- package/dist/components/separated.d.ts.map +1 -1
- package/dist/components/separated.js +2 -3
- package/dist/components/separated.js.map +1 -1
- package/dist/components/slider.d.ts.map +1 -1
- package/dist/components/slider.js +2 -3
- package/dist/components/slider.js.map +1 -1
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +8 -9
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/text-input.d.ts +0 -31
- package/dist/components/text-input.d.ts.map +1 -1
- package/dist/components/text-input.js +2 -3
- package/dist/components/text-input.js.map +1 -1
- package/dist/components/text.d.ts.map +1 -1
- package/dist/components/text.js +2 -3
- package/dist/components/text.js.map +1 -1
- package/dist/components/validation-rules.d.ts +0 -2
- package/dist/components/validation-rules.d.ts.map +1 -1
- package/dist/components/validation.d.ts +0 -49
- package/dist/components/validation.d.ts.map +1 -1
- package/dist/components/value.d.ts.map +1 -1
- package/dist/components/value.js +2 -3
- package/dist/components/value.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +12 -7
- package/src/common/theme.tsx +28 -163
- package/src/components/breadcrumbs.tsx +4 -5
- package/src/components/button.tsx +3 -4
- package/src/components/card.tsx +5 -6
- package/src/components/checkbox.tsx +5 -7
- package/src/components/collapse.tsx +9 -13
- package/src/components/column.tsx +4 -5
- package/src/components/control-group.tsx +3 -4
- package/src/components/dialog.tsx +14 -11
- package/src/components/dropdown-input.tsx +1 -1
- package/src/components/dropdown.tsx +7 -8
- package/src/components/error.tsx +2 -3
- package/src/components/flex-space.tsx +3 -4
- package/src/components/heading.tsx +2 -3
- package/src/components/label.tsx +2 -3
- package/src/components/link.tsx +2 -3
- package/src/components/nav-list.tsx +4 -6
- package/src/components/notifications.tsx +15 -17
- package/src/components/page.tsx +6 -7
- package/src/components/placeholder.tsx +5 -6
- package/src/components/popover.tsx +10 -10
- package/src/components/radio-buttons.tsx +6 -7
- package/src/components/row.tsx +4 -5
- package/src/components/scroll-view.tsx +8 -9
- package/src/components/secondary.tsx +2 -3
- package/src/components/separated.tsx +2 -3
- package/src/components/slider.tsx +2 -5
- package/src/components/tabs.tsx +8 -9
- package/src/components/text-input.tsx +2 -3
- package/src/components/text.tsx +2 -3
- package/src/components/value.tsx +2 -3
- package/src/index.tsx +2 -0
- package/src/types.d.ts +5 -0
- package/{src/theme/components/breadcrumbs.scss → theme/components/breadcrumbs.module.css} +12 -12
- package/theme/components/button.module.css +168 -0
- package/theme/components/card.module.css +50 -0
- package/{src/theme/components/checkbox.scss → theme/components/checkbox.module.css} +5 -5
- package/{src/theme/components/collapse.scss → theme/components/collapse.module.css} +19 -19
- package/{src/theme/components/column.scss → theme/components/column.module.css} +32 -10
- package/{src/theme/components/control-group.scss → theme/components/control-group.module.css} +2 -2
- package/theme/components/dialog.module.css +63 -0
- package/{src/theme/components/dropdown.scss → theme/components/dropdown.module.css} +9 -9
- package/theme/components/error.module.css +4 -0
- package/{src/theme/components/heading.scss → theme/components/heading.module.css} +8 -8
- package/{src/theme/components/label.scss → theme/components/label.module.css} +2 -10
- package/{src/theme/components/link.scss → theme/components/link.module.css} +0 -1
- package/theme/components/nav-list.module.css +76 -0
- package/theme/components/notifications.module.css +31 -0
- package/{src/theme/components/page.scss → theme/components/page.module.css} +6 -10
- package/{src/theme/components/placeholder.scss → theme/components/placeholder.module.css} +3 -3
- package/{src/theme/components/popover.scss → theme/components/popover.module.css} +9 -9
- package/theme/components/row.module.css +36 -0
- package/{src/theme/components/scroll-view.scss → theme/components/scroll-view.module.css} +19 -21
- package/theme/components/secondary.module.css +4 -0
- package/{src/theme/components/separated.scss → theme/components/separated.module.css} +2 -2
- package/{src/theme/components/slider.scss → theme/components/slider.module.css} +2 -1
- package/theme/components/tabs.module.css +71 -0
- package/theme/components/text-input.module.css +45 -0
- package/theme/global.css +118 -0
- package/dist/common/theme-test.d.ts +0 -8
- package/dist/common/theme-test.d.ts.map +0 -1
- package/dist/common/theme-test.js +0 -13
- package/dist/common/theme-test.js.map +0 -1
- package/dist/components/checkbox-test.d.ts +0 -4
- package/dist/components/checkbox-test.d.ts.map +0 -1
- package/dist/components/checkbox-test.js +0 -31
- package/dist/components/checkbox-test.js.map +0 -1
- package/dist/components/collapse-test.d.ts +0 -9
- package/dist/components/collapse-test.d.ts.map +0 -1
- package/dist/components/collapse-test.js +0 -15
- package/dist/components/collapse-test.js.map +0 -1
- package/dist/test.d.ts +0 -4
- package/dist/test.d.ts.map +0 -1
- package/dist/test.js +0 -4
- package/dist/test.js.map +0 -1
- package/dist/theme.module.css +0 -1290
- package/dist/theme.module.css.map +0 -1
- package/src/common/theme-test.tsx +0 -18
- package/src/components/checkbox-test.tsx +0 -35
- package/src/components/collapse-test.tsx +0 -23
- package/src/test.tsx +0 -3
- package/src/theme/base.scss +0 -121
- package/src/theme/common.scss +0 -42
- package/src/theme/components/button.scss +0 -164
- package/src/theme/components/card.scss +0 -41
- package/src/theme/components/dialog.scss +0 -65
- package/src/theme/components/error.scss +0 -12
- package/src/theme/components/nav-list.scss +0 -91
- package/src/theme/components/notifications.scss +0 -61
- package/src/theme/components/row.scss +0 -22
- package/src/theme/components/secondary.scss +0 -4
- package/src/theme/components/tabs.scss +0 -90
- package/src/theme/components/text-input.scss +0 -50
- package/src/theme/theme.scss +0 -31
- /package/{src/theme/components/flex-space.scss → theme/components/flex-space.module.css} +0 -0
- /package/{src/theme/components/radio-buttons.scss → theme/components/radio-buttons.module.css} +0 -0
- /package/{src/theme/components/text.scss → theme/components/text.module.css} +0 -0
- /package/{src/theme/components/value.scss → theme/components/value.module.css} +0 -0
|
@@ -1,90 +1,27 @@
|
|
|
1
1
|
import { Component, Context, Expression } from "rvx";
|
|
2
2
|
import { Action, Key } from "../common/events.js";
|
|
3
3
|
export declare const LAYER: Context<LayerHandle | undefined>;
|
|
4
|
-
/**
|
|
5
|
-
* Render content inside the root layer.
|
|
6
|
-
*/
|
|
7
4
|
export declare function RootLayer(props: {
|
|
8
5
|
children: Component;
|
|
9
6
|
}): unknown;
|
|
10
|
-
/**
|
|
11
|
-
* Render content inside the top layer.
|
|
12
|
-
*
|
|
13
|
-
* This layer is not affected by other modal layers.
|
|
14
|
-
*/
|
|
15
7
|
export declare function TopLayer(props: {
|
|
16
8
|
children: Component;
|
|
17
9
|
}): unknown;
|
|
18
|
-
/**
|
|
19
|
-
* An input layer that is inert while there are other modal layers on top of it.
|
|
20
|
-
*
|
|
21
|
-
* After creation, the first element with the "autofocus" attribute inside this layer is focused.
|
|
22
|
-
*
|
|
23
|
-
* When disposed, focus is moved back to the previously focused element.
|
|
24
|
-
*/
|
|
25
10
|
export declare function Layer(props: {
|
|
26
11
|
children: Component;
|
|
27
|
-
/**
|
|
28
|
-
* If true, all layers below this one are marked as inert until the current context is disposed.
|
|
29
|
-
*/
|
|
30
12
|
modal?: boolean;
|
|
31
|
-
/**
|
|
32
|
-
* If false, the layer doesn't affect other layers but is marked as inert. Default is true.
|
|
33
|
-
*/
|
|
34
13
|
enabled?: Expression<boolean | undefined>;
|
|
35
14
|
}): unknown;
|
|
36
15
|
export interface LayerHandle {
|
|
37
|
-
/**
|
|
38
|
-
* Reactively check if this layer is inert.
|
|
39
|
-
*/
|
|
40
16
|
get inert(): boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Reactively check if this is the top layer.
|
|
43
|
-
*/
|
|
44
17
|
get top(): boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Add a global event listener that is only called when this is the top layer.
|
|
47
|
-
*
|
|
48
|
-
* The current context is available in the event listener.
|
|
49
|
-
*
|
|
50
|
-
* The event listener is removed when the current context is disposed.
|
|
51
|
-
*
|
|
52
|
-
* @param type The event type.
|
|
53
|
-
* @param listener The event listener.
|
|
54
|
-
* @param options Event listener options. See {@link window.addEventListener}.
|
|
55
|
-
*/
|
|
56
18
|
useEvent<K extends keyof WindowEventMap>(type: K, listener: (event: WindowEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
|
|
57
19
|
useEvent(type: string, listener: (event: Event) => void, options?: boolean | AddEventListenerOptions): void;
|
|
58
|
-
/**
|
|
59
|
-
* Shorthand for adding a global "keydown" event listener using {@link useEvent}.
|
|
60
|
-
*/
|
|
61
20
|
useHotkey(key: string | Key, action: Action): void;
|
|
62
|
-
/**
|
|
63
|
-
* Check if this layer contains the specified node.
|
|
64
|
-
*
|
|
65
|
-
* @param node The node to check.
|
|
66
|
-
*/
|
|
67
21
|
contains(node: Node): boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Check if this layer or any layers in top contain the specified node.
|
|
70
|
-
*
|
|
71
|
-
* @param node The node to check.
|
|
72
|
-
* @param includeModals If false (default), any modal layers on top or layers above that are ignored.
|
|
73
|
-
*/
|
|
74
22
|
stackContains(node: Node, includeModals?: boolean): boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Try focusing the specified element after the layer is created (in the next microtask), if no element with the `autofocus` attribute has been found or successfully focused.
|
|
77
|
-
*
|
|
78
|
-
* @param element The element to use as fallback.
|
|
79
|
-
*/
|
|
80
23
|
useAutoFocusFallback(element: Element): void;
|
|
81
24
|
}
|
|
82
|
-
/**
|
|
83
|
-
* Reactively check if the layer in the current context (or the root layer if there is none) is inert.
|
|
84
|
-
*/
|
|
85
25
|
export declare function isInertLayer(): boolean;
|
|
86
|
-
/**
|
|
87
|
-
* Reactively check if the layer in the current context (or the root layer if there is none) is the top layer.
|
|
88
|
-
*/
|
|
89
26
|
export declare function isTopLayer(): boolean;
|
|
90
27
|
//# sourceMappingURL=layer.d.ts.map
|
|
@@ -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,EAAwB,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAcxE,eAAO,MAAM,KAAK,kCAAyC,CAAC;
|
|
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;AAgD5D,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAChC,QAAQ,EAAE,SAAS,CAAC;CACpB,GAAG,OAAO,CAEV;AAOD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACpB,GAAG,OAAO,CAEV;AASD,wBAAgB,KAAK,CAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,SAAS,CAAC;IAKpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAKhB,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC1C,GAAG,OAAO,CA8EV;AAED,MAAM,WAAW,WAAW;IAI3B,IAAI,KAAK,IAAI,OAAO,CAAC;IAKrB,IAAI,GAAG,IAAI,OAAO,CAAC;IAanB,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;IAK5G,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAOnD,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAQ9B,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAO5D,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAC7C;AAKD,wBAAgB,YAAY,IAAI,OAAO,CAEtC;AAKD,wBAAgB,UAAU,IAAI,OAAO,CAEpC"}
|
|
@@ -1,49 +1,16 @@
|
|
|
1
1
|
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
2
2
|
import { Action } from "../common/events.js";
|
|
3
3
|
export type LinkReferrerPolicy = "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
|
|
4
|
-
/**
|
|
5
|
-
* Possible values of the `"rel"` attribute that are applicable to `<a>` elements.
|
|
6
|
-
*/
|
|
7
4
|
export type LinkAnchorRel = "alternate" | "author" | "bookmark" | "external" | "help" | "license" | "me" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "privacy-policy" | "search" | "tag" | "terms-of-service";
|
|
8
5
|
export type LinkAnchorTarget = "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop";
|
|
9
6
|
export declare function Link(props: {
|
|
10
|
-
/**
|
|
11
|
-
* Set when the link is disabled.
|
|
12
|
-
*
|
|
13
|
-
* The link is automatically disabled when there are any pending tasks.
|
|
14
|
-
*/
|
|
15
7
|
disabled?: Expression<boolean | undefined>;
|
|
16
|
-
/**
|
|
17
|
-
* The action to run when the link is clicked.
|
|
18
|
-
*/
|
|
19
8
|
action?: Action;
|
|
20
|
-
/**
|
|
21
|
-
* Causes the browser to treat the linked url as a download when true or a filename.
|
|
22
|
-
*/
|
|
23
9
|
download?: Expression<string | boolean | undefined>;
|
|
24
|
-
/**
|
|
25
|
-
* The url this link points to.
|
|
26
|
-
*/
|
|
27
10
|
href?: Expression<string | undefined>;
|
|
28
|
-
/**
|
|
29
|
-
* Hints the human language of the linked url.
|
|
30
|
-
*/
|
|
31
11
|
hreflang?: Expression<string | undefined>;
|
|
32
|
-
/**
|
|
33
|
-
* The link target.
|
|
34
|
-
*/
|
|
35
12
|
target?: Expression<LinkAnchorTarget | string | undefined>;
|
|
36
|
-
/**
|
|
37
|
-
* How much of the referrer to send when following the link.
|
|
38
|
-
*
|
|
39
|
-
* @default "no-referrer"
|
|
40
|
-
*/
|
|
41
13
|
referrerpolicy?: Expression<LinkReferrerPolicy | undefined>;
|
|
42
|
-
/**
|
|
43
|
-
* The link type.
|
|
44
|
-
*
|
|
45
|
-
* @default "noreferrer"
|
|
46
|
-
*/
|
|
47
14
|
rel?: Expression<LinkAnchorRel | LinkAnchorRel[] | undefined>;
|
|
48
15
|
class?: ClassValue;
|
|
49
16
|
style?: StyleValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAY,UAAU,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,MAAM,EAA4B,MAAM,qBAAqB,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG,4BAA4B,GAAG,QAAQ,GAAG,0BAA0B,GAAG,aAAa,GAAG,eAAe,GAAG,iCAAiC,GAAG,YAAY,CAAC;AAK3M,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,KAAK,GAAG,kBAAkB,CAAC;AAE1O,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,CAAC;AAExF,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAM3B,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAK3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAKhB,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAKpD,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAKtC,QAAQ,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAK1C,MAAM,CAAC,EAAE,UAAU,CAAC,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;IAO3D,cAAc,CAAC,EAAE,UAAU,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC;IAO5D,GAAG,CAAC,EAAE,UAAU,CAAC,aAAa,GAAG,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;IAE9D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC9C,iBAAiB,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAEnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CA0CV"}
|
package/dist/components/link.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import styles from "@rvx/ui/theme/components/link.module.css";
|
|
2
3
|
import { get, map } from "rvx";
|
|
3
4
|
import { isPending } from "rvx/async";
|
|
4
5
|
import { optionalString, separated } from "rvx/convert";
|
|
5
6
|
import { handleActionEvent, isKey } from "../common/events.js";
|
|
6
|
-
import { THEME } from "../common/theme.js";
|
|
7
7
|
export function Link(props) {
|
|
8
|
-
const theme = THEME.current;
|
|
9
8
|
const disabled = () => isPending() || get(props.disabled);
|
|
10
9
|
function action(event) {
|
|
11
10
|
if (disabled() || !props.action) {
|
|
@@ -14,7 +13,7 @@ export function Link(props) {
|
|
|
14
13
|
handleActionEvent(event, props.action);
|
|
15
14
|
}
|
|
16
15
|
return _jsx("a", { disabled: disabled, class: [
|
|
17
|
-
|
|
16
|
+
styles.link,
|
|
18
17
|
props.class,
|
|
19
18
|
], style: props.style, id: props.id, "aria-expanded": optionalString(props["aria-expanded"]), "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], title: props.title, autofocus: props.autofocus, role: props.action === undefined ? undefined : "button", tabindex: "0", download: props.download, href: props.href, hreflang: props.hreflang, target: props.target, referrerpolicy: map(props.referrerpolicy, v => v ?? "no-referrer"), rel: separated(map(props.rel, v => v ?? "noreferrer"), " "), "on:click": action, "on:keydown": event => {
|
|
20
19
|
if (isKey(event, "enter") || isKey(event, " ")) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAU,iBAAiB,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAU,iBAAiB,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAWvE,MAAM,UAAU,IAAI,CAAC,KAyDpB;IACA,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,MAAM,CAAC,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,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;gBAChD,MAAM,CAAC,KAAK,CAAC,CAAC;YACf,CAAC;QACF,CAAC,YAEA,KAAK,CAAC,QAAQ,GACZ,CAAC;AACN,CAAC"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
import { ClassValue, Expression, StyleValue } from "rvx";
|
|
2
2
|
import { Action } from "../common/events.js";
|
|
3
3
|
export declare function NavList(props: {
|
|
4
|
-
/**
|
|
5
|
-
* The element role or `false` to disable.
|
|
6
|
-
*
|
|
7
|
-
* @default "navigation"
|
|
8
|
-
*/
|
|
9
4
|
role?: Expression<string | false | undefined>;
|
|
10
5
|
class?: ClassValue;
|
|
11
6
|
style?: StyleValue;
|
|
@@ -13,9 +8,6 @@ export declare function NavList(props: {
|
|
|
13
8
|
children?: unknown;
|
|
14
9
|
}): unknown;
|
|
15
10
|
export declare function NavListButton(props: {
|
|
16
|
-
/**
|
|
17
|
-
* True if this is the currently selected item.
|
|
18
|
-
*/
|
|
19
11
|
current?: Expression<boolean | undefined>;
|
|
20
12
|
disabled?: Expression<boolean | undefined>;
|
|
21
13
|
class?: ClassValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-list.d.ts","sourceRoot":"","sources":["../../src/components/nav-list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"nav-list.d.ts","sourceRoot":"","sources":["../../src/components/nav-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAY,UAAU,EAAE,MAAM,KAAK,CAAC;AAGnE,OAAO,EAAE,MAAM,EAA4B,MAAM,qBAAqB,CAAC;AAEvE,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAM9B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,CAAC;IAE9C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAeV;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAIpC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CA8BV"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import styles from "@rvx/ui/theme/components/nav-list.module.css";
|
|
2
3
|
import { get, map } from "rvx";
|
|
3
4
|
import { isPending } from "rvx/async";
|
|
4
5
|
import { optionalString } from "rvx/convert";
|
|
5
6
|
import { handleActionEvent, isKey } from "../common/events.js";
|
|
6
|
-
import { THEME } from "../common/theme.js";
|
|
7
7
|
export function NavList(props) {
|
|
8
|
-
const theme = THEME.current;
|
|
9
8
|
return _jsx("div", { class: [
|
|
10
|
-
|
|
9
|
+
styles.nav_list,
|
|
11
10
|
props.class,
|
|
12
11
|
], style: [
|
|
13
12
|
{ "--nav-list-depth": String(0) },
|
|
@@ -15,7 +14,6 @@ export function NavList(props) {
|
|
|
15
14
|
], id: props.id, role: map(props.role, role => role ?? "navigation"), children: props.children });
|
|
16
15
|
}
|
|
17
16
|
export function NavListButton(props) {
|
|
18
|
-
const theme = THEME.current;
|
|
19
17
|
const disabled = () => isPending() || get(props.disabled);
|
|
20
18
|
function action(event) {
|
|
21
19
|
if (disabled() || !props.action) {
|
|
@@ -24,8 +22,8 @@ export function NavListButton(props) {
|
|
|
24
22
|
handleActionEvent(event, props.action);
|
|
25
23
|
}
|
|
26
24
|
return _jsx("button", { type: "button", disabled: disabled, class: [
|
|
27
|
-
|
|
28
|
-
map(props.current, current => current &&
|
|
25
|
+
styles.item,
|
|
26
|
+
map(props.current, current => current && styles.item_current),
|
|
29
27
|
props.class,
|
|
30
28
|
], style: props.style, id: props.id, "on:click": action, "on:keydown": event => {
|
|
31
29
|
if (isKey(event, "enter") || isKey(event, " ")) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nav-list.js","sourceRoot":"","sources":["../../src/components/nav-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAU,iBAAiB,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"nav-list.js","sourceRoot":"","sources":["../../src/components/nav-list.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,8CAA8C,CAAC;AAClE,OAAO,EAA0B,GAAG,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAU,iBAAiB,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAEvE,MAAM,UAAU,OAAO,CAAC,KAYvB;IACA,OAAO,cACN,KAAK,EAAE;YACN,MAAM,CAAC,QAAQ;YACf,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE;YACN,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE;YACjC,KAAK,CAAC,KAAK;SACX,EACD,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,YAAY,CAAC,YAElD,KAAK,CAAC,QAAQ,GACV,CAAC;AACR,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAY7B;IACA,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,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACN,MAAM,CAAC,IAAI;YACX,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC;YAC7D,KAAK,CAAC,KAAK;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,EAAE,cACF,MAAM,gBACJ,KAAK,CAAC,EAAE;YACnB,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;gBAChD,MAAM,CAAC,KAAK,CAAC,CAAC;YACf,CAAC;QACF,CAAC,kBACa,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,YAE1C,KAAK,CAAC,QAAQ,GACP,CAAC;AACX,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Component } from "rvx";
|
|
2
|
-
|
|
2
|
+
import { SizeContext } from "../common/types.js";
|
|
3
|
+
import { CardVariant } from "./card.js";
|
|
4
|
+
export type NotificationVariant = CardVariant;
|
|
3
5
|
export interface Notification {
|
|
4
6
|
dispose(): void;
|
|
5
7
|
}
|
|
@@ -7,6 +9,7 @@ export interface NotificationOptions {
|
|
|
7
9
|
variant?: NotificationVariant;
|
|
8
10
|
timeout?: number;
|
|
9
11
|
raw?: boolean;
|
|
12
|
+
size?: SizeContext;
|
|
10
13
|
}
|
|
11
14
|
export interface NotificationHostOptions {
|
|
12
15
|
inlineSize: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,SAAS,EAAmD,MAAM,KAAK,CAAC;AAGjG,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAQ,WAAW,EAAE,MAAM,WAAW,CAAC;AAK9C,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC5B,OAAO,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACvC,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,+CAExB,CAAC;AAKH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB,GAAG,YAAY,CA+D9G"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "rvx/jsx-runtime";
|
|
2
|
+
import styles from "@rvx/ui/theme/components/notifications.module.css";
|
|
2
3
|
import { $, captureSelf, For, movable, render, teardown, uncapture } from "rvx";
|
|
3
4
|
import { useTimeout } from "rvx/async";
|
|
4
5
|
import { inOverlayContext } from "../common/context.js";
|
|
5
|
-
import {
|
|
6
|
+
import { Card } from "./card.js";
|
|
6
7
|
import { Collapse } from "./collapse.js";
|
|
7
8
|
import { Column } from "./column.js";
|
|
8
9
|
import { TopLayer } from "./layer.js";
|
|
@@ -13,12 +14,11 @@ let host;
|
|
|
13
14
|
const instances = $([]);
|
|
14
15
|
export function showNotification(content, options) {
|
|
15
16
|
return inOverlayContext(() => {
|
|
16
|
-
const theme = THEME.current;
|
|
17
17
|
if (!host) {
|
|
18
18
|
uncapture(() => {
|
|
19
|
-
host = render(_jsx(TopLayer, { children: () => _jsx("div", { class:
|
|
19
|
+
host = render(_jsx(TopLayer, { children: () => _jsx("div", { class: styles.host, style: {
|
|
20
20
|
"--notification-inline-size": () => NOTIFICATIONS.value.inlineSize,
|
|
21
|
-
}, children: _jsx(Column, { class:
|
|
21
|
+
}, children: _jsx(Column, { class: styles.area, size: "group", children: _jsx(For, { each: instances, children: instance => instance() }) }) }) }));
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
host.appendTo(document.body);
|
|
@@ -26,13 +26,7 @@ export function showNotification(content, options) {
|
|
|
26
26
|
captureSelf(dispose => {
|
|
27
27
|
handle = { dispose };
|
|
28
28
|
const visible = $(true);
|
|
29
|
-
const instance = movable(_jsx(Collapse, { fadein: true, visible: visible, children: _jsx(
|
|
30
|
-
theme?.notification,
|
|
31
|
-
options?.raw ? theme?.notification_raw : undefined,
|
|
32
|
-
theme?.[`notification_${options?.variant ?? "default"}`],
|
|
33
|
-
], children: options?.raw
|
|
34
|
-
? content(handle)
|
|
35
|
-
: _jsx(Column, { size: "group", children: content(handle) }) }) })).move;
|
|
29
|
+
const instance = movable(_jsx(Collapse, { fadein: true, visible: visible, children: _jsx(Card, { class: styles.notification, variant: options?.variant, raw: options?.raw, size: options?.size, children: content(handle) }) })).move;
|
|
36
30
|
instances.update(instances => {
|
|
37
31
|
instances.push(instance);
|
|
38
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,CAAC,EAAE,WAAW,EAAa,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAQ,MAAM,KAAK,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../src/components/notifications.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAG9D,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,OAAO,CAuBV"}
|
package/dist/components/page.js
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
|
+
import styles from "@rvx/ui/theme/components/page.module.css";
|
|
2
3
|
import { map } from "rvx";
|
|
3
|
-
import { THEME } from "../common/theme.js";
|
|
4
4
|
import { Column } from "./column.js";
|
|
5
5
|
export function Page(props) {
|
|
6
|
-
const theme = THEME.current;
|
|
7
6
|
return _jsxs("div", { role: props.role, id: props.id, class: [
|
|
8
7
|
props.class,
|
|
9
|
-
|
|
10
|
-
map(props.centerBlock, v => v ?
|
|
8
|
+
styles.page,
|
|
9
|
+
map(props.centerBlock, v => v ? styles.center_block : undefined),
|
|
11
10
|
], style: [
|
|
12
11
|
props.style,
|
|
13
12
|
{
|
|
14
13
|
"--page-inline-size": props.inlineSize,
|
|
15
14
|
},
|
|
16
|
-
], children: [_jsx("div", { class:
|
|
15
|
+
], children: [_jsx("div", { class: styles.scrollbar_comp }), _jsx("div", { class: styles.content_col, children: _jsx(Column, { class: styles.content, children: props.children }) })] });
|
|
17
16
|
}
|
|
18
17
|
//# sourceMappingURL=page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"page.js","sourceRoot":"","sources":["../../src/components/page.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,0CAA0C,CAAC;AAC9D,OAAO,EAA0B,GAAG,EAAc,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,UAAU,IAAI,CAAC,KAQpB;IACA,OAAO,eACN,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,MAAM,CAAC,IAAI;YACX,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;SAChE,EACD,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX;gBACC,oBAAoB,EAAE,KAAK,CAAC,UAAU;aACtC;SACD,aAED,cAAK,KAAK,EAAE,MAAM,CAAC,cAAc,GAAI,EACrC,cAAK,KAAK,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAC3B,KAAK,CAAC,QAAQ,GACP,GACJ,IACD,CAAC;AACR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAI1F,eAAO,MAAM,WAAW,+CAAuC,CAAC;AAEhE,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,
|
|
1
|
+
{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAO,UAAU,EAAE,MAAM,KAAK,CAAC;AAI1F,eAAO,MAAM,WAAW,+CAAuC,CAAC;AAEhE,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,WAuBA"}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "rvx/jsx-runtime";
|
|
2
2
|
import { Attach, Context, map } from "rvx";
|
|
3
3
|
import { trackLoading } from "../common/tasks.js";
|
|
4
|
-
import
|
|
4
|
+
import styles from "@rvx/ui/theme/components/placeholder.module.css";
|
|
5
5
|
export const PLACEHOLDER = new Context();
|
|
6
6
|
export function Placeholder(props) {
|
|
7
|
-
const theme = THEME.current;
|
|
8
7
|
const active = props.active === undefined
|
|
9
8
|
? trackLoading()
|
|
10
9
|
: map(props.active, v => v ?? true);
|
|
11
10
|
return _jsxs("div", { class: [
|
|
12
11
|
props.class,
|
|
13
|
-
|
|
14
|
-
], style: props.style, children: [_jsx(Attach, { when: active, children: _jsx("div", { class:
|
|
12
|
+
styles.area
|
|
13
|
+
], style: props.style, children: [_jsx(Attach, { when: active, children: _jsx("div", { class: styles.placeholder, children: _jsx("div", { class: styles.message, children: (props.message ?? PLACEHOLDER.current)?.() }) }) }), _jsx("div", { class: styles.content, inert: active, children: props.children })] });
|
|
15
14
|
}
|
|
16
15
|
//# sourceMappingURL=placeholder.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAyB,OAAO,EAAc,GAAG,EAAc,MAAM,KAAK,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAyB,OAAO,EAAc,GAAG,EAAc,MAAM,KAAK,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,MAAM,MAAM,iDAAiD,CAAC;AAErE,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,OAAO,EAAyB,CAAC;AAEhE,MAAM,UAAU,WAAW,CAAC,KAM3B;IACA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,KAAK,SAAS;QACxC,CAAC,CAAC,YAAY,EAAE;QAChB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;IAErC,OAAO,eACN,KAAK,EAAE;YACN,KAAK,CAAC,KAAK;YACX,MAAM,CAAC,IAAI;SACX,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,aAElB,KAAC,MAAM,IAAC,IAAI,EAAE,MAAM,YACnB,cAAK,KAAK,EAAE,MAAM,CAAC,WAAW,YAC7B,cAAK,KAAK,EAAE,MAAM,CAAC,OAAO,YACxB,CAAC,KAAK,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,GACtC,GACD,GACE,EACT,cAAK,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,YACvC,KAAK,CAAC,QAAQ,GACV,IACD,CAAC;AACR,CAAC"}
|
|
@@ -1,135 +1,39 @@
|
|
|
1
1
|
import { Expression, Event as RvxEvent, View } from "rvx";
|
|
2
2
|
import { Direction } from "../common/writing-mode.js";
|
|
3
|
-
/**
|
|
4
|
-
* Defines the direction in which the popout is placed in relation to it's anchor.
|
|
5
|
-
*
|
|
6
|
-
* + `"block"` coresponds to the block flow direction.
|
|
7
|
-
* + `"inline"` coresponds to the inline flow direction.
|
|
8
|
-
* + If `"-start"` or `"-end"` is present, that direction is used unless there isn't enough space for the current content and the opposite side has more available space.
|
|
9
|
-
*/
|
|
10
3
|
export type PopoutPlacement = "block" | "inline" | EffectivePopoutPlacement;
|
|
11
4
|
export type EffectivePopoutPlacement = "block-start" | "block-end" | "inline-start" | "inline-end";
|
|
12
|
-
/**
|
|
13
|
-
* Defines which side of the anchor and content are aligned orthogonally to the placement axis.
|
|
14
|
-
*
|
|
15
|
-
* + `"center"` aligns the popout center to the anchor center.
|
|
16
|
-
* + `"start"` aligns the popout start to the anchor start.
|
|
17
|
-
* + `"end"` aligns the popout end to the anchor end.
|
|
18
|
-
*/
|
|
19
5
|
export type PopoutAlignment = "center" | "start" | "end";
|
|
20
6
|
export interface PopoutPlacementArgs {
|
|
21
|
-
/**
|
|
22
|
-
* When set during the `onPlacement` event, this defines the gap between the anchor and the content in `px`.
|
|
23
|
-
*
|
|
24
|
-
* @default 0
|
|
25
|
-
*/
|
|
26
7
|
gap: number;
|
|
27
8
|
}
|
|
28
9
|
export interface PopoutPlacementInfo {
|
|
29
|
-
/**
|
|
30
|
-
* The rect of the anchor at the time of placement.
|
|
31
|
-
*/
|
|
32
10
|
anchorRect: DOMRect;
|
|
33
|
-
/**
|
|
34
|
-
* The content root element.
|
|
35
|
-
*/
|
|
36
11
|
content: HTMLElement;
|
|
37
|
-
/**
|
|
38
|
-
* The effective placement.
|
|
39
|
-
*/
|
|
40
12
|
placement: EffectivePopoutPlacement;
|
|
41
|
-
/**
|
|
42
|
-
* The effective placement direction.
|
|
43
|
-
*/
|
|
44
13
|
placementDir: Direction;
|
|
45
|
-
/**
|
|
46
|
-
* The block start or inline start direction orthogonal to the effective placement axis.
|
|
47
|
-
*/
|
|
48
14
|
alignStart: Direction;
|
|
49
15
|
}
|
|
50
16
|
export interface PopoutContent {
|
|
51
17
|
(props: {
|
|
52
|
-
/**
|
|
53
|
-
* The popout itself.
|
|
54
|
-
*/
|
|
55
18
|
popout: Popout;
|
|
56
|
-
/**
|
|
57
|
-
* Called after the popout content is attached to the document, but before calculating the placement.
|
|
58
|
-
*/
|
|
59
19
|
onPlacement: RvxEvent<[event: PopoutPlacementArgs]>;
|
|
60
|
-
/**
|
|
61
|
-
* Set the size reference element.
|
|
62
|
-
*
|
|
63
|
-
* If never called or if the last target was undefined, the popout root is used as reference.
|
|
64
|
-
*/
|
|
65
20
|
setSizeReference: (target: Element | undefined) => void;
|
|
66
|
-
/**
|
|
67
|
-
* Reactively get information on the effective placement.
|
|
68
|
-
*/
|
|
69
21
|
placement: () => PopoutPlacementInfo | undefined;
|
|
70
22
|
}): unknown;
|
|
71
23
|
}
|
|
72
24
|
export interface PopoutOptions {
|
|
73
|
-
/**
|
|
74
|
-
* Defines the direction in which the popout is placed in relation to it's anchor.
|
|
75
|
-
*
|
|
76
|
-
* See {@link PopoutPlacement}
|
|
77
|
-
*/
|
|
78
25
|
placement: Expression<PopoutPlacement>;
|
|
79
|
-
/**
|
|
80
|
-
* Defines which side of the anchor and content are aligned orthogonally to the placement axis.
|
|
81
|
-
*
|
|
82
|
-
* See {@link PopoutAlignment}
|
|
83
|
-
*/
|
|
84
26
|
alignment: Expression<PopoutAlignment>;
|
|
85
|
-
/**
|
|
86
|
-
* The content component to render while the popout is visible.
|
|
87
|
-
*/
|
|
88
27
|
content: PopoutContent;
|
|
89
|
-
/**
|
|
90
|
-
* An array of event names that cause the popout to hide automatically when dispatched outside of the current layer stack or the latest anchor.
|
|
91
|
-
*
|
|
92
|
-
* @default ["resize", "scroll", "mousedown", "touchstart", "focusin", "rvx-ui:passive-action"]
|
|
93
|
-
*/
|
|
94
28
|
foreignEvents?: string[];
|
|
95
29
|
}
|
|
96
|
-
/**
|
|
97
|
-
* Utility to create automatically placed floating content like popovers or dropdowns.
|
|
98
|
-
*/
|
|
99
30
|
export declare class Popout {
|
|
100
31
|
#private;
|
|
101
|
-
/**
|
|
102
|
-
* Create a new popout.
|
|
103
|
-
*
|
|
104
|
-
* The popout hides automatically when the current context is disposed.
|
|
105
|
-
*/
|
|
106
32
|
constructor(options: PopoutOptions);
|
|
107
|
-
/**
|
|
108
|
-
* Reactively check if the popout is currently visible.
|
|
109
|
-
*/
|
|
110
33
|
get visible(): boolean;
|
|
111
|
-
/**
|
|
112
|
-
* Show the popout or recalculate placement if already visible.
|
|
113
|
-
*
|
|
114
|
-
* @param anchor The anchor view to use. This doesn't affect the view in any way.
|
|
115
|
-
* @param pointerEvent An optional event to determine which anchor rect to use if the anchor has multiple client rects like wrapping texts or just multiple distinct root nodes.
|
|
116
|
-
*/
|
|
117
34
|
show(anchor: View, pointerEvent?: Event): void;
|
|
118
|
-
/**
|
|
119
|
-
* Recalculate placement using the most recent anchor and pointer event if currently visible.
|
|
120
|
-
*
|
|
121
|
-
* Placement is recalculated automatically when the content is resized.
|
|
122
|
-
*
|
|
123
|
-
* Resizing or moving anchors don't trigger recalculation as it is expected, that content behind the popout doesn't change significantly while the popout is open.
|
|
124
|
-
*/
|
|
125
35
|
update(): void;
|
|
126
|
-
/**
|
|
127
|
-
* The same as {@link show}, but the popout is hidden instead if currently visible.
|
|
128
|
-
*/
|
|
129
36
|
toggle(anchor: View, pointerEvent?: Event): void;
|
|
130
|
-
/**
|
|
131
|
-
* Hide the popout if currently visible.
|
|
132
|
-
*/
|
|
133
37
|
hide(): void;
|
|
134
38
|
}
|
|
135
39
|
//# sourceMappingURL=popout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popout.d.ts","sourceRoot":"","sources":["../../src/components/popout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,UAAU,EAAe,KAAK,IAAI,QAAQ,EAAmC,IAAI,EAAa,MAAM,KAAK,CAAC;AAErJ,OAAO,EAAc,SAAS,EAAiJ,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"popout.d.ts","sourceRoot":"","sources":["../../src/components/popout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,UAAU,EAAe,KAAK,IAAI,QAAQ,EAAmC,IAAI,EAAa,MAAM,KAAK,CAAC;AAErJ,OAAO,EAAc,SAAS,EAAiJ,MAAM,2BAA2B,CAAC;AAUjN,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,wBAAwB,CAAC;AAC5E,MAAM,MAAM,wBAAwB,GAAG,aAAa,GAAG,WAAW,GAAG,cAAc,GAAG,YAAY,CAAC;AASnG,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAMnC,GAAG,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,mBAAmB;IAInC,UAAU,EAAE,OAAO,CAAC;IAKpB,OAAO,EAAE,WAAW,CAAC;IAKrB,SAAS,EAAE,wBAAwB,CAAC;IAKpC,YAAY,EAAE,SAAS,CAAC;IAKxB,UAAU,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC7B,CAAC,KAAK,EAAE;QAIP,MAAM,EAAE,MAAM,CAAC;QAKf,WAAW,EAAE,QAAQ,CAAC,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;QAOpD,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;QAKxD,SAAS,EAAE,MAAM,mBAAmB,GAAG,SAAS,CAAC;KACjD,GAAG,OAAO,CAAC;CACZ;AAED,MAAM,WAAW,aAAa;IAM7B,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAOvC,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAKvC,OAAO,EAAE,aAAa,CAAC;IAOvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAoBD,qBAAa,MAAM;;gBAgBN,OAAO,EAAE,aAAa;IAclC,IAAI,OAAO,IAAI,OAAO,CAErB;IAyED,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI;IAsL9C,MAAM,IAAI,IAAI;IAUd,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI;IAWhD,IAAI,IAAI,IAAI;CAWZ"}
|