@templatical/media-library 0.39.1 → 0.39.2

package/dist/useFocusTrap-6eIRXtCA.js

@@ -0,0 +1,111 @@
+import { t as e } from "./en-CQxhpwqd.js";
+import { computed as t, inject as n, isRef as r, onScopeDispose as i, watch as a } from "vue";
+import { useEventListener as o } from "@vueuse/core";
+//#region src/keys.ts
+var s = Symbol("templaticalMediaLimits"), c = Symbol("templaticalMediaPopoverTarget"), l = Symbol("templaticalMediaTranslations"), u = Symbol("templaticalMediaUiTheme"), d = Symbol("templaticalMediaUiLocale");
+//#endregion
+//#region src/composables/useI18n.ts
+function f(t) {
+	let i = t ?? n(l, null), a = (r(i) ? i.value : i) ?? e;
+	function o(e, t) {
+		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
+	}
+	return {
+		t: a,
+		format: o
+	};
+}
+//#endregion
+//#region src/composables/useMediaCategories.ts
+var p = [
+	"images",
+	"documents",
+	"videos",
+	"audio"
+];
+function m(e) {
+	let r = e ?? n(s, null);
+	if (!r) throw Error("[Templatical] useMediaCategories() needs media limits in scope. Render it under <MediaLibraryModal> or provide MEDIA_LIMITS_KEY yourself.");
+	let i = r, a = t(() => !0), o = t(() => i.maxFileSize ?? Infinity), c = t(() => {
+		let e = i.accept;
+		if (e && e.length > 0) return e;
+		let t = i.mimeTypes;
+		return t ? Object.keys(t) : p;
+	}), l = t(() => {
+		let e = i.mimeTypes;
+		return e ? c.value.flatMap((t) => e[t] ?? []) : [];
+	}), u = t(() => l.value.join(","));
+	function d(e, t) {
+		let n = i.mimeTypes;
+		return !n || (t && t.length > 0 ? t : Object.keys(n)).some((t) => n[t]?.includes(e) ?? !1);
+	}
+	function f(e) {
+		return d(e.type) && e.size <= o.value;
+	}
+	function m(e) {
+		let t = i.mimeTypes;
+		return t ? t.images?.includes(e) ?? !1 : e.startsWith("image/");
+	}
+	function h(e) {
+		let t = i.mimeTypes;
+		if (!t) return null;
+		for (let [n, r] of Object.entries(t)) if (r?.includes(e)) return n;
+		return null;
+	}
+	return {
+		isMediaLibraryEnabled: a,
+		allAcceptedMimeTypes: l,
+		allAcceptedInputString: u,
+		maxFileSize: o,
+		availableCategories: c,
+		isAcceptedMimeType: d,
+		isAcceptedFile: f,
+		isImageMimeType: m,
+		getCategoryForMimeType: h
+	};
+}
+//#endregion
+//#region \0plugin-vue:export-helper
+var h = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, g = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function _(e, t) {
+	let n = null, r = null, s = null;
+	function c(e) {
+		if (!e) return document;
+		let t = e.getRootNode();
+		return t && "activeElement" in t ? t : document;
+	}
+	function l() {
+		return e.value ? Array.from(e.value.querySelectorAll(g)).filter((e) => e.offsetParent !== null) : [];
+	}
+	function u(t) {
+		if (t.key !== "Tab") return;
+		let n = l();
+		if (n.length === 0) return;
+		let r = n[0], i = n[n.length - 1], a = c(e.value).activeElement;
+		t.shiftKey ? a === r && (t.preventDefault(), i.focus()) : a === i && (t.preventDefault(), r.focus());
+	}
+	function d() {
+		let t = r !== null || s !== null;
+		t && f({ restoreFocus: !1 }), t || (n = c(e.value).activeElement), s = requestAnimationFrame(() => {
+			s = null;
+			let t = l();
+			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
+		}), r = o(e, "keydown", u);
+	}
+	function f(e = {}) {
+		let t = e.restoreFocus !== !1;
+		s !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(s), s = null), r?.(), r = null, t && n && n.focus && (n.focus(), n = null);
+	}
+	let p = a([t, e], ([e, t]) => {
+		e && t ? d() : f();
+	}, { flush: "post" });
+	i(() => {
+		p(), f();
+	});
+}
+//#endregion
+export { s as a, d as c, f as i, u as l, h as n, c as o, m as r, l as s, _ as t };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@templatical/media-library",
   "description": "Media library management for Templatical email editor",
-  "version": "0.39.1",
+  "version": "0.39.2",
   "bugs": "https://github.com/templatical/sdk/issues",
   "dependencies": {
     "@lucide/vue": "^1.47.0",
-    "@templatical/types": "0.39.1",
+    "@templatical/types": "0.39.2",
     "@vueuse/core": "^15.0.0",
     "vue-advanced-cropper": "^2.8.9"
   },