@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/{player-C4ydiIpr.js → player-dT08kxeG.js}

@@ -1,10 +1,11 @@
-import { n as v, t as o } from "./decorate-DXuynaiA.js";
-import "./ripple-squbKHhj.js";
-import "./focus-ring-CuiJuM-y.js";
-import "./icon-DrNqcNEL.js";
-import { css as w, html as a, nothing as n } from "lit";
-import { customElement as h, property as s, query as b, state as d } from "lit/decorators.js";
-var k = w`
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./ripple-CBOKeVfm.js";
+import "./focus-ring-K6SY_mIm.js";
+import "./icon-FvKeXi61.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, query as s, state as c } from "lit/decorators.js";
+//#region src/components/player/player.css.ts
+var l = n`
   :host {
     display: block;
     width: 100%;
@@ -779,301 +780,298 @@ var k = w`
   :host([variant="compact"]) .extra-content {
     padding: 8px 16px;
   }
-`, m = [
-  0.5,
-  0.75,
-  1,
-  1.25,
-  1.5,
-  2
+`, u = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
 ];
-function p(c) {
-  if (isNaN(c) || c < 0 || !isFinite(c)) return "0:00";
-  const e = Math.floor(c), t = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), l = e % 60, u = l < 10 ? `0${l}` : `${l}`;
-  return t > 0 ? `${t}:${r < 10 ? `0${r}` : `${r}`}:${u}` : `${r}:${u}`;
+function d(e) {
+	if (isNaN(e) || e < 0 || !isFinite(e)) return "0:00";
+	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = i < 10 ? `0${i}` : `${i}`;
+	return n > 0 ? `${n}:${r < 10 ? `0${r}` : `${r}`}:${a}` : `${r}:${a}`;
 }
-var i = class extends v {
-  constructor(...e) {
-    super(...e), this.type = "audio", this.variant = "elevated", this.src = "", this.trackTitle = "", this.artist = "", this.album = "", this.poster = "", this.currentTime = 0, this.duration = 0, this.volume = 1, this.muted = !1, this.playbackRate = 1, this.paused = !0, this.loop = !1, this.autoplay = !1, this.preload = "metadata", this.compact = !1, this.showSkip = !0, this.showSeek = !0, this.showVolume = !0, this.showPlaybackRate = !0, this.showQueue = !0, this.seekStep = 10, this.shuffle = !1, this.buffered = 0, this.crossorigin = "", this.isDraggingScrubber = !1, this.scrubFraction = 0, this.isFullscreen = !1, this.queueOpen = !1, this.controlsVisible = !0, this.hasExtraContent = !1, this.slottedMediaEl = null, this.controlsHideTimeout = null, this.handleDefaultSlotChange = (t) => {
-      const r = t.target.assignedNodes({ flatten: !0 });
-      this.hasExtraContent = r.some((l) => l.nodeType === Node.ELEMENT_NODE || l.textContent && l.textContent.trim().length > 0);
-    }, this.handleMediaSlotChange = (t) => {
-      const r = t.target.assignedElements().find((l) => l instanceof HTMLAudioElement || l instanceof HTMLVideoElement);
-      r ? (this.slottedMediaEl = r, this.bindMediaEvents(this.slottedMediaEl), this.syncMediaProperties()) : this.slottedMediaEl = null;
-    }, this.handleFullscreenChange = (t) => {
-      if (t && (t instanceof CustomEvent || t.detail !== void 0)) return;
-      if (this.type !== "video") {
-        this.isFullscreen = !1;
-        return;
-      }
-      const r = this.videoViewportEl || this.shadowRoot?.querySelector(".video-viewport"), l = !!(document.fullscreenElement === r || document.fullscreenElement === this || this.shadowRoot && this.shadowRoot.fullscreenElement === r || document.webkitFullscreenElement === r || document.webkitFullscreenElement === this || document.mozFullScreenElement === r);
-      this.isFullscreen = l, this.emitEvent("fullscreenchange", { fullscreen: l }, { bubbles: !1 });
-    }, this.handleMouseMove = () => {
-      this.controlsVisible = !0, this.controlsHideTimeout && clearTimeout(this.controlsHideTimeout), !this.paused && this.type === "video" && (this.controlsHideTimeout = setTimeout(() => {
-        this.controlsVisible = !1;
-      }, 3e3));
-    }, this.handleVolumeSliderInput = (t) => {
-      const r = t.target, l = parseFloat(r.value);
-      this.setVolume(l);
-    }, this.handleScrubberPointerDown = (t) => {
-      t.preventDefault(), this.sliderContainerEl && (this.isDraggingScrubber = !0, this.sliderContainerEl.classList.add("dragging"), this.sliderContainerEl.setPointerCapture(t.pointerId), this.updateScrubberFromPointer(t));
-    }, this.handleScrubberPointerMove = (t) => {
-      this.isDraggingScrubber && this.updateScrubberFromPointer(t);
-    }, this.handleScrubberPointerUp = (t) => {
-      if (this.isDraggingScrubber) {
-        if (this.isDraggingScrubber = !1, this.sliderContainerEl) {
-          this.sliderContainerEl.classList.remove("dragging");
-          try {
-            this.sliderContainerEl.releasePointerCapture(t.pointerId);
-          } catch {
-          }
-        }
-        const r = (this.duration || 0) * this.scrubFraction;
-        this.seek(r);
-      }
-    }, this.handleKeyDown = (t) => {
-      const r = t.target;
-      if (!(r.tagName === "INPUT" || r.tagName === "TEXTAREA"))
-        switch (t.key) {
-          case " ":
-          case "k":
-          case "K":
-            t.preventDefault(), this.togglePlay();
-            break;
-          case "ArrowLeft":
-          case "j":
-          case "J":
-            t.preventDefault(), this.seekBy(-this.seekStep);
-            break;
-          case "ArrowRight":
-          case "l":
-          case "L":
-            t.preventDefault(), this.seekBy(this.seekStep);
-            break;
-          case "ArrowUp":
-            t.preventDefault(), this.setVolume(Math.min(1, this.volume + 0.1));
-            break;
-          case "ArrowDown":
-            t.preventDefault(), this.setVolume(Math.max(0, this.volume - 0.1));
-            break;
-          case "m":
-          case "M":
-            t.preventDefault(), this.toggleMute();
-            break;
-          case "f":
-          case "F":
-            this.type === "video" && (t.preventDefault(), this.toggleFullscreen());
-        }
-    };
-  }
-  static {
-    this.styles = [v.styles, k];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "region"), this.setAttribute("aria-label", this.trackTitle ? `Media Player: ${this.trackTitle}` : "Media Player"), document.addEventListener("fullscreenchange", this.handleFullscreenChange), document.addEventListener("webkitfullscreenchange", this.handleFullscreenChange), document.addEventListener("mozfullscreenchange", this.handleFullscreenChange), document.addEventListener("MSFullscreenChange", this.handleFullscreenChange);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("fullscreenchange", this.handleFullscreenChange), document.removeEventListener("webkitfullscreenchange", this.handleFullscreenChange), document.removeEventListener("mozfullscreenchange", this.handleFullscreenChange), document.removeEventListener("MSFullscreenChange", this.handleFullscreenChange), this.controlsHideTimeout && clearTimeout(this.controlsHideTimeout);
-  }
-  firstUpdated() {
-    this.syncMediaProperties();
-  }
-  updated(e) {
-    super.updated(e), e.has("trackTitle") && this.setAttribute("aria-label", this.trackTitle ? `Media Player: ${this.trackTitle}` : "Media Player");
-    const t = this.getMediaElement();
-    t && (e.has("src") && this.src && t.src !== this.src && (t.src = this.src, t.load?.()), e.has("volume") && (t.volume = Math.max(0, Math.min(1, this.volume))), e.has("muted") && (t.muted = this.muted), e.has("playbackRate") && (t.playbackRate = this.playbackRate), e.has("loop") && (t.loop = this.loop));
-  }
-  getMediaElement() {
-    return this.slottedMediaEl ? this.slottedMediaEl : this.internalMediaEl || null;
-  }
-  syncMediaProperties() {
-    const e = this.getMediaElement();
-    e && (e.volume = this.volume, e.muted = this.muted, e.playbackRate = this.playbackRate, e.loop = this.loop, e.autoplay = this.autoplay, e.preload = this.preload);
-  }
-  bindMediaEvents(e) {
-    e.onplay = () => {
-      this.paused = !1, this.emitEvent("play");
-    }, e.onpause = () => {
-      this.paused = !0, this.emitEvent("pause");
-    }, e.ontimeupdate = () => {
-      this.isDraggingScrubber || (this.currentTime = e.currentTime || 0), this.emitEvent("timeupdate", {
-        currentTime: this.currentTime,
-        duration: this.duration,
-        progress: this.duration > 0 ? this.currentTime / this.duration : 0
-      });
-    }, e.ondurationchange = () => {
-      this.duration = e.duration || 0;
-    }, e.onloadedmetadata = () => {
-      this.duration = e.duration || 0, this.currentTime = e.currentTime || 0;
-    }, e.onprogress = () => {
-      if (e.buffered && e.buffered.length > 0) {
-        const t = e.buffered.end(e.buffered.length - 1);
-        this.buffered = this.duration > 0 ? t / this.duration : 0;
-      }
-    }, e.onvolumechange = () => {
-      this.volume = e.volume, this.muted = e.muted, this.emitEvent("volumechange", {
-        volume: this.volume,
-        muted: this.muted
-      });
-    }, e.onratechange = () => {
-      this.playbackRate = e.playbackRate, this.emitEvent("ratechange", { playbackRate: this.playbackRate });
-    }, e.onended = () => {
-      this.paused = !0, this.emitEvent("ended");
-    }, e.onseeking = () => {
-      this.emitEvent("seeking", { currentTime: e.currentTime });
-    }, e.onseeked = () => {
-      this.emitEvent("seeked", { currentTime: e.currentTime });
-    }, e.onerror = (t) => {
-      this.emitEvent("error", { error: t });
-    };
-  }
-  async play() {
-    const e = this.getMediaElement();
-    if (e) try {
-      await e.play();
-    } catch {
-      this.paused = !1;
-    }
-    else this.paused = !1;
-    this.paused = !1, this.emitEvent("play");
-  }
-  pause() {
-    const e = this.getMediaElement();
-    e && e.pause(), this.paused = !0, this.emitEvent("pause");
-  }
-  togglePlay() {
-    this.paused ? this.play() : this.pause();
-  }
-  seek(e) {
-    const t = Math.max(0, Math.min(this.duration || 1 / 0, e));
-    this.currentTime = t;
-    const r = this.getMediaElement();
-    r && (r.currentTime = t), this.emitEvent("seeked", { currentTime: t });
-  }
-  seekBy(e) {
-    this.seek(this.currentTime + e);
-  }
-  setVolume(e) {
-    const t = Math.max(0, Math.min(1, e));
-    this.volume = t, t > 0 && this.muted && (this.muted = !1);
-    const r = this.getMediaElement();
-    r && (r.volume = t, r.muted = this.muted), this.emitEvent("volumechange", {
-      volume: this.volume,
-      muted: this.muted
-    });
-  }
-  toggleMute() {
-    this.muted = !this.muted;
-    const e = this.getMediaElement();
-    e && (e.muted = this.muted), this.emitEvent("volumechange", {
-      volume: this.volume,
-      muted: this.muted
-    });
-  }
-  setPlaybackRate(e) {
-    this.playbackRate = e;
-    const t = this.getMediaElement();
-    t && (t.playbackRate = e), this.emitEvent("ratechange", { playbackRate: e });
-  }
-  cyclePlaybackRate() {
-    const e = (m.indexOf(this.playbackRate) + 1) % m.length, t = m[e] ?? 1;
-    this.setPlaybackRate(t);
-  }
-  toggleLoop() {
-    this.loop = !this.loop;
-    const e = this.getMediaElement();
-    e && (e.loop = this.loop);
-  }
-  toggleShuffle() {
-    this.shuffle = !this.shuffle, this.emitEvent("shuffle", { shuffle: this.shuffle });
-  }
-  toggleQueue() {
-    this.queueOpen = !this.queueOpen, this.emitEvent("queue", { open: this.queueOpen });
-  }
-  restart() {
-    this.seek(0), this.play();
-  }
-  async toggleFullscreen() {
-    if (this.type !== "video") return;
-    const e = this.videoViewportEl || this.shadowRoot?.querySelector(".video-viewport") || this;
-    if (document.fullscreenElement === e || document.fullscreenElement === this || this.shadowRoot && this.shadowRoot.fullscreenElement === e || document.webkitFullscreenElement === e || document.webkitFullscreenElement === this || document.mozFullScreenElement === e || document.msFullscreenElement === e) try {
-      document.exitFullscreen ? await document.exitFullscreen() : document.webkitExitFullscreen ? await document.webkitExitFullscreen() : document.mozCancelFullScreen ? await document.mozCancelFullScreen() : document.msExitFullscreen && await document.msExitFullscreen(), this.isFullscreen = !1;
-    } catch {
-      this.isFullscreen = !1;
-    }
-    else try {
-      if (e.requestFullscreen) await e.requestFullscreen();
-      else if (e.webkitRequestFullscreen) await e.webkitRequestFullscreen();
-      else if (e.mozRequestFullScreen) await e.mozRequestFullScreen();
-      else if (e.msRequestFullscreen) await e.msRequestFullscreen();
-      else {
-        const t = this.getMediaElement();
-        t && t.webkitEnterFullscreen && t.webkitEnterFullscreen();
-      }
-      this.isFullscreen = !0;
-    } catch {
-      this.isFullscreen = !0;
-    }
-    this.emitEvent("fullscreenchange", { fullscreen: this.isFullscreen }, { bubbles: !1 });
-  }
-  async togglePictureInPicture() {
-    const e = this.getMediaElement();
-    e instanceof HTMLVideoElement && "requestPictureInPicture" in e && (document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture());
-  }
-  previous() {
-    this.emitEvent("previous");
-  }
-  next() {
-    this.emitEvent("next");
-  }
-  updateScrubberFromPointer(e) {
-    if (!this.sliderContainerEl) return;
-    const t = this.sliderContainerEl.getBoundingClientRect(), r = Math.max(0, Math.min(t.width, e.clientX - t.left)), l = t.width > 0 ? r / t.width : 0;
-    this.scrubFraction = Math.max(0, Math.min(1, l)), this.isDraggingScrubber && (this.currentTime = (this.duration || 0) * this.scrubFraction);
-  }
-  getVolumeIcon() {
-    return this.muted || this.volume === 0 ? "volume_off" : this.volume < 0.5 ? "volume_down" : "volume_up";
-  }
-  renderScrubber(e = !1) {
-    const t = this.duration > 0 ? Math.min(1, Math.max(0, this.currentTime / this.duration)) : 0, r = (this.isDraggingScrubber ? this.scrubFraction : t) * 100, l = Math.min(1, Math.max(0, this.buffered)) * 100, u = !e && this.type !== "video", x = u && !this.paused;
-    return a`
+var f = class extends e {
+	constructor(...e) {
+		super(...e), this.type = "audio", this.variant = "elevated", this.src = "", this.trackTitle = "", this.artist = "", this.album = "", this.poster = "", this.currentTime = 0, this.duration = 0, this.volume = 1, this.muted = !1, this.playbackRate = 1, this.paused = !0, this.loop = !1, this.autoplay = !1, this.preload = "metadata", this.compact = !1, this.showSkip = !0, this.showSeek = !0, this.showVolume = !0, this.showPlaybackRate = !0, this.showQueue = !0, this.seekStep = 10, this.shuffle = !1, this.buffered = 0, this.crossorigin = "", this.isDraggingScrubber = !1, this.scrubFraction = 0, this.isFullscreen = !1, this.queueOpen = !1, this.controlsVisible = !0, this.hasExtraContent = !1, this.slottedMediaEl = null, this.controlsHideTimeout = null, this.handleDefaultSlotChange = (e) => {
+			let t = e.target.assignedNodes({ flatten: !0 });
+			this.hasExtraContent = t.some((e) => e.nodeType === Node.ELEMENT_NODE || e.textContent && e.textContent.trim().length > 0);
+		}, this.handleMediaSlotChange = (e) => {
+			let t = e.target.assignedElements().find((e) => e instanceof HTMLAudioElement || e instanceof HTMLVideoElement);
+			t ? (this.slottedMediaEl = t, this.bindMediaEvents(this.slottedMediaEl), this.syncMediaProperties()) : this.slottedMediaEl = null;
+		}, this.handleFullscreenChange = (e) => {
+			if (e && (e instanceof CustomEvent || e.detail !== void 0)) return;
+			if (this.type !== "video") {
+				this.isFullscreen = !1;
+				return;
+			}
+			let t = this.videoViewportEl || this.shadowRoot?.querySelector(".video-viewport"), n = !!(document.fullscreenElement === t || document.fullscreenElement === this || this.shadowRoot && this.shadowRoot.fullscreenElement === t || document.webkitFullscreenElement === t || document.webkitFullscreenElement === this || document.mozFullScreenElement === t);
+			this.isFullscreen = n, this.emitEvent("fullscreenchange", { fullscreen: n }, { bubbles: !1 });
+		}, this.handleMouseMove = () => {
+			this.controlsVisible = !0, this.controlsHideTimeout && clearTimeout(this.controlsHideTimeout), !this.paused && this.type === "video" && (this.controlsHideTimeout = setTimeout(() => {
+				this.controlsVisible = !1;
+			}, 3e3));
+		}, this.handleVolumeSliderInput = (e) => {
+			let t = e.target, n = parseFloat(t.value);
+			this.setVolume(n);
+		}, this.handleScrubberPointerDown = (e) => {
+			e.preventDefault(), this.sliderContainerEl && (this.isDraggingScrubber = !0, this.sliderContainerEl.classList.add("dragging"), this.sliderContainerEl.setPointerCapture(e.pointerId), this.updateScrubberFromPointer(e));
+		}, this.handleScrubberPointerMove = (e) => {
+			this.isDraggingScrubber && this.updateScrubberFromPointer(e);
+		}, this.handleScrubberPointerUp = (e) => {
+			if (this.isDraggingScrubber) {
+				if (this.isDraggingScrubber = !1, this.sliderContainerEl) {
+					this.sliderContainerEl.classList.remove("dragging");
+					try {
+						this.sliderContainerEl.releasePointerCapture(e.pointerId);
+					} catch {}
+				}
+				let t = (this.duration || 0) * this.scrubFraction;
+				this.seek(t);
+			}
+		}, this.handleKeyDown = (e) => {
+			let t = e.target;
+			if (t.tagName !== "INPUT" && t.tagName !== "TEXTAREA") switch (e.key) {
+				case " ":
+				case "k":
+				case "K":
+					e.preventDefault(), this.togglePlay();
+					break;
+				case "ArrowLeft":
+				case "j":
+				case "J":
+					e.preventDefault(), this.seekBy(-this.seekStep);
+					break;
+				case "ArrowRight":
+				case "l":
+				case "L":
+					e.preventDefault(), this.seekBy(this.seekStep);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), this.setVolume(Math.min(1, this.volume + .1));
+					break;
+				case "ArrowDown":
+					e.preventDefault(), this.setVolume(Math.max(0, this.volume - .1));
+					break;
+				case "m":
+				case "M":
+					e.preventDefault(), this.toggleMute();
+					break;
+				case "f":
+				case "F": this.type === "video" && (e.preventDefault(), this.toggleFullscreen());
+			}
+		};
+	}
+	static {
+		this.styles = [e.styles, l];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "region"), this.setAttribute("aria-label", this.trackTitle ? `Media Player: ${this.trackTitle}` : "Media Player"), document.addEventListener("fullscreenchange", this.handleFullscreenChange), document.addEventListener("webkitfullscreenchange", this.handleFullscreenChange), document.addEventListener("mozfullscreenchange", this.handleFullscreenChange), document.addEventListener("MSFullscreenChange", this.handleFullscreenChange);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), document.removeEventListener("fullscreenchange", this.handleFullscreenChange), document.removeEventListener("webkitfullscreenchange", this.handleFullscreenChange), document.removeEventListener("mozfullscreenchange", this.handleFullscreenChange), document.removeEventListener("MSFullscreenChange", this.handleFullscreenChange), this.controlsHideTimeout && clearTimeout(this.controlsHideTimeout);
+	}
+	firstUpdated() {
+		this.syncMediaProperties();
+	}
+	updated(e) {
+		super.updated(e), e.has("trackTitle") && this.setAttribute("aria-label", this.trackTitle ? `Media Player: ${this.trackTitle}` : "Media Player");
+		let t = this.getMediaElement();
+		t && (e.has("src") && this.src && t.src !== this.src && (t.src = this.src, t.load?.()), e.has("volume") && (t.volume = Math.max(0, Math.min(1, this.volume))), e.has("muted") && (t.muted = this.muted), e.has("playbackRate") && (t.playbackRate = this.playbackRate), e.has("loop") && (t.loop = this.loop));
+	}
+	getMediaElement() {
+		return this.slottedMediaEl ? this.slottedMediaEl : this.internalMediaEl || null;
+	}
+	syncMediaProperties() {
+		let e = this.getMediaElement();
+		e && (e.volume = this.volume, e.muted = this.muted, e.playbackRate = this.playbackRate, e.loop = this.loop, e.autoplay = this.autoplay, e.preload = this.preload);
+	}
+	bindMediaEvents(e) {
+		e.onplay = () => {
+			this.paused = !1, this.emitEvent("play");
+		}, e.onpause = () => {
+			this.paused = !0, this.emitEvent("pause");
+		}, e.ontimeupdate = () => {
+			this.isDraggingScrubber || (this.currentTime = e.currentTime || 0), this.emitEvent("timeupdate", {
+				currentTime: this.currentTime,
+				duration: this.duration,
+				progress: this.duration > 0 ? this.currentTime / this.duration : 0
+			});
+		}, e.ondurationchange = () => {
+			this.duration = e.duration || 0;
+		}, e.onloadedmetadata = () => {
+			this.duration = e.duration || 0, this.currentTime = e.currentTime || 0;
+		}, e.onprogress = () => {
+			if (e.buffered && e.buffered.length > 0) {
+				let t = e.buffered.end(e.buffered.length - 1);
+				this.buffered = this.duration > 0 ? t / this.duration : 0;
+			}
+		}, e.onvolumechange = () => {
+			this.volume = e.volume, this.muted = e.muted, this.emitEvent("volumechange", {
+				volume: this.volume,
+				muted: this.muted
+			});
+		}, e.onratechange = () => {
+			this.playbackRate = e.playbackRate, this.emitEvent("ratechange", { playbackRate: this.playbackRate });
+		}, e.onended = () => {
+			this.paused = !0, this.emitEvent("ended");
+		}, e.onseeking = () => {
+			this.emitEvent("seeking", { currentTime: e.currentTime });
+		}, e.onseeked = () => {
+			this.emitEvent("seeked", { currentTime: e.currentTime });
+		}, e.onerror = (e) => {
+			this.emitEvent("error", { error: e });
+		};
+	}
+	async play() {
+		let e = this.getMediaElement();
+		if (e) try {
+			await e.play();
+		} catch {
+			this.paused = !1;
+		}
+		else this.paused = !1;
+		this.paused = !1, this.emitEvent("play");
+	}
+	pause() {
+		let e = this.getMediaElement();
+		e && e.pause(), this.paused = !0, this.emitEvent("pause");
+	}
+	togglePlay() {
+		this.paused ? this.play() : this.pause();
+	}
+	seek(e) {
+		let t = Math.max(0, Math.min(this.duration || Infinity, e));
+		this.currentTime = t;
+		let n = this.getMediaElement();
+		n && (n.currentTime = t), this.emitEvent("seeked", { currentTime: t });
+	}
+	seekBy(e) {
+		this.seek(this.currentTime + e);
+	}
+	setVolume(e) {
+		let t = Math.max(0, Math.min(1, e));
+		this.volume = t, t > 0 && this.muted && (this.muted = !1);
+		let n = this.getMediaElement();
+		n && (n.volume = t, n.muted = this.muted), this.emitEvent("volumechange", {
+			volume: this.volume,
+			muted: this.muted
+		});
+	}
+	toggleMute() {
+		this.muted = !this.muted;
+		let e = this.getMediaElement();
+		e && (e.muted = this.muted), this.emitEvent("volumechange", {
+			volume: this.volume,
+			muted: this.muted
+		});
+	}
+	setPlaybackRate(e) {
+		this.playbackRate = e;
+		let t = this.getMediaElement();
+		t && (t.playbackRate = e), this.emitEvent("ratechange", { playbackRate: e });
+	}
+	cyclePlaybackRate() {
+		let e = u[(u.indexOf(this.playbackRate) + 1) % u.length] ?? 1;
+		this.setPlaybackRate(e);
+	}
+	toggleLoop() {
+		this.loop = !this.loop;
+		let e = this.getMediaElement();
+		e && (e.loop = this.loop);
+	}
+	toggleShuffle() {
+		this.shuffle = !this.shuffle, this.emitEvent("shuffle", { shuffle: this.shuffle });
+	}
+	toggleQueue() {
+		this.queueOpen = !this.queueOpen, this.emitEvent("queue", { open: this.queueOpen });
+	}
+	restart() {
+		this.seek(0), this.play();
+	}
+	async toggleFullscreen() {
+		if (this.type !== "video") return;
+		let e = this.videoViewportEl || this.shadowRoot?.querySelector(".video-viewport") || this;
+		if (document.fullscreenElement === e || document.fullscreenElement === this || this.shadowRoot && this.shadowRoot.fullscreenElement === e || document.webkitFullscreenElement === e || document.webkitFullscreenElement === this || document.mozFullScreenElement === e || document.msFullscreenElement === e) try {
+			document.exitFullscreen ? await document.exitFullscreen() : document.webkitExitFullscreen ? await document.webkitExitFullscreen() : document.mozCancelFullScreen ? await document.mozCancelFullScreen() : document.msExitFullscreen && await document.msExitFullscreen(), this.isFullscreen = !1;
+		} catch {
+			this.isFullscreen = !1;
+		}
+		else try {
+			if (e.requestFullscreen) await e.requestFullscreen();
+			else if (e.webkitRequestFullscreen) await e.webkitRequestFullscreen();
+			else if (e.mozRequestFullScreen) await e.mozRequestFullScreen();
+			else if (e.msRequestFullscreen) await e.msRequestFullscreen();
+			else {
+				let e = this.getMediaElement();
+				e && e.webkitEnterFullscreen && e.webkitEnterFullscreen();
+			}
+			this.isFullscreen = !0;
+		} catch {
+			this.isFullscreen = !0;
+		}
+		this.emitEvent("fullscreenchange", { fullscreen: this.isFullscreen }, { bubbles: !1 });
+	}
+	async togglePictureInPicture() {
+		let e = this.getMediaElement();
+		e instanceof HTMLVideoElement && "requestPictureInPicture" in e && (document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture());
+	}
+	previous() {
+		this.emitEvent("previous");
+	}
+	next() {
+		this.emitEvent("next");
+	}
+	updateScrubberFromPointer(e) {
+		if (!this.sliderContainerEl) return;
+		let t = this.sliderContainerEl.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - t.left)), r = t.width > 0 ? n / t.width : 0;
+		this.scrubFraction = Math.max(0, Math.min(1, r)), this.isDraggingScrubber && (this.currentTime = (this.duration || 0) * this.scrubFraction);
+	}
+	getVolumeIcon() {
+		return this.muted || this.volume === 0 ? "volume_off" : this.volume < .5 ? "volume_down" : "volume_up";
+	}
+	renderScrubber(e = !1) {
+		let t = this.duration > 0 ? Math.min(1, Math.max(0, this.currentTime / this.duration)) : 0, n = (this.isDraggingScrubber ? this.scrubFraction : t) * 100, a = Math.min(1, Math.max(0, this.buffered)) * 100, o = !e && this.type !== "video", s = o && !this.paused;
+		return r`
       <div class="scrubber-section">
         <div
-          class="progress-slider-container ${x ? "playing-wave" : ""}"
+          class="progress-slider-container ${s ? "playing-wave" : ""}"
           role="slider"
           aria-label="Seek track position"
           aria-valuemin="0"
           aria-valuemax=${this.duration || 100}
           aria-valuenow=${this.currentTime}
-          aria-valuetext="${p(this.currentTime)} of ${p(this.duration)}"
+          aria-valuetext="${d(this.currentTime)} of ${d(this.duration)}"
           tabindex="0"
-          style="--progress-percent: ${r}%;"
+          style="--progress-percent: ${n}%;"
           @pointerdown=${this.handleScrubberPointerDown}
           @pointermove=${this.handleScrubberPointerMove}
           @pointerup=${this.handleScrubberPointerUp}
           @pointercancel=${this.handleScrubberPointerUp}
         >
           <div class="slider-track-bg">
-            <div class="slider-buffer-bar" style="width: ${l}%"></div>
-            <div class="slider-active-bar" style="width: ${r}%"></div>
+            <div class="slider-buffer-bar" style="width: ${a}%"></div>
+            <div class="slider-active-bar" style="width: ${n}%"></div>
           </div>
-          ${u ? a`<div class="slider-sinus-wave" style="width: ${r}%"></div>` : n}
-          <div class="slider-thumb" style="left: ${r}%"></div>
+          ${o ? r`<div class="slider-sinus-wave" style="width: ${n}%"></div>` : i}
+          <div class="slider-thumb" style="left: ${n}%"></div>
         </div>
 
         <div class="time-display">
-          <span class="time-current">${p(this.currentTime)}</span>
-          <span class="time-duration">${p(this.duration)}</span>
+          <span class="time-current">${d(this.currentTime)}</span>
+          <span class="time-duration">${d(this.duration)}</span>
         </div>
       </div>
     `;
-  }
-  renderControls(e = !1) {
-    return a`
+	}
+	renderControls(e = !1) {
+		return r`
       <div class="controls-row">
         <!-- Left Group -->
         <div class="controls-group-left">
-          ${e ? n : a`
+          ${e ? i : r`
                 <button
                   class="ctrl-btn ${this.shuffle ? "active" : ""}"
                   type="button"
@@ -1087,7 +1085,7 @@ var i = class extends v {
                 </button>
               `}
 
-          ${this.showVolume ? a`
+          ${this.showVolume ? r`
                 <div class="volume-container">
                   <button
                     class="ctrl-btn"
@@ -1113,12 +1111,12 @@ var i = class extends v {
                     />
                   </div>
                 </div>
-              ` : n}
+              ` : i}
         </div>
 
         <!-- Center Group (Primary controls) -->
         <div class="controls-group-center">
-          ${this.showSkip ? a`
+          ${this.showSkip ? r`
                 <button
                   class="ctrl-btn"
                   type="button"
@@ -1129,9 +1127,9 @@ var i = class extends v {
                   <md-focus-ring></md-focus-ring>
                   <md-icon name="skip_previous"></md-icon>
                 </button>
-              ` : n}
+              ` : i}
 
-          ${this.showSeek ? a`
+          ${this.showSeek ? r`
                 <button
                   class="ctrl-btn"
                   type="button"
@@ -1142,7 +1140,7 @@ var i = class extends v {
                   <md-focus-ring></md-focus-ring>
                   <md-icon name="replay_10"></md-icon>
                 </button>
-              ` : n}
+              ` : i}
 
           <button
             class="play-pause-btn"
@@ -1155,7 +1153,7 @@ var i = class extends v {
             <md-icon name=${this.paused ? "play_arrow" : "pause"}></md-icon>
           </button>
 
-          ${this.showSeek ? a`
+          ${this.showSeek ? r`
                 <button
                   class="ctrl-btn"
                   type="button"
@@ -1166,9 +1164,9 @@ var i = class extends v {
                   <md-focus-ring></md-focus-ring>
                   <md-icon name="forward_10"></md-icon>
                 </button>
-              ` : n}
+              ` : i}
 
-          ${this.showSkip ? a`
+          ${this.showSkip ? r`
                 <button
                   class="ctrl-btn"
                   type="button"
@@ -1179,12 +1177,12 @@ var i = class extends v {
                   <md-focus-ring></md-focus-ring>
                   <md-icon name="skip_next"></md-icon>
                 </button>
-              ` : n}
+              ` : i}
         </div>
 
         <!-- Right Group -->
         <div class="controls-group-right">
-          ${this.showPlaybackRate ? a`
+          ${this.showPlaybackRate ? r`
                 <button
                   class="speed-btn"
                   type="button"
@@ -1195,9 +1193,9 @@ var i = class extends v {
                   <md-focus-ring></md-focus-ring>
                   ${this.playbackRate}x
                 </button>
-              ` : n}
+              ` : i}
 
-          ${e ? n : a`
+          ${e ? i : r`
                 <button
                   class="ctrl-btn ${this.loop ? "active" : ""}"
                   type="button"
@@ -1211,7 +1209,7 @@ var i = class extends v {
                 </button>
               `}
 
-          ${!e && this.showQueue ? a`
+          ${!e && this.showQueue ? r`
                 <button
                   class="ctrl-btn ${this.queueOpen ? "active" : ""}"
                   type="button"
@@ -1223,30 +1221,30 @@ var i = class extends v {
                   <md-focus-ring></md-focus-ring>
                   <md-icon name="queue_music"></md-icon>
                 </button>
-              ` : n}
+              ` : i}
 
-          ${e ? a`
+          ${e ? r`
                 <button
                   class="ctrl-btn fullscreen-bottom-btn"
                   type="button"
                   aria-label="Fullscreen"
-                  @click=${(t) => {
-      t.stopPropagation(), this.toggleFullscreen();
-    }}
+                  @click=${(e) => {
+			e.stopPropagation(), this.toggleFullscreen();
+		}}
                 >
                   <md-ripple></md-ripple>
                   <md-focus-ring></md-focus-ring>
                   <md-icon name=${this.isFullscreen ? "fullscreen_exit" : "fullscreen"}></md-icon>
                 </button>
-              ` : n}
+              ` : i}
 
           <slot name="actions"></slot>
         </div>
       </div>
     `;
-  }
-  renderAudioLayout() {
-    return a`
+	}
+	renderAudioLayout() {
+		return r`
       <div class="audio-layout">
         <!-- Main Row: Image | text on left, and on small screens Previous | Stop/Play | Next on right -->
         <div class="audio-main-row">
@@ -1254,7 +1252,7 @@ var i = class extends v {
           <div class="audio-header">
             <slot name="artwork">
               <div class="artwork-container">
-                ${this.poster ? a`<img class="artwork-img" src=${this.poster} alt=${this.trackTitle || "Track artwork"} />` : a`<md-icon class="artwork-fallback" name="music_note"></md-icon>`}
+                ${this.poster ? r`<img class="artwork-img" src=${this.poster} alt=${this.trackTitle || "Track artwork"} />` : r`<md-icon class="artwork-fallback" name="music_note"></md-icon>`}
               </div>
             </slot>
 
@@ -1263,15 +1261,15 @@ var i = class extends v {
                 <span class="track-title">${this.trackTitle || "Unknown Title"}</span>
               </slot>
               <slot name="artist">
-                ${this.artist ? a`<span class="track-artist">${this.artist}</span>` : n}
+                ${this.artist ? r`<span class="track-artist">${this.artist}</span>` : i}
               </slot>
-              ${this.album ? a`<span class="track-album">${this.album}</span>` : n}
+              ${this.album ? r`<span class="track-album">${this.album}</span>` : i}
             </div>
           </div>
 
           <!-- Small screen compact controls: Previous song | Stop/Play | Next song on right -->
           <div class="compact-controls-right">
-            ${this.showSkip ? a`
+            ${this.showSkip ? r`
                   <button
                     class="ctrl-btn"
                     type="button"
@@ -1282,7 +1280,7 @@ var i = class extends v {
                     <md-focus-ring></md-focus-ring>
                     <md-icon name="skip_previous"></md-icon>
                   </button>
-                ` : n}
+                ` : i}
 
             <button
               class="play-pause-btn compact-play-btn"
@@ -1295,7 +1293,7 @@ var i = class extends v {
               <md-icon name=${this.paused ? "play_arrow" : "pause"}></md-icon>
             </button>
 
-            ${this.showSkip ? a`
+            ${this.showSkip ? r`
                   <button
                     class="ctrl-btn"
                     type="button"
@@ -1306,7 +1304,7 @@ var i = class extends v {
                     <md-focus-ring></md-focus-ring>
                     <md-icon name="skip_next"></md-icon>
                   </button>
-                ` : n}
+                ` : i}
           </div>
         </div>
 
@@ -1321,52 +1319,52 @@ var i = class extends v {
         </div>
       </div>
     `;
-  }
-  renderVideoLayout() {
-    return a`
+	}
+	renderVideoLayout() {
+		return r`
       <div
         class="video-viewport ${this.controlsVisible ? "controls-visible" : ""}"
         @mousemove=${this.handleMouseMove}
         @click=${(e) => {
-      const t = e.target;
-      t.closest("button") || t.closest("input") || t.closest(".progress-slider-container") || this.togglePlay();
-    }}
+			let t = e.target;
+			t.closest("button") || t.closest("input") || t.closest(".progress-slider-container") || this.togglePlay();
+		}}
       >
         <slot name="media" @slotchange=${this.handleMediaSlotChange}>
-          ${this.src ? a`
+          ${this.src ? r`
                 <video
                   src=${this.src}
-                  poster=${this.poster || n}
+                  poster=${this.poster || i}
                   ?autoplay=${this.autoplay}
                   ?loop=${this.loop}
                   preload=${this.preload}
-                  crossorigin=${this.crossorigin || n}
+                  crossorigin=${this.crossorigin || i}
                   @play=${() => {
-      this.paused = !1, this.emitEvent("play");
-    }}
+			this.paused = !1, this.emitEvent("play");
+		}}
                   @pause=${() => {
-      this.paused = !0, this.emitEvent("pause");
-    }}
+			this.paused = !0, this.emitEvent("pause");
+		}}
                   @timeupdate=${() => {
-      !this.isDraggingScrubber && this.internalMediaEl && (this.currentTime = this.internalMediaEl.currentTime);
-    }}
+			!this.isDraggingScrubber && this.internalMediaEl && (this.currentTime = this.internalMediaEl.currentTime);
+		}}
                   @durationchange=${() => {
-      this.internalMediaEl && (this.duration = this.internalMediaEl.duration);
-    }}
+			this.internalMediaEl && (this.duration = this.internalMediaEl.duration);
+		}}
                   @loadedmetadata=${() => {
-      this.internalMediaEl && (this.duration = this.internalMediaEl.duration, this.currentTime = this.internalMediaEl.currentTime);
-    }}
+			this.internalMediaEl && (this.duration = this.internalMediaEl.duration, this.currentTime = this.internalMediaEl.currentTime);
+		}}
                   @progress=${() => {
-      if (this.internalMediaEl?.buffered?.length) {
-        const e = this.internalMediaEl.buffered.end(this.internalMediaEl.buffered.length - 1);
-        this.buffered = this.duration > 0 ? e / this.duration : 0;
-      }
-    }}
+			if (this.internalMediaEl?.buffered?.length) {
+				let e = this.internalMediaEl.buffered.end(this.internalMediaEl.buffered.length - 1);
+				this.buffered = this.duration > 0 ? e / this.duration : 0;
+			}
+		}}
                   @ended=${() => {
-      this.paused = !0, this.emitEvent("ended");
-    }}
+			this.paused = !0, this.emitEvent("ended");
+		}}
                 ></video>
-              ` : n}
+              ` : i}
         </slot>
 
         <div class="video-overlay ${this.paused ? "" : "auto-hide"}">
@@ -1380,8 +1378,8 @@ var i = class extends v {
                 type="button"
                 aria-label="Picture in picture"
                 @click=${(e) => {
-      e.stopPropagation(), this.togglePictureInPicture();
-    }}
+			e.stopPropagation(), this.togglePictureInPicture();
+		}}
               >
                 <md-ripple></md-ripple>
                 <md-focus-ring></md-focus-ring>
@@ -1392,8 +1390,8 @@ var i = class extends v {
                 type="button"
                 aria-label="Fullscreen"
                 @click=${(e) => {
-      e.stopPropagation(), this.toggleFullscreen();
-    }}
+			e.stopPropagation(), this.toggleFullscreen();
+		}}
               >
                 <md-ripple></md-ripple>
                 <md-focus-ring></md-focus-ring>
@@ -1408,8 +1406,8 @@ var i = class extends v {
               type="button"
               aria-label=${this.paused ? "Play" : "Pause"}
               @click=${(e) => {
-      e.stopPropagation(), this.togglePlay();
-    }}
+			e.stopPropagation(), this.togglePlay();
+		}}
             >
               <md-ripple></md-ripple>
               <md-focus-ring></md-focus-ring>
@@ -1424,48 +1422,48 @@ var i = class extends v {
         </div>
       </div>
     `;
-  }
-  render() {
-    return a`
+	}
+	render() {
+		return r`
       <div class="player-container" @keydown=${this.handleKeyDown}>
         <!-- Hidden Native Audio when in audio mode with src -->
-        ${this.type === "audio" && this.src ? a`
+        ${this.type === "audio" && this.src ? r`
               <audio
                 class="native-media"
                 src=${this.src}
                 ?autoplay=${this.autoplay}
                 ?loop=${this.loop}
                 preload=${this.preload}
-                crossorigin=${this.crossorigin || n}
+                crossorigin=${this.crossorigin || i}
                 @play=${() => {
-      this.paused = !1, this.emitEvent("play");
-    }}
+			this.paused = !1, this.emitEvent("play");
+		}}
                 @pause=${() => {
-      this.paused = !0, this.emitEvent("pause");
-    }}
+			this.paused = !0, this.emitEvent("pause");
+		}}
                 @timeupdate=${() => {
-      !this.isDraggingScrubber && this.internalMediaEl && (this.currentTime = this.internalMediaEl.currentTime);
-    }}
+			!this.isDraggingScrubber && this.internalMediaEl && (this.currentTime = this.internalMediaEl.currentTime);
+		}}
                 @durationchange=${() => {
-      this.internalMediaEl && (this.duration = this.internalMediaEl.duration);
-    }}
+			this.internalMediaEl && (this.duration = this.internalMediaEl.duration);
+		}}
                 @loadedmetadata=${() => {
-      this.internalMediaEl && (this.duration = this.internalMediaEl.duration, this.currentTime = this.internalMediaEl.currentTime);
-    }}
+			this.internalMediaEl && (this.duration = this.internalMediaEl.duration, this.currentTime = this.internalMediaEl.currentTime);
+		}}
                 @progress=${() => {
-      if (this.internalMediaEl?.buffered?.length) {
-        const e = this.internalMediaEl.buffered.end(this.internalMediaEl.buffered.length - 1);
-        this.buffered = this.duration > 0 ? e / this.duration : 0;
-      }
-    }}
+			if (this.internalMediaEl?.buffered?.length) {
+				let e = this.internalMediaEl.buffered.end(this.internalMediaEl.buffered.length - 1);
+				this.buffered = this.duration > 0 ? e / this.duration : 0;
+			}
+		}}
                 @ended=${() => {
-      this.paused = !0, this.emitEvent("ended");
-    }}
+			this.paused = !0, this.emitEvent("ended");
+		}}
               ></audio>
-            ` : n}
+            ` : i}
 
         <!-- Audio Mode Slot Container (for slotted native audio) -->
-        ${this.type === "audio" ? a`<div style="display:none;"><slot name="media" @slotchange=${this.handleMediaSlotChange}></slot></div>` : n}
+        ${this.type === "audio" ? r`<div style="display:none;"><slot name="media" @slotchange=${this.handleMediaSlotChange}></slot></div>` : i}
 
         ${this.type === "video" ? this.renderVideoLayout() : this.renderAudioLayout()}
 
@@ -1474,109 +1472,68 @@ var i = class extends v {
         </div>
       </div>
     `;
-  }
-};
-o([s({
-  type: String,
-  reflect: !0
-})], i.prototype, "type", void 0);
-o([s({
-  type: String,
-  reflect: !0
-})], i.prototype, "variant", void 0);
-o([s({ type: String })], i.prototype, "src", void 0);
-o([s({
-  type: String,
-  attribute: "track-title"
-})], i.prototype, "trackTitle", void 0);
-o([s({ type: String })], i.prototype, "artist", void 0);
-o([s({ type: String })], i.prototype, "album", void 0);
-o([s({ type: String })], i.prototype, "poster", void 0);
-o([s({ type: Number })], i.prototype, "currentTime", void 0);
-o([s({ type: Number })], i.prototype, "duration", void 0);
-o([s({ type: Number })], i.prototype, "volume", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "muted", void 0);
-o([s({
-  type: Number,
-  attribute: "playback-rate"
-})], i.prototype, "playbackRate", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "paused", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "loop", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "autoplay", void 0);
-o([s({ type: String })], i.prototype, "preload", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "compact", void 0);
-o([s({
-  type: Boolean,
-  attribute: "show-skip"
-})], i.prototype, "showSkip", void 0);
-o([s({
-  type: Boolean,
-  attribute: "show-seek"
-})], i.prototype, "showSeek", void 0);
-o([s({
-  type: Boolean,
-  attribute: "show-volume"
-})], i.prototype, "showVolume", void 0);
-o([s({
-  type: Boolean,
-  attribute: "show-playback-rate"
-})], i.prototype, "showPlaybackRate", void 0);
-o([s({
-  type: Boolean,
-  attribute: "show-queue"
-})], i.prototype, "showQueue", void 0);
-o([s({
-  type: Number,
-  attribute: "seek-step"
-})], i.prototype, "seekStep", void 0);
-o([s({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "shuffle", void 0);
-o([s({ type: Number })], i.prototype, "buffered", void 0);
-o([s({ type: String })], i.prototype, "crossorigin", void 0);
-o([d()], i.prototype, "isDraggingScrubber", void 0);
-o([d()], i.prototype, "scrubFraction", void 0);
-o([d()], i.prototype, "isFullscreen", void 0);
-o([d()], i.prototype, "queueOpen", void 0);
-o([d()], i.prototype, "controlsVisible", void 0);
-o([d()], i.prototype, "hasExtraContent", void 0);
-o([b(".native-media")], i.prototype, "internalMediaEl", void 0);
-o([b(".progress-slider-container")], i.prototype, "sliderContainerEl", void 0);
-o([b(".video-viewport")], i.prototype, "videoViewportEl", void 0);
-i = o([h("md-player")], i);
-var f = class extends i {
-};
-f = o([h("md-media-player")], f);
-var y = class extends i {
-};
-y = o([h("md-audio-player")], y);
-var g = class extends i {
-  constructor(...e) {
-    super(...e), this.type = "video";
-  }
+	}
 };
-g = o([h("md-video-player")], g);
-export {
-  g as i,
-  f as n,
-  i as r,
-  y as t
+t([o({
+	type: String,
+	reflect: !0
+})], f.prototype, "type", void 0), t([o({
+	type: String,
+	reflect: !0
+})], f.prototype, "variant", void 0), t([o({ type: String })], f.prototype, "src", void 0), t([o({
+	type: String,
+	attribute: "track-title"
+})], f.prototype, "trackTitle", void 0), t([o({ type: String })], f.prototype, "artist", void 0), t([o({ type: String })], f.prototype, "album", void 0), t([o({ type: String })], f.prototype, "poster", void 0), t([o({ type: Number })], f.prototype, "currentTime", void 0), t([o({ type: Number })], f.prototype, "duration", void 0), t([o({ type: Number })], f.prototype, "volume", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "muted", void 0), t([o({
+	type: Number,
+	attribute: "playback-rate"
+})], f.prototype, "playbackRate", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "paused", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "loop", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "autoplay", void 0), t([o({ type: String })], f.prototype, "preload", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "compact", void 0), t([o({
+	type: Boolean,
+	attribute: "show-skip"
+})], f.prototype, "showSkip", void 0), t([o({
+	type: Boolean,
+	attribute: "show-seek"
+})], f.prototype, "showSeek", void 0), t([o({
+	type: Boolean,
+	attribute: "show-volume"
+})], f.prototype, "showVolume", void 0), t([o({
+	type: Boolean,
+	attribute: "show-playback-rate"
+})], f.prototype, "showPlaybackRate", void 0), t([o({
+	type: Boolean,
+	attribute: "show-queue"
+})], f.prototype, "showQueue", void 0), t([o({
+	type: Number,
+	attribute: "seek-step"
+})], f.prototype, "seekStep", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "shuffle", void 0), t([o({ type: Number })], f.prototype, "buffered", void 0), t([o({ type: String })], f.prototype, "crossorigin", void 0), t([c()], f.prototype, "isDraggingScrubber", void 0), t([c()], f.prototype, "scrubFraction", void 0), t([c()], f.prototype, "isFullscreen", void 0), t([c()], f.prototype, "queueOpen", void 0), t([c()], f.prototype, "controlsVisible", void 0), t([c()], f.prototype, "hasExtraContent", void 0), t([s(".native-media")], f.prototype, "internalMediaEl", void 0), t([s(".progress-slider-container")], f.prototype, "sliderContainerEl", void 0), t([s(".video-viewport")], f.prototype, "videoViewportEl", void 0), f = t([a("md-player")], f);
+var p = class extends f {};
+p = t([a("md-media-player")], p);
+var m = class extends f {};
+m = t([a("md-audio-player")], m);
+var h = class extends f {
+	constructor(...e) {
+		super(...e), this.type = "video";
+	}
 };
+h = t([a("md-video-player")], h);
+//#endregion
+export { h as i, p as n, f as r, m as t };
 
-//# sourceMappingURL=player-C4ydiIpr.js.map
+//# sourceMappingURL=player-dT08kxeG.js.map