ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-05 00:56:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(catalog): remove internal source markers

Browse Source
This commit is contained in:
Miguel Ángel
2026-08-13 21:10:12 -04:00
committed by GitHub
parent f7d2260f9d
commit 532caf7aa2
144 changed files with 1347 additions and 1425 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/components/zoom-through-transition/zoom-through-transition.html
Vendored
+10 -10
View File
@@ -65,7 +65,7 @@
background: #111827;
}
.hf-remocn-zoom-through-transition {
.hf-catalog-zoom-through-transition {
--hf-accent: var(--accent, rgba(255, 255, 255, 0.28));
--hf-l1: rgba(255, 255, 255, 0.72);
--hf-l3: rgba(255, 255, 255, 0.18);
@@ -77,13 +77,13 @@
color: var(--hf-ink);
font-family: Inter, system-ui, sans-serif;
}
.hf-remocn-zoom-through-transition {
.hf-catalog-zoom-through-transition {
position: absolute;
inset: 0;
overflow: hidden;
background: #111827;
}
.hf-remocn-zoom-through-transition .scene {
.hf-catalog-zoom-through-transition .scene {
position: absolute;
inset: 0;
display: grid;
@@ -93,7 +93,7 @@
letter-spacing: -0.05em;
color: #fff;
}
.hf-remocn-zoom-through-transition .from {
.hf-catalog-zoom-through-transition .from {
background:
repeating-linear-gradient(
90deg,
@@ -108,7 +108,7 @@
scale(var(--hf-from-scale, 1));
filter: blur(calc(var(--hf-from-blur, 0px) * var(--hf-depth, 1)));
}
.hf-remocn-zoom-through-transition .to {
.hf-catalog-zoom-through-transition .to {
background:
repeating-linear-gradient(
90deg,
@@ -127,14 +127,14 @@
var(--hf-clip-left, 0%)
);
}
.hf-remocn-zoom-through-transition .fx {
.hf-catalog-zoom-through-transition .fx {
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.75), transparent);
mix-blend-mode: screen;
transform: translateX(var(--hf-fx-x, -110%));
}
.hf-remocn-zoom-through-transition .rgb {
.hf-catalog-zoom-through-transition .rgb {
position: absolute;
inset: 0;
pointer-events: none;
@@ -149,7 +149,7 @@
}
</style>
<div class="hf-remocn-zoom-through-transition">
<div class="hf-catalog-zoom-through-transition">
>
<div class="scene from">Before</div>
<div class="scene to">Zoom Through Transition</div>
@@ -191,7 +191,7 @@
var fromLabel = label(vars["from-label"]);
var toLabel = label(vars["to-label"]);
var roots = document.querySelectorAll(".hf-remocn-zoom-through-transition");
var roots = document.querySelectorAll(".hf-catalog-zoom-through-transition");
var mountRoot = document.getElementById("root");
for (var i = 0; i < roots.length; i += 1) {
var root = roots[i];
@@ -214,7 +214,7 @@
// this composition's own id so the runtime seeks it frame by frame.
if (!mountRoot || !window.gsap) return;
var SELF = ".hf-remocn-zoom-through-transition";
var SELF = ".hf-catalog-zoom-through-transition";
var duration = Math.max(0.001, parseFloat(mountRoot.dataset.duration || "3"));
// The push reads as a transition only with a beat of the outgoing scene
// before it. Clamped so the wipe always lands inside the duration.