@webitel/ui-sdk 26.6.34 → 26.6.35

package/dist/wt-inline-add-panel-B0E4Vk2l.js

@@ -0,0 +1,43 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveComponent as c, withModifiers as l } from "vue";
+//#region src/components/wt-inline-add-panel/wt-inline-add-panel.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "wt-inline-add-panel__actions" }, d = /*#__PURE__*/ e(/* @__PURE__ */ i({
+	__name: "wt-inline-add-panel",
+	props: {
+		disabledAddAction: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "row" }
+	},
+	emits: ["submit", "reset"],
+	setup(e, { emit: i }) {
+		let d = e, f = i;
+		function p() {
+			f("submit");
+		}
+		function m() {
+			f("reset");
+		}
+		return (e, i) => {
+			let f = c("wt-button");
+			return o(), t("form", {
+				class: a(["wt-inline-add-panel", [`wt-inline-add-panel--${d.direction}`]]),
+				onSubmit: l(p, ["prevent"])
+			}, [s(e.$slots, "default", {}, void 0, !0), n("div", u, [r(f, {
+				disabled: d.disabledAddAction,
+				icon: "tick",
+				color: "secondary",
+				outlined: "",
+				onClick: p
+			}, null, 8, ["disabled"]), r(f, {
+				icon: "close",
+				outlined: "",
+				color: "secondary",
+				onClick: m
+			})])], 34);
+		};
+	}
+}), [["__scopeId", "data-v-c6373132"]]);
+//#endregion
+export { d as default };

package/dist/wt-navigation-menu-CenQi_-T.js

@@ -0,0 +1,126 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, renderSlot as d, resolveComponent as f, toDisplayString as p, vShow as m, withCtx as h, withDirectives as g } from "vue";
+//#region src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-1.vue
+var _ = { class: "nav-menu__category nav-menu-lvl-1" }, v = ["onClick"], y = /*#__PURE__*/ e({
+	__name: "nav-menu-lvl-1",
+	props: {
+		categories: {
+			type: Array,
+			default: () => []
+		},
+		selected: {
+			type: Object,
+			default: () => ({})
+		},
+		icons: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["select"],
+	setup(e, { emit: n }) {
+		let l = n;
+		function h(e) {
+			l("select", e);
+		}
+		return (n, l) => {
+			let y = f("wt-icon");
+			return c(), r("ul", _, [(c(!0), r(t, null, u(e.categories, (t, l) => (c(), r("li", {
+				key: l,
+				class: "nav-menu__option"
+			}, [i("button", {
+				class: s([{ "nav-menu__item--selected": e.selected.value === t.value }, "typo-body-1 nav-menu__item nav-menu__item--active"]),
+				onClick: (e) => h(t)
+			}, [o(y, {
+				color: e.selected.value === t.value ? "on-primary" : "default",
+				icon: e.icons.find((e) => e.includes(t.value))
+			}, null, 8, ["color", "icon"]), a(" " + p(t.name), 1)], 10, v), g(i("div", null, [d(n.$slots, "default", {}, void 0, !0)], 512), [[m, e.selected.value === t.value]])]))), 128))]);
+		};
+	}
+}, [["__scopeId", "data-v-dd3e01a2"]]), b = { class: "nav-menu__category nav-menu-lvl-2" }, x = /*#__PURE__*/ e({
+	__name: "nav-menu-lvl-2",
+	props: { categories: {
+		type: Array,
+		default: () => []
+	} },
+	setup(e) {
+		return (n, s) => {
+			let l = f("router-link");
+			return c(), r("ul", b, [(c(!0), r(t, null, u(e.categories, (e, t) => (c(), r("li", {
+				key: t,
+				class: "typo-body-1 nav-menu__option nav-menu__item nav-menu-lvl-2--inner"
+			}, [s[0] ||= i("span", { class: "nav-menu-lvl-2__indicator" }, null, -1), o(l, {
+				to: e.route,
+				class: "nav-menu-lvl-2__link"
+			}, {
+				default: h(() => [a(p(e.name), 1)], void 0, !0),
+				_: 2
+			}, 1032, ["to"])]))), 128))]);
+		};
+	}
+}, [["__scopeId", "data-v-d3104e61"]]), S = { class: "wt-navigation-menu" }, C = { class: "wt-navigation-menu__wrapper" }, w = /*#__PURE__*/ e({
+	__name: "wt-navigation-menu",
+	props: {
+		nav: {
+			type: Array,
+			required: !0
+		},
+		icons: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e) {
+		let t = e, a = l(""), s = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			return t.nav.forEach((t) => {
+				e.set(t.value, {
+					...t,
+					name: t.name
+				});
+			}), e;
+		}), u = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			return t.nav.forEach((t) => {
+				if (t.subNav) {
+					let n = t.subNav.map((e) => {
+						let n = t.route ? `${t.route}/${e.route}` : e.route;
+						return {
+							...e,
+							name: e.name,
+							route: n
+						};
+					});
+					e.set(t.value, n);
+				} else e.set(t.value, []);
+			}), e;
+		}), d = n(() => Array.from(s.value.values()).filter((e) => {
+			let t = u.value.get(e.value);
+			return t && t.length > 0;
+		})), f = n(() => u.value.get(p.value?.value) || []), p = n(() => s.value.get(a.value) || d.value[0]);
+		function m(e) {
+			a.value = e.value;
+		}
+		return (t, n) => (c(), r("section", S, [i("article", C, [o(y, {
+			categories: d.value,
+			icons: e.icons,
+			selected: p.value,
+			onSelect: m
+		}, {
+			default: h(() => [o(x, {
+				categories: f.value,
+				class: "wt-navigation-menu__categories--display"
+			}, null, 8, ["categories"])], void 0, !0),
+			_: 1
+		}, 8, [
+			"categories",
+			"icons",
+			"selected"
+		]), o(x, {
+			categories: f.value,
+			class: "wt-navigation-menu__categories--hidden"
+		}, null, 8, ["categories"])])]));
+	}
+}, [["__scopeId", "data-v-fcbc24f4"]]);
+//#endregion
+export { w as default };

package/dist/wt-notifications-bar-Ep1QuFZi.js

@@ -0,0 +1,52 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as t, t as n } from "./logger-hl3ueNok.js";
+import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createTextVNode as s, createVNode as c, openBlock as l, renderList as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/wt-notifications-bar/wt-notifications-bar.vue
+var m = {
+	name: "WtNotificationsBar",
+	inject: ["$eventBus"],
+	data: () => ({
+		notificationDuration: 4e3,
+		notifications: [],
+		eventBus: t
+	}),
+	created() {
+		this.$eventBus ? this.eventBus = this.$eventBus : n.warn({
+			entity: "component",
+			module: "wt-notification-bar"
+		})("no globally provided $eventBus found, using default webitel-ui eventBus"), this.eventBus.$on("notification", this.showNotification);
+	},
+	unmounted() {
+		this.eventBus.$off("notification", this.showNotification);
+	},
+	methods: {
+		showNotification(e) {
+			this.notifications.unshift(e), setTimeout(() => this.closeNotification(e), e.timeout * 1e3 || this.notificationDuration);
+		},
+		closeNotification(e) {
+			let t = this.notifications.indexOf(e);
+			this.notifications.splice(t, 1);
+		}
+	}
+}, h = { class: "wt-notifications-bar wt-scrollbar" };
+function g(e, t, n, m, g, _) {
+	let v = d("wt-notification");
+	return l(), o("aside", h, [c(i, {
+		class: "wt-notifications-bar__wrapper",
+		name: "wt-notifications-transition",
+		tag: "div"
+	}, {
+		default: p(() => [(l(!0), o(r, null, u(e.notifications, (e, t) => (l(), a(v, {
+			key: t + e.text,
+			type: e.type,
+			onClose: (t) => _.closeNotification(e)
+		}, {
+			default: p(() => [s(f(e.text), 1)], void 0, !0),
+			_: 2
+		}, 1032, ["type", "onClose"]))), 128))], void 0, !0),
+		_: 1
+	})]);
+}
+var _ = /*#__PURE__*/ e(m, [["render", g], ["__scopeId", "data-v-8f1de0c8"]]);
+//#endregion
+export { _ as default };

package/dist/wt-page-header-CDbd4aOh.js

@@ -0,0 +1,59 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createTextVNode as r, createVNode as i, openBlock as a, renderSlot as o, resolveComponent as s, toDisplayString as c, withCtx as l } from "vue";
+//#region src/components/wt-page-header/wt-page-header.vue
+var u = {
+	__name: "wt-page-header",
+	props: {
+		hidePrimary: {
+			type: Boolean,
+			default: !1
+		},
+		hideSecondary: {
+			type: Boolean,
+			default: !1
+		},
+		primaryText: { type: String },
+		primaryAction: { type: Function },
+		primaryDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		secondaryDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		secondaryText: { type: String },
+		secondaryAction: { type: Function }
+	},
+	setup(u) {
+		let d = u, f = e(() => !(d.secondaryAction || d.secondaryText));
+		return (e, d) => {
+			let p = s("wt-button"), m = s("wt-headline");
+			return a(), t(m, null, {
+				"title-wrapper": l(() => [o(e.$slots, "default")]),
+				title: l(() => [o(e.$slots, "title")]),
+				actions: l(() => [
+					o(e.$slots, "actions"),
+					u.hidePrimary ? n("", !0) : o(e.$slots, "primary-action", { key: 0 }, () => [i(p, {
+						disabled: u.primaryDisabled,
+						onClick: u.primaryAction
+					}, {
+						default: l(() => [r(c(u.primaryText || e.$t("reusable.add")), 1)], void 0, !0),
+						_: 1
+					}, 8, ["disabled", "onClick"])]),
+					!u.hideSecondary && !f.value ? (a(), t(p, {
+						key: 1,
+						disabled: u.secondaryDisabled,
+						color: "secondary",
+						onClick: u.secondaryAction
+					}, {
+						default: l(() => [r(c(u.secondaryText || e.$t("reusable.close")), 1)], void 0, !0),
+						_: 1
+					}, 8, ["disabled", "onClick"])) : n("", !0)
+				]),
+				_: 3
+			});
+		};
+	}
+};
+//#endregion
+export { u as default };

package/dist/wt-pagination-BA_PZPIE.js

@@ -0,0 +1,94 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./debounce-DrmECuJ2.js";
+import { createElementBlock as n, createElementVNode as r, createVNode as i, openBlock as a, resolveComponent as o, resolveDirective as s, toDisplayString as c, withDirectives as l } from "vue";
+//#region src/components/wt-pagination/wt-pagination.vue
+var u = 10, d = {
+	name: "WtPagination",
+	model: {
+		prop: "size",
+		event: "change"
+	},
+	props: {
+		size: { type: [String, Number] },
+		next: {
+			type: Boolean,
+			default: !1
+		},
+		prev: {
+			type: Boolean,
+			default: !1
+		},
+		debounce: {
+			type: Boolean,
+			default: !1
+		},
+		debounceDelay: {
+			type: Number,
+			default: 1e3
+		}
+	},
+	emits: [
+		"change",
+		"input",
+		"prev",
+		"next"
+	],
+	data() {
+		return { internalSize: this.size == null ? u : +this.size };
+	},
+	watch: {
+		internalSize(e) {
+			e !== null && this.changeSize(e);
+		},
+		size(e) {
+			this.internalSize = e == null ? u : +e;
+		}
+	},
+	created() {
+		this.debounce && (this.changeSize = t(this.changeSize, this.debounceDelay));
+	},
+	methods: {
+		inputHandler(e) {
+			if (e === null) {
+				this.internalSize = null, this.$nextTick(() => {
+					this.internalSize = u, this.$emit("input", u);
+				});
+				return;
+			}
+			let t = e >= 0 && e <= 1e3 ? e : u;
+			this.internalSize = t, this.$emit("input", t);
+		},
+		changeSize(e) {
+			this.$emit("change", e);
+		},
+		goNext() {
+			this.$emit("next");
+		},
+		goPrev() {
+			this.$emit("prev");
+		}
+	}
+}, f = { class: "wt-pagination typo-body-1" }, p = { class: "wt-pagination__size" }, m = { class: "wt-pagination__size-text" }, h = { class: "wt-pagination__page-controls" };
+function g(e, t, u, d, g, _) {
+	let v = o("wt-input-number"), y = o("wt-icon-btn"), b = s("tooltip");
+	return a(), n("footer", f, [r("div", p, [r("div", m, c(e.$t("webitelUI.pagination.sizeText")), 1), i(v, {
+		max: 1e3,
+		min: 1,
+		"model-value": g.internalSize,
+		class: "wt-pagination__size-input",
+		"onUpdate:modelValue": _.inputHandler
+	}, null, 8, ["model-value", "onUpdate:modelValue"])]), r("div", h, [l(i(y, {
+		disabled: !u.prev,
+		class: "wt-pagination__page-control",
+		icon: "arrow-left",
+		onClick: _.goPrev
+	}, null, 8, ["disabled", "onClick"]), [[b, e.$t("webitelUI.pagination.prev")]]), l(i(y, {
+		disabled: !u.next,
+		class: "wt-pagination__page-control",
+		icon: "arrow-right",
+		onClick: _.goNext
+	}, null, 8, ["disabled", "onClick"]), [[b, e.$t("webitelUI.pagination.next")]])])]);
+}
+var _ = /*#__PURE__*/ e(d, [["render", g], ["__scopeId", "data-v-4183dd40"]]);
+//#endregion
+export { _ as default };

package/dist/wt-player-uidPXSTe.js

@@ -0,0 +1,287 @@
+import { t as e } from "./wt-icon-pxO7IjwV.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as n } from "./enums-pbYAJNeb.js";
+import { t as r } from "./wt-button-DENbrKdy.js";
+import { n as i, t as a } from "./useVidstackSrc-DfNrFbOO.js";
+import { t as o } from "./wt-popover-CJZH3wMl.js";
+import { t as s } from "./wt-slider-BS3SoGht.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, resolveComponent as b, toDisplayString as x, toRefs as S, unref as C, watch as w, withCtx as T } from "vue";
+//#region src/components/_shared/settings-panel/components/speed-settings/speed-settings.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "speed-settings" }, D = { class: "speed-settings__controls" }, O = { class: "speed-settings__label" }, k = { class: "speed-settings__presets" }, A = .25, j = 3, M = .25, N = /*#__PURE__*/ t(/* @__PURE__ */ h({
+	__name: "speed-settings",
+	props: { modelValue: { default: 1 } },
+	emits: ["update:modelValue"],
+	setup(t, { emit: i }) {
+		let a = t, o = i, u = [
+			{
+				speed: .5,
+				icon: "playback-0.50"
+			},
+			{
+				speed: .75,
+				icon: "playback-0.75"
+			},
+			{
+				speed: 1,
+				icon: "playback-1.00"
+			},
+			{
+				speed: 1.5,
+				icon: "playback-1.50"
+			},
+			{
+				speed: 1.75,
+				icon: "playback-1.75"
+			}
+		], d = l(() => `${a.modelValue.toFixed(2)}x`);
+		function h() {
+			let e = parseFloat((a.modelValue - M).toFixed(2));
+			o("update:modelValue", Math.max(A, e));
+		}
+		function g() {
+			let e = parseFloat((a.modelValue + M).toFixed(2));
+			o("update:modelValue", Math.min(j, e));
+		}
+		return (i, a) => (_(), f("div", E, [
+			p("div", D, [
+				m(r, {
+					size: C(n).SM,
+					disabled: t.modelValue <= A,
+					class: "speed-settings__step-button",
+					variant: "outlined",
+					color: "secondary",
+					onClick: h
+				}, {
+					default: T(() => [m(e, {
+						icon: "minus",
+						size: C(n).SM
+					}, null, 8, ["size"])]),
+					_: 1
+				}, 8, ["size", "disabled"]),
+				p("span", O, x(d.value), 1),
+				m(r, {
+					size: C(n).SM,
+					disabled: t.modelValue >= j,
+					class: "speed-settings__step-button",
+					variant: "outlined",
+					color: "secondary",
+					onClick: g
+				}, {
+					default: T(() => [m(e, {
+						icon: "plus",
+						size: C(n).SM
+					}, null, 8, ["size"])]),
+					_: 1
+				}, 8, ["size", "disabled"])
+			]),
+			m(s, {
+				class: "speed-settings__slider",
+				"model-value": t.modelValue,
+				min: A,
+				max: j,
+				step: M,
+				"onUpdate:modelValue": a[0] ||= (e) => i.$emit("update:modelValue", e)
+			}, null, 8, ["model-value"]),
+			p("div", k, [(_(), f(c, null, y(u, (t) => m(r, {
+				key: t.speed,
+				size: C(n).SM,
+				variant: "outlined",
+				class: "speed-settings__preset-button",
+				color: "secondary",
+				onClick: (e) => i.$emit("update:modelValue", t.speed)
+			}, {
+				default: T(() => [m(e, {
+					icon: t.icon,
+					size: C(n).SM
+				}, null, 8, ["icon", "size"])]),
+				_: 2
+			}, 1032, ["size", "onClick"])), 64))])
+		]));
+	}
+}), [["__scopeId", "data-v-8544c47d"]]), P = ["onClick"], F = /*#__PURE__*/ t(/* @__PURE__ */ h({
+	__name: "settings-panel",
+	props: { modelValue: { default: () => ({ playbackRate: 1 }) } },
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let r = e, i = t;
+		function a(e) {
+			i("update:modelValue", {
+				...r.modelValue,
+				playbackRate: e
+			});
+		}
+		return (t, r) => {
+			let i = b("wt-icon-btn");
+			return _(), u(o, { class: "settings-panel" }, {
+				activator: T(({ toggle: e }) => [p("media-button", {
+					class: "settings-panel__button",
+					onClick: e
+				}, [m(i, {
+					icon: "plyr-settings",
+					size: C(n).SM
+				}, null, 8, ["size"])], 8, P)]),
+				default: T(() => [m(N, {
+					"model-value": e.modelValue.playbackRate,
+					"onUpdate:modelValue": a
+				}, null, 8, ["model-value"])], void 0, !0),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-d152dae2"]]), I = {}, L = { class: "mute-button" };
+function R(e, t) {
+	let n = b("wt-icon");
+	return _(), f("media-mute-button", L, [m(n, {
+		type: "mute",
+		icon: "plyr-muted",
+		class: "mute-icon",
+		size: "sm"
+	}), m(n, {
+		type: "volume",
+		icon: "plyr-volume",
+		class: "volume-icon",
+		size: "sm"
+	})]);
+}
+var z = /*#__PURE__*/ t(I, [["render", R], ["__scopeId", "data-v-45e5719d"]]), B = { class: "play-button" }, V = /*#__PURE__*/ t(/* @__PURE__ */ h({
+	__name: "play-button",
+	setup(t) {
+		return (t, n) => (_(), f("media-play-button", B, [m(e, {
+			icon: "plyr-play",
+			type: "play",
+			class: "play-icon",
+			size: "sm"
+		}), m(e, {
+			icon: "plyr-pause",
+			type: "pause",
+			class: "pause-icon",
+			size: "sm"
+		})]));
+	}
+}), [["__scopeId", "data-v-e6149485"]]), H = { class: "time-slider media-slider" }, U = /*#__PURE__*/ t(/* @__PURE__ */ h({
+	__name: "time-slider",
+	setup(e) {
+		return (e, t) => (_(), f("media-time-slider", H, [m(s, { class: "time-slider__slider" })]));
+	}
+}), [["__scopeId", "data-v-e57a9871"]]), W = { class: "volume-slider media-slider" }, G = /*#__PURE__*/ t(/* @__PURE__ */ h({
+	__name: "volume-slider",
+	setup(e) {
+		return (e, t) => (_(), f("media-volume-slider", W, [m(s, { class: "volume-slider__slider" })]));
+	}
+}), [["__scopeId", "data-v-b92a4daf"]]), K = [
+	"src",
+	"loop",
+	"autoplay",
+	"playback-rate"
+], q = { class: "controls-group" }, J = /*#__PURE__*/ t(/* @__PURE__ */ h({
+	__name: "wt-player",
+	props: {
+		src: {},
+		id: {},
+		fileName: {},
+		autoplay: {
+			type: Boolean,
+			default: !0
+		},
+		loop: {
+			type: Boolean,
+			default: !1
+		},
+		download: {
+			type: [
+				String,
+				Function,
+				Boolean
+			],
+			default: () => (e) => e.replace("/stream", "/download")
+		},
+		resetOnEnd: {
+			type: Boolean,
+			default: !1
+		},
+		countdownTimeMode: { type: Boolean },
+		hideVolumeSlider: {
+			type: Boolean,
+			default: !1
+		},
+		hideMuteButton: {
+			type: Boolean,
+			default: !1
+		},
+		hideSettings: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		position: { default: "sticky" },
+		invertTime: {
+			type: Boolean,
+			default: !0
+		},
+		resetVolume: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["initialized", "close"],
+	setup(e, { emit: t }) {
+		let r = e, o = v({ playbackRate: 1 }), { src: s } = S(r), { normalizedSrcObject: c } = a({ src: s });
+		function l() {
+			let e = typeof r.src == "string" ? r.src : r.src?.src, t = typeof r.download == "function" ? r.download(e) : r.download, n = r.src?.type.split("/").pop(), i = r.fileName || r.id || "unknown", a = document.createElement("a");
+			a.style.display = "none", a.href = t, a.download = `${i}.${n}`, document.body.appendChild(a), a.click(), document.body.removeChild(a);
+		}
+		function h(e) {
+			if (!r.resetOnEnd) return;
+			let t = e.target;
+			t.currentTime = 0;
+		}
+		function y() {
+			o.value.playbackRate = 1;
+		}
+		return w(() => r.src, () => {
+			y();
+		}), (t, a) => {
+			let s = b("wt-icon-btn");
+			return _(), f("media-player", {
+				class: g(["wt-player", `wt-player--position-${r.position}`]),
+				src: C(c),
+				loop: r.loop,
+				autoplay: e.autoplay,
+				"playback-rate": o.value.playbackRate,
+				onEnded: h
+			}, [a[2] ||= p("media-provider", null, null, -1), p("media-controls-group", q, [
+				m(V),
+				m(U),
+				m(i, { countdown: r.countdownTimeMode }, null, 8, ["countdown"]),
+				r.hideMuteButton ? d("", !0) : (_(), u(z, { key: 0 })),
+				r.hideVolumeSlider ? d("", !0) : (_(), u(G, { key: 1 })),
+				r.hideSettings ? d("", !0) : (_(), u(F, {
+					key: 2,
+					"model-value": o.value,
+					"onUpdate:modelValue": a[0] ||= (e) => o.value = e
+				}, null, 8, ["model-value"])),
+				r.download ? (_(), f("media-button", {
+					key: 3,
+					class: "download-button",
+					onClick: l
+				}, [m(s, {
+					icon: "plyr-download",
+					size: C(n).SM
+				}, null, 8, ["size"])])) : d("", !0),
+				r.closable ? (_(), f("media-button", {
+					key: 4,
+					class: "close-button",
+					onClick: a[1] ||= (e) => t.$emit("close")
+				}, [m(s, {
+					icon: "close",
+					size: C(n).SM
+				}, null, 8, ["size"])])) : d("", !0)
+			])], 42, K);
+		};
+	}
+}), [["__scopeId", "data-v-b4642a75"]]);
+//#endregion
+export { J as default };