@webority/ui-elements 0.37.0 → 0.38.0

package/dist/elementBase-Bg1xpvup.js

@@ -1,9 +0,0 @@
-//#region src/defineElement.js
-function e(e, t) {
-	typeof customElements < "u" && !customElements.get(e) && customElements.define(e, t);
-}
-//#endregion
-//#region src/elementBase.js
-var t = typeof HTMLElement > "u" ? class {} : HTMLElement;
-//#endregion
-export { e as n, t };

package/dist/examples.mobile.json-BMXTGiGC.js

@@ -1,250 +0,0 @@
-//#region ../../node_modules/.pnpm/libphonenumber-js@1.13.9/node_modules/libphonenumber-js/examples.mobile.json.js
-var e = {
-	AC: "40123",
-	AD: "312345",
-	AE: "501234567",
-	AF: "701234567",
-	AG: "2684641234",
-	AI: "2642351234",
-	AL: "672123456",
-	AM: "77123456",
-	AO: "923123456",
-	AR: "91123456789",
-	AS: "6847331234",
-	AT: "664123456",
-	AU: "412345678",
-	AW: "5601234",
-	AX: "412345678",
-	AZ: "401234567",
-	BA: "61123456",
-	BB: "2462501234",
-	BD: "1812345678",
-	BE: "450001234",
-	BF: "70123456",
-	BG: "43012345",
-	BH: "36001234",
-	BI: "79561234",
-	BJ: "0195123456",
-	BL: "690001234",
-	BM: "4413701234",
-	BN: "7123456",
-	BO: "71234567",
-	BQ: "3181234",
-	BR: "11961234567",
-	BS: "2423591234",
-	BT: "17123456",
-	BW: "71123456",
-	BY: "294911911",
-	BZ: "6221234",
-	CA: "5062345678",
-	CC: "412345678",
-	CD: "991234567",
-	CF: "70012345",
-	CG: "061234567",
-	CH: "781234567",
-	CI: "0123456789",
-	CK: "71234",
-	CL: "221234567",
-	CM: "671234567",
-	CN: "13123456789",
-	CO: "3211234567",
-	CR: "83123456",
-	CU: "51234567",
-	CV: "9911234",
-	CW: "95181234",
-	CX: "412345678",
-	CY: "96123456",
-	CZ: "601123456",
-	DE: "15123456789",
-	DJ: "77831001",
-	DK: "34412345",
-	DM: "7672251234",
-	DO: "8092345678",
-	DZ: "551234567",
-	EC: "991234567",
-	EE: "51234567",
-	EG: "1001234567",
-	EH: "650123456",
-	ER: "7123456",
-	ES: "612345678",
-	ET: "911234567",
-	FI: "412345678",
-	FJ: "7012345",
-	FK: "51234",
-	FM: "3501234",
-	FO: "211234",
-	FR: "612345678",
-	GA: "06031234",
-	GB: "7400123456",
-	GD: "4734031234",
-	GE: "555123456",
-	GF: "694201234",
-	GG: "7781123456",
-	GH: "231234567",
-	GI: "57123456",
-	GL: "221234",
-	GM: "3012345",
-	GN: "601123456",
-	GP: "690001234",
-	GQ: "222123456",
-	GR: "6912345678",
-	GT: "51234567",
-	GU: "6713001234",
-	GW: "955012345",
-	GY: "6091234",
-	HK: "51234567",
-	HN: "91234567",
-	HR: "921234567",
-	HT: "34101234",
-	HU: "201234567",
-	ID: "812345678",
-	IE: "850123456",
-	IL: "502345678",
-	IM: "7924123456",
-	IN: "8123456789",
-	IO: "3801234",
-	IQ: "7912345678",
-	IR: "9123456789",
-	IS: "6111234",
-	IT: "3123456789",
-	JE: "7797712345",
-	JM: "8762101234",
-	JO: "790123456",
-	JP: "9012345678",
-	KE: "712123456",
-	KG: "700123456",
-	KH: "91234567",
-	KI: "72001234",
-	KM: "3212345",
-	KN: "8697652917",
-	KP: "1921234567",
-	KR: "1020000000",
-	KW: "50012345",
-	KY: "3453231234",
-	KZ: "7710009998",
-	LA: "2023123456",
-	LB: "71123456",
-	LC: "7582845678",
-	LI: "660234567",
-	LK: "712345678",
-	LR: "770123456",
-	LS: "50123456",
-	LT: "61234567",
-	LU: "628123456",
-	LV: "21234567",
-	LY: "912345678",
-	MA: "650123456",
-	MC: "612345678",
-	MD: "62112345",
-	ME: "60123456",
-	MF: "690001234",
-	MG: "321234567",
-	MH: "2351234",
-	MK: "72345678",
-	ML: "65012345",
-	MM: "92123456",
-	MN: "88123456",
-	MO: "66123456",
-	MP: "6702345678",
-	MQ: "696201234",
-	MR: "22123456",
-	MS: "6644923456",
-	MT: "96961234",
-	MU: "52512345",
-	MV: "7712345",
-	MW: "991234567",
-	MX: "2221234567",
-	MY: "123456789",
-	MZ: "821234567",
-	NA: "811234567",
-	NC: "751234",
-	NE: "93123456",
-	NF: "381234",
-	NG: "8021234567",
-	NI: "81234567",
-	NL: "612345678",
-	NO: "40612345",
-	NP: "9841234567",
-	NR: "5551234",
-	NU: "8884012",
-	NZ: "211234567",
-	OM: "92123456",
-	PA: "61234567",
-	PE: "912345678",
-	PF: "87123456",
-	PG: "70123456",
-	PH: "9051234567",
-	PK: "3012345678",
-	PL: "512345678",
-	PM: "551234",
-	PR: "7872345678",
-	PS: "599123456",
-	PT: "912345678",
-	PW: "6201234",
-	PY: "961456789",
-	QA: "33123456",
-	RE: "692123456",
-	RO: "712034567",
-	RS: "601234567",
-	RU: "9123456789",
-	RW: "720123456",
-	SA: "512345678",
-	SB: "7421234",
-	SC: "2510123",
-	SD: "911231234",
-	SE: "701234567",
-	SG: "81234567",
-	SH: "51234",
-	SI: "31234567",
-	SJ: "41234567",
-	SK: "912123456",
-	SL: "25123456",
-	SM: "66661212",
-	SN: "701234567",
-	SO: "71123456",
-	SR: "7412345",
-	SS: "977123456",
-	ST: "9812345",
-	SV: "70123456",
-	SX: "7215205678",
-	SY: "944567890",
-	SZ: "76123456",
-	TA: "8999",
-	TC: "6492311234",
-	TD: "63012345",
-	TG: "90112345",
-	TH: "812345678",
-	TJ: "917123456",
-	TK: "7290",
-	TL: "77212345",
-	TM: "66123456",
-	TN: "20123456",
-	TO: "7715123",
-	TR: "5012345678",
-	TT: "8682911234",
-	TV: "901234",
-	TW: "912345678",
-	TZ: "621234567",
-	UA: "501234567",
-	UG: "712345678",
-	US: "2015550123",
-	UY: "94231234",
-	UZ: "912345678",
-	VA: "3123456789",
-	VC: "7844301234",
-	VE: "4121234567",
-	VG: "2843001234",
-	VI: "3406421234",
-	VN: "912345678",
-	VU: "5912345",
-	WF: "821234",
-	WS: "7212345",
-	XK: "43201234",
-	YE: "712345678",
-	YT: "639012345",
-	ZA: "711234567",
-	ZM: "955123456",
-	ZW: "712345678"
-};
-//#endregion
-export { e as default };

package/dist/fileViewerImage-Dky4nQZS.js

@@ -1,185 +0,0 @@
-import { a as e, n as t, t as n } from "./fileViewerUi-R6hlcShk.js";
-//#region src/fileViewerImage.js
-var r = [
-	.1,
-	.25,
-	.5,
-	.75,
-	1,
-	1.5,
-	2,
-	3,
-	4
-], i = [
-	.25,
-	.5,
-	1,
-	2,
-	4
-], a = 16, o = 5, s = class {
-	constructor(e, t) {
-		this.shell = e, this.source = t, this.zoom = "fit", this.rotation = 0, this.area = {
-			width: 0,
-			height: 0
-		}, this.destroyed = !1;
-	}
-	load() {
-		let e = document.createElement("img");
-		e.className = "wui-file-viewer-image", e.alt = this.shell.name(), e.decoding = "async", e.draggable = !1, e.addEventListener("load", () => {
-			this.destroyed || (this.natural = {
-				width: e.naturalWidth || 300,
-				height: e.naturalHeight || 150
-			}, this._build(e), this.shell.loaded({
-				kind: "image",
-				pages: 1
-			}));
-		}), e.addEventListener("error", () => {
-			this.destroyed || this.shell.fail(/* @__PURE__ */ Error("The image could not be decoded."));
-		}), e.src = this.source.src, this.img = e;
-	}
-	destroy() {
-		this.destroyed = !0, this._resizeObserver?.disconnect(), this._onKeyDown && this.shell.host.removeEventListener("keydown", this._onKeyDown), this._printFrame?.remove(), this.img?.removeAttribute("src");
-	}
-	_build(e) {
-		let { center: r, end: a, body: o, host: s } = this.shell;
-		this.zoomOutButton = n("zoom-out", "Zoom out"), this.zoomOutButton.addEventListener("click", () => this._stepZoom(-1)), this.zoomButton = document.createElement("button"), this.zoomButton.type = "button", this.zoomButton.className = "wui-file-viewer-zoom", t(this.zoomButton, {
-			label: "Zoom",
-			items: () => [
-				...i.map((e) => ({
-					key: String(e),
-					label: `${Math.round(e * 100)}%`,
-					checked: this.zoom === e
-				})),
-				{
-					key: "fit-divider",
-					divider: !0
-				},
-				{
-					key: "fit",
-					label: "Fit",
-					checked: this.zoom === "fit"
-				}
-			],
-			onPick: (e) => this._setZoom(e === "fit" ? "fit" : Number(e))
-		}), this.zoomInButton = n("zoom-in", "Zoom in"), this.zoomInButton.addEventListener("click", () => this._stepZoom(1));
-		let c = n("rotate-ccw", "Rotate left");
-		c.addEventListener("click", () => this._rotate(-90));
-		let l = n("rotate-cw", "Rotate right");
-		l.addEventListener("click", () => this._rotate(90));
-		let u = document.createElement("span");
-		u.className = "wui-file-viewer-divider";
-		let d = n("printer", "Print");
-		d.addEventListener("click", () => this.print()), r.append(this.zoomOutButton, this.zoomButton, this.zoomInButton), a.prepend(c, l, u, d), this.scroller = document.createElement("div"), this.scroller.className = "wui-file-viewer-scroll wui-file-viewer-image-scroll wui-scroll", this.scroller.tabIndex = 0, this.scroller.setAttribute("role", "region"), this.scroller.setAttribute("aria-label", "Image"), this.stage = document.createElement("div"), this.stage.className = "wui-file-viewer-image-stage", this.stage.append(e), this.scroller.append(this.stage), o.replaceChildren(this.scroller), this.scroller.addEventListener("pointerdown", (e) => this._panStart(e)), this.scroller.addEventListener("pointermove", (e) => this._panMove(e));
-		for (let e of [
-			"pointerup",
-			"pointercancel",
-			"lostpointercapture"
-		]) this.scroller.addEventListener(e, () => this._panEnd());
-		this.scroller.addEventListener("wheel", (e) => {
-			if (!e.ctrlKey && !e.metaKey) return;
-			e.preventDefault();
-			let t = performance.now();
-			t - (this._lastWheelZoom ?? 0) < 120 || (this._lastWheelZoom = t, this._stepZoom(e.deltaY < 0 ? 1 : -1));
-		}, { passive: !1 }), this._onKeyDown = (e) => this._keyDown(e), s.addEventListener("keydown", this._onKeyDown), this._resizeObserver = new ResizeObserver(() => {
-			let e = this.scroller.clientWidth, t = this.scroller.clientHeight;
-			e === this.area.width && t === this.area.height || (this.area = {
-				width: e,
-				height: t
-			}, this._layout());
-		}), this._resizeObserver.observe(this.scroller), this.area = {
-			width: this.scroller.clientWidth,
-			height: this.scroller.clientHeight
-		}, this._layout();
-	}
-	_turned() {
-		let { width: e, height: t } = this.natural;
-		return this.rotation % 180 == 0 ? {
-			width: e,
-			height: t
-		} : {
-			width: t,
-			height: e
-		};
-	}
-	scale() {
-		if (typeof this.zoom == "number") return this.zoom;
-		let { width: e, height: t } = this._turned(), n = Math.min((this.area.width - 2 * a) / e, (this.area.height - 2 * a) / t);
-		return Math.max(Math.min(1, n), .01);
-	}
-	_layout() {
-		if (!this.stage) return;
-		let t = this.scale(), n = this._turned();
-		this.stage.style.width = `${Math.round(n.width * t)}px`, this.stage.style.height = `${Math.round(n.height * t)}px`, this.img.style.width = `${Math.round(this.natural.width * t)}px`, this.img.style.height = `${Math.round(this.natural.height * t)}px`, this.img.style.transform = `translate(-50%, -50%) rotate(${this.rotation}deg)`;
-		let r = Math.round(t * 100);
-		this.zoomButton.innerHTML = `${r}%${e("chevron-down", { size: 12 })}`, this.zoomButton.setAttribute("aria-label", `Zoom, ${r}%`), this.zoomOutButton.disabled = this._zoomStep(-1) == null, this.zoomInButton.disabled = this._zoomStep(1) == null;
-	}
-	_zoomStep(e) {
-		let t = this.scale();
-		return e > 0 ? r.find((e) => e > t + .001) ?? null : [...r].reverse().find((e) => e < t - .001) ?? null;
-	}
-	_stepZoom(e) {
-		let t = this._zoomStep(e);
-		t != null && this._setZoom(t);
-	}
-	_setZoom(e) {
-		let t = this.scroller, n = (t.scrollLeft + t.clientWidth / 2) / Math.max(t.scrollWidth, 1), r = (t.scrollTop + t.clientHeight / 2) / Math.max(t.scrollHeight, 1);
-		this.zoom = e, this._layout(), t.scrollLeft = n * t.scrollWidth - t.clientWidth / 2, t.scrollTop = r * t.scrollHeight - t.clientHeight / 2;
-	}
-	_rotate(e) {
-		this.rotation = (this.rotation + e + 360) % 360, this._setZoom(this.zoom);
-	}
-	_keyDown(e) {
-		if (!(e.defaultPrevented || e.altKey || !(e.ctrlKey || e.metaKey))) {
-			if (e.key === "+" || e.key === "=") this._stepZoom(1);
-			else if (e.key === "-" || e.key === "_") this._stepZoom(-1);
-			else if (e.key === "0") this._setZoom("fit");
-			else return;
-			e.preventDefault();
-		}
-	}
-	_panStart(e) {
-		let t = this.scroller;
-		e.button !== 0 || t.scrollWidth <= t.clientWidth && t.scrollHeight <= t.clientHeight || (this._pan = {
-			id: e.pointerId,
-			x: e.clientX,
-			y: e.clientY,
-			left: t.scrollLeft,
-			top: t.scrollTop,
-			active: !1
-		});
-	}
-	_panMove(e) {
-		let t = this._pan;
-		if (!t) return;
-		let n = e.clientX - t.x, r = e.clientY - t.y;
-		if (!t.active) {
-			if (Math.abs(n) < o && Math.abs(r) < o) return;
-			t.active = !0, this.scroller.setPointerCapture(t.id), this.scroller.classList.add("wui-file-viewer-panning");
-		}
-		this.scroller.scrollLeft = t.left - n, this.scroller.scrollTop = t.top - r;
-	}
-	_panEnd() {
-		let e = this._pan;
-		e?.active && (this.scroller.hasPointerCapture(e.id) && this.scroller.releasePointerCapture(e.id), this.scroller.classList.remove("wui-file-viewer-panning")), this._pan = null;
-	}
-	print() {
-		this._printFrame?.remove();
-		let e = document.createElement("iframe");
-		e.className = "wui-file-viewer-print-frame", e.title = "Image for printing", e.tabIndex = -1, e.setAttribute("aria-hidden", "true");
-		let t = this.rotation % 180 != 0, n = new URL(this.source.src, document.baseURI).href, r = t ? "max-width: 100vh; max-height: 100vw;" : "max-width: 100vw; max-height: 100vh;";
-		e.srcdoc = `<!doctype html><html><head><title>${c(this.shell.name())}</title><style>
-@page { margin: 10mm; }
-html, body { margin: 0; height: 100%; }
-body { display: flex; align-items: center; justify-content: center; }
-img { ${r} transform: rotate(${this.rotation}deg); }
-</style></head><body><img src="${c(n)}" alt=""></body></html>`, e.addEventListener("load", () => {
-			try {
-				e.contentWindow.focus(), e.contentWindow.print();
-			} catch (e) {
-				console.warn("[wui-file-viewer] print failed:", e?.message), window.open(this.source.src, "_blank", "noopener");
-			}
-		}, { once: !0 }), this._printFrame = e, document.body.append(e);
-	}
-}, c = (e) => String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-//#endregion
-export { s as ImageView };

package/dist/fileViewerMedia-DPk_YcvC.js

@@ -1,133 +0,0 @@
-import { a as e, i as t, n, r, t as i } from "./fileViewerUi-R6hlcShk.js";
-//#region src/fileViewerMedia.js
-var a = [
-	.5,
-	.75,
-	1,
-	1.25,
-	1.5,
-	2
-], o = 5, s = .1;
-function c(e) {
-	if (!Number.isFinite(e) || e < 0) return "0:00";
-	let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = String(t % 60).padStart(2, "0");
-	return n ? `${n}:${String(r).padStart(2, "0")}:${i}` : `${r}:${i}`;
-}
-var l = (e) => e instanceof Element && e.closest("input, textarea, select, button, a, .dropdown-menu"), u = class {
-	constructor(e, t) {
-		this.shell = e, this.source = t, this.destroyed = !1;
-	}
-	load() {
-		let { kind: e, src: t, captions: n } = this.source, r = document.createElement(e);
-		if (r.className = `wui-file-viewer-${e}`, r.preload = "metadata", r.playsInline = !0, e === "video" && n) {
-			let e = document.createElement("track");
-			e.kind = "captions", e.label = "Captions", e.srclang = "en", e.src = n, r.append(e);
-		}
-		let i = this.shell.prefs;
-		typeof i.volume == "number" && (r.volume = Math.min(Math.max(i.volume, 0), 1)), r.muted = i.muted === !0, r.addEventListener("loadedmetadata", () => {
-			this.destroyed || (r.playbackRate = a.includes(i.speed) ? i.speed : 1, this._build(), this.shell.loaded({
-				kind: e,
-				pages: 1
-			}));
-		}, { once: !0 }), r.addEventListener("error", () => {
-			this.destroyed || this.shell.fail(/* @__PURE__ */ Error("The file could not be played."));
-		}), r.src = t, this.media = r;
-	}
-	destroy() {
-		this.destroyed = !0, this._onKeyDown && this.shell.host.removeEventListener("keydown", this._onKeyDown), this.media && (this.media.pause(), this.media.removeAttribute("src"), this.media.load());
-	}
-	_build() {
-		let { body: t, host: r } = this.shell, o = this.media, s = this.source.kind, c = document.createElement("div");
-		c.className = `wui-file-viewer-player wui-file-viewer-player-${s}`;
-		let l = document.createElement("div");
-		if (l.className = "wui-file-viewer-stage", l.tabIndex = 0, l.setAttribute("role", "group"), l.setAttribute("aria-label", s === "video" ? "Video" : "Audio"), s === "audio") {
-			let t = document.createElement("div");
-			t.className = "wui-file-viewer-audio-art", t.innerHTML = e("music", { size: 40 }), l.append(t, o);
-		} else l.append(o), o.addEventListener("click", () => this.togglePlay());
-		let u = document.createElement("div");
-		u.className = "wui-file-viewer-controls", this.playButton = i("play", "Play", { size: 18 }), this.playButton.addEventListener("click", () => this.togglePlay()), this.timeNow = document.createElement("span"), this.timeNow.className = "wui-file-viewer-time", this.seek = document.createElement("input"), this.seek.type = "range", this.seek.className = "form-range wui-file-viewer-seek", this.seek.min = "0", this.seek.step = "any", this.seek.setAttribute("aria-label", "Seek"), this.seek.addEventListener("input", () => {
-			o.currentTime = Number(this.seek.value);
-		}), this.timeTotal = document.createElement("span"), this.timeTotal.className = "wui-file-viewer-time", this.muteButton = i("volume-high", "Mute", { size: 18 }), this.muteButton.addEventListener("click", () => this._setMuted(!o.muted)), this.volume = document.createElement("input"), this.volume.type = "range", this.volume.className = "form-range wui-file-viewer-volume", this.volume.min = "0", this.volume.max = "1", this.volume.step = "0.05", this.volume.setAttribute("aria-label", "Volume"), this.volume.addEventListener("input", () => this._setVolume(Number(this.volume.value))), this.speedButton = document.createElement("button"), this.speedButton.type = "button", this.speedButton.className = "wui-file-viewer-zoom wui-file-viewer-speed", n(this.speedButton, {
-			label: "Playback speed",
-			items: () => a.map((e) => ({
-				key: String(e),
-				label: `${e}x`,
-				checked: o.playbackRate === e
-			})),
-			onPick: (e) => this._setSpeed(Number(e))
-		}), u.append(this.playButton, this.timeNow, this.seek, this.timeTotal, this.muteButton, this.volume, this.speedButton), s === "video" && this.source.captions && (this.captionsButton = i("subtitle", "Show captions", { size: 18 }), this.captionsButton.addEventListener("click", () => this._setCaptions(!this._captionsOn())), u.append(this.captionsButton)), c.append(l, u), t.replaceChildren(c);
-		for (let e of [
-			"play",
-			"pause",
-			"ended"
-		]) o.addEventListener(e, () => this._syncPlay());
-		o.addEventListener("timeupdate", () => this._syncTime()), o.addEventListener("durationchange", () => this._syncTime()), o.addEventListener("volumechange", () => this._syncVolume()), o.addEventListener("ratechange", () => this._syncSpeed()), this._onKeyDown = (e) => this._keyDown(e), r.addEventListener("keydown", this._onKeyDown), this._syncPlay(), this._syncTime(), this._syncVolume(), this._syncSpeed(), this._syncCaptions();
-	}
-	seekTo(e) {
-		let t = this.media.duration;
-		this.media.currentTime = Math.min(Math.max(e, 0), Number.isFinite(t) ? t : Infinity);
-	}
-	togglePlay() {
-		this.media.paused || this.media.ended ? this.media.play().catch((e) => {
-			console.warn("[wui-file-viewer] play refused:", e?.message);
-		}) : this.media.pause();
-	}
-	_setMuted(e) {
-		this.media.muted = e, !e && this.media.volume === 0 && (this.media.volume = .5), this.shell.savePrefs({
-			muted: this.media.muted,
-			volume: this.media.volume
-		});
-	}
-	_setVolume(e) {
-		this.media.volume = Math.min(Math.max(e, 0), 1), this.media.muted = this.media.volume === 0, this.shell.savePrefs({
-			muted: this.media.muted,
-			volume: this.media.volume
-		});
-	}
-	_setSpeed(e) {
-		this.media.playbackRate = e, this.shell.savePrefs({ speed: e });
-	}
-	_captionsOn() {
-		return this.media.textTracks?.[0]?.mode === "showing";
-	}
-	_setCaptions(e) {
-		let t = this.media.textTracks?.[0];
-		t && (t.mode = e ? "showing" : "hidden"), this._syncCaptions();
-	}
-	_syncPlay() {
-		let e = !this.media.paused && !this.media.ended;
-		r(this.playButton, e ? "pause" : "play", 18), t(this.playButton, e ? "Pause" : "Play"), this.shell.host.classList.toggle("wui-file-viewer-playing", e);
-	}
-	_syncTime() {
-		let e = this.media.currentTime, t = this.media.duration;
-		this.timeNow.textContent = c(e), this.timeTotal.textContent = c(t), this.seek.max = String(Number.isFinite(t) ? t : 0), this.seek.value = String(e), this.seek.setAttribute("aria-valuetext", `${c(e)} of ${c(t)}`);
-	}
-	_syncVolume() {
-		let e = this.media.muted || this.media.volume === 0;
-		r(this.muteButton, e ? "volume-mute" : "volume-high", 18), t(this.muteButton, e ? "Unmute" : "Mute"), this.volume.value = String(this.media.muted ? 0 : this.media.volume);
-	}
-	_syncSpeed() {
-		let e = `${this.media.playbackRate}x`;
-		this.speedButton.textContent = e, this.speedButton.setAttribute("aria-label", `Playback speed, ${e}`);
-	}
-	_syncCaptions() {
-		if (!this.captionsButton) return;
-		let e = this._captionsOn();
-		this.captionsButton.setAttribute("aria-pressed", String(e)), t(this.captionsButton, e ? "Hide captions" : "Show captions");
-	}
-	_keyDown(e) {
-		if (e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey || l(e.target)) return;
-		let t = this.media, n = e.key.toLowerCase();
-		if (n === " " || n === "k") this.togglePlay();
-		else if (n === "arrowleft") t.currentTime = Math.max(0, t.currentTime - o);
-		else if (n === "arrowright") t.currentTime = Math.min(t.duration || 0, t.currentTime + o);
-		else if (n === "arrowup") this._setVolume(t.volume + s);
-		else if (n === "arrowdown") this._setVolume(t.volume - s);
-		else if (n === "m") this._setMuted(!t.muted);
-		else if (n === "c" && this.captionsButton) this._setCaptions(!this._captionsOn());
-		else return;
-		e.preventDefault();
-	}
-};
-//#endregion
-export { u as MediaView };