@nxgt/material-vue 0.16.0 → 0.19.0

package/dist/{stx-player-C0FOaRjU.js → stx-player-rs3uH0iI.js}

@@ -1,4 +1,4 @@
-import { _ as e, f as t, g as n, m as r, p as i, pd as a, v as o, y as s } from "./components-DLtnz66n.js";
+import { S as e, _ as t, b as n, g as r, h as i, wd as a, x as o, y as s } from "./components-IbdMALGv.js";
 import { t as c } from "./utils-Cy-ByIEo.js";
 import { createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
 //#region lib/components/ui/stx-player/partials/stx-player-frame.vue?vue&type=script&setup=true&lang.ts
@@ -18,20 +18,20 @@ var x = ["data-layout", "aria-label"], S = {
 			Array
 		] }
 	},
-	setup(r) {
-		let { containerRef: h, state: C } = s();
+	setup(t) {
+		let { containerRef: h, state: C } = e();
 		function w(e) {
 			h.value = e instanceof HTMLElement ? e : null;
 		}
-		return (s, h) => (_(), d("section", {
+		return (e, h) => (_(), d("section", {
 			ref: w,
 			"data-slot": "stx-player",
-			"data-layout": r.layout,
+			"data-layout": t.layout,
 			"aria-label": y(C).current?.title ?? "Media player",
-			class: g(y(c)("@container rounded outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", s.$props.class))
-		}, [r.layout === "mini" ? (_(), l(n, { key: 0 })) : (_(), d("div", {
+			class: g(y(c)("@container rounded outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", e.$props.class))
+		}, [t.layout === "mini" ? (_(), l(s, { key: 0 })) : (_(), d("div", {
 			key: 1,
-			class: g(y(c)("grid gap-3", r.showQueue && "@min-[768px]:grid-cols-[minmax(0,1fr)_18rem] @min-[768px]:items-stretch"))
+			class: g(y(c)("grid gap-3", t.showQueue && "@min-[768px]:grid-cols-[minmax(0,1fr)_18rem] @min-[768px]:items-stretch"))
 		}, [f("div", { class: g(y(c)("bg-card overflow-hidden rounded border", y(C).current?.kind === "audio" && "flex flex-col gap-4 p-6")) }, [
 			y(C).current?.kind === "audio" ? (_(), d("div", S, [m(a, { variant: "title-medium" }, {
 				default: b(() => [p(v(y(C).current.title), 1)]),
@@ -43,12 +43,12 @@ var x = ["data-layout", "aria-label"], S = {
 				default: b(() => [p(v(y(C).current.artist) + " " + v(y(C).current.album ? ` · ${y(C).current.album}` : ""), 1)]),
 				_: 1
 			})) : u("", !0)])) : u("", !0),
-			m(t, null, {
+			m(i, null, {
 				default: b(() => [y(C).current?.kind === "audio" ? u("", !0) : (_(), l(o, {
 					key: 0,
 					tone: "overlay"
 				}, {
-					trailing: b(() => [m(e, { tone: "overlay" })]),
+					trailing: b(() => [m(n, { tone: "overlay" })]),
 					_: 1
 				}))]),
 				_: 1
@@ -57,10 +57,10 @@ var x = ["data-layout", "aria-label"], S = {
 				key: 1,
 				tone: "surface"
 			}, {
-				trailing: b(() => [m(e, { tone: "surface" })]),
+				trailing: b(() => [m(n, { tone: "surface" })]),
 				_: 1
 			})) : u("", !0)
-		], 2), r.showQueue ? (_(), l(i, {
+		], 2), t.showQueue ? (_(), l(r, {
 			key: 0,
 			class: "min-h-72"
 		})) : u("", !0)], 2))], 10, x));
@@ -95,12 +95,12 @@ var x = ["data-layout", "aria-label"], S = {
 		] }
 	},
 	emits: ["trackChange"],
-	setup(e, { emit: t }) {
-		let n = e, i = t;
+	setup(e, { emit: n }) {
+		let r = e, i = n;
 		function a(e, t) {
-			n.onTrackChange?.(e, t), i("trackChange", e, t);
+			r.onTrackChange?.(e, t), i("trackChange", e, t);
 		}
-		return (t, i) => (_(), l(r, {
+		return (n, i) => (_(), l(t, {
 			tracks: e.tracks,
 			"current-index": e.currentIndex,
 			"default-index": e.defaultIndex,
@@ -111,7 +111,7 @@ var x = ["data-layout", "aria-label"], S = {
 			default: b(() => [m(C, {
 				layout: e.layout,
 				"show-queue": e.showQueue,
-				class: g(n.class)
+				class: g(r.class)
 			}, null, 8, [
 				"layout",
 				"show-queue",