@hyperframes/studio 0.8.10 → 0.8.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{hyperframes-player-DoTrWV8q.js → hyperframes-player-C6J6fsAD.js} +1 -1
- package/dist/assets/{index-BQs1fahB.js → index-1vMlv05L.js} +1 -1
- package/dist/assets/{index-DV45YLqR.js → index-BX0piiWc.js} +1 -1
- package/dist/assets/{index-C6m2nHiX.js → index-DoW5v5eS.js} +109 -109
- package/dist/index.html +1 -1
- package/dist/index.js +11 -1
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
- package/src/player/components/TimelineFxButton.test.tsx +31 -0
- package/src/player/components/TimelineFxButton.tsx +24 -1
package/dist/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
6
6
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
7
7
|
<title>HyperFrames Studio</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-DoW5v5eS.js"></script>
|
|
9
9
|
<link rel="stylesheet" crossorigin href="/assets/index-Ba9zbpT9.css">
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
package/dist/index.js
CHANGED
|
@@ -13653,6 +13653,16 @@ function TimelineFxPopover({
|
|
|
13653
13653
|
|
|
13654
13654
|
// src/player/components/TimelineFxButton.tsx
|
|
13655
13655
|
import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
13656
|
+
var GROUP_DIALOG_SIZE = { width: 224, height: 112 };
|
|
13657
|
+
function groupDialogPosition(anchorRect) {
|
|
13658
|
+
const { left, top } = resolveFloatingPanelPosition(
|
|
13659
|
+
anchorRect,
|
|
13660
|
+
{ width: window.innerWidth, height: window.innerHeight },
|
|
13661
|
+
GROUP_DIALOG_SIZE,
|
|
13662
|
+
{ offset: 4 }
|
|
13663
|
+
);
|
|
13664
|
+
return { left, top };
|
|
13665
|
+
}
|
|
13656
13666
|
function parseFxChainOrEmpty(raw) {
|
|
13657
13667
|
if (!raw) return { version: 1, nodes: [] };
|
|
13658
13668
|
try {
|
|
@@ -13695,7 +13705,7 @@ function TimelineFxButton(props) {
|
|
|
13695
13705
|
role: "dialog",
|
|
13696
13706
|
"aria-label": "Group these clips to add effects",
|
|
13697
13707
|
className: "z-[200] w-56 rounded-md border border-white/10 bg-[#1b1b1f] p-2.5 text-[11px] text-white/75 shadow-xl",
|
|
13698
|
-
style: { position: "fixed",
|
|
13708
|
+
style: { position: "fixed", ...groupDialogPosition(anchorRect) },
|
|
13699
13709
|
onPointerDown: (event) => event.stopPropagation(),
|
|
13700
13710
|
children: [
|
|
13701
13711
|
/* @__PURE__ */ jsx38("p", { children: "Group these clips to add effects to all of them." }),
|