@torpor/ui 0.1.0 → 0.1.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/CHANGELOG.md +22 -0
- package/dist/Dialog/Dialog.torp +1 -1
- package/dist/NavMenu/NavMenuGroupHeader.torp +1 -1
- package/dist/Offscreen/Offscreen.torp +93 -0
- package/dist/Offscreen/index.cjs +33 -0
- package/dist/Offscreen/index.cjs.map +1 -0
- package/dist/Offscreen/index.js +6 -0
- package/dist/Offscreen/index.js.map +1 -0
- package/dist/Popover/Popover.torp +1 -1
- package/dist/Popover/{PopoverContentStatic.torp → PopoverContent.torp} +4 -4
- package/dist/Popover/PopoverContentAnchored.torp +1 -1
- package/dist/Popover/PopoverContentContextual.torp +2 -2
- package/dist/Popover/PopoverOverlay.torp +1 -1
- package/dist/Popover/PopoverTriggerContextual.torp +1 -1
- package/dist/Popover/PopoverTriggerHover.torp +9 -1
- package/dist/Popover/index.cjs +5 -5
- package/dist/Popover/index.cjs.map +1 -1
- package/dist/Popover/index.js +4 -4
- package/dist/TabGroup/TabGroup.torp +9 -6
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +10 -5
- package/src/Dialog/Dialog.torp +1 -1
- package/src/NavMenu/NavMenuGroupHeader.torp +1 -1
- package/src/Offscreen/Offscreen.torp +93 -0
- package/src/Offscreen/index.ts +3 -0
- package/src/Popover/Popover.torp +1 -1
- package/src/Popover/{PopoverContentStatic.torp → PopoverContent.torp} +4 -4
- package/src/Popover/PopoverContentAnchored.torp +1 -1
- package/src/Popover/PopoverContentContextual.torp +2 -2
- package/src/Popover/PopoverOverlay.torp +1 -1
- package/src/Popover/PopoverTriggerContextual.torp +1 -1
- package/src/Popover/PopoverTriggerHover.torp +9 -1
- package/src/Popover/index.ts +2 -2
- package/src/Popover.ts +2 -2
- package/src/TabGroup/TabGroup.torp +9 -6
- package/test/Dialog/components/CustomDialog.torp +3 -3
- package/test/Dialog/components/DialogAccessibility.torp +3 -3
- package/test/Dialog/components/DialogVariable.torp +3 -3
- package/test/TabGroup/item-trigger.test.ts +8 -7
- package/tsup.config.ts +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @torpor/ui
|
|
2
2
|
|
|
3
|
+
## 0.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [0e69292]
|
|
8
|
+
- Updated dependencies [b69fde1]
|
|
9
|
+
- @torpor/view@0.1.2
|
|
10
|
+
- @torpor/unplugin@0.1.13
|
|
11
|
+
|
|
12
|
+
## 0.1.1
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- 4e6a5aa: Break: rename PopoverContentStatic to PopoverContent
|
|
17
|
+
- 2d7fae6: Fix: show the first tab content if no value set
|
|
18
|
+
- a3a40f6: Fix: Popover issues
|
|
19
|
+
- Updated dependencies [f9fd76d]
|
|
20
|
+
- Updated dependencies [1ddc240]
|
|
21
|
+
- Updated dependencies [7b9dc31]
|
|
22
|
+
- @torpor/view@0.1.1
|
|
23
|
+
- @torpor/unplugin@0.1.12
|
|
24
|
+
|
|
3
25
|
## 0.1.0
|
|
4
26
|
|
|
5
27
|
### Minor Changes
|
package/dist/Dialog/Dialog.torp
CHANGED
|
@@ -37,7 +37,7 @@ export default function Dialog($props: any) {
|
|
|
37
37
|
// Get stuff out of the PopoverContext
|
|
38
38
|
const popoverContext = $context[PopoverContextName] as PopoverContext;
|
|
39
39
|
if (!popoverContext) {
|
|
40
|
-
throw new Error("Dialog must be contained within a
|
|
40
|
+
throw new Error("Dialog must be contained within a Popover");
|
|
41
41
|
}
|
|
42
42
|
const { handleButton, modal } = popoverContext;
|
|
43
43
|
const visible = popoverContext.state.visible;
|
|
@@ -11,7 +11,7 @@ export default function NavMenuGroupHeader($props: any) {
|
|
|
11
11
|
|
|
12
12
|
const context = $context[NavMenuGroupContextName] as NavMenuGroupContext;
|
|
13
13
|
if (!context) {
|
|
14
|
-
throw new Error("NavMenuGroupHeader must be contained within
|
|
14
|
+
throw new Error("NavMenuGroupHeader must be contained within a NavMenuGroup");
|
|
15
15
|
}
|
|
16
16
|
let $state = context.state;
|
|
17
17
|
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
|
|
2
|
+
export default function Offscreen($props: any) {
|
|
3
|
+
$props.visible ||= true;
|
|
4
|
+
$props.position ||= "left";
|
|
5
|
+
|
|
6
|
+
let offscreen: HTMLElement | undefined;
|
|
7
|
+
|
|
8
|
+
// From https://stackoverflow.com/a/46707458
|
|
9
|
+
function measure(el, fn) {
|
|
10
|
+
let oldVisibility = el.style.visibility;
|
|
11
|
+
let oldPosition = el.style.position;
|
|
12
|
+
|
|
13
|
+
let oldParent = el.parentNode;
|
|
14
|
+
let oldBefore = el.nextNode;
|
|
15
|
+
|
|
16
|
+
el.style.visibility = "hidden";
|
|
17
|
+
el.style.position = "absolute";
|
|
18
|
+
|
|
19
|
+
document.body.appendChild(el);
|
|
20
|
+
let result = fn(el);
|
|
21
|
+
el.parentNode.removeChild(el);
|
|
22
|
+
|
|
23
|
+
oldParent.appendChild(el, oldBefore);
|
|
24
|
+
el.style.visibility = oldVisibility;
|
|
25
|
+
el.style.position = oldPosition;
|
|
26
|
+
|
|
27
|
+
return result;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function transitionArgs() {
|
|
31
|
+
if (offscreen) {
|
|
32
|
+
switch ($props.position) {
|
|
33
|
+
case "left": {
|
|
34
|
+
offscreen.style.left = 0;
|
|
35
|
+
const width = measure(offscreen, (el) => el.offsetWidth);
|
|
36
|
+
return [
|
|
37
|
+
{ transform: `translateX(-${width}px)` },
|
|
38
|
+
{ transform: "translateX(0px)" }
|
|
39
|
+
];
|
|
40
|
+
}
|
|
41
|
+
case "top": {
|
|
42
|
+
offscreen.style.top = 0;
|
|
43
|
+
const height = measure(offscreen, (el) => el.offsetHeight);
|
|
44
|
+
return [
|
|
45
|
+
{ transform: `translateY(-${height}px)` },
|
|
46
|
+
{ transform: "translateY(0px)" }
|
|
47
|
+
];
|
|
48
|
+
}
|
|
49
|
+
case "right": {
|
|
50
|
+
offscreen.style.right = 0;
|
|
51
|
+
const width = measure(offscreen, (el) => el.offsetWidth);
|
|
52
|
+
return [
|
|
53
|
+
{ transform: `translateX(${width}px)` },
|
|
54
|
+
{ transform: "translateX(0px)" }
|
|
55
|
+
];
|
|
56
|
+
}
|
|
57
|
+
case "bottom": {
|
|
58
|
+
offscreen.style.bottom = 0;
|
|
59
|
+
const height = measure(offscreen, (el) => el.offsetHeight);
|
|
60
|
+
return [
|
|
61
|
+
{ transform: `translateY(${height}px)` },
|
|
62
|
+
{ transform: "translateY(0px)" }
|
|
63
|
+
];
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
function close() {
|
|
70
|
+
$props.visible = false;
|
|
71
|
+
if ($props.onclose) {
|
|
72
|
+
$props.onclose()
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@render {
|
|
77
|
+
<div style="display: contents">
|
|
78
|
+
@if ($props.visible) {
|
|
79
|
+
<div onclick={close} >
|
|
80
|
+
<div
|
|
81
|
+
id={$props.id}
|
|
82
|
+
class={`torp-offscreen ${$props.class ?? ""}`.trim()}
|
|
83
|
+
style="position: fixed;"
|
|
84
|
+
:transition={transitionArgs()}
|
|
85
|
+
&ref={offscreen}
|
|
86
|
+
>
|
|
87
|
+
<:slot />
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
}
|
|
91
|
+
</div>
|
|
92
|
+
}
|
|
93
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/Offscreen/index.ts
|
|
21
|
+
var Offscreen_exports = {};
|
|
22
|
+
__export(Offscreen_exports, {
|
|
23
|
+
Offscreen: () => Offscreen_default
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(Offscreen_exports);
|
|
26
|
+
|
|
27
|
+
// src/Offscreen/Offscreen.torp
|
|
28
|
+
import Offscreen_default from "./Offscreen.torp";
|
|
29
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
30
|
+
0 && (module.exports = {
|
|
31
|
+
Offscreen
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Offscreen/index.ts"],"sourcesContent":["import Offscreen from \"./Offscreen.torp\";\n\nexport { Offscreen };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;A","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -11,7 +11,7 @@ import { PopoverContextName, type Point, type PopoverContext, type PopoverState
|
|
|
11
11
|
* <Popover>
|
|
12
12
|
* <PopoverOverlay /> (optional, if modal)
|
|
13
13
|
* <PopoverTrigger/PopoverTriggerContextual/PopoverTriggerHover /> (optional)
|
|
14
|
-
* <
|
|
14
|
+
* <PopoverContent/PopoverContentAnchored/PopoverContentContextual />
|
|
15
15
|
* </Popover>
|
|
16
16
|
* ```
|
|
17
17
|
* @prop {boolean} modal -- Whether the popover is modal. If true, an overlay should be supplied to obscure outside content, and only the popover content will be visible to screen readers
|
|
@@ -5,13 +5,13 @@ import { PopoverContextName, type PopoverContext } from "./PopoverTypes";
|
|
|
5
5
|
* The content that is displayed for a Popover when it is open, such as a Dialog
|
|
6
6
|
* in the middle of the screen or a div that slides in from the side.
|
|
7
7
|
*/
|
|
8
|
-
export default function
|
|
8
|
+
export default function PopoverContent($props: any) {
|
|
9
9
|
let div: HTMLDivElement;
|
|
10
10
|
|
|
11
11
|
// Get stuff out of the PopoverContext
|
|
12
12
|
const context = $context[PopoverContextName] as PopoverContext;
|
|
13
13
|
if (!context) {
|
|
14
|
-
throw new Error("
|
|
14
|
+
throw new Error("PopoverContent must be contained within a Popover");
|
|
15
15
|
}
|
|
16
16
|
let $state = context.state;
|
|
17
17
|
|
|
@@ -63,11 +63,11 @@ export default function PopoverContentStatic($props: any) {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
@render {
|
|
66
|
-
<div style="display:
|
|
66
|
+
<div style="display: contents">
|
|
67
67
|
@if ($state.visible) {
|
|
68
68
|
<div
|
|
69
69
|
id={$props.id}
|
|
70
|
-
class={`torp-popover-content
|
|
70
|
+
class={`torp-popover-content ${$props.class ?? ""}`.trim()}
|
|
71
71
|
&ref={div}
|
|
72
72
|
>
|
|
73
73
|
<:slot />
|
|
@@ -16,7 +16,7 @@ export default function PopoverContentContextual($props: any) {
|
|
|
16
16
|
// Get stuff out of the PopoverContext
|
|
17
17
|
const context = $context[PopoverContextName] as PopoverContext;
|
|
18
18
|
if (!context) {
|
|
19
|
-
throw new Error("
|
|
19
|
+
throw new Error("PopoverContentContextual must be contained within a Popover");
|
|
20
20
|
}
|
|
21
21
|
let $state = context.state;
|
|
22
22
|
|
|
@@ -83,7 +83,7 @@ export default function PopoverContentContextual($props: any) {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
@render {
|
|
86
|
-
<div style="display:
|
|
86
|
+
<div style="display: contents">
|
|
87
87
|
@if ($state.visible) {
|
|
88
88
|
<div
|
|
89
89
|
id={$props.id}
|
|
@@ -7,7 +7,7 @@ export default function PopoverTriggerContextual($props: any) {
|
|
|
7
7
|
// Get stuff out of the PopoverContext
|
|
8
8
|
const context = $context[PopoverContextName] as PopoverContext;
|
|
9
9
|
if (!context) {
|
|
10
|
-
throw new Error("PopoverTriggerContextual must be contained within a
|
|
10
|
+
throw new Error("PopoverTriggerContextual must be contained within a Popover");
|
|
11
11
|
}
|
|
12
12
|
let $state = context.state;
|
|
13
13
|
|
|
@@ -13,7 +13,15 @@ export default function PopoverTriggerHover($props: any) {
|
|
|
13
13
|
}
|
|
14
14
|
let $state = context.state;
|
|
15
15
|
|
|
16
|
-
function handleHover() {
|
|
16
|
+
function handleHover(node, e) {
|
|
17
|
+
if ($state.position) {
|
|
18
|
+
// Get the position relative to the element, so we can reposition on scroll
|
|
19
|
+
const rect = node.getBoundingClientRect();
|
|
20
|
+
const x = e.clientX - rect.left;
|
|
21
|
+
const y = e.clientY - rect.top;
|
|
22
|
+
$state.position = { x, y };
|
|
23
|
+
//$state.position = { x: window.scrollX + e.clientX, y: window.scrollY + e.clientY };
|
|
24
|
+
}
|
|
17
25
|
$state.visible = !$state.visible
|
|
18
26
|
}
|
|
19
27
|
|
package/dist/Popover/index.cjs
CHANGED
|
@@ -21,9 +21,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
21
21
|
var Popover_exports = {};
|
|
22
22
|
__export(Popover_exports, {
|
|
23
23
|
Popover: () => Popover_default,
|
|
24
|
+
PopoverContent: () => PopoverContent_default,
|
|
24
25
|
PopoverContentAnchored: () => PopoverContentAnchored_default,
|
|
25
26
|
PopoverContentContextual: () => PopoverContentContextual_default,
|
|
26
|
-
PopoverContentStatic: () => PopoverContentStatic_default,
|
|
27
27
|
PopoverOverlay: () => PopoverOverlay_default,
|
|
28
28
|
PopoverTrigger: () => PopoverTrigger_default,
|
|
29
29
|
PopoverTriggerContextual: () => PopoverTriggerContextual_default,
|
|
@@ -39,15 +39,15 @@ module.exports = __toCommonJS(Popover_exports);
|
|
|
39
39
|
// src/Popover/Popover.torp
|
|
40
40
|
import Popover_default from "./Popover.torp";
|
|
41
41
|
|
|
42
|
+
// src/Popover/PopoverContent.torp
|
|
43
|
+
import PopoverContent_default from "./PopoverContent.torp";
|
|
44
|
+
|
|
42
45
|
// src/Popover/PopoverContentAnchored.torp
|
|
43
46
|
import PopoverContentAnchored_default from "./PopoverContentAnchored.torp";
|
|
44
47
|
|
|
45
48
|
// src/Popover/PopoverContentContextual.torp
|
|
46
49
|
import PopoverContentContextual_default from "./PopoverContentContextual.torp";
|
|
47
50
|
|
|
48
|
-
// src/Popover/PopoverContentStatic.torp
|
|
49
|
-
import PopoverContentStatic_default from "./PopoverContentStatic.torp";
|
|
50
|
-
|
|
51
51
|
// src/Popover/PopoverOverlay.torp
|
|
52
52
|
import PopoverOverlay_default from "./PopoverOverlay.torp";
|
|
53
53
|
|
|
@@ -206,9 +206,9 @@ function showPopoverPrompt(popover, props, target) {
|
|
|
206
206
|
// Annotate the CommonJS export names for ESM import in node:
|
|
207
207
|
0 && (module.exports = {
|
|
208
208
|
Popover,
|
|
209
|
+
PopoverContent,
|
|
209
210
|
PopoverContentAnchored,
|
|
210
211
|
PopoverContentContextual,
|
|
211
|
-
PopoverContentStatic,
|
|
212
212
|
PopoverOverlay,
|
|
213
213
|
PopoverTrigger,
|
|
214
214
|
PopoverTriggerContextual,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Popover/index.ts","../../src/Popover/showPopover.ts","../../src/Popover/mountClickPopover.ts","../../src/Popover/mountContextPopover.ts","../../src/mount/hoverTrigger.ts","../../src/Popover/mountHoverPopover.ts","../../src/Popover/showPopoverPrompt.ts"],"sourcesContent":["import Popover from \"./Popover.torp\";\nimport PopoverContentAnchored from \"./PopoverContentAnchored.torp\";\nimport PopoverContentContextual from \"./PopoverContentContextual.torp\";\nimport PopoverContentStatic from \"./PopoverContentStatic.torp\";\nimport PopoverOverlay from \"./PopoverOverlay.torp\";\nimport PopoverTrigger from \"./PopoverTrigger.torp\";\nimport PopoverTriggerContextual from \"./PopoverTriggerContextual.torp\";\nimport PopoverTriggerHover from \"./PopoverTriggerHover.torp\";\nimport clickPopover from \"./mountClickPopover\";\nimport contextPopover from \"./mountContextPopover\";\nimport hoverPopover from \"./mountHoverPopover\";\nimport showPopover from \"./showPopover\";\nimport showPopoverPrompt from \"./showPopoverPrompt\";\n\nexport {\n\tPopover,\n\tPopoverOverlay,\n\tPopoverTrigger,\n\tPopoverTriggerHover,\n\tPopoverTriggerContextual,\n\tPopoverContentAnchored,\n\tPopoverContentContextual,\n\tPopoverContentStatic,\n\tshowPopover,\n\tshowPopoverPrompt,\n\tclickPopover,\n\tcontextPopover,\n\thoverPopover,\n};\n","// TODO: Allow passing in a variable -- so that you can show an inline popover\nimport type { Component } from \"@torpor/view\";\n\n/**\n * Shows a popover component in code.\n * @param popover The popover component\n * @param anchor The element to use as an anchor for the popover component\n * @param props The properties for the popover component\n * @param target The target element to show the popover in\n * @returns The value selected by the user\n */\nexport default function showPopover(\n\tpopover: Component,\n\tanchor: HTMLElement,\n\tprops?: Record<PropertyKey, any>,\n\ttarget?: Element,\n): void {\n\t// Add the anchor element to the properties\n\tconst allProps = Object.assign({}, props, { anchor });\n\n\t// Create the popover\n\t// TODO: This needs to clean up after itself, like the mount methods do\n\tpopover(target || anchor.parentElement || document.body, null, allProps);\n}\n","import type { Component } from \"@torpor/view\";\nimport showPopover from \"./showPopover\";\n\ninterface ClickPopoverOptions {\n\tpopover: Component;\n\tprops?: Record<PropertyKey, any>;\n}\n\n/**\n * A mount directive for showing a popover when an element is clicked.\n * @param node The element to show the popover for\n * @param options Options for showing the popover, consisting of the popover component and any props\n */\nexport default function clickPopover(node: HTMLElement, options: ClickPopoverOptions) {\n\tconst { popover, props } = options;\n\n\t// Add a click event handler to the node\n\tnode.addEventListener(\"click\", handleClick);\n\n\tfunction handleClick(e: MouseEvent) {\n\t\te.preventDefault();\n\t\tshow();\n\t}\n\n\tlet div: HTMLDivElement;\n\n\tfunction show() {\n\t\t// Show the popover in a div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t}\n\t\tdiv = document.createElement(\"div\");\n\t\tdocument.body.appendChild(div);\n\n\t\tshowPopover(popover, node, props, div);\n\t}\n\n\treturn {\n\t\tdestroy(): void {\n\t\t\t// Remove the event listener from the node on destroy\n\t\t\tnode.removeEventListener(\"click\", handleClick);\n\n\t\t\t// Remove the div we added\n\t\t\t// TODO: Should we do this in more places?\n\t\t\tif (div) {\n\t\t\t\tdocument.body.removeChild(div);\n\t\t\t}\n\t\t},\n\t};\n}\n","import type { Component } from \"@torpor/view\";\nimport showPopover from \"./showPopover\";\n\ninterface ContextPopoverOptions {\n\tpopover: Component;\n\tprops?: Record<PropertyKey, any>;\n}\n\n/**\n * A mount directive for showing a popover when the user opens an element's context menu.\n * @param node The element to show the popover for\n * @param options Options for showing the popover, consisting of the popover component and any props\n */\nexport default function contextPopover(node: HTMLElement, options: ContextPopoverOptions) {\n\tconst { popover, props } = options;\n\n\t// Add a contextmenu event handler to the node\n\tnode.addEventListener(\"contextmenu\", handleClick);\n\n\tfunction handleClick(e: MouseEvent) {\n\t\te.preventDefault();\n\t\tshow();\n\t}\n\n\tlet div: HTMLDivElement;\n\n\tfunction show() {\n\t\t// Show the popover in a div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t}\n\t\tdiv = document.createElement(\"div\");\n\t\tdocument.body.appendChild(div);\n\n\t\tshowPopover(popover, node, props, div);\n\t}\n\n\treturn {\n\t\tdestroy(): void {\n\t\t\t// Remove the event listener from the node on destroy\n\t\t\tnode.removeEventListener(\"contextmenu\", handleClick);\n\n\t\t\t// Remove the div we added\n\t\t\t// TODO: Should we do this in more places?\n\t\t\tif (div) {\n\t\t\t\tdocument.body.removeChild(div);\n\t\t\t}\n\t\t},\n\t};\n}\n","interface HoverTriggerOptions {\n\tonHover: (node: HTMLElement, e: TouchEvent | MouseEvent) => void;\n\tonExit?: (node: HTMLElement, e: TouchEvent | MouseEvent) => void;\n\thoverDelay?: number;\n\ttouchDelay?: number;\n}\n\nexport default function hoverTrigger(node: HTMLElement, options: HoverTriggerOptions): () => void {\n\tconst { onHover, onExit } = options;\n\tconst hoverDelay = options.hoverDelay || 1000;\n\tconst touchDelay = options.touchDelay || 1000;\n\n\tlet interval: NodeJS.Timeout | undefined;\n\n\t// Add click event handlers to the node\n\tnode.addEventListener(\"mouseenter\", handleMouseEnter);\n\tnode.addEventListener(\"mouseleave\", handleMouseLeave);\n\tnode.addEventListener(\"mousemove\", handleMouseMove);\n\tnode.addEventListener(\"touchstart\", handleMouseEnter);\n\tnode.addEventListener(\"touchend\", handleMouseLeave);\n\n\tfunction handleMouseEnter(e: MouseEvent | TouchEvent) {\n\t\t// Handle the hover after a delay\n\t\te.preventDefault();\n\t\tif (!interval) {\n\t\t\tconst delay = e.type.startsWith(\"mouse\") ? hoverDelay : touchDelay;\n\t\t\tinterval = setTimeout(() => onHover(node, e), delay);\n\t\t}\n\t}\n\n\tfunction handleMouseLeave(e: MouseEvent | TouchEvent) {\n\t\t// Prevent short hovers or touches from firing the event\n\t\tif (interval) {\n\t\t\tclearTimeout(interval);\n\t\t\tinterval = undefined;\n\t\t}\n\n\t\tif (onExit) {\n\t\t\tonExit(node, e);\n\t\t}\n\t}\n\n\tfunction handleMouseMove(e: MouseEvent) {\n\t\t// Reset the interval on mouse move\n\t\tif (interval) {\n\t\t\tclearTimeout(interval);\n\t\t\tinterval = setTimeout(() => onHover(node, e), hoverDelay);\n\t\t}\n\t}\n\n\t// Remove the event listeners from the node on destroy\n\treturn () => {\n\t\tnode.removeEventListener(\"mouseenter\", handleMouseEnter);\n\t\tnode.removeEventListener(\"mouseleave\", handleMouseLeave);\n\t\tnode.removeEventListener(\"mousemove\", handleMouseMove);\n\t\tnode.removeEventListener(\"touchstart\", handleMouseEnter);\n\t\tnode.removeEventListener(\"touchend\", handleMouseLeave);\n\t};\n}\n","import type { Component } from \"@torpor/view\";\nimport hoverTrigger from \"../mount/hoverTrigger\";\nimport showPopover from \"./showPopover\";\n\ninterface HoverPopoverOptions {\n\tpopover: Component;\n\tprops?: Record<PropertyKey, any>;\n\thoverDelay?: number;\n\ttouchDelay?: number;\n}\n\n/**\n * A mount directive for showing a popover when an element is hovered.\n * @param node The element to show the popover for\n * @param options Options for showing the popover, consisting of the popover component, any props and delays for hover and touch\n */\nexport default function hoverPopover(node: HTMLElement, options: HoverPopoverOptions): () => void {\n\tconst { popover, props, hoverDelay, touchDelay } = options;\n\n\tlet div: HTMLDivElement | undefined;\n\n\tfunction onHover(node: HTMLElement, e: MouseEvent | TouchEvent) {\n\t\t// Show the popover in a div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t}\n\t\tdiv = document.createElement(\"div\");\n\t\tdocument.body.appendChild(div);\n\n\t\t// Get the position relative to the element, so we can reposition on scroll\n\t\tconst rect = node.getBoundingClientRect();\n\t\tlet position: { x: number; y: number };\n\t\tif (e.type.startsWith(\"mouse\")) {\n\t\t\tconst me = e as MouseEvent;\n\t\t\tposition = { x: me.clientX - rect.left, y: me.clientY - rect.top };\n\t\t} else {\n\t\t\tconst te = e as TouchEvent;\n\t\t\tposition = {\n\t\t\t\tx: te.touches[0].clientX - rect.left,\n\t\t\t\ty: te.touches[0].clientY - rect.top,\n\t\t\t};\n\t\t}\n\t\tconst allProps = Object.assign({}, props, { anchor: node, position });\n\n\t\tshowPopover(popover, node, allProps, div);\n\t}\n\n\tfunction onExit() {\n\t\t// Remove the div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t\tdiv = undefined;\n\t\t}\n\t}\n\n\treturn hoverTrigger(node, { onHover, onExit, hoverDelay, touchDelay });\n}\n","import type { Component } from \"@torpor/view\";\n\n/**\n * Shows a popover component in code, and asynchronously returns the value selected by the user.\n * @param popover The popover component\n * @param props The properties for the popover component\n * @param target The target element to show the popover in\n * @returns The value selected by the user\n */\nexport default function showPopoverPrompt(\n\tpopover: Component,\n\tprops?: Record<PropertyKey, any>,\n\ttarget?: Element,\n): Promise<void> {\n\treturn new Promise((resolve) => {\n\t\t// Add the promise as the callback\n\t\tconst allProps = Object.assign({}, props, { callback: resolve });\n\n\t\t// Create the popover\n\t\t// TODO: This needs to clean up after itself, like the use methods do\n\t\tpopover(target || document.body, null, allProps);\n\t});\n}\n"],"mappings":"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","names":["node"]}
|
|
1
|
+
{"version":3,"sources":["../../src/Popover/index.ts","../../src/Popover/showPopover.ts","../../src/Popover/mountClickPopover.ts","../../src/Popover/mountContextPopover.ts","../../src/mount/hoverTrigger.ts","../../src/Popover/mountHoverPopover.ts","../../src/Popover/showPopoverPrompt.ts"],"sourcesContent":["import Popover from \"./Popover.torp\";\nimport PopoverContent from \"./PopoverContent.torp\";\nimport PopoverContentAnchored from \"./PopoverContentAnchored.torp\";\nimport PopoverContentContextual from \"./PopoverContentContextual.torp\";\nimport PopoverOverlay from \"./PopoverOverlay.torp\";\nimport PopoverTrigger from \"./PopoverTrigger.torp\";\nimport PopoverTriggerContextual from \"./PopoverTriggerContextual.torp\";\nimport PopoverTriggerHover from \"./PopoverTriggerHover.torp\";\nimport clickPopover from \"./mountClickPopover\";\nimport contextPopover from \"./mountContextPopover\";\nimport hoverPopover from \"./mountHoverPopover\";\nimport showPopover from \"./showPopover\";\nimport showPopoverPrompt from \"./showPopoverPrompt\";\n\nexport {\n\tPopover,\n\tPopoverOverlay,\n\tPopoverTrigger,\n\tPopoverTriggerHover,\n\tPopoverTriggerContextual,\n\tPopoverContentAnchored,\n\tPopoverContentContextual,\n\tPopoverContent,\n\tshowPopover,\n\tshowPopoverPrompt,\n\tclickPopover,\n\tcontextPopover,\n\thoverPopover,\n};\n","// TODO: Allow passing in a variable -- so that you can show an inline popover\nimport type { Component } from \"@torpor/view\";\n\n/**\n * Shows a popover component in code.\n * @param popover The popover component\n * @param anchor The element to use as an anchor for the popover component\n * @param props The properties for the popover component\n * @param target The target element to show the popover in\n * @returns The value selected by the user\n */\nexport default function showPopover(\n\tpopover: Component,\n\tanchor: HTMLElement,\n\tprops?: Record<PropertyKey, any>,\n\ttarget?: Element,\n): void {\n\t// Add the anchor element to the properties\n\tconst allProps = Object.assign({}, props, { anchor });\n\n\t// Create the popover\n\t// TODO: This needs to clean up after itself, like the mount methods do\n\tpopover(target || anchor.parentElement || document.body, null, allProps);\n}\n","import type { Component } from \"@torpor/view\";\nimport showPopover from \"./showPopover\";\n\ninterface ClickPopoverOptions {\n\tpopover: Component;\n\tprops?: Record<PropertyKey, any>;\n}\n\n/**\n * A mount directive for showing a popover when an element is clicked.\n * @param node The element to show the popover for\n * @param options Options for showing the popover, consisting of the popover component and any props\n */\nexport default function clickPopover(node: HTMLElement, options: ClickPopoverOptions) {\n\tconst { popover, props } = options;\n\n\t// Add a click event handler to the node\n\tnode.addEventListener(\"click\", handleClick);\n\n\tfunction handleClick(e: MouseEvent) {\n\t\te.preventDefault();\n\t\tshow();\n\t}\n\n\tlet div: HTMLDivElement;\n\n\tfunction show() {\n\t\t// Show the popover in a div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t}\n\t\tdiv = document.createElement(\"div\");\n\t\tdocument.body.appendChild(div);\n\n\t\tshowPopover(popover, node, props, div);\n\t}\n\n\treturn {\n\t\tdestroy(): void {\n\t\t\t// Remove the event listener from the node on destroy\n\t\t\tnode.removeEventListener(\"click\", handleClick);\n\n\t\t\t// Remove the div we added\n\t\t\t// TODO: Should we do this in more places?\n\t\t\tif (div) {\n\t\t\t\tdocument.body.removeChild(div);\n\t\t\t}\n\t\t},\n\t};\n}\n","import type { Component } from \"@torpor/view\";\nimport showPopover from \"./showPopover\";\n\ninterface ContextPopoverOptions {\n\tpopover: Component;\n\tprops?: Record<PropertyKey, any>;\n}\n\n/**\n * A mount directive for showing a popover when the user opens an element's context menu.\n * @param node The element to show the popover for\n * @param options Options for showing the popover, consisting of the popover component and any props\n */\nexport default function contextPopover(node: HTMLElement, options: ContextPopoverOptions) {\n\tconst { popover, props } = options;\n\n\t// Add a contextmenu event handler to the node\n\tnode.addEventListener(\"contextmenu\", handleClick);\n\n\tfunction handleClick(e: MouseEvent) {\n\t\te.preventDefault();\n\t\tshow();\n\t}\n\n\tlet div: HTMLDivElement;\n\n\tfunction show() {\n\t\t// Show the popover in a div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t}\n\t\tdiv = document.createElement(\"div\");\n\t\tdocument.body.appendChild(div);\n\n\t\tshowPopover(popover, node, props, div);\n\t}\n\n\treturn {\n\t\tdestroy(): void {\n\t\t\t// Remove the event listener from the node on destroy\n\t\t\tnode.removeEventListener(\"contextmenu\", handleClick);\n\n\t\t\t// Remove the div we added\n\t\t\t// TODO: Should we do this in more places?\n\t\t\tif (div) {\n\t\t\t\tdocument.body.removeChild(div);\n\t\t\t}\n\t\t},\n\t};\n}\n","interface HoverTriggerOptions {\n\tonHover: (node: HTMLElement, e: TouchEvent | MouseEvent) => void;\n\tonExit?: (node: HTMLElement, e: TouchEvent | MouseEvent) => void;\n\thoverDelay?: number;\n\ttouchDelay?: number;\n}\n\nexport default function hoverTrigger(node: HTMLElement, options: HoverTriggerOptions): () => void {\n\tconst { onHover, onExit } = options;\n\tconst hoverDelay = options.hoverDelay || 1000;\n\tconst touchDelay = options.touchDelay || 1000;\n\n\tlet interval: NodeJS.Timeout | undefined;\n\n\t// Add click event handlers to the node\n\tnode.addEventListener(\"mouseenter\", handleMouseEnter);\n\tnode.addEventListener(\"mouseleave\", handleMouseLeave);\n\tnode.addEventListener(\"mousemove\", handleMouseMove);\n\tnode.addEventListener(\"touchstart\", handleMouseEnter);\n\tnode.addEventListener(\"touchend\", handleMouseLeave);\n\n\tfunction handleMouseEnter(e: MouseEvent | TouchEvent) {\n\t\t// Handle the hover after a delay\n\t\te.preventDefault();\n\t\tif (!interval) {\n\t\t\tconst delay = e.type.startsWith(\"mouse\") ? hoverDelay : touchDelay;\n\t\t\tinterval = setTimeout(() => onHover(node, e), delay);\n\t\t}\n\t}\n\n\tfunction handleMouseLeave(e: MouseEvent | TouchEvent) {\n\t\t// Prevent short hovers or touches from firing the event\n\t\tif (interval) {\n\t\t\tclearTimeout(interval);\n\t\t\tinterval = undefined;\n\t\t}\n\n\t\tif (onExit) {\n\t\t\tonExit(node, e);\n\t\t}\n\t}\n\n\tfunction handleMouseMove(e: MouseEvent) {\n\t\t// Reset the interval on mouse move\n\t\tif (interval) {\n\t\t\tclearTimeout(interval);\n\t\t\tinterval = setTimeout(() => onHover(node, e), hoverDelay);\n\t\t}\n\t}\n\n\t// Remove the event listeners from the node on destroy\n\treturn () => {\n\t\tnode.removeEventListener(\"mouseenter\", handleMouseEnter);\n\t\tnode.removeEventListener(\"mouseleave\", handleMouseLeave);\n\t\tnode.removeEventListener(\"mousemove\", handleMouseMove);\n\t\tnode.removeEventListener(\"touchstart\", handleMouseEnter);\n\t\tnode.removeEventListener(\"touchend\", handleMouseLeave);\n\t};\n}\n","import type { Component } from \"@torpor/view\";\nimport hoverTrigger from \"../mount/hoverTrigger\";\nimport showPopover from \"./showPopover\";\n\ninterface HoverPopoverOptions {\n\tpopover: Component;\n\tprops?: Record<PropertyKey, any>;\n\thoverDelay?: number;\n\ttouchDelay?: number;\n}\n\n/**\n * A mount directive for showing a popover when an element is hovered.\n * @param node The element to show the popover for\n * @param options Options for showing the popover, consisting of the popover component, any props and delays for hover and touch\n */\nexport default function hoverPopover(node: HTMLElement, options: HoverPopoverOptions): () => void {\n\tconst { popover, props, hoverDelay, touchDelay } = options;\n\n\tlet div: HTMLDivElement | undefined;\n\n\tfunction onHover(node: HTMLElement, e: MouseEvent | TouchEvent) {\n\t\t// Show the popover in a div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t}\n\t\tdiv = document.createElement(\"div\");\n\t\tdocument.body.appendChild(div);\n\n\t\t// Get the position relative to the element, so we can reposition on scroll\n\t\tconst rect = node.getBoundingClientRect();\n\t\tlet position: { x: number; y: number };\n\t\tif (e.type.startsWith(\"mouse\")) {\n\t\t\tconst me = e as MouseEvent;\n\t\t\tposition = { x: me.clientX - rect.left, y: me.clientY - rect.top };\n\t\t} else {\n\t\t\tconst te = e as TouchEvent;\n\t\t\tposition = {\n\t\t\t\tx: te.touches[0].clientX - rect.left,\n\t\t\t\ty: te.touches[0].clientY - rect.top,\n\t\t\t};\n\t\t}\n\t\tconst allProps = Object.assign({}, props, { anchor: node, position });\n\n\t\tshowPopover(popover, node, allProps, div);\n\t}\n\n\tfunction onExit() {\n\t\t// Remove the div\n\t\tif (div) {\n\t\t\tdocument.body.removeChild(div);\n\t\t\tdiv = undefined;\n\t\t}\n\t}\n\n\treturn hoverTrigger(node, { onHover, onExit, hoverDelay, touchDelay });\n}\n","import type { Component } from \"@torpor/view\";\n\n/**\n * Shows a popover component in code, and asynchronously returns the value selected by the user.\n * @param popover The popover component\n * @param props The properties for the popover component\n * @param target The target element to show the popover in\n * @returns The value selected by the user\n */\nexport default function showPopoverPrompt(\n\tpopover: Component,\n\tprops?: Record<PropertyKey, any>,\n\ttarget?: Element,\n): Promise<void> {\n\treturn new Promise((resolve) => {\n\t\t// Add the promise as the callback\n\t\tconst allProps = Object.assign({}, props, { callback: resolve });\n\n\t\t// Create the popover\n\t\t// TODO: This needs to clean up after itself, like the use methods do\n\t\tpopover(target || document.body, null, allProps);\n\t});\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;A;;;;;;;;;;;;;;;;;;;;;;;;;;ACWe,SAAR,YACN,SACA,QACA,OACA,QACO;AAEP,QAAM,WAAW,OAAO,OAAO,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC;AAIpD,UAAQ,UAAU,OAAO,iBAAiB,SAAS,MAAM,MAAM,QAAQ;AACxE;;;ACVe,SAAR,aAA8B,MAAmB,SAA8B;AACrF,QAAM,EAAE,SAAS,MAAM,IAAI;AAG3B,OAAK,iBAAiB,SAAS,WAAW;AAE1C,WAAS,YAAY,GAAe;AACnC,MAAE,eAAe;AACjB,SAAK;AAAA,EACN;AAEA,MAAI;AAEJ,WAAS,OAAO;AAEf,QAAI,KAAK;AACR,eAAS,KAAK,YAAY,GAAG;AAAA,IAC9B;AACA,UAAM,SAAS,cAAc,KAAK;AAClC,aAAS,KAAK,YAAY,GAAG;AAE7B,gBAAY,SAAS,MAAM,OAAO,GAAG;AAAA,EACtC;AAEA,SAAO;AAAA,IACN,UAAgB;AAEf,WAAK,oBAAoB,SAAS,WAAW;AAI7C,UAAI,KAAK;AACR,iBAAS,KAAK,YAAY,GAAG;AAAA,MAC9B;AAAA,IACD;AAAA,EACD;AACD;;;ACpCe,SAAR,eAAgC,MAAmB,SAAgC;AACzF,QAAM,EAAE,SAAS,MAAM,IAAI;AAG3B,OAAK,iBAAiB,eAAe,WAAW;AAEhD,WAAS,YAAY,GAAe;AACnC,MAAE,eAAe;AACjB,SAAK;AAAA,EACN;AAEA,MAAI;AAEJ,WAAS,OAAO;AAEf,QAAI,KAAK;AACR,eAAS,KAAK,YAAY,GAAG;AAAA,IAC9B;AACA,UAAM,SAAS,cAAc,KAAK;AAClC,aAAS,KAAK,YAAY,GAAG;AAE7B,gBAAY,SAAS,MAAM,OAAO,GAAG;AAAA,EACtC;AAEA,SAAO;AAAA,IACN,UAAgB;AAEf,WAAK,oBAAoB,eAAe,WAAW;AAInD,UAAI,KAAK;AACR,iBAAS,KAAK,YAAY,GAAG;AAAA,MAC9B;AAAA,IACD;AAAA,EACD;AACD;;;AC1Ce,SAAR,aAA8B,MAAmB,SAA0C;AACjG,QAAM,EAAE,SAAS,OAAO,IAAI;AAC5B,QAAM,aAAa,QAAQ,cAAc;AACzC,QAAM,aAAa,QAAQ,cAAc;AAEzC,MAAI;AAGJ,OAAK,iBAAiB,cAAc,gBAAgB;AACpD,OAAK,iBAAiB,cAAc,gBAAgB;AACpD,OAAK,iBAAiB,aAAa,eAAe;AAClD,OAAK,iBAAiB,cAAc,gBAAgB;AACpD,OAAK,iBAAiB,YAAY,gBAAgB;AAElD,WAAS,iBAAiB,GAA4B;AAErD,MAAE,eAAe;AACjB,QAAI,CAAC,UAAU;AACd,YAAM,QAAQ,EAAE,KAAK,WAAW,OAAO,IAAI,aAAa;AACxD,iBAAW,WAAW,MAAM,QAAQ,MAAM,CAAC,GAAG,KAAK;AAAA,IACpD;AAAA,EACD;AAEA,WAAS,iBAAiB,GAA4B;AAErD,QAAI,UAAU;AACb,mBAAa,QAAQ;AACrB,iBAAW;AAAA,IACZ;AAEA,QAAI,QAAQ;AACX,aAAO,MAAM,CAAC;AAAA,IACf;AAAA,EACD;AAEA,WAAS,gBAAgB,GAAe;AAEvC,QAAI,UAAU;AACb,mBAAa,QAAQ;AACrB,iBAAW,WAAW,MAAM,QAAQ,MAAM,CAAC,GAAG,UAAU;AAAA,IACzD;AAAA,EACD;AAGA,SAAO,MAAM;AACZ,SAAK,oBAAoB,cAAc,gBAAgB;AACvD,SAAK,oBAAoB,cAAc,gBAAgB;AACvD,SAAK,oBAAoB,aAAa,eAAe;AACrD,SAAK,oBAAoB,cAAc,gBAAgB;AACvD,SAAK,oBAAoB,YAAY,gBAAgB;AAAA,EACtD;AACD;;;AC1Ce,SAAR,aAA8B,MAAmB,SAA0C;AACjG,QAAM,EAAE,SAAS,OAAO,YAAY,WAAW,IAAI;AAEnD,MAAI;AAEJ,WAAS,QAAQA,OAAmB,GAA4B;AAE/D,QAAI,KAAK;AACR,eAAS,KAAK,YAAY,GAAG;AAAA,IAC9B;AACA,UAAM,SAAS,cAAc,KAAK;AAClC,aAAS,KAAK,YAAY,GAAG;AAG7B,UAAM,OAAOA,MAAK,sBAAsB;AACxC,QAAI;AACJ,QAAI,EAAE,KAAK,WAAW,OAAO,GAAG;AAC/B,YAAM,KAAK;AACX,iBAAW,EAAE,GAAG,GAAG,UAAU,KAAK,MAAM,GAAG,GAAG,UAAU,KAAK,IAAI;AAAA,IAClE,OAAO;AACN,YAAM,KAAK;AACX,iBAAW;AAAA,QACV,GAAG,GAAG,QAAQ,CAAC,EAAE,UAAU,KAAK;AAAA,QAChC,GAAG,GAAG,QAAQ,CAAC,EAAE,UAAU,KAAK;AAAA,MACjC;AAAA,IACD;AACA,UAAM,WAAW,OAAO,OAAO,CAAC,GAAG,OAAO,EAAE,QAAQA,OAAM,SAAS,CAAC;AAEpE,gBAAY,SAASA,OAAM,UAAU,GAAG;AAAA,EACzC;AAEA,WAAS,SAAS;AAEjB,QAAI,KAAK;AACR,eAAS,KAAK,YAAY,GAAG;AAC7B,YAAM;AAAA,IACP;AAAA,EACD;AAEA,SAAO,aAAa,MAAM,EAAE,SAAS,QAAQ,YAAY,WAAW,CAAC;AACtE;;;AC/Ce,SAAR,kBACN,SACA,OACA,QACgB;AAChB,SAAO,IAAI,QAAQ,CAAC,YAAY;AAE/B,UAAM,WAAW,OAAO,OAAO,CAAC,GAAG,OAAO,EAAE,UAAU,QAAQ,CAAC;AAI/D,YAAQ,UAAU,SAAS,MAAM,MAAM,QAAQ;AAAA,EAChD,CAAC;AACF;","names":["node"]}
|
package/dist/Popover/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
// src/Popover/Popover.torp
|
|
2
2
|
import Popover_default from "./Popover.torp";
|
|
3
3
|
|
|
4
|
+
// src/Popover/PopoverContent.torp
|
|
5
|
+
import PopoverContent_default from "./PopoverContent.torp";
|
|
6
|
+
|
|
4
7
|
// src/Popover/PopoverContentAnchored.torp
|
|
5
8
|
import PopoverContentAnchored_default from "./PopoverContentAnchored.torp";
|
|
6
9
|
|
|
7
10
|
// src/Popover/PopoverContentContextual.torp
|
|
8
11
|
import PopoverContentContextual_default from "./PopoverContentContextual.torp";
|
|
9
12
|
|
|
10
|
-
// src/Popover/PopoverContentStatic.torp
|
|
11
|
-
import PopoverContentStatic_default from "./PopoverContentStatic.torp";
|
|
12
|
-
|
|
13
13
|
// src/Popover/PopoverOverlay.torp
|
|
14
14
|
import PopoverOverlay_default from "./PopoverOverlay.torp";
|
|
15
15
|
|
|
@@ -167,9 +167,9 @@ function showPopoverPrompt(popover, props, target) {
|
|
|
167
167
|
}
|
|
168
168
|
export {
|
|
169
169
|
Popover_default as Popover,
|
|
170
|
+
PopoverContent_default as PopoverContent,
|
|
170
171
|
PopoverContentAnchored_default as PopoverContentAnchored,
|
|
171
172
|
PopoverContentContextual_default as PopoverContentContextual,
|
|
172
|
-
PopoverContentStatic_default as PopoverContentStatic,
|
|
173
173
|
PopoverOverlay_default as PopoverOverlay,
|
|
174
174
|
PopoverTrigger_default as PopoverTrigger,
|
|
175
175
|
PopoverTriggerContextual_default as PopoverTriggerContextual,
|
|
@@ -47,6 +47,7 @@ export default function TabGroup($props: any) {
|
|
|
47
47
|
activation: $props.activation,
|
|
48
48
|
};
|
|
49
49
|
$context[TabGroupContextName] = context;
|
|
50
|
+
|
|
50
51
|
$run(() => {
|
|
51
52
|
// HACK: This should probably be done with setters?
|
|
52
53
|
let newValue = $props.value;
|
|
@@ -77,12 +78,12 @@ export default function TabGroup($props: any) {
|
|
|
77
78
|
}
|
|
78
79
|
});
|
|
79
80
|
|
|
80
|
-
//
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
// On mount, if no value was set, show the first tab content
|
|
82
|
+
$mount(() => {
|
|
83
|
+
if ($props.value === "" && itemStates.length) {
|
|
84
|
+
$props.value = itemStates[0].value;
|
|
85
|
+
}
|
|
86
|
+
});
|
|
86
87
|
|
|
87
88
|
function registerHeader(index: number | undefined, value: string | undefined, setFocused: () => void): ItemState {
|
|
88
89
|
// If an index wasn't set for the header, set it automatically
|
|
@@ -125,6 +126,8 @@ export default function TabGroup($props: any) {
|
|
|
125
126
|
const newItemState: ItemState = $watch({
|
|
126
127
|
index,
|
|
127
128
|
value,
|
|
129
|
+
// TODO: this would be better than using $mount, but it doesn't work with nested tabs
|
|
130
|
+
// active: value === $props.value || ($props.value === "" && index === 0),
|
|
128
131
|
active: value === $props.value,
|
|
129
132
|
headerId: "",
|
|
130
133
|
contentId: "",
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/motion/fade.ts":{"bytes":155,"imports":[],"format":"esm"},"src/motion.ts":{"bytes":52,"imports":[{"path":"src/motion/fade.ts","kind":"import-statement","original":"./motion/fade"}],"format":"esm"},"src/Accordion/Accordion.torp":{"bytes":5416,"imports":[]},"src/Accordion/AccordionContent.torp":{"bytes":1220,"imports":[]},"src/Accordion/AccordionHeader.torp":{"bytes":904,"imports":[]},"src/Accordion/AccordionItem.torp":{"bytes":2448,"imports":[]},"src/Accordion/AccordionTrigger.torp":{"bytes":1846,"imports":[]},"src/Accordion/index.ts":{"bytes":349,"imports":[{"path":"src/Accordion/Accordion.torp","kind":"import-statement","original":"./Accordion.torp"},{"path":"src/Accordion/AccordionContent.torp","kind":"import-statement","original":"./AccordionContent.torp"},{"path":"src/Accordion/AccordionHeader.torp","kind":"import-statement","original":"./AccordionHeader.torp"},{"path":"src/Accordion/AccordionItem.torp","kind":"import-statement","original":"./AccordionItem.torp"},{"path":"src/Accordion/AccordionTrigger.torp","kind":"import-statement","original":"./AccordionTrigger.torp"}],"format":"esm"},"src/Dialog/Dialog.torp":{"bytes":4423,"imports":[]},"src/Dialog/DialogBody.torp":{"bytes":971,"imports":[]},"src/Dialog/DialogButton.torp":{"bytes":1470,"imports":[]},"src/Dialog/DialogFooter.torp":{"bytes":261,"imports":[]},"src/Dialog/DialogHeader.torp":{"bytes":966,"imports":[]},"src/Dialog/index.ts":{"bytes":298,"imports":[{"path":"src/Dialog/Dialog.torp","kind":"import-statement","original":"./Dialog.torp"},{"path":"src/Dialog/DialogBody.torp","kind":"import-statement","original":"./DialogBody.torp"},{"path":"src/Dialog/DialogButton.torp","kind":"import-statement","original":"./DialogButton.torp"},{"path":"src/Dialog/DialogFooter.torp","kind":"import-statement","original":"./DialogFooter.torp"},{"path":"src/Dialog/DialogHeader.torp","kind":"import-statement","original":"./DialogHeader.torp"}],"format":"esm"},"src/NavMenu/NavMenu.torp":{"bytes":4116,"imports":[]},"src/NavMenu/NavMenuButton.torp":{"bytes":1238,"imports":[]},"src/NavMenu/NavMenuElement.torp":{"bytes":1222,"imports":[]},"src/NavMenu/NavMenuGroup.torp":{"bytes":717,"imports":[]},"src/NavMenu/NavMenuGroupHeader.torp":{"bytes":789,"imports":[]},"src/NavMenu/NavMenuLink.torp":{"bytes":1436,"imports":[]},"src/NavMenu/NavMenuPopout.torp":{"bytes":1477,"imports":[]},"src/NavMenu/NavMenuPopoutButton.torp":{"bytes":3119,"imports":[]},"src/NavMenu/NavMenuPopoutContent.torp":{"bytes":2398,"imports":[]},"src/NavMenu/NavMenuSeparator.torp":{"bytes":282,"imports":[]},"src/NavMenu/index.ts":{"bytes":712,"imports":[{"path":"src/NavMenu/NavMenu.torp","kind":"import-statement","original":"./NavMenu.torp"},{"path":"src/NavMenu/NavMenuButton.torp","kind":"import-statement","original":"./NavMenuButton.torp"},{"path":"src/NavMenu/NavMenuElement.torp","kind":"import-statement","original":"./NavMenuElement.torp"},{"path":"src/NavMenu/NavMenuGroup.torp","kind":"import-statement","original":"./NavMenuGroup.torp"},{"path":"src/NavMenu/NavMenuGroupHeader.torp","kind":"import-statement","original":"./NavMenuGroupHeader.torp"},{"path":"src/NavMenu/NavMenuLink.torp","kind":"import-statement","original":"./NavMenuLink.torp"},{"path":"src/NavMenu/NavMenuPopout.torp","kind":"import-statement","original":"./NavMenuPopout.torp"},{"path":"src/NavMenu/NavMenuPopoutButton.torp","kind":"import-statement","original":"./NavMenuPopoutButton.torp"},{"path":"src/NavMenu/NavMenuPopoutContent.torp","kind":"import-statement","original":"./NavMenuPopoutContent.torp"},{"path":"src/NavMenu/NavMenuSeparator.torp","kind":"import-statement","original":"./NavMenuSeparator.torp"}],"format":"esm"},"src/Popover/Popover.torp":{"bytes":2903,"imports":[]},"src/Popover/PopoverContentAnchored.torp":{"bytes":3306,"imports":[]},"src/Popover/PopoverContentContextual.torp":{"bytes":2993,"imports":[]},"src/Popover/PopoverContentStatic.torp":{"bytes":2152,"imports":[]},"src/Popover/PopoverOverlay.torp":{"bytes":862,"imports":[]},"src/Popover/PopoverTrigger.torp":{"bytes":700,"imports":[]},"src/Popover/PopoverTriggerContextual.torp":{"bytes":1188,"imports":[]},"src/Popover/PopoverTriggerHover.torp":{"bytes":814,"imports":[]},"src/Popover/showPopover.ts":{"bytes":866,"imports":[],"format":"esm"},"src/Popover/mountClickPopover.ts":{"bytes":1231,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/mountContextPopover.ts":{"bytes":1274,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/mount/hoverTrigger.ts":{"bytes":1885,"imports":[],"format":"esm"},"src/Popover/mountHoverPopover.ts":{"bytes":1727,"imports":[{"path":"src/mount/hoverTrigger.ts","kind":"import-statement","original":"../mount/hoverTrigger"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/showPopoverPrompt.ts":{"bytes":785,"imports":[],"format":"esm"},"src/Popover/index.ts":{"bytes":984,"imports":[{"path":"src/Popover/Popover.torp","kind":"import-statement","original":"./Popover.torp"},{"path":"src/Popover/PopoverContentAnchored.torp","kind":"import-statement","original":"./PopoverContentAnchored.torp"},{"path":"src/Popover/PopoverContentContextual.torp","kind":"import-statement","original":"./PopoverContentContextual.torp"},{"path":"src/Popover/PopoverContentStatic.torp","kind":"import-statement","original":"./PopoverContentStatic.torp"},{"path":"src/Popover/PopoverOverlay.torp","kind":"import-statement","original":"./PopoverOverlay.torp"},{"path":"src/Popover/PopoverTrigger.torp","kind":"import-statement","original":"./PopoverTrigger.torp"},{"path":"src/Popover/PopoverTriggerContextual.torp","kind":"import-statement","original":"./PopoverTriggerContextual.torp"},{"path":"src/Popover/PopoverTriggerHover.torp","kind":"import-statement","original":"./PopoverTriggerHover.torp"},{"path":"src/Popover/mountClickPopover.ts","kind":"import-statement","original":"./mountClickPopover"},{"path":"src/Popover/mountContextPopover.ts","kind":"import-statement","original":"./mountContextPopover"},{"path":"src/Popover/mountHoverPopover.ts","kind":"import-statement","original":"./mountHoverPopover"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"},{"path":"src/Popover/showPopoverPrompt.ts","kind":"import-statement","original":"./showPopoverPrompt"}],"format":"esm"},"src/TabGroup/TabContent.torp":{"bytes":1035,"imports":[]},"src/TabGroup/TabGroup.torp":{"bytes":5920,"imports":[]},"src/TabGroup/TabHeader.torp":{"bytes":1388,"imports":[]},"src/TabGroup/TabList.torp":{"bytes":1278,"imports":[]},"src/TabGroup/TabTrigger.torp":{"bytes":1912,"imports":[]},"src/TabGroup/index.ts":{"bytes":274,"imports":[{"path":"src/TabGroup/TabContent.torp","kind":"import-statement","original":"./TabContent.torp"},{"path":"src/TabGroup/TabGroup.torp","kind":"import-statement","original":"./TabGroup.torp"},{"path":"src/TabGroup/TabHeader.torp","kind":"import-statement","original":"./TabHeader.torp"},{"path":"src/TabGroup/TabList.torp","kind":"import-statement","original":"./TabList.torp"},{"path":"src/TabGroup/TabTrigger.torp","kind":"import-statement","original":"./TabTrigger.torp"}],"format":"esm"}},"outputs":{"dist/motion.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":487},"dist/motion.cjs":{"imports":[],"exports":[],"entryPoint":"src/motion.ts","inputs":{"src/motion.ts":{"bytesInOutput":130},"src/motion/fade.ts":{"bytesInOutput":92}},"bytes":1160},"dist/Accordion-QRVUJYO4.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/Accordion.torp":{"bytesInOutput":5416}},"bytes":5416},"dist/AccordionContent-N2MX55UP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionContent.torp":{"bytesInOutput":1220}},"bytes":1220},"dist/AccordionHeader-63PAFATF.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionHeader.torp":{"bytesInOutput":904}},"bytes":904},"dist/AccordionItem-OZM2RDTP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionItem.torp":{"bytesInOutput":2448}},"bytes":2448},"dist/AccordionTrigger-A2BNI4UL.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":1846}},"bytes":1846},"dist/Accordion/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":557},"dist/Accordion/index.cjs":{"imports":[{"path":"dist/Accordion-QRVUJYO4.torp","kind":"file-loader"},{"path":"dist/AccordionContent-N2MX55UP.torp","kind":"file-loader"},{"path":"dist/AccordionHeader-63PAFATF.torp","kind":"file-loader"},{"path":"dist/AccordionItem-OZM2RDTP.torp","kind":"file-loader"},{"path":"dist/AccordionTrigger-A2BNI4UL.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Accordion/index.ts","inputs":{"src/Accordion/index.ts":{"bytesInOutput":349},"src/Accordion/Accordion.torp":{"bytesInOutput":54},"src/Accordion/AccordionContent.torp":{"bytesInOutput":68},"src/Accordion/AccordionHeader.torp":{"bytesInOutput":66},"src/Accordion/AccordionItem.torp":{"bytesInOutput":62},"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":68}},"bytes":1861},"dist/Dialog-MXD6FCTC.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/Dialog.torp":{"bytesInOutput":4423}},"bytes":4423},"dist/DialogBody-AGHBYC75.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogBody.torp":{"bytesInOutput":971}},"bytes":971},"dist/DialogButton-RLATFTMQ.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogButton.torp":{"bytesInOutput":1470}},"bytes":1470},"dist/DialogFooter-RRRHATC4.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogFooter.torp":{"bytesInOutput":261}},"bytes":261},"dist/DialogHeader-SP44TBW2.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogHeader.torp":{"bytesInOutput":966}},"bytes":966},"dist/Dialog/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":503},"dist/Dialog/index.cjs":{"imports":[{"path":"dist/Dialog-MXD6FCTC.torp","kind":"file-loader"},{"path":"dist/DialogBody-AGHBYC75.torp","kind":"file-loader"},{"path":"dist/DialogButton-RLATFTMQ.torp","kind":"file-loader"},{"path":"dist/DialogFooter-RRRHATC4.torp","kind":"file-loader"},{"path":"dist/DialogHeader-SP44TBW2.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Dialog/index.ts","inputs":{"src/Dialog/index.ts":{"bytesInOutput":306},"src/Dialog/Dialog.torp":{"bytesInOutput":48},"src/Dialog/DialogBody.torp":{"bytesInOutput":56},"src/Dialog/DialogButton.torp":{"bytesInOutput":60},"src/Dialog/DialogFooter.torp":{"bytesInOutput":60},"src/Dialog/DialogHeader.torp":{"bytesInOutput":60}},"bytes":1732},"dist/NavMenu-UJCM4WXB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenu.torp":{"bytesInOutput":4116}},"bytes":4116},"dist/NavMenuButton-RMKLDWBU.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":1238}},"bytes":1238},"dist/NavMenuElement-PV4LVXYB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":1222}},"bytes":1222},"dist/NavMenuGroup-OMQVOQWO.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":717}},"bytes":717},"dist/NavMenuGroupHeader-AATDD4TU.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":789}},"bytes":789},"dist/NavMenuLink-NKOAOAKK.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":1436}},"bytes":1436},"dist/NavMenuPopout-XSEJCS65.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":1477}},"bytes":1477},"dist/NavMenuPopoutButton-54RVYQIZ.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":3119}},"bytes":3119},"dist/NavMenuPopoutContent-2PY5VBAN.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":2398}},"bytes":2398},"dist/NavMenuSeparator-4CEIKZRA.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":282}},"bytes":282},"dist/NavMenu/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":979},"dist/NavMenu/index.cjs":{"imports":[{"path":"dist/NavMenu-UJCM4WXB.torp","kind":"file-loader"},{"path":"dist/NavMenuButton-RMKLDWBU.torp","kind":"file-loader"},{"path":"dist/NavMenuElement-PV4LVXYB.torp","kind":"file-loader"},{"path":"dist/NavMenuGroup-OMQVOQWO.torp","kind":"file-loader"},{"path":"dist/NavMenuGroupHeader-AATDD4TU.torp","kind":"file-loader"},{"path":"dist/NavMenuLink-NKOAOAKK.torp","kind":"file-loader"},{"path":"dist/NavMenuPopout-XSEJCS65.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutButton-54RVYQIZ.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutContent-2PY5VBAN.torp","kind":"file-loader"},{"path":"dist/NavMenuSeparator-4CEIKZRA.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/NavMenu/index.ts","inputs":{"src/NavMenu/index.ts":{"bytesInOutput":591},"src/NavMenu/NavMenu.torp":{"bytesInOutput":50},"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":64},"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":60},"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":72},"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":58},"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":74},"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":76},"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":68}},"bytes":2697},"dist/Popover-YHGYEB4G.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/Popover.torp":{"bytesInOutput":2903}},"bytes":2903},"dist/PopoverContentAnchored-DS57DKKY.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":3306}},"bytes":3306},"dist/PopoverContentContextual-INQC2C2C.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":2993}},"bytes":2993},"dist/PopoverContentStatic-I7PGGQDK.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentStatic.torp":{"bytesInOutput":2152}},"bytes":2152},"dist/PopoverOverlay-LSEZJUMZ.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverOverlay.torp":{"bytesInOutput":862}},"bytes":862},"dist/PopoverTrigger-U7VM7RNB.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTrigger.torp":{"bytesInOutput":700}},"bytes":700},"dist/PopoverTriggerContextual-S32VBOKW.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":1188}},"bytes":1188},"dist/PopoverTriggerHover-YHR4DOTU.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":814}},"bytes":814},"dist/Popover/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12837},"dist/Popover/index.cjs":{"imports":[{"path":"dist/Popover-YHGYEB4G.torp","kind":"file-loader"},{"path":"dist/PopoverContentAnchored-DS57DKKY.torp","kind":"file-loader"},{"path":"dist/PopoverContentContextual-INQC2C2C.torp","kind":"file-loader"},{"path":"dist/PopoverContentStatic-I7PGGQDK.torp","kind":"file-loader"},{"path":"dist/PopoverOverlay-LSEZJUMZ.torp","kind":"file-loader"},{"path":"dist/PopoverTrigger-U7VM7RNB.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerContextual-S32VBOKW.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerHover-YHR4DOTU.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Popover/index.ts","inputs":{"src/Popover/index.ts":{"bytesInOutput":745},"src/Popover/Popover.torp":{"bytesInOutput":50},"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":80},"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverContentStatic.torp":{"bytesInOutput":76},"src/Popover/PopoverOverlay.torp":{"bytesInOutput":64},"src/Popover/PopoverTrigger.torp":{"bytesInOutput":64},"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":74},"src/Popover/showPopover.ts":{"bytesInOutput":190},"src/Popover/mountClickPopover.ts":{"bytesInOutput":566},"src/Popover/mountContextPopover.ts":{"bytesInOutput":580},"src/mount/hoverTrigger.ts":{"bytesInOutput":1345},"src/Popover/mountHoverPopover.ts":{"bytesInOutput":943},"src/Popover/showPopoverPrompt.ts":{"bytesInOutput":221}},"bytes":6873},"dist/TabContent-F2PXYZ4M.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabContent.torp":{"bytesInOutput":1035}},"bytes":1035},"dist/TabGroup-JFP4Z5EQ.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabGroup.torp":{"bytesInOutput":5920}},"bytes":5920},"dist/TabHeader-EBSLHWGA.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabHeader.torp":{"bytesInOutput":1388}},"bytes":1388},"dist/TabList-5U65GJ6Y.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabList.torp":{"bytesInOutput":1278}},"bytes":1278},"dist/TabTrigger-4QPQTTIR.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabTrigger.torp":{"bytesInOutput":1912}},"bytes":1912},"dist/TabGroup/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":481},"dist/TabGroup/index.cjs":{"imports":[{"path":"dist/TabContent-F2PXYZ4M.torp","kind":"file-loader"},{"path":"dist/TabGroup-JFP4Z5EQ.torp","kind":"file-loader"},{"path":"dist/TabHeader-EBSLHWGA.torp","kind":"file-loader"},{"path":"dist/TabList-5U65GJ6Y.torp","kind":"file-loader"},{"path":"dist/TabTrigger-4QPQTTIR.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/TabGroup/index.ts","inputs":{"src/TabGroup/index.ts":{"bytesInOutput":296},"src/TabGroup/TabContent.torp":{"bytesInOutput":56},"src/TabGroup/TabGroup.torp":{"bytesInOutput":52},"src/TabGroup/TabHeader.torp":{"bytesInOutput":54},"src/TabGroup/TabList.torp":{"bytesInOutput":50},"src/TabGroup/TabTrigger.torp":{"bytesInOutput":56}},"bytes":1702}}}
|
|
1
|
+
{"inputs":{"src/motion/fade.ts":{"bytes":155,"imports":[],"format":"esm"},"src/motion.ts":{"bytes":52,"imports":[{"path":"src/motion/fade.ts","kind":"import-statement","original":"./motion/fade"}],"format":"esm"},"src/Accordion/Accordion.torp":{"bytes":5416,"imports":[]},"src/Accordion/AccordionContent.torp":{"bytes":1220,"imports":[]},"src/Accordion/AccordionHeader.torp":{"bytes":904,"imports":[]},"src/Accordion/AccordionItem.torp":{"bytes":2448,"imports":[]},"src/Accordion/AccordionTrigger.torp":{"bytes":1846,"imports":[]},"src/Accordion/index.ts":{"bytes":349,"imports":[{"path":"src/Accordion/Accordion.torp","kind":"import-statement","original":"./Accordion.torp"},{"path":"src/Accordion/AccordionContent.torp","kind":"import-statement","original":"./AccordionContent.torp"},{"path":"src/Accordion/AccordionHeader.torp","kind":"import-statement","original":"./AccordionHeader.torp"},{"path":"src/Accordion/AccordionItem.torp","kind":"import-statement","original":"./AccordionItem.torp"},{"path":"src/Accordion/AccordionTrigger.torp","kind":"import-statement","original":"./AccordionTrigger.torp"}],"format":"esm"},"src/Dialog/Dialog.torp":{"bytes":4401,"imports":[]},"src/Dialog/DialogBody.torp":{"bytes":971,"imports":[]},"src/Dialog/DialogButton.torp":{"bytes":1470,"imports":[]},"src/Dialog/DialogFooter.torp":{"bytes":261,"imports":[]},"src/Dialog/DialogHeader.torp":{"bytes":966,"imports":[]},"src/Dialog/index.ts":{"bytes":298,"imports":[{"path":"src/Dialog/Dialog.torp","kind":"import-statement","original":"./Dialog.torp"},{"path":"src/Dialog/DialogBody.torp","kind":"import-statement","original":"./DialogBody.torp"},{"path":"src/Dialog/DialogButton.torp","kind":"import-statement","original":"./DialogButton.torp"},{"path":"src/Dialog/DialogFooter.torp","kind":"import-statement","original":"./DialogFooter.torp"},{"path":"src/Dialog/DialogHeader.torp","kind":"import-statement","original":"./DialogHeader.torp"}],"format":"esm"},"src/NavMenu/NavMenu.torp":{"bytes":4116,"imports":[]},"src/NavMenu/NavMenuButton.torp":{"bytes":1238,"imports":[]},"src/NavMenu/NavMenuElement.torp":{"bytes":1222,"imports":[]},"src/NavMenu/NavMenuGroup.torp":{"bytes":717,"imports":[]},"src/NavMenu/NavMenuGroupHeader.torp":{"bytes":788,"imports":[]},"src/NavMenu/NavMenuLink.torp":{"bytes":1436,"imports":[]},"src/NavMenu/NavMenuPopout.torp":{"bytes":1477,"imports":[]},"src/NavMenu/NavMenuPopoutButton.torp":{"bytes":3119,"imports":[]},"src/NavMenu/NavMenuPopoutContent.torp":{"bytes":2398,"imports":[]},"src/NavMenu/NavMenuSeparator.torp":{"bytes":282,"imports":[]},"src/NavMenu/index.ts":{"bytes":712,"imports":[{"path":"src/NavMenu/NavMenu.torp","kind":"import-statement","original":"./NavMenu.torp"},{"path":"src/NavMenu/NavMenuButton.torp","kind":"import-statement","original":"./NavMenuButton.torp"},{"path":"src/NavMenu/NavMenuElement.torp","kind":"import-statement","original":"./NavMenuElement.torp"},{"path":"src/NavMenu/NavMenuGroup.torp","kind":"import-statement","original":"./NavMenuGroup.torp"},{"path":"src/NavMenu/NavMenuGroupHeader.torp","kind":"import-statement","original":"./NavMenuGroupHeader.torp"},{"path":"src/NavMenu/NavMenuLink.torp","kind":"import-statement","original":"./NavMenuLink.torp"},{"path":"src/NavMenu/NavMenuPopout.torp","kind":"import-statement","original":"./NavMenuPopout.torp"},{"path":"src/NavMenu/NavMenuPopoutButton.torp","kind":"import-statement","original":"./NavMenuPopoutButton.torp"},{"path":"src/NavMenu/NavMenuPopoutContent.torp","kind":"import-statement","original":"./NavMenuPopoutContent.torp"},{"path":"src/NavMenu/NavMenuSeparator.torp","kind":"import-statement","original":"./NavMenuSeparator.torp"}],"format":"esm"},"src/Offscreen/Offscreen.torp":{"bytes":2122,"imports":[]},"src/Offscreen/index.ts":{"bytes":65,"imports":[{"path":"src/Offscreen/Offscreen.torp","kind":"import-statement","original":"./Offscreen.torp"}],"format":"esm"},"src/Popover/Popover.torp":{"bytes":2897,"imports":[]},"src/Popover/PopoverContent.torp":{"bytes":2133,"imports":[]},"src/Popover/PopoverContentAnchored.torp":{"bytes":3306,"imports":[]},"src/Popover/PopoverContentContextual.torp":{"bytes":3000,"imports":[]},"src/Popover/PopoverOverlay.torp":{"bytes":862,"imports":[]},"src/Popover/PopoverTrigger.torp":{"bytes":700,"imports":[]},"src/Popover/PopoverTriggerContextual.torp":{"bytes":1185,"imports":[]},"src/Popover/PopoverTriggerHover.torp":{"bytes":1166,"imports":[]},"src/Popover/showPopover.ts":{"bytes":866,"imports":[],"format":"esm"},"src/Popover/mountClickPopover.ts":{"bytes":1231,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/mountContextPopover.ts":{"bytes":1274,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/mount/hoverTrigger.ts":{"bytes":1885,"imports":[],"format":"esm"},"src/Popover/mountHoverPopover.ts":{"bytes":1727,"imports":[{"path":"src/mount/hoverTrigger.ts","kind":"import-statement","original":"../mount/hoverTrigger"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/showPopoverPrompt.ts":{"bytes":785,"imports":[],"format":"esm"},"src/Popover/index.ts":{"bytes":966,"imports":[{"path":"src/Popover/Popover.torp","kind":"import-statement","original":"./Popover.torp"},{"path":"src/Popover/PopoverContent.torp","kind":"import-statement","original":"./PopoverContent.torp"},{"path":"src/Popover/PopoverContentAnchored.torp","kind":"import-statement","original":"./PopoverContentAnchored.torp"},{"path":"src/Popover/PopoverContentContextual.torp","kind":"import-statement","original":"./PopoverContentContextual.torp"},{"path":"src/Popover/PopoverOverlay.torp","kind":"import-statement","original":"./PopoverOverlay.torp"},{"path":"src/Popover/PopoverTrigger.torp","kind":"import-statement","original":"./PopoverTrigger.torp"},{"path":"src/Popover/PopoverTriggerContextual.torp","kind":"import-statement","original":"./PopoverTriggerContextual.torp"},{"path":"src/Popover/PopoverTriggerHover.torp","kind":"import-statement","original":"./PopoverTriggerHover.torp"},{"path":"src/Popover/mountClickPopover.ts","kind":"import-statement","original":"./mountClickPopover"},{"path":"src/Popover/mountContextPopover.ts","kind":"import-statement","original":"./mountContextPopover"},{"path":"src/Popover/mountHoverPopover.ts","kind":"import-statement","original":"./mountHoverPopover"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"},{"path":"src/Popover/showPopoverPrompt.ts","kind":"import-statement","original":"./showPopoverPrompt"}],"format":"esm"},"src/TabGroup/TabContent.torp":{"bytes":1035,"imports":[]},"src/TabGroup/TabGroup.torp":{"bytes":6131,"imports":[]},"src/TabGroup/TabHeader.torp":{"bytes":1388,"imports":[]},"src/TabGroup/TabList.torp":{"bytes":1278,"imports":[]},"src/TabGroup/TabTrigger.torp":{"bytes":1912,"imports":[]},"src/TabGroup/index.ts":{"bytes":274,"imports":[{"path":"src/TabGroup/TabContent.torp","kind":"import-statement","original":"./TabContent.torp"},{"path":"src/TabGroup/TabGroup.torp","kind":"import-statement","original":"./TabGroup.torp"},{"path":"src/TabGroup/TabHeader.torp","kind":"import-statement","original":"./TabHeader.torp"},{"path":"src/TabGroup/TabList.torp","kind":"import-statement","original":"./TabList.torp"},{"path":"src/TabGroup/TabTrigger.torp","kind":"import-statement","original":"./TabTrigger.torp"}],"format":"esm"}},"outputs":{"dist/motion.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":487},"dist/motion.cjs":{"imports":[],"exports":[],"entryPoint":"src/motion.ts","inputs":{"src/motion.ts":{"bytesInOutput":130},"src/motion/fade.ts":{"bytesInOutput":92}},"bytes":1160},"dist/Accordion-QRVUJYO4.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/Accordion.torp":{"bytesInOutput":5416}},"bytes":5416},"dist/AccordionContent-N2MX55UP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionContent.torp":{"bytesInOutput":1220}},"bytes":1220},"dist/AccordionHeader-63PAFATF.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionHeader.torp":{"bytesInOutput":904}},"bytes":904},"dist/AccordionItem-OZM2RDTP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionItem.torp":{"bytesInOutput":2448}},"bytes":2448},"dist/AccordionTrigger-A2BNI4UL.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":1846}},"bytes":1846},"dist/Accordion/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":557},"dist/Accordion/index.cjs":{"imports":[{"path":"dist/Accordion-QRVUJYO4.torp","kind":"file-loader"},{"path":"dist/AccordionContent-N2MX55UP.torp","kind":"file-loader"},{"path":"dist/AccordionHeader-63PAFATF.torp","kind":"file-loader"},{"path":"dist/AccordionItem-OZM2RDTP.torp","kind":"file-loader"},{"path":"dist/AccordionTrigger-A2BNI4UL.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Accordion/index.ts","inputs":{"src/Accordion/index.ts":{"bytesInOutput":349},"src/Accordion/Accordion.torp":{"bytesInOutput":54},"src/Accordion/AccordionContent.torp":{"bytesInOutput":68},"src/Accordion/AccordionHeader.torp":{"bytesInOutput":66},"src/Accordion/AccordionItem.torp":{"bytesInOutput":62},"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":68}},"bytes":1861},"dist/Dialog-KK7N2VGU.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/Dialog.torp":{"bytesInOutput":4401}},"bytes":4401},"dist/DialogBody-AGHBYC75.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogBody.torp":{"bytesInOutput":971}},"bytes":971},"dist/DialogButton-RLATFTMQ.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogButton.torp":{"bytesInOutput":1470}},"bytes":1470},"dist/DialogFooter-RRRHATC4.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogFooter.torp":{"bytesInOutput":261}},"bytes":261},"dist/DialogHeader-SP44TBW2.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogHeader.torp":{"bytesInOutput":966}},"bytes":966},"dist/Dialog/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":503},"dist/Dialog/index.cjs":{"imports":[{"path":"dist/Dialog-KK7N2VGU.torp","kind":"file-loader"},{"path":"dist/DialogBody-AGHBYC75.torp","kind":"file-loader"},{"path":"dist/DialogButton-RLATFTMQ.torp","kind":"file-loader"},{"path":"dist/DialogFooter-RRRHATC4.torp","kind":"file-loader"},{"path":"dist/DialogHeader-SP44TBW2.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Dialog/index.ts","inputs":{"src/Dialog/index.ts":{"bytesInOutput":306},"src/Dialog/Dialog.torp":{"bytesInOutput":48},"src/Dialog/DialogBody.torp":{"bytesInOutput":56},"src/Dialog/DialogButton.torp":{"bytesInOutput":60},"src/Dialog/DialogFooter.torp":{"bytesInOutput":60},"src/Dialog/DialogHeader.torp":{"bytesInOutput":60}},"bytes":1732},"dist/NavMenu-UJCM4WXB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenu.torp":{"bytesInOutput":4116}},"bytes":4116},"dist/NavMenuButton-RMKLDWBU.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":1238}},"bytes":1238},"dist/NavMenuElement-PV4LVXYB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":1222}},"bytes":1222},"dist/NavMenuGroup-OMQVOQWO.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":717}},"bytes":717},"dist/NavMenuGroupHeader-RXEIHASR.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":788}},"bytes":788},"dist/NavMenuLink-NKOAOAKK.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":1436}},"bytes":1436},"dist/NavMenuPopout-XSEJCS65.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":1477}},"bytes":1477},"dist/NavMenuPopoutButton-54RVYQIZ.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":3119}},"bytes":3119},"dist/NavMenuPopoutContent-2PY5VBAN.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":2398}},"bytes":2398},"dist/NavMenuSeparator-4CEIKZRA.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":282}},"bytes":282},"dist/NavMenu/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":979},"dist/NavMenu/index.cjs":{"imports":[{"path":"dist/NavMenu-UJCM4WXB.torp","kind":"file-loader"},{"path":"dist/NavMenuButton-RMKLDWBU.torp","kind":"file-loader"},{"path":"dist/NavMenuElement-PV4LVXYB.torp","kind":"file-loader"},{"path":"dist/NavMenuGroup-OMQVOQWO.torp","kind":"file-loader"},{"path":"dist/NavMenuGroupHeader-RXEIHASR.torp","kind":"file-loader"},{"path":"dist/NavMenuLink-NKOAOAKK.torp","kind":"file-loader"},{"path":"dist/NavMenuPopout-XSEJCS65.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutButton-54RVYQIZ.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutContent-2PY5VBAN.torp","kind":"file-loader"},{"path":"dist/NavMenuSeparator-4CEIKZRA.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/NavMenu/index.ts","inputs":{"src/NavMenu/index.ts":{"bytesInOutput":591},"src/NavMenu/NavMenu.torp":{"bytesInOutput":50},"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":64},"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":60},"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":72},"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":58},"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":74},"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":76},"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":68}},"bytes":2697},"dist/Offscreen-5BV4JA5V.torp":{"imports":[],"exports":[],"inputs":{"src/Offscreen/Offscreen.torp":{"bytesInOutput":2122}},"bytes":2122},"dist/Offscreen/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":241},"dist/Offscreen/index.cjs":{"imports":[{"path":"dist/Offscreen-5BV4JA5V.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Offscreen/index.ts","inputs":{"src/Offscreen/index.ts":{"bytesInOutput":149},"src/Offscreen/Offscreen.torp":{"bytesInOutput":54}},"bytes":1165},"dist/Popover-C3SS6H3C.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/Popover.torp":{"bytesInOutput":2897}},"bytes":2897},"dist/PopoverContent-X7RBG3SC.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContent.torp":{"bytesInOutput":2133}},"bytes":2133},"dist/PopoverContentAnchored-2FJIJCLT.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":3306}},"bytes":3306},"dist/PopoverContentContextual-FUJN3IBU.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":3000}},"bytes":3000},"dist/PopoverOverlay-M5WMJM3Y.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverOverlay.torp":{"bytesInOutput":862}},"bytes":862},"dist/PopoverTrigger-U7VM7RNB.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTrigger.torp":{"bytesInOutput":700}},"bytes":700},"dist/PopoverTriggerContextual-LK5BBKGK.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":1185}},"bytes":1185},"dist/PopoverTriggerHover-WAFEDPKQ.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":1166}},"bytes":1166},"dist/Popover/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12819},"dist/Popover/index.cjs":{"imports":[{"path":"dist/Popover-C3SS6H3C.torp","kind":"file-loader"},{"path":"dist/PopoverContent-X7RBG3SC.torp","kind":"file-loader"},{"path":"dist/PopoverContentAnchored-2FJIJCLT.torp","kind":"file-loader"},{"path":"dist/PopoverContentContextual-FUJN3IBU.torp","kind":"file-loader"},{"path":"dist/PopoverOverlay-M5WMJM3Y.torp","kind":"file-loader"},{"path":"dist/PopoverTrigger-U7VM7RNB.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerContextual-LK5BBKGK.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerHover-WAFEDPKQ.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/Popover/index.ts","inputs":{"src/Popover/index.ts":{"bytesInOutput":733},"src/Popover/Popover.torp":{"bytesInOutput":50},"src/Popover/PopoverContent.torp":{"bytesInOutput":64},"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":80},"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverOverlay.torp":{"bytesInOutput":64},"src/Popover/PopoverTrigger.torp":{"bytesInOutput":64},"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":74},"src/Popover/showPopover.ts":{"bytesInOutput":190},"src/Popover/mountClickPopover.ts":{"bytesInOutput":566},"src/Popover/mountContextPopover.ts":{"bytesInOutput":580},"src/mount/hoverTrigger.ts":{"bytesInOutput":1345},"src/Popover/mountHoverPopover.ts":{"bytesInOutput":943},"src/Popover/showPopoverPrompt.ts":{"bytesInOutput":221}},"bytes":6837},"dist/TabContent-F2PXYZ4M.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabContent.torp":{"bytesInOutput":1035}},"bytes":1035},"dist/TabGroup-Q33VXDDX.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabGroup.torp":{"bytesInOutput":6131}},"bytes":6131},"dist/TabHeader-EBSLHWGA.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabHeader.torp":{"bytesInOutput":1388}},"bytes":1388},"dist/TabList-5U65GJ6Y.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabList.torp":{"bytesInOutput":1278}},"bytes":1278},"dist/TabTrigger-4QPQTTIR.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabTrigger.torp":{"bytesInOutput":1912}},"bytes":1912},"dist/TabGroup/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":481},"dist/TabGroup/index.cjs":{"imports":[{"path":"dist/TabContent-F2PXYZ4M.torp","kind":"file-loader"},{"path":"dist/TabGroup-Q33VXDDX.torp","kind":"file-loader"},{"path":"dist/TabHeader-EBSLHWGA.torp","kind":"file-loader"},{"path":"dist/TabList-5U65GJ6Y.torp","kind":"file-loader"},{"path":"dist/TabTrigger-4QPQTTIR.torp","kind":"file-loader"}],"exports":[],"entryPoint":"src/TabGroup/index.ts","inputs":{"src/TabGroup/index.ts":{"bytesInOutput":296},"src/TabGroup/TabContent.torp":{"bytesInOutput":56},"src/TabGroup/TabGroup.torp":{"bytesInOutput":52},"src/TabGroup/TabHeader.torp":{"bytesInOutput":54},"src/TabGroup/TabList.torp":{"bytesInOutput":50},"src/TabGroup/TabTrigger.torp":{"bytesInOutput":56}},"bytes":1702}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/motion/fade.ts":{"bytes":155,"imports":[],"format":"esm"},"src/motion.ts":{"bytes":52,"imports":[{"path":"src/motion/fade.ts","kind":"import-statement","original":"./motion/fade"}],"format":"esm"},"src/Accordion/Accordion.torp":{"bytes":5416,"imports":[]},"src/Accordion/AccordionContent.torp":{"bytes":1220,"imports":[]},"src/Accordion/AccordionHeader.torp":{"bytes":904,"imports":[]},"src/Accordion/AccordionItem.torp":{"bytes":2448,"imports":[]},"src/Accordion/AccordionTrigger.torp":{"bytes":1846,"imports":[]},"src/Accordion/index.ts":{"bytes":349,"imports":[{"path":"src/Accordion/Accordion.torp","kind":"import-statement","original":"./Accordion.torp"},{"path":"src/Accordion/AccordionContent.torp","kind":"import-statement","original":"./AccordionContent.torp"},{"path":"src/Accordion/AccordionHeader.torp","kind":"import-statement","original":"./AccordionHeader.torp"},{"path":"src/Accordion/AccordionItem.torp","kind":"import-statement","original":"./AccordionItem.torp"},{"path":"src/Accordion/AccordionTrigger.torp","kind":"import-statement","original":"./AccordionTrigger.torp"}],"format":"esm"},"src/Dialog/Dialog.torp":{"bytes":4423,"imports":[]},"src/Dialog/DialogBody.torp":{"bytes":971,"imports":[]},"src/Dialog/DialogButton.torp":{"bytes":1470,"imports":[]},"src/Dialog/DialogFooter.torp":{"bytes":261,"imports":[]},"src/Dialog/DialogHeader.torp":{"bytes":966,"imports":[]},"src/Dialog/index.ts":{"bytes":298,"imports":[{"path":"src/Dialog/Dialog.torp","kind":"import-statement","original":"./Dialog.torp"},{"path":"src/Dialog/DialogBody.torp","kind":"import-statement","original":"./DialogBody.torp"},{"path":"src/Dialog/DialogButton.torp","kind":"import-statement","original":"./DialogButton.torp"},{"path":"src/Dialog/DialogFooter.torp","kind":"import-statement","original":"./DialogFooter.torp"},{"path":"src/Dialog/DialogHeader.torp","kind":"import-statement","original":"./DialogHeader.torp"}],"format":"esm"},"src/NavMenu/NavMenu.torp":{"bytes":4116,"imports":[]},"src/NavMenu/NavMenuButton.torp":{"bytes":1238,"imports":[]},"src/NavMenu/NavMenuElement.torp":{"bytes":1222,"imports":[]},"src/NavMenu/NavMenuGroup.torp":{"bytes":717,"imports":[]},"src/NavMenu/NavMenuGroupHeader.torp":{"bytes":789,"imports":[]},"src/NavMenu/NavMenuLink.torp":{"bytes":1436,"imports":[]},"src/NavMenu/NavMenuPopout.torp":{"bytes":1477,"imports":[]},"src/NavMenu/NavMenuPopoutButton.torp":{"bytes":3119,"imports":[]},"src/NavMenu/NavMenuPopoutContent.torp":{"bytes":2398,"imports":[]},"src/NavMenu/NavMenuSeparator.torp":{"bytes":282,"imports":[]},"src/NavMenu/index.ts":{"bytes":712,"imports":[{"path":"src/NavMenu/NavMenu.torp","kind":"import-statement","original":"./NavMenu.torp"},{"path":"src/NavMenu/NavMenuButton.torp","kind":"import-statement","original":"./NavMenuButton.torp"},{"path":"src/NavMenu/NavMenuElement.torp","kind":"import-statement","original":"./NavMenuElement.torp"},{"path":"src/NavMenu/NavMenuGroup.torp","kind":"import-statement","original":"./NavMenuGroup.torp"},{"path":"src/NavMenu/NavMenuGroupHeader.torp","kind":"import-statement","original":"./NavMenuGroupHeader.torp"},{"path":"src/NavMenu/NavMenuLink.torp","kind":"import-statement","original":"./NavMenuLink.torp"},{"path":"src/NavMenu/NavMenuPopout.torp","kind":"import-statement","original":"./NavMenuPopout.torp"},{"path":"src/NavMenu/NavMenuPopoutButton.torp","kind":"import-statement","original":"./NavMenuPopoutButton.torp"},{"path":"src/NavMenu/NavMenuPopoutContent.torp","kind":"import-statement","original":"./NavMenuPopoutContent.torp"},{"path":"src/NavMenu/NavMenuSeparator.torp","kind":"import-statement","original":"./NavMenuSeparator.torp"}],"format":"esm"},"src/Popover/Popover.torp":{"bytes":2903,"imports":[]},"src/Popover/PopoverContentAnchored.torp":{"bytes":3306,"imports":[]},"src/Popover/PopoverContentContextual.torp":{"bytes":2993,"imports":[]},"src/Popover/PopoverContentStatic.torp":{"bytes":2152,"imports":[]},"src/Popover/PopoverOverlay.torp":{"bytes":862,"imports":[]},"src/Popover/PopoverTrigger.torp":{"bytes":700,"imports":[]},"src/Popover/PopoverTriggerContextual.torp":{"bytes":1188,"imports":[]},"src/Popover/PopoverTriggerHover.torp":{"bytes":814,"imports":[]},"src/Popover/showPopover.ts":{"bytes":866,"imports":[],"format":"esm"},"src/Popover/mountClickPopover.ts":{"bytes":1231,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/mountContextPopover.ts":{"bytes":1274,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/mount/hoverTrigger.ts":{"bytes":1885,"imports":[],"format":"esm"},"src/Popover/mountHoverPopover.ts":{"bytes":1727,"imports":[{"path":"src/mount/hoverTrigger.ts","kind":"import-statement","original":"../mount/hoverTrigger"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/showPopoverPrompt.ts":{"bytes":785,"imports":[],"format":"esm"},"src/Popover/index.ts":{"bytes":984,"imports":[{"path":"src/Popover/Popover.torp","kind":"import-statement","original":"./Popover.torp"},{"path":"src/Popover/PopoverContentAnchored.torp","kind":"import-statement","original":"./PopoverContentAnchored.torp"},{"path":"src/Popover/PopoverContentContextual.torp","kind":"import-statement","original":"./PopoverContentContextual.torp"},{"path":"src/Popover/PopoverContentStatic.torp","kind":"import-statement","original":"./PopoverContentStatic.torp"},{"path":"src/Popover/PopoverOverlay.torp","kind":"import-statement","original":"./PopoverOverlay.torp"},{"path":"src/Popover/PopoverTrigger.torp","kind":"import-statement","original":"./PopoverTrigger.torp"},{"path":"src/Popover/PopoverTriggerContextual.torp","kind":"import-statement","original":"./PopoverTriggerContextual.torp"},{"path":"src/Popover/PopoverTriggerHover.torp","kind":"import-statement","original":"./PopoverTriggerHover.torp"},{"path":"src/Popover/mountClickPopover.ts","kind":"import-statement","original":"./mountClickPopover"},{"path":"src/Popover/mountContextPopover.ts","kind":"import-statement","original":"./mountContextPopover"},{"path":"src/Popover/mountHoverPopover.ts","kind":"import-statement","original":"./mountHoverPopover"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"},{"path":"src/Popover/showPopoverPrompt.ts","kind":"import-statement","original":"./showPopoverPrompt"}],"format":"esm"},"src/TabGroup/TabContent.torp":{"bytes":1035,"imports":[]},"src/TabGroup/TabGroup.torp":{"bytes":5920,"imports":[]},"src/TabGroup/TabHeader.torp":{"bytes":1388,"imports":[]},"src/TabGroup/TabList.torp":{"bytes":1278,"imports":[]},"src/TabGroup/TabTrigger.torp":{"bytes":1912,"imports":[]},"src/TabGroup/index.ts":{"bytes":274,"imports":[{"path":"src/TabGroup/TabContent.torp","kind":"import-statement","original":"./TabContent.torp"},{"path":"src/TabGroup/TabGroup.torp","kind":"import-statement","original":"./TabGroup.torp"},{"path":"src/TabGroup/TabHeader.torp","kind":"import-statement","original":"./TabHeader.torp"},{"path":"src/TabGroup/TabList.torp","kind":"import-statement","original":"./TabList.torp"},{"path":"src/TabGroup/TabTrigger.torp","kind":"import-statement","original":"./TabTrigger.torp"}],"format":"esm"}},"outputs":{"dist/motion.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":360},"dist/motion.js":{"imports":[],"exports":["fade"],"entryPoint":"src/motion.ts","inputs":{"src/motion/fade.ts":{"bytesInOutput":92},"src/motion.ts":{"bytesInOutput":0}},"bytes":149},"dist/Accordion-QRVUJYO4.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/Accordion.torp":{"bytesInOutput":5416}},"bytes":5416},"dist/AccordionContent-N2MX55UP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionContent.torp":{"bytesInOutput":1220}},"bytes":1220},"dist/AccordionHeader-63PAFATF.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionHeader.torp":{"bytesInOutput":904}},"bytes":904},"dist/AccordionItem-OZM2RDTP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionItem.torp":{"bytesInOutput":2448}},"bytes":2448},"dist/AccordionTrigger-A2BNI4UL.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":1846}},"bytes":1846},"dist/Accordion/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/Accordion/index.js":{"imports":[{"path":"dist/Accordion-QRVUJYO4.torp","kind":"file-loader"},{"path":"dist/AccordionContent-N2MX55UP.torp","kind":"file-loader"},{"path":"dist/AccordionHeader-63PAFATF.torp","kind":"file-loader"},{"path":"dist/AccordionItem-OZM2RDTP.torp","kind":"file-loader"},{"path":"dist/AccordionTrigger-A2BNI4UL.torp","kind":"file-loader"}],"exports":["Accordion","AccordionContent","AccordionHeader","AccordionItem","AccordionTrigger"],"entryPoint":"src/Accordion/index.ts","inputs":{"src/Accordion/Accordion.torp":{"bytesInOutput":54},"src/Accordion/AccordionContent.torp":{"bytesInOutput":68},"src/Accordion/AccordionHeader.torp":{"bytesInOutput":66},"src/Accordion/AccordionItem.torp":{"bytesInOutput":62},"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":68},"src/Accordion/index.ts":{"bytesInOutput":0}},"bytes":735},"dist/Dialog-MXD6FCTC.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/Dialog.torp":{"bytesInOutput":4423}},"bytes":4423},"dist/DialogBody-AGHBYC75.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogBody.torp":{"bytesInOutput":971}},"bytes":971},"dist/DialogButton-RLATFTMQ.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogButton.torp":{"bytesInOutput":1470}},"bytes":1470},"dist/DialogFooter-RRRHATC4.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogFooter.torp":{"bytesInOutput":261}},"bytes":261},"dist/DialogHeader-SP44TBW2.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogHeader.torp":{"bytesInOutput":966}},"bytes":966},"dist/Dialog/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/Dialog/index.js":{"imports":[{"path":"dist/Dialog-MXD6FCTC.torp","kind":"file-loader"},{"path":"dist/DialogBody-AGHBYC75.torp","kind":"file-loader"},{"path":"dist/DialogButton-RLATFTMQ.torp","kind":"file-loader"},{"path":"dist/DialogFooter-RRRHATC4.torp","kind":"file-loader"},{"path":"dist/DialogHeader-SP44TBW2.torp","kind":"file-loader"}],"exports":["Dialog","DialogBody","DialogButton","DialogFooter","DialogHeader"],"entryPoint":"src/Dialog/index.ts","inputs":{"src/Dialog/Dialog.torp":{"bytesInOutput":48},"src/Dialog/DialogBody.torp":{"bytesInOutput":56},"src/Dialog/DialogButton.torp":{"bytesInOutput":60},"src/Dialog/DialogFooter.torp":{"bytesInOutput":60},"src/Dialog/DialogHeader.torp":{"bytesInOutput":60},"src/Dialog/index.ts":{"bytesInOutput":0}},"bytes":635},"dist/NavMenu-UJCM4WXB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenu.torp":{"bytesInOutput":4116}},"bytes":4116},"dist/NavMenuButton-RMKLDWBU.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":1238}},"bytes":1238},"dist/NavMenuElement-PV4LVXYB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":1222}},"bytes":1222},"dist/NavMenuGroup-OMQVOQWO.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":717}},"bytes":717},"dist/NavMenuGroupHeader-AATDD4TU.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":789}},"bytes":789},"dist/NavMenuLink-NKOAOAKK.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":1436}},"bytes":1436},"dist/NavMenuPopout-XSEJCS65.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":1477}},"bytes":1477},"dist/NavMenuPopoutButton-54RVYQIZ.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":3119}},"bytes":3119},"dist/NavMenuPopoutContent-2PY5VBAN.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":2398}},"bytes":2398},"dist/NavMenuSeparator-4CEIKZRA.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":282}},"bytes":282},"dist/NavMenu/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/NavMenu/index.js":{"imports":[{"path":"dist/NavMenu-UJCM4WXB.torp","kind":"file-loader"},{"path":"dist/NavMenuButton-RMKLDWBU.torp","kind":"file-loader"},{"path":"dist/NavMenuElement-PV4LVXYB.torp","kind":"file-loader"},{"path":"dist/NavMenuGroup-OMQVOQWO.torp","kind":"file-loader"},{"path":"dist/NavMenuGroupHeader-AATDD4TU.torp","kind":"file-loader"},{"path":"dist/NavMenuLink-NKOAOAKK.torp","kind":"file-loader"},{"path":"dist/NavMenuPopout-XSEJCS65.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutButton-54RVYQIZ.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutContent-2PY5VBAN.torp","kind":"file-loader"},{"path":"dist/NavMenuSeparator-4CEIKZRA.torp","kind":"file-loader"}],"exports":["NavMenu","NavMenuButton","NavMenuElement","NavMenuGroup","NavMenuGroupHeader","NavMenuLink","NavMenuPopout","NavMenuPopoutButton","NavMenuPopoutContent","NavMenuSeparator"],"entryPoint":"src/NavMenu/index.ts","inputs":{"src/NavMenu/NavMenu.torp":{"bytesInOutput":50},"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":64},"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":60},"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":72},"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":58},"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":74},"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":76},"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":68},"src/NavMenu/index.ts":{"bytesInOutput":0}},"bytes":1465},"dist/Popover-YHGYEB4G.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/Popover.torp":{"bytesInOutput":2903}},"bytes":2903},"dist/PopoverContentAnchored-DS57DKKY.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":3306}},"bytes":3306},"dist/PopoverContentContextual-INQC2C2C.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":2993}},"bytes":2993},"dist/PopoverContentStatic-I7PGGQDK.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentStatic.torp":{"bytesInOutput":2152}},"bytes":2152},"dist/PopoverOverlay-LSEZJUMZ.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverOverlay.torp":{"bytesInOutput":862}},"bytes":862},"dist/PopoverTrigger-U7VM7RNB.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTrigger.torp":{"bytesInOutput":700}},"bytes":700},"dist/PopoverTriggerContextual-S32VBOKW.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":1188}},"bytes":1188},"dist/PopoverTriggerHover-YHR4DOTU.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":814}},"bytes":814},"dist/Popover/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":11644},"dist/Popover/index.js":{"imports":[{"path":"dist/Popover-YHGYEB4G.torp","kind":"file-loader"},{"path":"dist/PopoverContentAnchored-DS57DKKY.torp","kind":"file-loader"},{"path":"dist/PopoverContentContextual-INQC2C2C.torp","kind":"file-loader"},{"path":"dist/PopoverContentStatic-I7PGGQDK.torp","kind":"file-loader"},{"path":"dist/PopoverOverlay-LSEZJUMZ.torp","kind":"file-loader"},{"path":"dist/PopoverTrigger-U7VM7RNB.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerContextual-S32VBOKW.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerHover-YHR4DOTU.torp","kind":"file-loader"}],"exports":["Popover","PopoverContentAnchored","PopoverContentContextual","PopoverContentStatic","PopoverOverlay","PopoverTrigger","PopoverTriggerContextual","PopoverTriggerHover","clickPopover","contextPopover","hoverPopover","showPopover","showPopoverPrompt"],"entryPoint":"src/Popover/index.ts","inputs":{"src/Popover/Popover.torp":{"bytesInOutput":50},"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":80},"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverContentStatic.torp":{"bytesInOutput":76},"src/Popover/PopoverOverlay.torp":{"bytesInOutput":64},"src/Popover/PopoverTrigger.torp":{"bytesInOutput":64},"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":74},"src/Popover/showPopover.ts":{"bytesInOutput":190},"src/Popover/mountClickPopover.ts":{"bytesInOutput":566},"src/Popover/mountContextPopover.ts":{"bytesInOutput":580},"src/mount/hoverTrigger.ts":{"bytesInOutput":1345},"src/Popover/mountHoverPopover.ts":{"bytesInOutput":943},"src/Popover/showPopoverPrompt.ts":{"bytesInOutput":221},"src/Popover/index.ts":{"bytesInOutput":0}},"bytes":5464},"dist/TabContent-F2PXYZ4M.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabContent.torp":{"bytesInOutput":1035}},"bytes":1035},"dist/TabGroup-JFP4Z5EQ.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabGroup.torp":{"bytesInOutput":5920}},"bytes":5920},"dist/TabHeader-EBSLHWGA.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabHeader.torp":{"bytesInOutput":1388}},"bytes":1388},"dist/TabList-5U65GJ6Y.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabList.torp":{"bytesInOutput":1278}},"bytes":1278},"dist/TabTrigger-4QPQTTIR.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabTrigger.torp":{"bytesInOutput":1912}},"bytes":1912},"dist/TabGroup/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/TabGroup/index.js":{"imports":[{"path":"dist/TabContent-F2PXYZ4M.torp","kind":"file-loader"},{"path":"dist/TabGroup-JFP4Z5EQ.torp","kind":"file-loader"},{"path":"dist/TabHeader-EBSLHWGA.torp","kind":"file-loader"},{"path":"dist/TabList-5U65GJ6Y.torp","kind":"file-loader"},{"path":"dist/TabTrigger-4QPQTTIR.torp","kind":"file-loader"}],"exports":["TabContent","TabGroup","TabHeader","TabList","TabTrigger"],"entryPoint":"src/TabGroup/index.ts","inputs":{"src/TabGroup/TabContent.torp":{"bytesInOutput":56},"src/TabGroup/TabGroup.torp":{"bytesInOutput":52},"src/TabGroup/TabHeader.torp":{"bytesInOutput":54},"src/TabGroup/TabList.torp":{"bytesInOutput":50},"src/TabGroup/TabTrigger.torp":{"bytesInOutput":56},"src/TabGroup/index.ts":{"bytesInOutput":0}},"bytes":605}}}
|
|
1
|
+
{"inputs":{"src/motion/fade.ts":{"bytes":155,"imports":[],"format":"esm"},"src/motion.ts":{"bytes":52,"imports":[{"path":"src/motion/fade.ts","kind":"import-statement","original":"./motion/fade"}],"format":"esm"},"src/Accordion/Accordion.torp":{"bytes":5416,"imports":[]},"src/Accordion/AccordionContent.torp":{"bytes":1220,"imports":[]},"src/Accordion/AccordionHeader.torp":{"bytes":904,"imports":[]},"src/Accordion/AccordionItem.torp":{"bytes":2448,"imports":[]},"src/Accordion/AccordionTrigger.torp":{"bytes":1846,"imports":[]},"src/Accordion/index.ts":{"bytes":349,"imports":[{"path":"src/Accordion/Accordion.torp","kind":"import-statement","original":"./Accordion.torp"},{"path":"src/Accordion/AccordionContent.torp","kind":"import-statement","original":"./AccordionContent.torp"},{"path":"src/Accordion/AccordionHeader.torp","kind":"import-statement","original":"./AccordionHeader.torp"},{"path":"src/Accordion/AccordionItem.torp","kind":"import-statement","original":"./AccordionItem.torp"},{"path":"src/Accordion/AccordionTrigger.torp","kind":"import-statement","original":"./AccordionTrigger.torp"}],"format":"esm"},"src/Dialog/Dialog.torp":{"bytes":4401,"imports":[]},"src/Dialog/DialogBody.torp":{"bytes":971,"imports":[]},"src/Dialog/DialogButton.torp":{"bytes":1470,"imports":[]},"src/Dialog/DialogFooter.torp":{"bytes":261,"imports":[]},"src/Dialog/DialogHeader.torp":{"bytes":966,"imports":[]},"src/Dialog/index.ts":{"bytes":298,"imports":[{"path":"src/Dialog/Dialog.torp","kind":"import-statement","original":"./Dialog.torp"},{"path":"src/Dialog/DialogBody.torp","kind":"import-statement","original":"./DialogBody.torp"},{"path":"src/Dialog/DialogButton.torp","kind":"import-statement","original":"./DialogButton.torp"},{"path":"src/Dialog/DialogFooter.torp","kind":"import-statement","original":"./DialogFooter.torp"},{"path":"src/Dialog/DialogHeader.torp","kind":"import-statement","original":"./DialogHeader.torp"}],"format":"esm"},"src/NavMenu/NavMenu.torp":{"bytes":4116,"imports":[]},"src/NavMenu/NavMenuButton.torp":{"bytes":1238,"imports":[]},"src/NavMenu/NavMenuElement.torp":{"bytes":1222,"imports":[]},"src/NavMenu/NavMenuGroup.torp":{"bytes":717,"imports":[]},"src/NavMenu/NavMenuGroupHeader.torp":{"bytes":788,"imports":[]},"src/NavMenu/NavMenuLink.torp":{"bytes":1436,"imports":[]},"src/NavMenu/NavMenuPopout.torp":{"bytes":1477,"imports":[]},"src/NavMenu/NavMenuPopoutButton.torp":{"bytes":3119,"imports":[]},"src/NavMenu/NavMenuPopoutContent.torp":{"bytes":2398,"imports":[]},"src/NavMenu/NavMenuSeparator.torp":{"bytes":282,"imports":[]},"src/NavMenu/index.ts":{"bytes":712,"imports":[{"path":"src/NavMenu/NavMenu.torp","kind":"import-statement","original":"./NavMenu.torp"},{"path":"src/NavMenu/NavMenuButton.torp","kind":"import-statement","original":"./NavMenuButton.torp"},{"path":"src/NavMenu/NavMenuElement.torp","kind":"import-statement","original":"./NavMenuElement.torp"},{"path":"src/NavMenu/NavMenuGroup.torp","kind":"import-statement","original":"./NavMenuGroup.torp"},{"path":"src/NavMenu/NavMenuGroupHeader.torp","kind":"import-statement","original":"./NavMenuGroupHeader.torp"},{"path":"src/NavMenu/NavMenuLink.torp","kind":"import-statement","original":"./NavMenuLink.torp"},{"path":"src/NavMenu/NavMenuPopout.torp","kind":"import-statement","original":"./NavMenuPopout.torp"},{"path":"src/NavMenu/NavMenuPopoutButton.torp","kind":"import-statement","original":"./NavMenuPopoutButton.torp"},{"path":"src/NavMenu/NavMenuPopoutContent.torp","kind":"import-statement","original":"./NavMenuPopoutContent.torp"},{"path":"src/NavMenu/NavMenuSeparator.torp","kind":"import-statement","original":"./NavMenuSeparator.torp"}],"format":"esm"},"src/Offscreen/Offscreen.torp":{"bytes":2122,"imports":[]},"src/Offscreen/index.ts":{"bytes":65,"imports":[{"path":"src/Offscreen/Offscreen.torp","kind":"import-statement","original":"./Offscreen.torp"}],"format":"esm"},"src/Popover/Popover.torp":{"bytes":2897,"imports":[]},"src/Popover/PopoverContent.torp":{"bytes":2133,"imports":[]},"src/Popover/PopoverContentAnchored.torp":{"bytes":3306,"imports":[]},"src/Popover/PopoverContentContextual.torp":{"bytes":3000,"imports":[]},"src/Popover/PopoverOverlay.torp":{"bytes":862,"imports":[]},"src/Popover/PopoverTrigger.torp":{"bytes":700,"imports":[]},"src/Popover/PopoverTriggerContextual.torp":{"bytes":1185,"imports":[]},"src/Popover/PopoverTriggerHover.torp":{"bytes":1166,"imports":[]},"src/Popover/showPopover.ts":{"bytes":866,"imports":[],"format":"esm"},"src/Popover/mountClickPopover.ts":{"bytes":1231,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/mountContextPopover.ts":{"bytes":1274,"imports":[{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/mount/hoverTrigger.ts":{"bytes":1885,"imports":[],"format":"esm"},"src/Popover/mountHoverPopover.ts":{"bytes":1727,"imports":[{"path":"src/mount/hoverTrigger.ts","kind":"import-statement","original":"../mount/hoverTrigger"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"}],"format":"esm"},"src/Popover/showPopoverPrompt.ts":{"bytes":785,"imports":[],"format":"esm"},"src/Popover/index.ts":{"bytes":966,"imports":[{"path":"src/Popover/Popover.torp","kind":"import-statement","original":"./Popover.torp"},{"path":"src/Popover/PopoverContent.torp","kind":"import-statement","original":"./PopoverContent.torp"},{"path":"src/Popover/PopoverContentAnchored.torp","kind":"import-statement","original":"./PopoverContentAnchored.torp"},{"path":"src/Popover/PopoverContentContextual.torp","kind":"import-statement","original":"./PopoverContentContextual.torp"},{"path":"src/Popover/PopoverOverlay.torp","kind":"import-statement","original":"./PopoverOverlay.torp"},{"path":"src/Popover/PopoverTrigger.torp","kind":"import-statement","original":"./PopoverTrigger.torp"},{"path":"src/Popover/PopoverTriggerContextual.torp","kind":"import-statement","original":"./PopoverTriggerContextual.torp"},{"path":"src/Popover/PopoverTriggerHover.torp","kind":"import-statement","original":"./PopoverTriggerHover.torp"},{"path":"src/Popover/mountClickPopover.ts","kind":"import-statement","original":"./mountClickPopover"},{"path":"src/Popover/mountContextPopover.ts","kind":"import-statement","original":"./mountContextPopover"},{"path":"src/Popover/mountHoverPopover.ts","kind":"import-statement","original":"./mountHoverPopover"},{"path":"src/Popover/showPopover.ts","kind":"import-statement","original":"./showPopover"},{"path":"src/Popover/showPopoverPrompt.ts","kind":"import-statement","original":"./showPopoverPrompt"}],"format":"esm"},"src/TabGroup/TabContent.torp":{"bytes":1035,"imports":[]},"src/TabGroup/TabGroup.torp":{"bytes":6131,"imports":[]},"src/TabGroup/TabHeader.torp":{"bytes":1388,"imports":[]},"src/TabGroup/TabList.torp":{"bytes":1278,"imports":[]},"src/TabGroup/TabTrigger.torp":{"bytes":1912,"imports":[]},"src/TabGroup/index.ts":{"bytes":274,"imports":[{"path":"src/TabGroup/TabContent.torp","kind":"import-statement","original":"./TabContent.torp"},{"path":"src/TabGroup/TabGroup.torp","kind":"import-statement","original":"./TabGroup.torp"},{"path":"src/TabGroup/TabHeader.torp","kind":"import-statement","original":"./TabHeader.torp"},{"path":"src/TabGroup/TabList.torp","kind":"import-statement","original":"./TabList.torp"},{"path":"src/TabGroup/TabTrigger.torp","kind":"import-statement","original":"./TabTrigger.torp"}],"format":"esm"}},"outputs":{"dist/motion.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":360},"dist/motion.js":{"imports":[],"exports":["fade"],"entryPoint":"src/motion.ts","inputs":{"src/motion/fade.ts":{"bytesInOutput":92},"src/motion.ts":{"bytesInOutput":0}},"bytes":149},"dist/Accordion-QRVUJYO4.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/Accordion.torp":{"bytesInOutput":5416}},"bytes":5416},"dist/AccordionContent-N2MX55UP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionContent.torp":{"bytesInOutput":1220}},"bytes":1220},"dist/AccordionHeader-63PAFATF.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionHeader.torp":{"bytesInOutput":904}},"bytes":904},"dist/AccordionItem-OZM2RDTP.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionItem.torp":{"bytesInOutput":2448}},"bytes":2448},"dist/AccordionTrigger-A2BNI4UL.torp":{"imports":[],"exports":[],"inputs":{"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":1846}},"bytes":1846},"dist/Accordion/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/Accordion/index.js":{"imports":[{"path":"dist/Accordion-QRVUJYO4.torp","kind":"file-loader"},{"path":"dist/AccordionContent-N2MX55UP.torp","kind":"file-loader"},{"path":"dist/AccordionHeader-63PAFATF.torp","kind":"file-loader"},{"path":"dist/AccordionItem-OZM2RDTP.torp","kind":"file-loader"},{"path":"dist/AccordionTrigger-A2BNI4UL.torp","kind":"file-loader"}],"exports":["Accordion","AccordionContent","AccordionHeader","AccordionItem","AccordionTrigger"],"entryPoint":"src/Accordion/index.ts","inputs":{"src/Accordion/Accordion.torp":{"bytesInOutput":54},"src/Accordion/AccordionContent.torp":{"bytesInOutput":68},"src/Accordion/AccordionHeader.torp":{"bytesInOutput":66},"src/Accordion/AccordionItem.torp":{"bytesInOutput":62},"src/Accordion/AccordionTrigger.torp":{"bytesInOutput":68},"src/Accordion/index.ts":{"bytesInOutput":0}},"bytes":735},"dist/Dialog-KK7N2VGU.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/Dialog.torp":{"bytesInOutput":4401}},"bytes":4401},"dist/DialogBody-AGHBYC75.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogBody.torp":{"bytesInOutput":971}},"bytes":971},"dist/DialogButton-RLATFTMQ.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogButton.torp":{"bytesInOutput":1470}},"bytes":1470},"dist/DialogFooter-RRRHATC4.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogFooter.torp":{"bytesInOutput":261}},"bytes":261},"dist/DialogHeader-SP44TBW2.torp":{"imports":[],"exports":[],"inputs":{"src/Dialog/DialogHeader.torp":{"bytesInOutput":966}},"bytes":966},"dist/Dialog/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/Dialog/index.js":{"imports":[{"path":"dist/Dialog-KK7N2VGU.torp","kind":"file-loader"},{"path":"dist/DialogBody-AGHBYC75.torp","kind":"file-loader"},{"path":"dist/DialogButton-RLATFTMQ.torp","kind":"file-loader"},{"path":"dist/DialogFooter-RRRHATC4.torp","kind":"file-loader"},{"path":"dist/DialogHeader-SP44TBW2.torp","kind":"file-loader"}],"exports":["Dialog","DialogBody","DialogButton","DialogFooter","DialogHeader"],"entryPoint":"src/Dialog/index.ts","inputs":{"src/Dialog/Dialog.torp":{"bytesInOutput":48},"src/Dialog/DialogBody.torp":{"bytesInOutput":56},"src/Dialog/DialogButton.torp":{"bytesInOutput":60},"src/Dialog/DialogFooter.torp":{"bytesInOutput":60},"src/Dialog/DialogHeader.torp":{"bytesInOutput":60},"src/Dialog/index.ts":{"bytesInOutput":0}},"bytes":635},"dist/NavMenu-UJCM4WXB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenu.torp":{"bytesInOutput":4116}},"bytes":4116},"dist/NavMenuButton-RMKLDWBU.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":1238}},"bytes":1238},"dist/NavMenuElement-PV4LVXYB.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":1222}},"bytes":1222},"dist/NavMenuGroup-OMQVOQWO.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":717}},"bytes":717},"dist/NavMenuGroupHeader-RXEIHASR.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":788}},"bytes":788},"dist/NavMenuLink-NKOAOAKK.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":1436}},"bytes":1436},"dist/NavMenuPopout-XSEJCS65.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":1477}},"bytes":1477},"dist/NavMenuPopoutButton-54RVYQIZ.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":3119}},"bytes":3119},"dist/NavMenuPopoutContent-2PY5VBAN.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":2398}},"bytes":2398},"dist/NavMenuSeparator-4CEIKZRA.torp":{"imports":[],"exports":[],"inputs":{"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":282}},"bytes":282},"dist/NavMenu/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/NavMenu/index.js":{"imports":[{"path":"dist/NavMenu-UJCM4WXB.torp","kind":"file-loader"},{"path":"dist/NavMenuButton-RMKLDWBU.torp","kind":"file-loader"},{"path":"dist/NavMenuElement-PV4LVXYB.torp","kind":"file-loader"},{"path":"dist/NavMenuGroup-OMQVOQWO.torp","kind":"file-loader"},{"path":"dist/NavMenuGroupHeader-RXEIHASR.torp","kind":"file-loader"},{"path":"dist/NavMenuLink-NKOAOAKK.torp","kind":"file-loader"},{"path":"dist/NavMenuPopout-XSEJCS65.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutButton-54RVYQIZ.torp","kind":"file-loader"},{"path":"dist/NavMenuPopoutContent-2PY5VBAN.torp","kind":"file-loader"},{"path":"dist/NavMenuSeparator-4CEIKZRA.torp","kind":"file-loader"}],"exports":["NavMenu","NavMenuButton","NavMenuElement","NavMenuGroup","NavMenuGroupHeader","NavMenuLink","NavMenuPopout","NavMenuPopoutButton","NavMenuPopoutContent","NavMenuSeparator"],"entryPoint":"src/NavMenu/index.ts","inputs":{"src/NavMenu/NavMenu.torp":{"bytesInOutput":50},"src/NavMenu/NavMenuButton.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuElement.torp":{"bytesInOutput":64},"src/NavMenu/NavMenuGroup.torp":{"bytesInOutput":60},"src/NavMenu/NavMenuGroupHeader.torp":{"bytesInOutput":72},"src/NavMenu/NavMenuLink.torp":{"bytesInOutput":58},"src/NavMenu/NavMenuPopout.torp":{"bytesInOutput":62},"src/NavMenu/NavMenuPopoutButton.torp":{"bytesInOutput":74},"src/NavMenu/NavMenuPopoutContent.torp":{"bytesInOutput":76},"src/NavMenu/NavMenuSeparator.torp":{"bytesInOutput":68},"src/NavMenu/index.ts":{"bytesInOutput":0}},"bytes":1465},"dist/Offscreen-5BV4JA5V.torp":{"imports":[],"exports":[],"inputs":{"src/Offscreen/Offscreen.torp":{"bytesInOutput":2122}},"bytes":2122},"dist/Offscreen/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/Offscreen/index.js":{"imports":[{"path":"dist/Offscreen-5BV4JA5V.torp","kind":"file-loader"}],"exports":["Offscreen"],"entryPoint":"src/Offscreen/index.ts","inputs":{"src/Offscreen/Offscreen.torp":{"bytesInOutput":54},"src/Offscreen/index.ts":{"bytesInOutput":0}},"bytes":131},"dist/Popover-C3SS6H3C.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/Popover.torp":{"bytesInOutput":2897}},"bytes":2897},"dist/PopoverContent-X7RBG3SC.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContent.torp":{"bytesInOutput":2133}},"bytes":2133},"dist/PopoverContentAnchored-2FJIJCLT.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":3306}},"bytes":3306},"dist/PopoverContentContextual-FUJN3IBU.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":3000}},"bytes":3000},"dist/PopoverOverlay-M5WMJM3Y.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverOverlay.torp":{"bytesInOutput":862}},"bytes":862},"dist/PopoverTrigger-U7VM7RNB.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTrigger.torp":{"bytesInOutput":700}},"bytes":700},"dist/PopoverTriggerContextual-LK5BBKGK.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":1185}},"bytes":1185},"dist/PopoverTriggerHover-WAFEDPKQ.torp":{"imports":[],"exports":[],"inputs":{"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":1166}},"bytes":1166},"dist/Popover/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":11644},"dist/Popover/index.js":{"imports":[{"path":"dist/Popover-C3SS6H3C.torp","kind":"file-loader"},{"path":"dist/PopoverContent-X7RBG3SC.torp","kind":"file-loader"},{"path":"dist/PopoverContentAnchored-2FJIJCLT.torp","kind":"file-loader"},{"path":"dist/PopoverContentContextual-FUJN3IBU.torp","kind":"file-loader"},{"path":"dist/PopoverOverlay-M5WMJM3Y.torp","kind":"file-loader"},{"path":"dist/PopoverTrigger-U7VM7RNB.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerContextual-LK5BBKGK.torp","kind":"file-loader"},{"path":"dist/PopoverTriggerHover-WAFEDPKQ.torp","kind":"file-loader"}],"exports":["Popover","PopoverContent","PopoverContentAnchored","PopoverContentContextual","PopoverOverlay","PopoverTrigger","PopoverTriggerContextual","PopoverTriggerHover","clickPopover","contextPopover","hoverPopover","showPopover","showPopoverPrompt"],"entryPoint":"src/Popover/index.ts","inputs":{"src/Popover/Popover.torp":{"bytesInOutput":50},"src/Popover/PopoverContent.torp":{"bytesInOutput":64},"src/Popover/PopoverContentAnchored.torp":{"bytesInOutput":80},"src/Popover/PopoverContentContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverOverlay.torp":{"bytesInOutput":64},"src/Popover/PopoverTrigger.torp":{"bytesInOutput":64},"src/Popover/PopoverTriggerContextual.torp":{"bytesInOutput":84},"src/Popover/PopoverTriggerHover.torp":{"bytesInOutput":74},"src/Popover/showPopover.ts":{"bytesInOutput":190},"src/Popover/mountClickPopover.ts":{"bytesInOutput":566},"src/Popover/mountContextPopover.ts":{"bytesInOutput":580},"src/mount/hoverTrigger.ts":{"bytesInOutput":1345},"src/Popover/mountHoverPopover.ts":{"bytesInOutput":943},"src/Popover/showPopoverPrompt.ts":{"bytesInOutput":221},"src/Popover/index.ts":{"bytesInOutput":0}},"bytes":5434},"dist/TabContent-F2PXYZ4M.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabContent.torp":{"bytesInOutput":1035}},"bytes":1035},"dist/TabGroup-Q33VXDDX.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabGroup.torp":{"bytesInOutput":6131}},"bytes":6131},"dist/TabHeader-EBSLHWGA.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabHeader.torp":{"bytesInOutput":1388}},"bytes":1388},"dist/TabList-5U65GJ6Y.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabList.torp":{"bytesInOutput":1278}},"bytes":1278},"dist/TabTrigger-4QPQTTIR.torp":{"imports":[],"exports":[],"inputs":{"src/TabGroup/TabTrigger.torp":{"bytesInOutput":1912}},"bytes":1912},"dist/TabGroup/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/TabGroup/index.js":{"imports":[{"path":"dist/TabContent-F2PXYZ4M.torp","kind":"file-loader"},{"path":"dist/TabGroup-Q33VXDDX.torp","kind":"file-loader"},{"path":"dist/TabHeader-EBSLHWGA.torp","kind":"file-loader"},{"path":"dist/TabList-5U65GJ6Y.torp","kind":"file-loader"},{"path":"dist/TabTrigger-4QPQTTIR.torp","kind":"file-loader"}],"exports":["TabContent","TabGroup","TabHeader","TabList","TabTrigger"],"entryPoint":"src/TabGroup/index.ts","inputs":{"src/TabGroup/TabContent.torp":{"bytesInOutput":56},"src/TabGroup/TabGroup.torp":{"bytesInOutput":52},"src/TabGroup/TabHeader.torp":{"bytesInOutput":54},"src/TabGroup/TabList.torp":{"bytesInOutput":50},"src/TabGroup/TabTrigger.torp":{"bytesInOutput":56},"src/TabGroup/index.ts":{"bytesInOutput":0}},"bytes":605}}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@torpor/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Accessible, unstyled components for use in your Torpor front-end",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -22,6 +22,11 @@
|
|
|
22
22
|
"import": "./dist/NavMenu/index.js",
|
|
23
23
|
"require": "./dist/NavMenu/index.cjs"
|
|
24
24
|
},
|
|
25
|
+
"./Offscreen": {
|
|
26
|
+
"types": "./dist/Offscreen/index.d.ts",
|
|
27
|
+
"import": "./dist/Offscreen/index.js",
|
|
28
|
+
"require": "./dist/Offscreen/index.cjs"
|
|
29
|
+
},
|
|
25
30
|
"./Popover": {
|
|
26
31
|
"types": "./dist/Popover/index.d.ts",
|
|
27
32
|
"import": "./dist/Popover/index.js",
|
|
@@ -50,18 +55,18 @@
|
|
|
50
55
|
"@testing-library/user-event": "^14.6.1",
|
|
51
56
|
"@trivago/prettier-plugin-sort-imports": "^5.2.2",
|
|
52
57
|
"@types/jsdom": "^21.1.7",
|
|
53
|
-
"@types/node": "^22.15.
|
|
58
|
+
"@types/node": "^22.15.29",
|
|
54
59
|
"chalk": "^5.4.1",
|
|
55
60
|
"esno": "^4.8.0",
|
|
56
61
|
"fast-glob": "^3.3.3",
|
|
57
62
|
"jsdom": "^26.1.0",
|
|
58
63
|
"tsup": "^8.5.0",
|
|
59
64
|
"typescript": "^5.8.3",
|
|
60
|
-
"vitest": "^3.1
|
|
65
|
+
"vitest": "^3.2.1"
|
|
61
66
|
},
|
|
62
67
|
"dependencies": {
|
|
63
|
-
"@torpor/view": "^0.1.
|
|
64
|
-
"@torpor/unplugin": "^0.1.
|
|
68
|
+
"@torpor/view": "^0.1.2",
|
|
69
|
+
"@torpor/unplugin": "^0.1.13"
|
|
65
70
|
},
|
|
66
71
|
"scripts": {
|
|
67
72
|
"build": "tsc --noEmit && tsup",
|
package/src/Dialog/Dialog.torp
CHANGED
|
@@ -37,7 +37,7 @@ export default function Dialog($props: any) {
|
|
|
37
37
|
// Get stuff out of the PopoverContext
|
|
38
38
|
const popoverContext = $context[PopoverContextName] as PopoverContext;
|
|
39
39
|
if (!popoverContext) {
|
|
40
|
-
throw new Error("Dialog must be contained within a
|
|
40
|
+
throw new Error("Dialog must be contained within a Popover");
|
|
41
41
|
}
|
|
42
42
|
const { handleButton, modal } = popoverContext;
|
|
43
43
|
const visible = popoverContext.state.visible;
|
|
@@ -11,7 +11,7 @@ export default function NavMenuGroupHeader($props: any) {
|
|
|
11
11
|
|
|
12
12
|
const context = $context[NavMenuGroupContextName] as NavMenuGroupContext;
|
|
13
13
|
if (!context) {
|
|
14
|
-
throw new Error("NavMenuGroupHeader must be contained within
|
|
14
|
+
throw new Error("NavMenuGroupHeader must be contained within a NavMenuGroup");
|
|
15
15
|
}
|
|
16
16
|
let $state = context.state;
|
|
17
17
|
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
|
|
2
|
+
export default function Offscreen($props: any) {
|
|
3
|
+
$props.visible ||= true;
|
|
4
|
+
$props.position ||= "left";
|
|
5
|
+
|
|
6
|
+
let offscreen: HTMLElement | undefined;
|
|
7
|
+
|
|
8
|
+
// From https://stackoverflow.com/a/46707458
|
|
9
|
+
function measure(el, fn) {
|
|
10
|
+
let oldVisibility = el.style.visibility;
|
|
11
|
+
let oldPosition = el.style.position;
|
|
12
|
+
|
|
13
|
+
let oldParent = el.parentNode;
|
|
14
|
+
let oldBefore = el.nextNode;
|
|
15
|
+
|
|
16
|
+
el.style.visibility = "hidden";
|
|
17
|
+
el.style.position = "absolute";
|
|
18
|
+
|
|
19
|
+
document.body.appendChild(el);
|
|
20
|
+
let result = fn(el);
|
|
21
|
+
el.parentNode.removeChild(el);
|
|
22
|
+
|
|
23
|
+
oldParent.appendChild(el, oldBefore);
|
|
24
|
+
el.style.visibility = oldVisibility;
|
|
25
|
+
el.style.position = oldPosition;
|
|
26
|
+
|
|
27
|
+
return result;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function transitionArgs() {
|
|
31
|
+
if (offscreen) {
|
|
32
|
+
switch ($props.position) {
|
|
33
|
+
case "left": {
|
|
34
|
+
offscreen.style.left = 0;
|
|
35
|
+
const width = measure(offscreen, (el) => el.offsetWidth);
|
|
36
|
+
return [
|
|
37
|
+
{ transform: `translateX(-${width}px)` },
|
|
38
|
+
{ transform: "translateX(0px)" }
|
|
39
|
+
];
|
|
40
|
+
}
|
|
41
|
+
case "top": {
|
|
42
|
+
offscreen.style.top = 0;
|
|
43
|
+
const height = measure(offscreen, (el) => el.offsetHeight);
|
|
44
|
+
return [
|
|
45
|
+
{ transform: `translateY(-${height}px)` },
|
|
46
|
+
{ transform: "translateY(0px)" }
|
|
47
|
+
];
|
|
48
|
+
}
|
|
49
|
+
case "right": {
|
|
50
|
+
offscreen.style.right = 0;
|
|
51
|
+
const width = measure(offscreen, (el) => el.offsetWidth);
|
|
52
|
+
return [
|
|
53
|
+
{ transform: `translateX(${width}px)` },
|
|
54
|
+
{ transform: "translateX(0px)" }
|
|
55
|
+
];
|
|
56
|
+
}
|
|
57
|
+
case "bottom": {
|
|
58
|
+
offscreen.style.bottom = 0;
|
|
59
|
+
const height = measure(offscreen, (el) => el.offsetHeight);
|
|
60
|
+
return [
|
|
61
|
+
{ transform: `translateY(${height}px)` },
|
|
62
|
+
{ transform: "translateY(0px)" }
|
|
63
|
+
];
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
function close() {
|
|
70
|
+
$props.visible = false;
|
|
71
|
+
if ($props.onclose) {
|
|
72
|
+
$props.onclose()
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@render {
|
|
77
|
+
<div style="display: contents">
|
|
78
|
+
@if ($props.visible) {
|
|
79
|
+
<div onclick={close} >
|
|
80
|
+
<div
|
|
81
|
+
id={$props.id}
|
|
82
|
+
class={`torp-offscreen ${$props.class ?? ""}`.trim()}
|
|
83
|
+
style="position: fixed;"
|
|
84
|
+
:transition={transitionArgs()}
|
|
85
|
+
&ref={offscreen}
|
|
86
|
+
>
|
|
87
|
+
<:slot />
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
}
|
|
91
|
+
</div>
|
|
92
|
+
}
|
|
93
|
+
}
|
package/src/Popover/Popover.torp
CHANGED
|
@@ -11,7 +11,7 @@ import { PopoverContextName, type Point, type PopoverContext, type PopoverState
|
|
|
11
11
|
* <Popover>
|
|
12
12
|
* <PopoverOverlay /> (optional, if modal)
|
|
13
13
|
* <PopoverTrigger/PopoverTriggerContextual/PopoverTriggerHover /> (optional)
|
|
14
|
-
* <
|
|
14
|
+
* <PopoverContent/PopoverContentAnchored/PopoverContentContextual />
|
|
15
15
|
* </Popover>
|
|
16
16
|
* ```
|
|
17
17
|
* @prop {boolean} modal -- Whether the popover is modal. If true, an overlay should be supplied to obscure outside content, and only the popover content will be visible to screen readers
|
|
@@ -5,13 +5,13 @@ import { PopoverContextName, type PopoverContext } from "./PopoverTypes";
|
|
|
5
5
|
* The content that is displayed for a Popover when it is open, such as a Dialog
|
|
6
6
|
* in the middle of the screen or a div that slides in from the side.
|
|
7
7
|
*/
|
|
8
|
-
export default function
|
|
8
|
+
export default function PopoverContent($props: any) {
|
|
9
9
|
let div: HTMLDivElement;
|
|
10
10
|
|
|
11
11
|
// Get stuff out of the PopoverContext
|
|
12
12
|
const context = $context[PopoverContextName] as PopoverContext;
|
|
13
13
|
if (!context) {
|
|
14
|
-
throw new Error("
|
|
14
|
+
throw new Error("PopoverContent must be contained within a Popover");
|
|
15
15
|
}
|
|
16
16
|
let $state = context.state;
|
|
17
17
|
|
|
@@ -63,11 +63,11 @@ export default function PopoverContentStatic($props: any) {
|
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
@render {
|
|
66
|
-
<div style="display:
|
|
66
|
+
<div style="display: contents">
|
|
67
67
|
@if ($state.visible) {
|
|
68
68
|
<div
|
|
69
69
|
id={$props.id}
|
|
70
|
-
class={`torp-popover-content
|
|
70
|
+
class={`torp-popover-content ${$props.class ?? ""}`.trim()}
|
|
71
71
|
&ref={div}
|
|
72
72
|
>
|
|
73
73
|
<:slot />
|
|
@@ -16,7 +16,7 @@ export default function PopoverContentContextual($props: any) {
|
|
|
16
16
|
// Get stuff out of the PopoverContext
|
|
17
17
|
const context = $context[PopoverContextName] as PopoverContext;
|
|
18
18
|
if (!context) {
|
|
19
|
-
throw new Error("
|
|
19
|
+
throw new Error("PopoverContentContextual must be contained within a Popover");
|
|
20
20
|
}
|
|
21
21
|
let $state = context.state;
|
|
22
22
|
|
|
@@ -83,7 +83,7 @@ export default function PopoverContentContextual($props: any) {
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
@render {
|
|
86
|
-
<div style="display:
|
|
86
|
+
<div style="display: contents">
|
|
87
87
|
@if ($state.visible) {
|
|
88
88
|
<div
|
|
89
89
|
id={$props.id}
|
|
@@ -7,7 +7,7 @@ export default function PopoverTriggerContextual($props: any) {
|
|
|
7
7
|
// Get stuff out of the PopoverContext
|
|
8
8
|
const context = $context[PopoverContextName] as PopoverContext;
|
|
9
9
|
if (!context) {
|
|
10
|
-
throw new Error("PopoverTriggerContextual must be contained within a
|
|
10
|
+
throw new Error("PopoverTriggerContextual must be contained within a Popover");
|
|
11
11
|
}
|
|
12
12
|
let $state = context.state;
|
|
13
13
|
|
|
@@ -13,7 +13,15 @@ export default function PopoverTriggerHover($props: any) {
|
|
|
13
13
|
}
|
|
14
14
|
let $state = context.state;
|
|
15
15
|
|
|
16
|
-
function handleHover() {
|
|
16
|
+
function handleHover(node, e) {
|
|
17
|
+
if ($state.position) {
|
|
18
|
+
// Get the position relative to the element, so we can reposition on scroll
|
|
19
|
+
const rect = node.getBoundingClientRect();
|
|
20
|
+
const x = e.clientX - rect.left;
|
|
21
|
+
const y = e.clientY - rect.top;
|
|
22
|
+
$state.position = { x, y };
|
|
23
|
+
//$state.position = { x: window.scrollX + e.clientX, y: window.scrollY + e.clientY };
|
|
24
|
+
}
|
|
17
25
|
$state.visible = !$state.visible
|
|
18
26
|
}
|
|
19
27
|
|
package/src/Popover/index.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Popover from "./Popover.torp";
|
|
2
|
+
import PopoverContent from "./PopoverContent.torp";
|
|
2
3
|
import PopoverContentAnchored from "./PopoverContentAnchored.torp";
|
|
3
4
|
import PopoverContentContextual from "./PopoverContentContextual.torp";
|
|
4
|
-
import PopoverContentStatic from "./PopoverContentStatic.torp";
|
|
5
5
|
import PopoverOverlay from "./PopoverOverlay.torp";
|
|
6
6
|
import PopoverTrigger from "./PopoverTrigger.torp";
|
|
7
7
|
import PopoverTriggerContextual from "./PopoverTriggerContextual.torp";
|
|
@@ -20,7 +20,7 @@ export {
|
|
|
20
20
|
PopoverTriggerContextual,
|
|
21
21
|
PopoverContentAnchored,
|
|
22
22
|
PopoverContentContextual,
|
|
23
|
-
|
|
23
|
+
PopoverContent,
|
|
24
24
|
showPopover,
|
|
25
25
|
showPopoverPrompt,
|
|
26
26
|
clickPopover,
|
package/src/Popover.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Popover from "./Popover/Popover.torp";
|
|
2
|
+
import PopoverContent from "./Popover/PopoverContent.torp";
|
|
2
3
|
import PopoverContentAnchored from "./Popover/PopoverContentAnchored.torp";
|
|
3
4
|
import PopoverContentContextual from "./Popover/PopoverContentContextual.torp";
|
|
4
|
-
import PopoverContentStatic from "./Popover/PopoverContentStatic.torp";
|
|
5
5
|
import PopoverOverlay from "./Popover/PopoverOverlay.torp";
|
|
6
6
|
import PopoverTrigger from "./Popover/PopoverTrigger.torp";
|
|
7
7
|
import PopoverTriggerContextual from "./Popover/PopoverTriggerContextual.torp";
|
|
@@ -20,7 +20,7 @@ export {
|
|
|
20
20
|
PopoverTriggerContextual,
|
|
21
21
|
PopoverContentAnchored,
|
|
22
22
|
PopoverContentContextual,
|
|
23
|
-
|
|
23
|
+
PopoverContent,
|
|
24
24
|
showPopover,
|
|
25
25
|
showPopoverPrompt,
|
|
26
26
|
clickPopover,
|
|
@@ -47,6 +47,7 @@ export default function TabGroup($props: any) {
|
|
|
47
47
|
activation: $props.activation,
|
|
48
48
|
};
|
|
49
49
|
$context[TabGroupContextName] = context;
|
|
50
|
+
|
|
50
51
|
$run(() => {
|
|
51
52
|
// HACK: This should probably be done with setters?
|
|
52
53
|
let newValue = $props.value;
|
|
@@ -77,12 +78,12 @@ export default function TabGroup($props: any) {
|
|
|
77
78
|
}
|
|
78
79
|
});
|
|
79
80
|
|
|
80
|
-
//
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
// On mount, if no value was set, show the first tab content
|
|
82
|
+
$mount(() => {
|
|
83
|
+
if ($props.value === "" && itemStates.length) {
|
|
84
|
+
$props.value = itemStates[0].value;
|
|
85
|
+
}
|
|
86
|
+
});
|
|
86
87
|
|
|
87
88
|
function registerHeader(index: number | undefined, value: string | undefined, setFocused: () => void): ItemState {
|
|
88
89
|
// If an index wasn't set for the header, set it automatically
|
|
@@ -125,6 +126,8 @@ export default function TabGroup($props: any) {
|
|
|
125
126
|
const newItemState: ItemState = $watch({
|
|
126
127
|
index,
|
|
127
128
|
value,
|
|
129
|
+
// TODO: this would be better than using $mount, but it doesn't work with nested tabs
|
|
130
|
+
// active: value === $props.value || ($props.value === "" && index === 0),
|
|
128
131
|
active: value === $props.value,
|
|
129
132
|
headerId: "",
|
|
130
133
|
contentId: "",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Popover,
|
|
1
|
+
import { Popover, PopoverContent } from "../../../src/Popover/index";
|
|
2
2
|
import { Dialog, DialogBody, DialogFooter, DialogButton } from "../../../src/Dialog/index";
|
|
3
3
|
|
|
4
4
|
export default function CustomDialog($props: any) {
|
|
5
5
|
@render {
|
|
6
6
|
<Popover visible callback={$props.callback}>
|
|
7
|
-
<
|
|
7
|
+
<PopoverContent>
|
|
8
8
|
<Dialog>
|
|
9
9
|
<DialogBody>
|
|
10
10
|
<p>Which color do you prefer?</p>
|
|
@@ -14,7 +14,7 @@ export default function CustomDialog($props: any) {
|
|
|
14
14
|
<DialogButton value="red">Red</DialogButton>
|
|
15
15
|
</DialogFooter>
|
|
16
16
|
</Dialog>
|
|
17
|
-
</
|
|
17
|
+
</PopoverContent>
|
|
18
18
|
</Popover>
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Popover,
|
|
1
|
+
import { Popover, PopoverContent } from '../../../src/Popover/index';
|
|
2
2
|
import {
|
|
3
3
|
Dialog,
|
|
4
4
|
DialogHeader,
|
|
@@ -16,7 +16,7 @@ export default function DialogAccessibility($props: any) {
|
|
|
16
16
|
|
|
17
17
|
@render {
|
|
18
18
|
<Popover visible modal={$props.modal}>
|
|
19
|
-
<
|
|
19
|
+
<PopoverContent>
|
|
20
20
|
<Dialog alert={$props.alert}>
|
|
21
21
|
<DialogHeader>Color preference</DialogHeader>
|
|
22
22
|
<DialogBody ariaAnnounce={$props.ariaAnnounce}>Which color do you prefer?</DialogBody>
|
|
@@ -25,7 +25,7 @@ export default function DialogAccessibility($props: any) {
|
|
|
25
25
|
<DialogButton value="red" onclick={() => (color = 'red')}>Red</DialogButton>
|
|
26
26
|
</DialogFooter>
|
|
27
27
|
</Dialog>
|
|
28
|
-
</
|
|
28
|
+
</PopoverContent>
|
|
29
29
|
</Popover>
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Popover,
|
|
1
|
+
import { Popover, PopoverContent } from "../../../src/Popover/index";
|
|
2
2
|
import { Dialog, DialogBody, DialogFooter, DialogButton } from "../../../src/Dialog/index";
|
|
3
3
|
|
|
4
4
|
export default function DialogVariable($props: any) {
|
|
@@ -18,7 +18,7 @@ export default function DialogVariable($props: any) {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
<Popover visible={$state.showPopover}>
|
|
21
|
-
<
|
|
21
|
+
<PopoverContent>
|
|
22
22
|
<Dialog>
|
|
23
23
|
<DialogBody>
|
|
24
24
|
<p>Which color do you prefer?</p>
|
|
@@ -28,7 +28,7 @@ export default function DialogVariable($props: any) {
|
|
|
28
28
|
<DialogButton value="red" onclick={() => ($state.color = "red")}>Red</DialogButton>
|
|
29
29
|
</DialogFooter>
|
|
30
30
|
</Dialog>
|
|
31
|
-
</
|
|
31
|
+
</PopoverContent>
|
|
32
32
|
</Popover>
|
|
33
33
|
</div>
|
|
34
34
|
}
|
|
@@ -11,22 +11,23 @@ describe("TabGroup", () => {
|
|
|
11
11
|
document.body.appendChild(container);
|
|
12
12
|
mount(container, TabGroupTrigger);
|
|
13
13
|
|
|
14
|
-
expect(queryByText(container, "Content 1")).
|
|
14
|
+
expect(queryByText(container, "Content 1")).toBeInTheDocument();
|
|
15
15
|
expect(queryByText(container, "Content 2")).not.toBeInTheDocument();
|
|
16
16
|
expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
|
|
17
17
|
|
|
18
|
-
// Clicking header
|
|
19
|
-
await userEvent.click(getByText(container, "Header
|
|
20
|
-
expect(queryByText(container, "Content 1")).toBeInTheDocument();
|
|
18
|
+
// Clicking header 3 should hide body 1 and reveal body 3
|
|
19
|
+
await userEvent.click(getByText(container, "Header 3"));
|
|
20
|
+
expect(queryByText(container, "Content 1")).not.toBeInTheDocument();
|
|
21
|
+
expect(queryByText(container, "Content 3")).toBeInTheDocument();
|
|
21
22
|
|
|
22
|
-
// Clicking header 2 should hide body
|
|
23
|
+
// Clicking header 2 should hide body 3 and reveal body 2
|
|
23
24
|
await userEvent.click(getByText(container, "Header 2"));
|
|
24
|
-
expect(queryByText(container, "Content
|
|
25
|
+
expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
|
|
25
26
|
expect(queryByText(container, "Content 2")).toBeInTheDocument();
|
|
26
27
|
|
|
27
28
|
// Clicking header 2 again should keep body 2
|
|
28
29
|
await userEvent.click(getByText(container, "Header 2"));
|
|
29
|
-
expect(queryByText(container, "Content
|
|
30
|
+
expect(queryByText(container, "Content 3")).not.toBeInTheDocument();
|
|
30
31
|
expect(queryByText(container, "Content 2")).toBeInTheDocument();
|
|
31
32
|
});
|
|
32
33
|
});
|