@datagouv/components-next 1.0.2-dev.172 → 1.0.2-dev.174

package/dist/PreviewWrapper.vue_vue_type_script_setup_true_lang-CrWEJnPl.js

@@ -0,0 +1,60 @@
+import { defineComponent as C, ref as v, computed as y, onMounted as S, nextTick as w, openBlock as a, createElementBlock as b, normalizeClass as B, renderSlot as x, createElementVNode as _, toDisplayString as i, unref as t, createBlock as s, withCtx as n, createTextVNode as u, createCommentVNode as E } from "vue";
+import { a as L, b as N, c as R, d as c } from "./main-I9G-L-lg.js";
+const V = { class: "text-gray-medium" }, F = /* @__PURE__ */ C({
+  __name: "PreviewWrapper",
+  props: {
+    fileType: {},
+    resource: {},
+    maxSize: {},
+    load: { type: Function },
+    fill: { type: Boolean }
+  },
+  emits: ["loaded"],
+  setup(r, { emit: k }) {
+    const o = r, z = k, { t: l } = L(), p = v(null), f = v(!1), d = v(null), h = y(() => N(o.resource)), T = y(() => R(o.resource)), g = y(() => {
+      const e = h.value, m = o.maxSize;
+      return !e || !m ? !1 : e <= m;
+    });
+    return S(async () => {
+      if (!(!g.value || T.value === "blocked")) {
+        f.value = !0;
+        try {
+          p.value = await o.load(), await w(), z("loaded");
+        } catch (e) {
+          console.error("Error loading preview:", e), d.value = e instanceof TypeError ? "network" : "generic";
+        } finally {
+          f.value = !1;
+        }
+      }
+    }), (e, m) => (a(), b("div", {
+      class: B(["text-xs", r.fill ? "flex min-h-0 flex-1 flex-col" : ""])
+    }, [
+      p.value !== null ? x(e.$slots, "default", { data: p.value }, void 0, void 0, 0) : f.value ? x(e.$slots, "loading", {}, () => [
+        _("div", V, i(t(l)("Chargement de l'aperçu {fileType}...", { fileType: r.fileType })), 1)
+      ], void 0, 1) : g.value ? T.value === "blocked" ? (a(), s(c, { key: 3 }, {
+        default: n(() => [
+          u(i(t(l)("Ce fichier {fileType} ne peut pas être prévisualisé car il est hébergé sur un site distant qui restreint l'accès (CORS). Téléchargez-le pour le consulter.", { fileType: r.fileType })), 1)
+        ]),
+        _: 1
+      })) : d.value === "network" ? (a(), s(c, { key: 4 }, {
+        default: n(() => [
+          u(i(t(l)("Ce fichier est hébergé sur un site externe qui ne permet pas la prévisualisation. Téléchargez-le pour le consulter.")), 1)
+        ]),
+        _: 1
+      })) : d.value ? (a(), s(c, { key: 5 }, {
+        default: n(() => [
+          u(i(t(l)("L'aperçu de ce fichier n'a pas pu être chargé. Téléchargez-le pour le consulter.")), 1)
+        ]),
+        _: 1
+      })) : E("", !0) : (a(), s(c, { key: 2 }, {
+        default: n(() => [
+          u(i(h.value ? t(l)("Le fichier {fileType} est trop volumineux pour être prévisualisé. Téléchargez-le pour le consulter.", { fileType: r.fileType }) : t(l)("La taille du fichier est inconnue, l'aperçu n'est pas disponible. Téléchargez-le pour le consulter.")), 1)
+        ]),
+        _: 1
+      }))
+    ], 2));
+  }
+});
+export {
+  F as _
+};

package/dist/{XmlPreview.client-CPfIZl9q.js → XmlPreview.client-B24FIhU7.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, defineAsyncComponent as m, openBlock as u, createBlock as f, unref as t, withCtx as l, createVNode as p } from "vue";
-import { u as x } from "./main-D7EaQcIR.js";
-import { _ as w } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-B3ByRwHK.js";
+import { u as x } from "./main-I9G-L-lg.js";
+import { _ as w } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-CrWEJnPl.js";
 const X = /* @__PURE__ */ i({
   __name: "XmlPreview.client",
   props: {
@@ -8,7 +8,7 @@ const X = /* @__PURE__ */ i({
   },
   setup(r) {
     const o = m(
-      () => import("./vue3-xml-viewer.common-DznVepCg.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
+      () => import("./vue3-xml-viewer.common-PTUJZpH4.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
     ), n = r, s = x(), c = async () => {
       const e = await fetch(n.resource.url);
       if (!e.ok) throw new Error(`HTTP error! status: ${e.status}`);