ts-video-player 0.1.1 → 0.1.2

package/dist/{chunk-eajts2jv.js → chunk-d352kdh6.js}

@@ -1,33 +1,33 @@
 import {
-  EventEmitter,
-  MediaEventsNormalizer,
-  StateStore,
-  createActivityDetector,
-  createKeyboardHandler,
-  createStorageSync,
-  detectFullscreenAvailability,
-  detectPipAvailability,
-  detectVolumeAvailability,
-  enterFullscreen,
-  enterPiP,
-  exitFullscreen,
-  exitPiP,
-  onFullscreenChange,
-  onPiPChange,
-  probeVolumeAvailability,
-  selectBufferedAmount
-} from "./chunk-36x4yhjn.js";
+  StateStore2,
+  selectBufferedAmount2,
+  createStorageSync2,
+  EventEmitter2,
+  MediaEventsNormalizer2,
+  onFullscreenChange2,
+  onPiPChange2,
+  createKeyboardHandler2,
+  createActivityDetector2,
+  detectVolumeAvailability2,
+  probeVolumeAvailability2,
+  detectFullscreenAvailability2,
+  enterFullscreen2,
+  exitFullscreen2,
+  detectPipAvailability2,
+  enterPiP2,
+  exitPiP2
+} from "./chunk-rhykj0qy.js";
 
 // src/core/media-session.ts
-function isMediaSessionSupported() {
+function isMediaSessionSupported2() {
   return typeof navigator !== "undefined" && "mediaSession" in navigator;
 }
-function createMediaSession(store, actions, options) {
-  if (!isMediaSessionSupported())
+function createMediaSession2(store, actions, options) {
+  if (!isMediaSessionSupported2())
     return () => {};
   const session = navigator.mediaSession;
   if (options) {
-    updateMetadata(options);
+    updateMetadata2(options);
   }
   const handlers = [
     ["play", () => actions.play()],
@@ -94,8 +94,8 @@ function createMediaSession(store, actions, options) {
     }
   };
 }
-function updateMetadata(options) {
-  if (!isMediaSessionSupported())
+function updateMetadata2(options) {
+  if (!isMediaSessionSupported2())
     return;
   navigator.mediaSession.metadata = new MediaMetadata({
     title: options.title || "",
@@ -106,11 +106,11 @@ function updateMetadata(options) {
 }
 
 // src/core/orientation.ts
-function isOrientationLockSupported() {
+function isOrientationLockSupported2() {
   return typeof screen !== "undefined" && "orientation" in screen && typeof screen.orientation.lock === "function";
 }
-function lockOrientation(type) {
-  if (!isOrientationLockSupported())
+function lockOrientation2(type) {
+  if (!isOrientationLockSupported2())
     return;
   const orientationMap = {
     landscape: "landscape",
@@ -119,8 +119,8 @@ function lockOrientation(type) {
   };
   screen.orientation.lock(orientationMap[type]).catch(() => {});
 }
-function unlockOrientation() {
-  if (!isOrientationLockSupported())
+function unlockOrientation2() {
+  if (!isOrientationLockSupported2())
     return;
   try {
     screen.orientation.unlock();
@@ -128,10 +128,10 @@ function unlockOrientation() {
 }
 
 // src/providers/base.ts
-class BaseProvider {
+class BaseProvider2 {
   container = null;
   options = {};
-  events = new EventEmitter;
+  events = new EventEmitter2;
   _ready = false;
   get mediaElement() {
     return null;
@@ -173,20 +173,20 @@ class BaseProvider {
     const video = el instanceof HTMLVideoElement ? el : null;
     switch (feature) {
       case "volume":
-        return el && !(el instanceof HTMLMediaElement) ? "available" : detectVolumeAvailability(media);
+        return el && !(el instanceof HTMLMediaElement) ? "available" : detectVolumeAvailability2(media);
       case "fullscreen":
-        return detectFullscreenAvailability(this.container, video);
+        return detectFullscreenAvailability2(this.container, video);
       case "pip":
-        return el && !(el instanceof HTMLMediaElement) ? "unsupported" : detectPipAvailability(video);
+        return el && !(el instanceof HTMLMediaElement) ? "unsupported" : detectPipAvailability2(video);
       default:
         return "unsupported";
     }
   }
   async enterFullscreen() {
-    await enterFullscreen(this.container, this.mediaElement);
+    await enterFullscreen2(this.container, this.mediaElement);
   }
   async exitFullscreen() {
-    await exitFullscreen(this.mediaElement);
+    await exitFullscreen2(this.mediaElement);
   }
   getFullscreenElement() {
     return this.container;
@@ -195,10 +195,10 @@ class BaseProvider {
     const media = this.mediaElement;
     if (!media)
       return;
-    await enterPiP(media);
+    await enterPiP2(media);
   }
   async exitPiP() {
-    await exitPiP(this.mediaElement);
+    await exitPiP2(this.mediaElement);
   }
   on(event, handler) {
     this.events.on(event, handler);
@@ -212,7 +212,7 @@ class BaseProvider {
   }
 }
 // src/providers/html5.ts
-function isHTML5Source(src) {
+function isHTML5Source2(src) {
   if (typeof src === "string") {
     const extension = getExtension(src);
     if (extension === "mp4" || extension === "webm" || extension === "ogg" || extension === "ogv" || extension === "mov" || extension === "mp3" || extension === "wav" || extension === "flac" || extension === "m4a" || extension === "aac" || extension === "oga" || extension === "opus") {
@@ -249,7 +249,7 @@ function getMimeType(src) {
   return mimeTypes[ext || ""] || "video/mp4";
 }
 
-class HTML5Provider extends BaseProvider {
+class HTML5Provider2 extends BaseProvider2 {
   name = "html5";
   type = "video";
   media = null;
@@ -294,12 +294,12 @@ class HTML5Provider extends BaseProvider {
     this.container.appendChild(this.media);
     for (const track of this.options.tracks ?? [])
       this.addTextTrack(track);
-    this.eventsNormalizer = new MediaEventsNormalizer(this.media, this.events);
-    this.cleanupFullscreen = onFullscreenChange((fullscreen) => {
+    this.eventsNormalizer = new MediaEventsNormalizer2(this.media, this.events);
+    this.cleanupFullscreen = onFullscreenChange2((fullscreen) => {
       this.events.emit("fullscreenchange", fullscreen);
     });
     if (!this.isAudio && this.media instanceof HTMLVideoElement) {
-      this.cleanupPiP = onPiPChange(this.media, (pip) => {
+      this.cleanupPiP = onPiPChange2(this.media, (pip) => {
         this.events.emit("pipchange", pip);
       });
     }
@@ -327,7 +327,7 @@ class HTML5Provider extends BaseProvider {
     this.media.addEventListener("loadeddata", () => {
       if (!this.media)
         return;
-      probeVolumeAvailability(this.media).then((availability) => {
+      probeVolumeAvailability2(this.media).then((availability) => {
         this.events.emit("statechange", {
           volumeAvailability: availability
         });
@@ -357,7 +357,7 @@ class HTML5Provider extends BaseProvider {
     }
   }
   canPlay(src) {
-    return isHTML5Source(src);
+    return isHTML5Source2(src);
   }
   async load(src) {
     if (!this.media)
@@ -522,11 +522,11 @@ class HTML5Provider extends BaseProvider {
     this.media.appendChild(track);
   }
 }
-var html5Loader = {
+var html5Loader2 = {
   name: "html5",
   type: "video",
   canPlay(src) {
-    return isHTML5Source(src);
+    return isHTML5Source2(src);
   },
   mediaType(src) {
     if (typeof src === "string") {
@@ -544,7 +544,7 @@ var html5Loader = {
     return "video";
   },
   async load(container, options) {
-    const provider = new HTML5Provider;
+    const provider = new HTML5Provider2;
     await provider.setup(container, options);
     return provider;
   }
@@ -555,7 +555,7 @@ var YOUTUBE_PATTERNS = [
   /youtube\.com\/v\/([a-zA-Z0-9_-]{11})/,
   /youtube\.com\/shorts\/([a-zA-Z0-9_-]{11})/
 ];
-function extractYouTubeId(url) {
+function extractYouTubeId2(url) {
   for (const pattern of YOUTUBE_PATTERNS) {
     const match = url.match(pattern);
     if (match)
@@ -563,9 +563,9 @@ function extractYouTubeId(url) {
   }
   return null;
 }
-function isYouTubeSource(src) {
+function isYouTubeSource2(src) {
   if (typeof src === "string") {
-    return extractYouTubeId(src) !== null;
+    return extractYouTubeId2(src) !== null;
   }
   if (typeof src === "object" && "type" in src) {
     return src.type === "youtube";
@@ -574,7 +574,7 @@ function isYouTubeSource(src) {
 }
 function parseYouTubeSource(src) {
   if (typeof src === "string") {
-    const videoId = extractYouTubeId(src);
+    const videoId = extractYouTubeId2(src);
     if (!videoId)
       return null;
     const url = new URL(src, "https://youtube.com");
@@ -589,7 +589,7 @@ function parseYouTubeSource(src) {
   if (typeof src === "object" && "type" in src && src.type === "youtube") {
     const ytSrc = src;
     return {
-      videoId: ytSrc.videoId || extractYouTubeId(ytSrc.src) || "",
+      videoId: ytSrc.videoId || extractYouTubeId2(ytSrc.src) || "",
       startTime: ytSrc.startTime,
       endTime: ytSrc.endTime
     };
@@ -614,7 +614,7 @@ function parseTime(time) {
   return 0;
 }
 
-class YouTubeProvider extends BaseProvider {
+class YouTubeProvider2 extends BaseProvider2 {
   name = "youtube";
   type = "youtube";
   player = null;
@@ -762,7 +762,7 @@ class YouTubeProvider extends BaseProvider {
     this.events.emit("ratechange", this.getPlaybackRate());
   }
   canPlay(src) {
-    return isYouTubeSource(src);
+    return isYouTubeSource2(src);
   }
   async load(src) {
     const parsed = parseYouTubeSource(src);
@@ -869,11 +869,11 @@ class YouTubeProvider extends BaseProvider {
     }
   }
 }
-var youtubeLoader = {
+var youtubeLoader2 = {
   name: "youtube",
   type: "youtube",
   canPlay(src) {
-    return isYouTubeSource(src);
+    return isYouTubeSource2(src);
   },
   mediaType() {
     return "video";
@@ -887,7 +887,7 @@ var youtubeLoader = {
     ];
   },
   async load(container, options) {
-    const provider = new YouTubeProvider;
+    const provider = new YouTubeProvider2;
     await provider.setup(container, options);
     return provider;
   }
@@ -900,7 +900,7 @@ var VIMEO_PATTERNS = [
   /vimeo\.com\/channels\/[\w]+\/(\d+)/,
   /vimeo\.com\/groups\/[\w]+\/videos\/(\d+)/
 ];
-function extractVimeoId(url) {
+function extractVimeoId2(url) {
   for (const pattern of VIMEO_PATTERNS) {
     const match = url.match(pattern);
     if (match)
@@ -908,13 +908,13 @@ function extractVimeoId(url) {
   }
   return null;
 }
-function extractVimeoHash(url) {
+function extractVimeoHash2(url) {
   const match = url.match(/vimeo\.com\/\d+\/([a-f0-9]+)/);
   return match ? match[1] : null;
 }
-function isVimeoSource(src) {
+function isVimeoSource2(src) {
   if (typeof src === "string") {
-    return extractVimeoId(src) !== null;
+    return extractVimeoId2(src) !== null;
   }
   if (typeof src === "object" && "type" in src) {
     return src.type === "vimeo";
@@ -923,15 +923,15 @@ function isVimeoSource(src) {
 }
 function parseVimeoSource(src) {
   if (typeof src === "string") {
-    const videoId = extractVimeoId(src);
+    const videoId = extractVimeoId2(src);
     if (!videoId)
       return null;
-    return { videoId, hash: extractVimeoHash(src) || undefined };
+    return { videoId, hash: extractVimeoHash2(src) || undefined };
   }
   if (typeof src === "object" && "type" in src && src.type === "vimeo") {
     const vSrc = src;
     return {
-      videoId: vSrc.videoId || extractVimeoId(vSrc.src) || "",
+      videoId: vSrc.videoId || extractVimeoId2(vSrc.src) || "",
       hash: vSrc.hash
     };
   }
@@ -939,7 +939,7 @@ function parseVimeoSource(src) {
 }
 var VIMEO_SDK_URL = "https://player.vimeo.com/api/player.js";
 
-class VimeoProvider extends BaseProvider {
+class VimeoProvider2 extends BaseProvider2 {
   name = "vimeo";
   type = "vimeo";
   container_el = null;
@@ -994,7 +994,7 @@ class VimeoProvider extends BaseProvider {
     this.container_el = null;
   }
   canPlay(src) {
-    return isVimeoSource(src);
+    return isVimeoSource2(src);
   }
   async load(src) {
     const parsed = parseVimeoSource(src);
@@ -1185,11 +1185,11 @@ class VimeoProvider extends BaseProvider {
     }
   }
 }
-var vimeoLoader = {
+var vimeoLoader2 = {
   name: "vimeo",
   type: "vimeo",
   canPlay(src) {
-    return isVimeoSource(src);
+    return isVimeoSource2(src);
   },
   mediaType() {
     return "video";
@@ -1198,13 +1198,13 @@ var vimeoLoader = {
     return ["https://player.vimeo.com", "https://i.vimeocdn.com", "https://f.vimeocdn.com"];
   },
   async load(container, options) {
-    const provider = new VimeoProvider;
+    const provider = new VimeoProvider2;
     await provider.setup(container, options);
     return provider;
   }
 };
 // src/providers/hls.ts
-function isHLSSource(src) {
+function isHLSSource2(src) {
   if (typeof src === "string") {
     const url = src.toLowerCase();
     return url.endsWith(".m3u8") || url.includes("application/x-mpegurl") || url.includes("application/vnd.apple.mpegurl");
@@ -1215,13 +1215,13 @@ function isHLSSource(src) {
   }
   return false;
 }
-function isNativeHLSSupported() {
+function isNativeHLSSupported2() {
   const video = document.createElement("video");
   return video.canPlayType("application/vnd.apple.mpegurl") !== "";
 }
 var HLS_CDN_DEFAULT = "https://cdn.jsdelivr.net/npm/hls.js@latest/dist/hls.min.js";
 
-class HLSProvider extends BaseProvider {
+class HLSProvider2 extends BaseProvider2 {
   name = "hls";
   type = "hls";
   video = null;
@@ -1266,14 +1266,14 @@ class HLSProvider extends BaseProvider {
     if (this.options.volume !== undefined)
       this.video.volume = this.options.volume;
     this.container.appendChild(this.video);
-    this.eventsNormalizer = new MediaEventsNormalizer(this.video, this.events);
-    this.cleanupFullscreen = onFullscreenChange((fullscreen) => {
+    this.eventsNormalizer = new MediaEventsNormalizer2(this.video, this.events);
+    this.cleanupFullscreen = onFullscreenChange2((fullscreen) => {
       this.events.emit("fullscreenchange", fullscreen);
     });
-    this.cleanupPiP = onPiPChange(this.video, (pip) => {
+    this.cleanupPiP = onPiPChange2(this.video, (pip) => {
       this.events.emit("pipchange", pip);
     });
-    this.useNativeHLS = isNativeHLSSupported();
+    this.useNativeHLS = isNativeHLSSupported2();
     if (!this.useNativeHLS) {
       await this.loadHLSLibrary();
     }
@@ -1328,7 +1328,7 @@ class HLSProvider extends BaseProvider {
     this._textTracks = [];
   }
   canPlay(src) {
-    return isHLSSource(src);
+    return isHLSSource2(src);
   }
   async load(src) {
     if (!this.video)
@@ -1549,11 +1549,11 @@ class HLSProvider extends BaseProvider {
     this.events.emit("texttrackchange", current || null);
   }
 }
-var hlsLoader = {
+var hlsLoader2 = {
   name: "hls",
   type: "hls",
   canPlay(src) {
-    return isHLSSource(src);
+    return isHLSSource2(src);
   },
   mediaType() {
     return "video";
@@ -1562,7 +1562,7 @@ var hlsLoader = {
     return ["https://cdn.jsdelivr.net"];
   },
   async load(container, options) {
-    const provider = new HLSProvider;
+    const provider = new HLSProvider2;
     await provider.setup(container, options);
     return provider;
   }
@@ -1596,7 +1596,7 @@ async function loadDashJS(cdnUrl) {
   });
   return dashLoading;
 }
-function isDASHSource(src) {
+function isDASHSource2(src) {
   if (typeof src === "object" && "type" in src && src.type === "dash") {
     return true;
   }
@@ -1606,7 +1606,7 @@ function isDASHSource(src) {
   return false;
 }
 
-class DASHProvider extends BaseProvider {
+class DASHProvider2 extends BaseProvider2 {
   name = "dash";
   type = "dash";
   dash = null;
@@ -1739,7 +1739,7 @@ class DASHProvider extends BaseProvider {
       return;
     if (typeof src === "string") {
       this.source = { src, type: "dash" };
-    } else if (isDASHSource(src)) {
+    } else if (isDASHSource2(src)) {
       this.source = src;
     } else {
       this.emitError(4, "Invalid DASH source");
@@ -1751,7 +1751,7 @@ class DASHProvider extends BaseProvider {
     this.dash.initialize(this.video, this.source.src, false);
   }
   canPlay(src) {
-    return isDASHSource(src);
+    return isDASHSource2(src);
   }
   cleanup() {
     if (this.dash) {
@@ -1928,17 +1928,17 @@ class DASHProvider extends BaseProvider {
     }
   }
 }
-var dashLoader = {
+var dashLoader2 = {
   name: "dash",
   type: "dash",
   canPlay(src) {
-    return isDASHSource(src);
+    return isDASHSource2(src);
   },
   mediaType() {
     return "video";
   },
   async load(container, options) {
-    const provider = new DASHProvider;
+    const provider = new DASHProvider2;
     await provider.setup(container, options);
     return provider;
   },
@@ -1947,45 +1947,69 @@ var dashLoader = {
   }
 };
 // src/providers/index.ts
-var defaultLoaders = [
-  hlsLoader,
-  dashLoader,
-  youtubeLoader,
-  vimeoLoader,
-  html5Loader
+var defaultLoaders2 = [
+  hlsLoader2,
+  dashLoader2,
+  youtubeLoader2,
+  vimeoLoader2,
+  html5Loader2
 ];
-function findLoader(src, loaders = defaultLoaders) {
+function untypedUrl(src) {
+  if (!src || typeof src !== "object" || typeof src.src !== "string")
+    return null;
+  return "type" in src && src.type ? null : src.src;
+}
+var TYPE_FOR_LOADER = {
+  youtube: () => "youtube",
+  vimeo: () => "vimeo",
+  hls: () => "application/x-mpegurl",
+  dash: () => "dash",
+  video: (url) => getMimeType(url)
+};
+function withType(src, loader) {
+  const url = untypedUrl(src);
+  const type = url && TYPE_FOR_LOADER[loader.type];
+  return url && type ? { ...src, type: type(url) } : src;
+}
+function findLoader2(src, loaders = defaultLoaders2) {
   for (const loader of loaders) {
     if (loader.canPlay(src)) {
       return loader;
     }
   }
+  const url = untypedUrl(src);
+  if (url) {
+    for (const loader of loaders) {
+      if (loader.canPlay(url))
+        return loader;
+    }
+  }
   return null;
 }
-function findSourceCandidates(sources, loaders = defaultLoaders) {
+function findSourceCandidates(sources, loaders = defaultLoaders2) {
   const candidates = [];
   sources.forEach((src, index) => {
-    const loader = findLoader(src, loaders);
+    const loader = findLoader2(src, loaders);
     if (loader)
-      candidates.push({ src, index, loader });
+      candidates.push({ src: withType(src, loader), index, loader });
   });
   return candidates;
 }
-function detectMediaType(src, loaders = defaultLoaders) {
-  const loader = findLoader(src, loaders);
+function detectMediaType2(src, loaders = defaultLoaders2) {
+  const loader = findLoader2(src, loaders);
   return loader?.mediaType(src) || "unknown";
 }
-function getPreconnectHints(src, loaders = defaultLoaders) {
-  const loader = findLoader(src, loaders);
+function getPreconnectHints2(src, loaders = defaultLoaders2) {
+  const loader = findLoader2(src, loaders);
   return loader?.preconnect?.() || [];
 }
 
 // src/player.ts
-class Player {
+class Player2 {
   _el;
   _options;
   _store;
-  _events = new EventEmitter;
+  _events = new EventEmitter2;
   _provider = null;
   _loaders;
   _cleanupFns = [];
@@ -2002,8 +2026,8 @@ class Player {
       this._el = container;
     }
     this._options = { ...defaultOptions, ...options };
-    this._loaders = defaultLoaders;
-    this._store = new StateStore;
+    this._loaders = defaultLoaders2;
+    this._store = new StateStore2;
     this.setupElement();
     this.setupState();
     this.setupKeyboard();
@@ -2088,7 +2112,7 @@ class Player {
       seekPercent: (percent) => this.seekTo(percent / 100 * this.state.duration)
     };
     const config = typeof this._options.keyboard === "object" ? this._options.keyboard : {};
-    const handler = createKeyboardHandler(actions, {
+    const handler = createKeyboardHandler2(actions, {
       seekStep: config.seekStep,
       volumeStep: config.volumeStep
     });
@@ -2097,7 +2121,7 @@ class Player {
     this._cleanupFns.push(() => target.removeEventListener("keydown", handler));
   }
   setupActivity() {
-    const cleanup = createActivityDetector(this._el, {
+    const cleanup = createActivityDetector2(this._el, {
       timeout: this._options.controlsTimeout || 3000,
       onActive: () => {
         this._store.batch({ userActive: true, controlsVisible: true });
@@ -2124,14 +2148,14 @@ class Player {
       return;
     const config = typeof this._options.storage === "object" ? this._options.storage : {};
     const storage = config.type === "session" ? sessionStorage : localStorage;
-    const cleanup = createStorageSync(this._store, config.persist || ["volume", "muted", "playbackRate"], storage);
+    const cleanup = createStorageSync2(this._store, config.persist || ["volume", "muted", "playbackRate"], storage);
     this._cleanupFns.push(cleanup);
   }
   setupMediaSession() {
     if (this._options.mediaSession === false)
       return;
     const sessionOpts = typeof this._options.mediaSession === "object" ? this._options.mediaSession : this._options.title ? { title: this._options.title } : undefined;
-    const cleanup = createMediaSession(this._store, {
+    const cleanup = createMediaSession2(this._store, {
       play: () => this.play(),
       pause: () => this.pause(),
       seekTo: (time) => this.seekTo(time),
@@ -2353,7 +2377,7 @@ class Player {
     provider.on("progress", (buffered) => {
       this._store.batch({
         buffered,
-        bufferedAmount: selectBufferedAmount({ ...this.state, buffered })
+        bufferedAmount: selectBufferedAmount2({ ...this.state, buffered })
       });
       this._events.emit("progress", buffered);
     });
@@ -2451,13 +2475,13 @@ class Player {
     }
     await this._provider?.enterFullscreen();
     if (this._options.fullscreenOrientationLock !== false) {
-      lockOrientation("landscape");
+      lockOrientation2("landscape");
     }
   }
   async exitFullscreen() {
     await this._provider?.exitFullscreen();
     if (this._options.fullscreenOrientationLock !== false) {
-      unlockOrientation();
+      unlockOrientation2();
     }
   }
   async toggleFullscreen() {
@@ -2539,10 +2563,10 @@ var defaultOptions = {
   controlsTimeout: 3000,
   storage: true
 };
-function createPlayer(container, options) {
-  return new Player(container, options);
+function createPlayer2(container, options) {
+  return new Player2(container, options);
 }
-function getPlayer(element) {
+function getPlayer2(element) {
   return element.__videoPlayer || null;
 }
 
@@ -2553,7 +2577,7 @@ var HTMLElementBase = globalThis.HTMLElement ?? class {
 // src/elements/video-player.ts
 var OBSERVED_ATTRS = ["src", "poster", "autoplay", "loop", "muted", "controls", "volume", "playback-rate", "preload", "playsinline", "crossorigin", "controlslist", "disable-picture-in-picture"];
 
-class VideoPlayerElement extends HTMLElementBase {
+class VideoPlayerElement2 extends HTMLElementBase {
   _player = null;
   _container = null;
   _disconnectId = 0;
@@ -2575,7 +2599,7 @@ class VideoPlayerElement extends HTMLElementBase {
     this._container.appendChild(slot);
     shadow.appendChild(this._container);
     const options = this.buildOptions();
-    this._player = new Player(this._container, options);
+    this._player = new Player2(this._container, options);
     this.forwardEvents();
   }
   disconnectedCallback() {
@@ -2717,7 +2741,7 @@ class VideoPlayerElement extends HTMLElementBase {
   }
 }
 // src/elements/utils.ts
-function formatTime(seconds, guide = 0) {
+function formatTime2(seconds, guide = 0) {
   if (!isFinite(seconds) || isNaN(seconds))
     return "0:00";
   const s = Math.floor(seconds);
@@ -2730,7 +2754,7 @@ function formatTime(seconds, guide = 0) {
   }
   return `${m}:${sec.toString().padStart(2, "0")}`;
 }
-function formatTimePhrase(seconds) {
+function formatTimePhrase2(seconds) {
   if (!isFinite(seconds) || isNaN(seconds))
     return "0 seconds";
   const s = Math.floor(seconds);
@@ -2746,7 +2770,7 @@ function formatTimePhrase(seconds) {
     parts.push(`${sec} ${sec === 1 ? "second" : "seconds"}`);
   return parts.join(", ");
 }
-function toISODuration(seconds) {
+function toISODuration2(seconds) {
   if (!isFinite(seconds) || isNaN(seconds))
     return "PT0S";
   const s = Math.floor(seconds);
@@ -2762,7 +2786,7 @@ function toISODuration(seconds) {
     result += `${sec}S`;
   return result;
 }
-function resolvePlayer(el) {
+function resolvePlayer2(el) {
   const forId = el.getAttribute("for");
   if (forId) {
     const target = document.getElementById(forId);
@@ -2773,7 +2797,7 @@ function resolvePlayer(el) {
 }
 
 // src/elements/video-skin.ts
-class VideoSkin extends HTMLElementBase {
+class VideoSkin2 extends HTMLElementBase {
   _cleanups = [];
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -2846,7 +2870,7 @@ class VideoSkin extends HTMLElementBase {
     this._cleanups = [];
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const unsub = player.subscribe((state) => {
@@ -2871,7 +2895,7 @@ class VideoSkin extends HTMLElementBase {
 var PLAY_ICON = "M8 5v14l11-7z";
 var PAUSE_ICON = "M6 19h4V5H6v14zm8-14v14h4V5h-4z";
 
-class MediaPlayButton extends HTMLElementBase {
+class MediaPlayButton2 extends HTMLElementBase {
   _cleanup = null;
   _onClick = null;
   connectedCallback() {
@@ -2905,7 +2929,7 @@ class MediaPlayButton extends HTMLElementBase {
     this._onClick = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const btn = this.shadowRoot.querySelector("button");
@@ -2933,7 +2957,7 @@ function getVolumeIcon(muted, volume) {
   return ICON_HIGH;
 }
 
-class MediaMuteButton extends HTMLElementBase {
+class MediaMuteButton2 extends HTMLElementBase {
   _cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -2962,7 +2986,7 @@ class MediaMuteButton extends HTMLElementBase {
     this._cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const btn = this.shadowRoot.querySelector("button");
@@ -2980,7 +3004,7 @@ class MediaMuteButton extends HTMLElementBase {
 var ENTER_FS = "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z";
 var EXIT_FS = "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z";
 
-class MediaFullscreenButton extends HTMLElementBase {
+class MediaFullscreenButton2 extends HTMLElementBase {
   _cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -3011,7 +3035,7 @@ class MediaFullscreenButton extends HTMLElementBase {
     this._cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const btn = this.shadowRoot.querySelector("button");
@@ -3035,7 +3059,7 @@ class MediaFullscreenButton extends HTMLElementBase {
 // src/elements/media-pip-button.ts
 var PIP_ICON = "M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14z";
 
-class MediaPipButton extends HTMLElementBase {
+class MediaPipButton2 extends HTMLElementBase {
   _cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -3066,7 +3090,7 @@ class MediaPipButton extends HTMLElementBase {
     this._cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const btn = this.shadowRoot.querySelector("button");
@@ -3084,7 +3108,7 @@ class MediaPipButton extends HTMLElementBase {
   }
 }
 // src/elements/media-time-display.ts
-class MediaTimeDisplay extends HTMLElementBase {
+class MediaTimeDisplay2 extends HTMLElementBase {
   _cleanup = null;
   _showRemaining = false;
   static get observedAttributes() {
@@ -3123,13 +3147,13 @@ class MediaTimeDisplay extends HTMLElementBase {
   handleClick = () => {
     if (this.type === "duration") {
       this._showRemaining = !this._showRemaining;
-      const player = resolvePlayer(this);
+      const player = resolvePlayer2(this);
       if (player)
         this.render(player.state);
     }
   };
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const unsub = player.subscribe((state) => {
@@ -3145,21 +3169,21 @@ class MediaTimeDisplay extends HTMLElementBase {
     let seconds;
     if (type === "remaining" || type === "duration" && this._showRemaining) {
       seconds = Math.max(state.duration - state.currentTime, 0);
-      const formatted = `-${formatTime(seconds, state.duration)}`;
+      const formatted = `-${formatTime2(seconds, state.duration)}`;
       timeEl.textContent = formatted;
     } else if (type === "duration") {
       seconds = state.duration;
-      timeEl.textContent = formatTime(seconds);
+      timeEl.textContent = formatTime2(seconds);
     } else {
       seconds = state.currentTime;
-      timeEl.textContent = formatTime(seconds, state.duration);
+      timeEl.textContent = formatTime2(seconds, state.duration);
     }
-    timeEl.setAttribute("datetime", toISODuration(seconds));
-    timeEl.setAttribute("aria-valuetext", formatTimePhrase(seconds));
+    timeEl.setAttribute("datetime", toISODuration2(seconds));
+    timeEl.setAttribute("aria-valuetext", formatTimePhrase2(seconds));
   }
 }
 // src/elements/media-time-group.ts
-class MediaTimeGroup extends HTMLElementBase {
+class MediaTimeGroup2 extends HTMLElementBase {
   connectedCallback() {
     if (!this.shadowRoot) {
       const shadow = this.attachShadow({ mode: "open" });
@@ -3181,7 +3205,7 @@ class MediaTimeGroup extends HTMLElementBase {
   }
 }
 // src/elements/media-time-separator.ts
-class MediaTimeSeparator extends HTMLElementBase {
+class MediaTimeSeparator2 extends HTMLElementBase {
   connectedCallback() {
     if (!this.shadowRoot) {
       const shadow = this.attachShadow({ mode: "open" });
@@ -3205,7 +3229,7 @@ class MediaTimeSeparator extends HTMLElementBase {
   }
 }
 // src/elements/media-preview-time.ts
-class MediaPreviewTime extends HTMLElementBase {
+class MediaPreviewTime2 extends HTMLElementBase {
   _cleanups = [];
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -3231,7 +3255,7 @@ class MediaPreviewTime extends HTMLElementBase {
     this._cleanups = [];
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const progressBar = this.closest("media-progress-bar") || this.parentElement?.querySelector("media-progress-bar");
@@ -3251,12 +3275,12 @@ class MediaPreviewTime extends HTMLElementBase {
   updateTime(time, duration) {
     const span = this.shadowRoot?.querySelector("span");
     if (span) {
-      span.textContent = formatTime(time, duration);
+      span.textContent = formatTime2(time, duration);
     }
   }
 }
 // src/elements/media-progress-bar.ts
-class MediaProgressBar extends HTMLElementBase {
+class MediaProgressBar2 extends HTMLElementBase {
   _cleanups = [];
   _isDragging = false;
   connectedCallback() {
@@ -3331,7 +3355,7 @@ class MediaProgressBar extends HTMLElementBase {
     this._cleanups = [];
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const container = this.shadowRoot.querySelector(".container");
@@ -3352,7 +3376,7 @@ class MediaProgressBar extends HTMLElementBase {
       const rect = track.getBoundingClientRect();
       const percent = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
       const time = percent * (player.state.duration || 0);
-      tooltip.textContent = formatTime(time, player.state.duration);
+      tooltip.textContent = formatTime2(time, player.state.duration);
       const containerRect = container.getBoundingClientRect();
       const tooltipWidth = tooltip.offsetWidth;
       const rawLeft = e.clientX - containerRect.left;
@@ -3419,7 +3443,7 @@ class MediaProgressBar extends HTMLElementBase {
       fill.style.width = `${percent}%`;
       thumb.style.left = `${percent}%`;
       container.setAttribute("aria-valuenow", String(Math.round(percent)));
-      container.setAttribute("aria-valuetext", `${formatTimePhrase(state.currentTime)} of ${formatTimePhrase(duration)}`);
+      container.setAttribute("aria-valuetext", `${formatTimePhrase2(state.currentTime)} of ${formatTimePhrase2(duration)}`);
       const bufferedPct = (state.bufferedAmount || 0) * 100;
       buffered.style.width = `${bufferedPct}%`;
     });
@@ -3427,7 +3451,7 @@ class MediaProgressBar extends HTMLElementBase {
   }
 }
 // src/elements/media-volume-slider.ts
-class MediaVolumeSlider extends HTMLElementBase {
+class MediaVolumeSlider2 extends HTMLElementBase {
   _cleanups = [];
   _isDragging = false;
   connectedCallback() {
@@ -3476,7 +3500,7 @@ class MediaVolumeSlider extends HTMLElementBase {
     this._cleanups = [];
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const container = this.shadowRoot.querySelector(".container");
@@ -3545,7 +3569,7 @@ class MediaVolumeSlider extends HTMLElementBase {
   }
 }
 // src/core/popover.ts
-function computePosition(anchor, popover, options = {}) {
+function computePosition2(anchor, popover, options = {}) {
   const {
     placement = "top",
     offset = 4,
@@ -3595,11 +3619,11 @@ function computePosition(anchor, popover, options = {}) {
   const finalPlacement = `${vertical}${align}`;
   return { top, left, placement: finalPlacement };
 }
-function applyPosition(anchor, popover, options = {}) {
+function applyPosition2(anchor, popover, options = {}) {
   const prevVisibility = popover.style.visibility;
   popover.style.visibility = "hidden";
   popover.style.display = "block";
-  const result = computePosition(anchor, popover, options);
+  const result = computePosition2(anchor, popover, options);
   const offsetParent = popover.offsetParent;
   if (offsetParent) {
     const parentRect = offsetParent.getBoundingClientRect();
@@ -3617,7 +3641,7 @@ function applyPosition(anchor, popover, options = {}) {
 var GEAR_ICON = "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z";
 var SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
 
-class MediaSettingsMenu extends HTMLElementBase {
+class MediaSettingsMenu2 extends HTMLElementBase {
   _cleanup = null;
   _isOpen = false;
   _currentPanel = "main";
@@ -3720,7 +3744,7 @@ class MediaSettingsMenu extends HTMLElementBase {
     if (!trigger || !menu)
       return;
     const playerEl = this.closest("video-player, .ts-video-player");
-    const result = computePosition(trigger, menu, {
+    const result = computePosition2(trigger, menu, {
       placement: "top-end",
       offset: 4,
       boundary: playerEl,
@@ -3730,7 +3754,7 @@ class MediaSettingsMenu extends HTMLElementBase {
     menu.style.left = `${result.left}px`;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const unsub = player.subscribe(() => {
@@ -3740,7 +3764,7 @@ class MediaSettingsMenu extends HTMLElementBase {
     this._cleanup = unsub;
   }
   renderPanel() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     if (!player)
       return;
     const menu = this.shadowRoot.querySelector(".menu");
@@ -3870,7 +3894,7 @@ class MediaSettingsMenu extends HTMLElementBase {
   }
 }
 // src/elements/media-seek-button.ts
-class MediaSeekButton extends HTMLElementBase {
+class MediaSeekButton2 extends HTMLElementBase {
   cleanup = null;
   onClick = null;
   connectedCallback() {
@@ -3898,7 +3922,7 @@ class MediaSeekButton extends HTMLElementBase {
     this.onClick = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     const button = this.shadowRoot?.querySelector("button");
     if (!player || !button)
       return;
@@ -3917,7 +3941,7 @@ class MediaSeekButton extends HTMLElementBase {
 // src/elements/media-playback-rate-button.ts
 var defaultRates = [0.5, 0.75, 1, 1.25, 1.5, 2];
 
-class MediaPlaybackRateButton extends HTMLElementBase {
+class MediaPlaybackRateButton2 extends HTMLElementBase {
   cleanup = null;
   onClick = null;
   connectedCallback() {
@@ -3948,7 +3972,7 @@ class MediaPlaybackRateButton extends HTMLElementBase {
     return [...new Set(rates.length > 0 ? rates : defaultRates)].sort((a, b) => a - b);
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     const button = this.shadowRoot?.querySelector("button");
     if (!player || !button)
       return;
@@ -3967,7 +3991,7 @@ class MediaPlaybackRateButton extends HTMLElementBase {
 // src/elements/media-airplay-button.ts
 var AIRPLAY_ICON = "M6.2 19h11.6L12 13.2 6.2 19zM19 3H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h2v-2H5V5h14v10h-2v2h2a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z";
 
-class MediaAirplayButton extends HTMLElementBase {
+class MediaAirplayButton2 extends HTMLElementBase {
   cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -3992,7 +4016,7 @@ class MediaAirplayButton extends HTMLElementBase {
     this.cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     const button = this.shadowRoot?.querySelector("button");
     if (!player || !button)
       return;
@@ -4026,7 +4050,7 @@ class MediaAirplayButton extends HTMLElementBase {
   }
 }
 // src/elements/media-live-button.ts
-class MediaLiveButton extends HTMLElementBase {
+class MediaLiveButton2 extends HTMLElementBase {
   cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -4049,7 +4073,7 @@ class MediaLiveButton extends HTMLElementBase {
     this.cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     const button = this.shadowRoot?.querySelector("button");
     if (!player || !button)
       return;
@@ -4081,7 +4105,7 @@ class MediaLiveButton extends HTMLElementBase {
   }
 }
 // src/elements/media-error-display.ts
-class MediaErrorDisplay extends HTMLElementBase {
+class MediaErrorDisplay2 extends HTMLElementBase {
   cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -4102,7 +4126,7 @@ class MediaErrorDisplay extends HTMLElementBase {
     this.cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     const message = this.shadowRoot?.querySelector("p");
     if (!player || !message)
       return;
@@ -4122,7 +4146,7 @@ class MediaErrorDisplay extends HTMLElementBase {
 // src/elements/media-remote-playback-button.ts
 var REMOTE_ICON = "M1 18v3h3a3 3 0 0 0-3-3zm0-4v2a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7zm0-4v2c5 0 9 4 9 9h2c0-6.1-4.9-11-11-11zm18-7H5a2 2 0 0 0-2 2v3h2V5h14v10h-5v2h5a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z";
 
-class MediaRemotePlaybackButton extends HTMLElementBase {
+class MediaRemotePlaybackButton2 extends HTMLElementBase {
   cleanup = null;
   connectedCallback() {
     if (!this.shadowRoot) {
@@ -4147,7 +4171,7 @@ class MediaRemotePlaybackButton extends HTMLElementBase {
     this.cleanup = null;
   }
   attach() {
-    const player = resolvePlayer(this);
+    const player = resolvePlayer2(this);
     const button = this.shadowRoot?.querySelector("button");
     if (!player || !button)
       return;
@@ -4210,27 +4234,27 @@ class MediaRemotePlaybackButton extends HTMLElementBase {
 }
 // src/elements/index.ts
 var elements = [
-  ["video-player", VideoPlayerElement],
-  ["video-skin", VideoSkin],
-  ["media-play-button", MediaPlayButton],
-  ["media-mute-button", MediaMuteButton],
-  ["media-fullscreen-button", MediaFullscreenButton],
-  ["media-pip-button", MediaPipButton],
-  ["media-time-display", MediaTimeDisplay],
-  ["media-time-group", MediaTimeGroup],
-  ["media-time-separator", MediaTimeSeparator],
-  ["media-preview-time", MediaPreviewTime],
-  ["media-progress-bar", MediaProgressBar],
-  ["media-volume-slider", MediaVolumeSlider],
-  ["media-settings-menu", MediaSettingsMenu],
-  ["media-seek-button", MediaSeekButton],
-  ["media-playback-rate-button", MediaPlaybackRateButton],
-  ["media-airplay-button", MediaAirplayButton],
-  ["media-live-button", MediaLiveButton],
-  ["media-error-display", MediaErrorDisplay],
-  ["media-remote-playback-button", MediaRemotePlaybackButton]
+  ["video-player", VideoPlayerElement2],
+  ["video-skin", VideoSkin2],
+  ["media-play-button", MediaPlayButton2],
+  ["media-mute-button", MediaMuteButton2],
+  ["media-fullscreen-button", MediaFullscreenButton2],
+  ["media-pip-button", MediaPipButton2],
+  ["media-time-display", MediaTimeDisplay2],
+  ["media-time-group", MediaTimeGroup2],
+  ["media-time-separator", MediaTimeSeparator2],
+  ["media-preview-time", MediaPreviewTime2],
+  ["media-progress-bar", MediaProgressBar2],
+  ["media-volume-slider", MediaVolumeSlider2],
+  ["media-settings-menu", MediaSettingsMenu2],
+  ["media-seek-button", MediaSeekButton2],
+  ["media-playback-rate-button", MediaPlaybackRateButton2],
+  ["media-airplay-button", MediaAirplayButton2],
+  ["media-live-button", MediaLiveButton2],
+  ["media-error-display", MediaErrorDisplay2],
+  ["media-remote-playback-button", MediaRemotePlaybackButton2]
 ];
-function registerElements() {
+function registerElements2() {
   for (const [name, ctor] of elements) {
     if (!customElements.get(name)) {
       customElements.define(name, ctor);
@@ -4238,4 +4262,4 @@ function registerElements() {
   }
 }
 
-export { isMediaSessionSupported, createMediaSession, updateMetadata, isOrientationLockSupported, lockOrientation, unlockOrientation, BaseProvider, isHTML5Source, HTML5Provider, html5Loader, extractYouTubeId, isYouTubeSource, YouTubeProvider, youtubeLoader, extractVimeoId, extractVimeoHash, isVimeoSource, VimeoProvider, vimeoLoader, isHLSSource, isNativeHLSSupported, HLSProvider, hlsLoader, isDASHSource, DASHProvider, dashLoader, defaultLoaders, findLoader, detectMediaType, getPreconnectHints, Player, createPlayer, getPlayer, VideoPlayerElement, formatTime, formatTimePhrase, toISODuration, resolvePlayer, VideoSkin, MediaPlayButton, MediaMuteButton, MediaFullscreenButton, MediaPipButton, MediaTimeDisplay, MediaTimeGroup, MediaTimeSeparator, MediaPreviewTime, MediaProgressBar, MediaVolumeSlider, computePosition, applyPosition, MediaSettingsMenu, MediaSeekButton, MediaPlaybackRateButton, MediaAirplayButton, MediaLiveButton, MediaErrorDisplay, MediaRemotePlaybackButton, registerElements };
+export { isMediaSessionSupported2, createMediaSession2, updateMetadata2, isOrientationLockSupported2, lockOrientation2, unlockOrientation2, BaseProvider2, isHTML5Source2, HTML5Provider2, html5Loader2, extractYouTubeId2, isYouTubeSource2, YouTubeProvider2, youtubeLoader2, extractVimeoId2, extractVimeoHash2, isVimeoSource2, VimeoProvider2, vimeoLoader2, isHLSSource2, isNativeHLSSupported2, HLSProvider2, hlsLoader2, isDASHSource2, DASHProvider2, dashLoader2, defaultLoaders2, findLoader2, detectMediaType2, getPreconnectHints2, Player2, createPlayer2, getPlayer2, VideoPlayerElement2, formatTime2, formatTimePhrase2, toISODuration2, resolvePlayer2, VideoSkin2, MediaPlayButton2, MediaMuteButton2, MediaFullscreenButton2, MediaPipButton2, MediaTimeDisplay2, MediaTimeGroup2, MediaTimeSeparator2, MediaPreviewTime2, MediaProgressBar2, MediaVolumeSlider2, computePosition2, applyPosition2, MediaSettingsMenu2, MediaSeekButton2, MediaPlaybackRateButton2, MediaAirplayButton2, MediaLiveButton2, MediaErrorDisplay2, MediaRemotePlaybackButton2, registerElements2 };