hyperframes 0.8.66 → 0.8.67

package/dist/fontLocalizeCli.js

@@ -12773,10 +12773,10 @@ function resolveSlideshow(manifest, scenes) {
   return { resolved: { slides, sequences }, errors };
 }
 function isSceneLikeCompositionId(compositionId) {
-  const normalized = compositionId.trim().toLowerCase();
-  if (!normalized || normalized === "main") return false;
-  if (normalized.includes("caption")) return false;
-  if (normalized.includes("ambient")) return false;
+  const normalized2 = compositionId.trim().toLowerCase();
+  if (!normalized2 || normalized2 === "main") return false;
+  if (normalized2.includes("caption")) return false;
+  if (normalized2.includes("ambient")) return false;
   return true;
 }
 var SLIDESHOW_ISLAND_TYPE;
@@ -50616,14 +50616,14 @@ function parseReferenceOffset(value) {
   return { refId, operator, magnitude };
 }
 function parseStartExpression(raw) {
-  const normalized = (raw ?? "").trim();
-  if (!normalized) return null;
-  const absolute = parseNumeric(normalized);
+  const normalized2 = (raw ?? "").trim();
+  if (!normalized2) return null;
+  const absolute = parseNumeric(normalized2);
   if (absolute != null) return { kind: "absolute", value: absolute };
-  if (REFERENCE_ID_PATTERN.test(normalized)) {
-    return { kind: "reference", refId: normalized, offset: 0 };
+  if (REFERENCE_ID_PATTERN.test(normalized2)) {
+    return { kind: "reference", refId: normalized2, offset: 0 };
   }
-  const reference = parseReferenceOffset(normalized);
+  const reference = parseReferenceOffset(normalized2);
   if (!reference) return null;
   return {
     kind: "reference",
@@ -52584,8 +52584,8 @@ function rewriteAssetPath(compSrcPath, relativePath, assetExists) {
     return assetExists(sibling2) ? sibling2 + suffix : relativePath;
   }
   const resolved = join(compDir, relativePath);
-  const normalized = resolve2("/", resolved).slice(1);
-  return normalized;
+  const normalized2 = resolve2("/", resolved).slice(1);
+  return normalized2;
 }
 function rewriteAssetPaths(elements, compSrcPath, getAttr2, setAttr2, assetExists) {
   for (const el of elements) {
@@ -55366,8 +55366,8 @@ function resolveExtractCacheDir(env = process.env) {
   if (raw === void 0) {
     return { dir: defaultExtractCacheDir(), disabled: false, source: "default" };
   }
-  const normalized = raw.trim().toLowerCase();
-  if (EXTRACT_CACHE_DIR_DISABLED_ALIASES.includes(normalized)) {
+  const normalized2 = raw.trim().toLowerCase();
+  if (EXTRACT_CACHE_DIR_DISABLED_ALIASES.includes(normalized2)) {
     return { dir: void 0, disabled: true, source: "env", rawValue: raw };
   }
   return { dir: raw, disabled: false, source: "env", rawValue: raw };
@@ -59354,8 +59354,8 @@ function candidateFileName(candidate) {
   return candidate.split(/[\\/]/).at(-1)?.toLowerCase() ?? candidate.toLowerCase();
 }
 function chooseBestPathCandidate(name, candidates) {
-  const normalized = candidates.map((candidate) => candidate.trim()).filter(Boolean);
-  return normalized.find((candidate) => candidateFileName(candidate) === `${name}.exe`) ?? normalized.find((candidate) => candidateFileName(candidate) === name) ?? normalized.find((candidate) => !candidateFileName(candidate).match(/\.(cmd|bat)$/i)) ?? normalized[0];
+  const normalized2 = candidates.map((candidate) => candidate.trim()).filter(Boolean);
+  return normalized2.find((candidate) => candidateFileName(candidate) === `${name}.exe`) ?? normalized2.find((candidate) => candidateFileName(candidate) === name) ?? normalized2.find((candidate) => !candidateFileName(candidate).match(/\.(cmd|bat)$/i)) ?? normalized2[0];
 }
 function isExecutablePathCandidate(candidate) {
   if (process.platform === "win32") return existsSync3(candidate);
@@ -59707,8 +59707,8 @@ function matchesAny(message, patterns) {
   return patterns.some((pattern) => pattern.test(message));
 }
 function hasIoOperationFailure(message) {
-  const normalized = message.toLowerCase();
-  return normalized.split(/[\r\n]/).some(
+  const normalized2 = message.toLowerCase();
+  return normalized2.split(/[\r\n]/).some(
     (line) => IO_OPERATION_TOKENS.some((operation) => {
       const operationIndex = line.indexOf(operation);
       if (operationIndex < 0) return false;
@@ -65300,15 +65300,15 @@ function looksLikeRemoteErrorDocument(prefix) {
 }
 function normalizeCallerSha256(value) {
   if (value === void 0) return void 0;
-  const normalized = value.trim().toLowerCase();
-  if (!/^[a-f0-9]{64}$/.test(normalized)) {
+  const normalized2 = value.trim().toLowerCase();
+  if (!/^[a-f0-9]{64}$/.test(normalized2)) {
     throw new UrlDownloadError(
       "hash_mismatch",
       false,
       "Caller-provided SHA-256 checksum is malformed"
     );
   }
-  return normalized;
+  return normalized2;
 }
 function expectedResponseSha256(response, callerSha256) {
   if (callerSha256) return { value: callerSha256, encoding: "hex", source: "caller" };
@@ -65972,13 +65972,13 @@ function resolveAliasDisplayName2(alias) {
   return CANONICAL_FONT_DISPLAY_NAMES2[slug];
 }
 function isSafeMediaUrl(url) {
-  const normalized = url.replace(/[\u0000-\u0020]/g, "");
-  const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(normalized);
+  const normalized2 = url.replace(/[\u0000-\u0020]/g, "");
+  const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(normalized2);
   if (!scheme) return true;
   const proto = scheme[1]?.toLowerCase();
   if (!proto) return false;
   if (proto === "https" || proto === "http" || proto === "blob") return true;
-  if (proto === "data") return /^data:image\//i.test(normalized);
+  if (proto === "data") return /^data:image\//i.test(normalized2);
   return false;
 }
 var CANVAS_DIMENSIONS2, VALID_CANVAS_RESOLUTIONS2, COMPOSITION_VARIABLE_TYPES2, FONT_ALIAS_MAP2, FONT_ALIAS_KEYS2, CANONICAL_FONT_DISPLAY_NAMES2, COMPOSITION_ATTRIBUTES4, CANONICAL_AUTHORED_TIMING_ATTRIBUTES4, DERIVED_TIMING_ATTRIBUTES4, LEGACY_TIMING_ATTRIBUTES4;
@@ -72820,10 +72820,60 @@ function hasCaptionStyles(styles) {
   return styles.some((s) => /\.caption[-_]?(?:group|word)/i.test(s.content));
 }
 function truncateSnippet(value, maxLength = 220) {
-  const normalized = value.replace(/\s+/g, " ").trim();
-  if (!normalized) return void 0;
-  if (normalized.length <= maxLength) return normalized;
-  return `${normalized.slice(0, maxLength - 3)}...`;
+  const normalized2 = value.replace(/\s+/g, " ").trim();
+  if (!normalized2) return void 0;
+  if (normalized2.length <= maxLength) return normalized2;
+  return `${normalized2.slice(0, maxLength - 3)}...`;
+}
+function normalized(source) {
+  let text = "";
+  const offsets = [];
+  for (let i = 0; i < source.length; i++) {
+    const char = source[i];
+    if (/\s/.test(char)) {
+      if (text.endsWith(" ")) continue;
+      text += " ";
+    } else text += char;
+    offsets.push(i);
+  }
+  return { text, offsets };
+}
+function createSourceLocator(source) {
+  const tags = parseHtmlStructure(source).tags;
+  const searchable = source.split("");
+  const parser = new Parser({
+    oncomment() {
+      searchable.fill("\0", parser.startIndex, parser.endIndex + 1);
+    }
+  });
+  parser.write(source);
+  parser.end();
+  const normalizedSource = normalized(searchable.join(""));
+  const at2 = (offset3) => {
+    const before2 = source.slice(0, offset3);
+    return {
+      line: before2.split(/\r\n|\r|\n/).length,
+      column: offset3 - Math.max(before2.lastIndexOf("\n"), before2.lastIndexOf("\r"))
+    };
+  };
+  return (finding) => {
+    if (finding.line !== void 0) return { line: finding.line, column: finding.column };
+    if (finding.snippet) {
+      const offset3 = snippetOffset(normalizedSource, finding.snippet);
+      return offset3 === void 0 ? {} : at2(offset3);
+    }
+    const id = finding.elementId ?? /^#([\w-]+)$/.exec(finding.selector ?? "")?.[1];
+    if (!id) return {};
+    const matches2 = tags.filter((tag) => readDecodedAttr(tag.raw, "id") === id);
+    return matches2.length === 1 ? at2(matches2[0].index) : {};
+  };
+}
+function snippetOffset(source, snippet) {
+  const needle = snippet.replace(/\s+/g, " ").trim().replace(/\.\.\.$/, "");
+  if (!needle) return void 0;
+  const index = source.text.indexOf(needle);
+  if (index < 0 || source.text.indexOf(needle, index + 1) >= 0) return void 0;
+  return source.offsets[index];
 }
 function buildLintContext(html, options = {}) {
   const rawSource = html || "";
@@ -73203,18 +73253,18 @@ function classNamesFromAttr(classAttr) {
   return classAttr.split(/\s+/).filter(Boolean);
 }
 function selectorTargetsManagedMedia(selector, mediaIndex) {
-  const normalized = selector.trim();
-  if (!normalized) return false;
-  if (mediaIndex.hasVideo && /\bvideo\b/i.test(normalized)) return true;
-  if (mediaIndex.hasAudio && /\baudio\b/i.test(normalized)) return true;
+  const normalized2 = selector.trim();
+  if (!normalized2) return false;
+  if (mediaIndex.hasVideo && /\bvideo\b/i.test(normalized2)) return true;
+  if (mediaIndex.hasAudio && /\baudio\b/i.test(normalized2)) return true;
   for (const mediaId of mediaIndex.ids) {
     const escapedId = escapeRegExp3(mediaId);
-    if (new RegExp(`#${escapedId}(?![\\w-])`).test(normalized) || normalized.includes(`[id="${mediaId}"]`) || normalized.includes(`[id='${mediaId}']`)) {
+    if (new RegExp(`#${escapedId}(?![\\w-])`).test(normalized2) || normalized2.includes(`[id="${mediaId}"]`) || normalized2.includes(`[id='${mediaId}']`)) {
       return true;
     }
   }
   for (const className of mediaIndex.classes) {
-    if (new RegExp(`\\.${escapeRegExp3(className)}(?![\\w-])`).test(normalized)) {
+    if (new RegExp(`\\.${escapeRegExp3(className)}(?![\\w-])`).test(normalized2)) {
       return true;
     }
   }
@@ -73532,8 +73582,8 @@ function readTagTiming(rawTag) {
 }
 function countPhysicalLines(source) {
   if (source.length === 0) return 0;
-  const normalized = source.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-  const withoutFinalNewline = normalized.endsWith("\n") ? normalized.slice(0, -1) : normalized;
+  const normalized2 = source.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+  const withoutFinalNewline = normalized2.endsWith("\n") ? normalized2.slice(0, -1) : normalized2;
   return withoutFinalNewline.split("\n").length;
 }
 function countStructuralLines(source) {
@@ -73546,8 +73596,8 @@ function isCaptionCue(tag) {
 }
 function isRegistrySourceFile(filePath) {
   if (!filePath) return false;
-  const normalized = filePath.replace(/\\/g, "/");
-  return /(?:^|\/)registry\/blocks\/([^/]+)\/\1\.html$/i.test(normalized);
+  const normalized2 = filePath.replace(/\\/g, "/");
+  return /(?:^|\/)registry\/blocks\/([^/]+)\/\1\.html$/i.test(normalized2);
 }
 function isRegistryInstalledFile(rawSource) {
   return /^\s*<!--\s*hyperframes-registry-item:[^>]*-->/i.test(rawSource.slice(0, 512));
@@ -73780,8 +73830,8 @@ function zeroValue(value) {
   return Number(value.trim()) === 0;
 }
 function isGsapColorProperty(property) {
-  const normalized = property.toLowerCase();
-  return !normalized.startsWith("--") && (normalized.endsWith("color") || normalized === "fill" || normalized === "stroke");
+  const normalized2 = property.toLowerCase();
+  return !normalized2.startsWith("--") && (normalized2.endsWith("color") || normalized2 === "fill" || normalized2 === "stroke");
 }
 function collectStaticCssVariableDefinitions(tags, styles) {
   const definitions = /* @__PURE__ */ new Set();
@@ -73908,10 +73958,10 @@ function styleHasHiddenInitialState(style) {
 function styleHasOpaqueBackground(style) {
   const background = readStyleProperty(style, "background") || readStyleProperty(style, "background-color");
   if (!background) return false;
-  const normalized = background.toLowerCase().replace(/\s+/g, "");
-  if (normalized === "transparent" || normalized === "none") return false;
-  if (/rgba?\([^)]*,0(?:\.0+)?\)$/.test(normalized)) return false;
-  if (/hsla?\([^)]*,0(?:\.0+)?\)$/.test(normalized)) return false;
+  const normalized2 = background.toLowerCase().replace(/\s+/g, "");
+  if (normalized2 === "transparent" || normalized2 === "none") return false;
+  if (/rgba?\([^)]*,0(?:\.0+)?\)$/.test(normalized2)) return false;
+  if (/hsla?\([^)]*,0(?:\.0+)?\)$/.test(normalized2)) return false;
   return true;
 }
 function styleLooksFullFrameOverlay(style) {
@@ -74279,9 +74329,9 @@ function elementLevelTokens(tokens, tagsByToken) {
   return expanded;
 }
 function isMultiComponentDasharray(value) {
-  const normalized = value.replace(/!important\s*$/i, "").trim();
-  if (!normalized || /^none$/i.test(normalized)) return false;
-  return normalized.split(/[\s,]+/).filter(Boolean).length >= 2;
+  const normalized2 = value.replace(/!important\s*$/i, "").trim();
+  if (!normalized2 || /^none$/i.test(normalized2)) return false;
+  return normalized2.split(/[\s,]+/).filter(Boolean).length >= 2;
 }
 function gsapDasharrayValueLooksMultiComponent(valueSource) {
   const literal2 = valueSource.trim().match(/^(["'`])([\s\S]*)\1$/)?.[2];
@@ -74690,7 +74740,15 @@ function collectFindings(produced, seen, filePath, into) {
 async function lintHyperframeHtml(html, options = {}) {
   const startedAt = performance.now();
   const ctx = buildLintContext(html, options);
-  const { findings, timings } = await runRules(ctx, options.filePath);
+  const { findings: rawFindings, timings } = await runRules(ctx, options.filePath);
+  const locate = createSourceLocator(html);
+  const findings = rawFindings.map((finding) => {
+    if (finding.snippet && options.externalStyles?.some(
+      (style) => style.content.replace(/\s+/g, " ").includes(finding.snippet.replace(/\.\.\.$/, ""))
+    ))
+      return finding;
+    return { ...finding, ...locate(finding) };
+  });
   const errorCount = findings.filter((f) => f.severity === "error").length;
   const warningCount = findings.filter((f) => f.severity === "warning").length;
   const infoCount = findings.filter((f) => f.severity === "info").length;
@@ -74708,6 +74766,7 @@ var init_dist3 = __esm({
   "../lint/dist/index.js"() {
     "use strict";
     init_esm6();
+    init_esm6();
     import_postcss_selector_parser = __toESM(require_dist(), 1);
     init_dist();
     init_colorGradingContract();
@@ -92921,17 +92980,17 @@ function getSystemProfilerIndex() {
         const filePath = typeface.path;
         if (typeof filePath !== "string" || !FONT_EXT_RE.test(filePath))
           continue;
-        const normalized = normalizeName(family);
+        const normalized2 = normalizeName(family);
         const ext = filePath.match(FONT_EXT_RE)?.[1] ?? "ttf";
         const entry = {
-          family: normalized,
+          family: normalized2,
           path: filePath,
           format: extensionToFormat(ext),
           isRegular: isRegularWeight(filePath)
         };
-        const list = profilerCache.get(normalized) ?? [];
+        const list = profilerCache.get(normalized2) ?? [];
         list.push(entry);
-        profilerCache.set(normalized, list);
+        profilerCache.set(normalized2, list);
       }
     }
   } catch {
@@ -92969,12 +93028,12 @@ function inferWeightAndStyle(fileName) {
   return { weight: "400", style };
 }
 function locateSystemFontVariants(family) {
-  const normalized = normalizeName(family);
-  if (!normalized)
+  const normalized2 = normalizeName(family);
+  if (!normalized2)
     return [];
   const variants = [];
   const profilerIndex = getSystemProfilerIndex();
-  const profilerEntries = profilerIndex.get(normalized);
+  const profilerEntries = profilerIndex.get(normalized2);
   if (profilerEntries && profilerEntries.length > 0) {
     for (const e of profilerEntries) {
       if (!isRegularFile(e.path) || !isPathBounded(e.path))
@@ -92987,7 +93046,7 @@ function locateSystemFontVariants(family) {
   }
   const allCandidates = [];
   for (const dir of fontDirectories()) {
-    allCandidates.push(...collectCandidatesFromDir(dir, normalized));
+    allCandidates.push(...collectCandidatesFromDir(dir, normalized2));
   }
   for (const c of allCandidates) {
     const { weight, style } = inferWeightAndStyle(c.path);
@@ -93330,8 +93389,8 @@ function extractExistingFontFaces(html) {
     if (semicolon < 0) break;
     const end = html.indexOf("}", semicolon + 1);
     if (end < 0) break;
-    const normalized = normalizeFamilyName(html.slice(valueStart, semicolon));
-    if (normalized) families.add(normalized);
+    const normalized2 = normalizeFamilyName(html.slice(valueStart, semicolon));
+    if (normalized2) families.add(normalized2);
     opening.lastIndex = end + 1;
   }
   return families;
@@ -93344,10 +93403,10 @@ function extractRequestedFontFamilies(html) {
       declaration,
       customProperties
     )) {
-      const normalized = originalCase.toLowerCase();
-      if (!normalized || GENERIC_FAMILIES2.has(normalized)) continue;
-      if (normalized.startsWith("var(")) continue;
-      if (!requested.has(normalized)) requested.set(normalized, originalCase);
+      const normalized2 = originalCase.toLowerCase();
+      if (!normalized2 || GENERIC_FAMILIES2.has(normalized2)) continue;
+      if (normalized2.startsWith("var(")) continue;
+      if (!requested.has(normalized2)) requested.set(normalized2, originalCase);
     }
   }
   return requested;
@@ -94025,11 +94084,11 @@ function hasGifExtension(src) {
 function readLoopOverride(el) {
   const raw = el.getAttribute("data-loop");
   if (raw == null) return null;
-  const normalized = raw.trim().toLowerCase();
-  if (normalized === "" || normalized === "true" || normalized === "1" || normalized === "yes") {
+  const normalized2 = raw.trim().toLowerCase();
+  if (normalized2 === "" || normalized2 === "true" || normalized2 === "1" || normalized2 === "yes") {
     return true;
   }
-  if (normalized === "false" || normalized === "0" || normalized === "no") {
+  if (normalized2 === "false" || normalized2 === "0" || normalized2 === "no") {
     return false;
   }
   return null;
@@ -102770,11 +102829,11 @@ function validateOutputResolutionOverride(body) {
   if (typeof body.outputResolution !== "string") {
     return 'outputResolution must be a string preset (e.g. "4k", "landscape-4k")';
   }
-  const normalized = normalizeResolutionFlag(body.outputResolution);
-  if (body.outputResolution.trim().length > 0 && normalized === void 0) {
+  const normalized2 = normalizeResolutionFlag(body.outputResolution);
+  if (body.outputResolution.trim().length > 0 && normalized2 === void 0) {
     return `Invalid outputResolution "${body.outputResolution}". Must be one of: landscape, portrait, landscape-4k, portrait-4k, square, square-4k (aliases: 1080p, 4k, \u2026).`;
   }
-  if (normalized !== void 0 && (body.format === "webm" || body.format === "mov")) {
+  if (normalized2 !== void 0 && (body.format === "webm" || body.format === "mov")) {
     return `outputResolution is not supported with format "${body.format}" \u2014 the alpha (webm/mov) capture path can't supersample. Use format "mp4", or omit outputResolution to render at the composition's native dimensions.`;
   }
   return void 0;
@@ -103448,8 +103507,8 @@ async function runFontLocalize(io, localize) {
 }
 
 // src/version.ts
-var VERSION = true ? "0.8.66" : "0.0.0-dev";
-var PRODUCER_VERSION = true ? "0.8.66" : "0.0.0-dev";
+var VERSION = true ? "0.8.67" : "0.0.0-dev";
+var PRODUCER_VERSION = true ? "0.8.67" : "0.0.0-dev";
 
 // src/fontLocalizeCli.ts
 async function readStdin() {

package/dist/hyperframes-player.global.js

@@ -1,4 +1,4 @@
-"use strict";var HyperframesPlayer=(()=>{var Se=Object.defineProperty;var fn=Object.getOwnPropertyDescriptor;var hn=Object.getOwnPropertyNames;var bn=Object.prototype.hasOwnProperty;var gn=(n,e)=>{for(var t in e)Se(n,t,{get:e[t],enumerable:!0})},_n=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of hn(e))!bn.call(n,r)&&r!==t&&Se(n,r,{get:()=>e[r],enumerable:!(i=fn(e,r))||i.enumerable});return n};var yn=n=>_n(Se({},"__esModule",{value:!0}),n);var Xi={};gn(Xi,{HyperframesPlayer:()=>Ee,SPEED_PRESETS:()=>we,formatSpeed:()=>G,formatTime:()=>ie});function ct(n){return n.hasRuntime||n.runtimeInjected?!1:!!(n.hasNestedCompositions||n.hasTimelines&&n.attempts>=5)}function H(n){return typeof n=="object"&&n!==null}function mt(n){return H(n)&&typeof n.getDuration=="function"}function pt(n){return H(n)&&typeof n.duration=="function"&&typeof n.time=="function"&&typeof n.seek=="function"&&typeof n.play=="function"&&typeof n.pause=="function"}var L="https://cdn.jsdelivr.net/npm/@hyperframes/core@0.8.66/dist/hyperframe.runtime.iife.js";function V(n){if(n===null)return null;let e=Number.parseInt(n,10);return Number.isFinite(e)&&e>0?e:null}function vn(n){let e=n?.querySelector("[data-composition-id][data-width][data-height]")??n?.querySelector("[data-width][data-height]");if(!e)return null;let t=V(e.getAttribute("data-width")),i=V(e.getAttribute("data-height"));return t!==null&&i!==null?{width:t,height:i}:null}var ne=class{constructor(e,t){this._iframe=e;this._callbacks=t}_iframe;_callbacks;_interval=null;_runtimeInjected=!1;get runtimeInjected(){return this._runtimeInjected}start(){this.stop(),this._runtimeInjected=!1;let e=0;this._interval=setInterval(()=>{e++;try{let t=this._iframe.contentWindow;if(!t)return;let i=!!(t.__hf||t.__player),r=!!(t.__timelines&&Object.keys(t.__timelines).length>0),o=!!this._iframe.contentDocument?.querySelector("[data-composition-src]");if(ct({hasRuntime:i,hasTimelines:r,hasNestedCompositions:o,runtimeInjected:this._runtimeInjected,attempts:e})){this._injectRuntime();return}if(this._runtimeInjected&&!i)return;let a=this._resolvePlaybackDurationAdapter(t);if(a&&a.getDuration()>0){this.stop();let s=vn(this._iframe.contentDocument);this._callbacks.onReady({duration:a.getDuration(),adapter:a,compositionSize:s});return}}catch{}e>=40&&(this.stop(),this._callbacks.onError("Composition timeline not found after 8s"))},200)}stop(){this._interval!==null&&(clearInterval(this._interval),this._interval=null)}resolveDirectTimelineAdapter(){try{let e=this._iframe.contentWindow;return e?this._resolveDirectTimelineAdapterFromWindow(e):null}catch{return null}}resolveDirectTimelineAdapterFromWindow(e){return this._resolveDirectTimelineAdapterFromWindow(e)}hasRuntimeBridge(e){return Reflect.get(e,"__hf")!==void 0||H(Reflect.get(e,"__player"))}_injectRuntime(){this._runtimeInjected=!0;try{let e=this._iframe.contentDocument;if(!e)return;let t=e.createElement("script");t.src=L,(e.head||e.documentElement).appendChild(t),this._callbacks.onRuntimeInjected?.()}catch{}}_resolveDirectTimelineAdapterFromWindow(e){if(this.hasRuntimeBridge(e))return null;let t=Reflect.get(e,"__timelines");if(!H(t))return null;let i=Object.keys(t);if(i.length===0)return null;let r=this._iframe.contentDocument?.querySelector("[data-composition-id]")?.getAttribute("data-composition-id"),o=r&&r in t?r:i[i.length-1],a=t[o];return pt(a)?a:null}_resolvePlaybackDurationAdapter(e){let t=Reflect.get(e,"__player");if(mt(t))return{kind:"runtime",getDuration:()=>t.getDuration()};let i=this._resolveDirectTimelineAdapterFromWindow(e);return i?{kind:"direct-timeline",timeline:i,getDuration:()=>i.duration()}:null}};var ft=`
+"use strict";var HyperframesPlayer=(()=>{var Se=Object.defineProperty;var fn=Object.getOwnPropertyDescriptor;var hn=Object.getOwnPropertyNames;var bn=Object.prototype.hasOwnProperty;var gn=(n,e)=>{for(var t in e)Se(n,t,{get:e[t],enumerable:!0})},_n=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of hn(e))!bn.call(n,r)&&r!==t&&Se(n,r,{get:()=>e[r],enumerable:!(i=fn(e,r))||i.enumerable});return n};var yn=n=>_n(Se({},"__esModule",{value:!0}),n);var Xi={};gn(Xi,{HyperframesPlayer:()=>Ee,SPEED_PRESETS:()=>we,formatSpeed:()=>G,formatTime:()=>ie});function ct(n){return n.hasRuntime||n.runtimeInjected?!1:!!(n.hasNestedCompositions||n.hasTimelines&&n.attempts>=5)}function H(n){return typeof n=="object"&&n!==null}function mt(n){return H(n)&&typeof n.getDuration=="function"}function pt(n){return H(n)&&typeof n.duration=="function"&&typeof n.time=="function"&&typeof n.seek=="function"&&typeof n.play=="function"&&typeof n.pause=="function"}var L="https://cdn.jsdelivr.net/npm/@hyperframes/core@0.8.67/dist/hyperframe.runtime.iife.js";function V(n){if(n===null)return null;let e=Number.parseInt(n,10);return Number.isFinite(e)&&e>0?e:null}function vn(n){let e=n?.querySelector("[data-composition-id][data-width][data-height]")??n?.querySelector("[data-width][data-height]");if(!e)return null;let t=V(e.getAttribute("data-width")),i=V(e.getAttribute("data-height"));return t!==null&&i!==null?{width:t,height:i}:null}var ne=class{constructor(e,t){this._iframe=e;this._callbacks=t}_iframe;_callbacks;_interval=null;_runtimeInjected=!1;get runtimeInjected(){return this._runtimeInjected}start(){this.stop(),this._runtimeInjected=!1;let e=0;this._interval=setInterval(()=>{e++;try{let t=this._iframe.contentWindow;if(!t)return;let i=!!(t.__hf||t.__player),r=!!(t.__timelines&&Object.keys(t.__timelines).length>0),o=!!this._iframe.contentDocument?.querySelector("[data-composition-src]");if(ct({hasRuntime:i,hasTimelines:r,hasNestedCompositions:o,runtimeInjected:this._runtimeInjected,attempts:e})){this._injectRuntime();return}if(this._runtimeInjected&&!i)return;let a=this._resolvePlaybackDurationAdapter(t);if(a&&a.getDuration()>0){this.stop();let s=vn(this._iframe.contentDocument);this._callbacks.onReady({duration:a.getDuration(),adapter:a,compositionSize:s});return}}catch{}e>=40&&(this.stop(),this._callbacks.onError("Composition timeline not found after 8s"))},200)}stop(){this._interval!==null&&(clearInterval(this._interval),this._interval=null)}resolveDirectTimelineAdapter(){try{let e=this._iframe.contentWindow;return e?this._resolveDirectTimelineAdapterFromWindow(e):null}catch{return null}}resolveDirectTimelineAdapterFromWindow(e){return this._resolveDirectTimelineAdapterFromWindow(e)}hasRuntimeBridge(e){return Reflect.get(e,"__hf")!==void 0||H(Reflect.get(e,"__player"))}_injectRuntime(){this._runtimeInjected=!0;try{let e=this._iframe.contentDocument;if(!e)return;let t=e.createElement("script");t.src=L,(e.head||e.documentElement).appendChild(t),this._callbacks.onRuntimeInjected?.()}catch{}}_resolveDirectTimelineAdapterFromWindow(e){if(this.hasRuntimeBridge(e))return null;let t=Reflect.get(e,"__timelines");if(!H(t))return null;let i=Object.keys(t);if(i.length===0)return null;let r=this._iframe.contentDocument?.querySelector("[data-composition-id]")?.getAttribute("data-composition-id"),o=r&&r in t?r:i[i.length-1],a=t[o];return pt(a)?a:null}_resolvePlaybackDurationAdapter(e){let t=Reflect.get(e,"__player");if(mt(t))return{kind:"runtime",getDuration:()=>t.getDuration()};let i=this._resolveDirectTimelineAdapterFromWindow(e);return i?{kind:"direct-timeline",timeline:i,getDuration:()=>i.duration()}:null}};var ft=`
   :host {
     display: block;
     position: relative;