@datagouv/components-next 1.0.2-dev.2 → 1.0.2-dev.20

package/dist/Datafair.client-Ds3VQrRi.js

@@ -0,0 +1,30 @@
+import { defineComponent as l, computed as a, createElementBlock as o, openBlock as t, createBlock as u, createElementVNode as f, withCtx as p, createTextVNode as m, toDisplayString as _, unref as h } from "vue";
+import { a as x, _ as g } from "./main-vqhkVhVS.js";
+const v = { class: "fr-text--xs" }, b = { key: 0 }, k = ["src"], $ = /* @__PURE__ */ l({
+  __name: "Datafair.client",
+  props: {
+    resource: {},
+    dataset: {}
+  },
+  setup(c) {
+    const e = c, { t: i } = x(), r = a(() => e.resource.extras.datafairOrigin || e.dataset.extras.datafairOrigin), s = a(() => e.resource.extras.datafairDatasetId || e.dataset.extras.datafairDatasetId), d = a(() => e.resource.extras.datafairEmbed), n = a(() => !r.value || !s.value ? null : `${r.value}/embed/dataset/${s.value}/${d.value}`);
+    return (D, y) => (t(), o("div", v, [
+      n.value ? (t(), o("div", b, [
+        f("iframe", {
+          src: n.value,
+          width: "100%",
+          height: "500px",
+          style: { "background-color": "transparent", border: "none" }
+        }, null, 8, k)
+      ])) : (t(), u(g, { key: 1 }, {
+        default: p(() => [
+          m(_(h(i)("L'aperçu de ce fichier n'a pas pu être chargé. Téléchargez-le depuis l'onglet Téléchargements.")), 1)
+        ]),
+        _: 1
+      }))
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/JsonPreview.client-CYxmz0yV.js

@@ -0,0 +1,72 @@
+import { defineComponent as z, defineAsyncComponent as C, ref as l, computed as x, onMounted as J, createElementBlock as c, openBlock as t, createBlock as p, createCommentVNode as S, createVNode as N, unref as r, toDisplayString as i, withCtx as d, createTextVNode as f } from "vue";
+import { u as B, a as L, g as V, _ as h } from "./main-vqhkVhVS.js";
+const E = { class: "fr-text--xs" }, P = { key: 0 }, b = {
+  key: 1,
+  class: "text-gray-medium"
+}, j = /* @__PURE__ */ z({
+  __name: "JsonPreview.client",
+  props: {
+    resource: {}
+  },
+  setup(y) {
+    const T = C(
+      () => import("./vue3-json-viewer-BXwup7nO.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
+    ), m = y, v = B(), { t: n } = L(), s = l(null), u = l(!1), a = l(null), g = l(!1), _ = x(() => V(m.resource)), w = x(() => {
+      const e = _.value;
+      if (!e || !v.maxJsonPreviewCharSize)
+        return !1;
+      const o = v.maxJsonPreviewCharSize;
+      return e <= o;
+    }), k = async () => {
+      if (!w.value) {
+        g.value = !0;
+        return;
+      }
+      u.value = !0, a.value = null;
+      try {
+        const e = await fetch(m.resource.url);
+        if (!e.ok)
+          throw new Error(`HTTP error! status: ${e.status}`);
+        const o = await e.json();
+        s.value = o;
+      } catch (e) {
+        console.error("Error loading JSON:", e), e instanceof TypeError ? a.value = "network" : a.value = "generic", s.value = null;
+      } finally {
+        u.value = !1;
+      }
+    };
+    return J(() => {
+      k();
+    }), (e, o) => (t(), c("div", E, [
+      s.value ? (t(), c("div", P, [
+        N(r(T), {
+          value: s.value,
+          boxed: "",
+          sort: "",
+          theme: "light",
+          "max-depth": 3,
+          "expand-depth": 2,
+          "indent-width": 2
+        }, null, 8, ["value"])
+      ])) : u.value ? (t(), c("div", b, i(r(n)("Chargement de l'aperçu JSON...")), 1)) : g.value ? (t(), p(h, { key: 2 }, {
+        default: d(() => [
+          f(i(_.value ? r(n)("Le fichier JSON est trop volumineux pour être prévisualisé. Téléchargez-le depuis l'onglet Téléchargements.") : r(n)("La taille du fichier est inconnue, l'aperçu n'est pas disponible. Téléchargez-le depuis l'onglet Téléchargements.")), 1)
+        ]),
+        _: 1
+      })) : a.value === "network" ? (t(), p(h, { key: 3 }, {
+        default: d(() => [
+          f(i(r(n)("Ce fichier est hébergé sur un site externe qui ne permet pas la prévisualisation. Téléchargez-le depuis l'onglet Téléchargements.")), 1)
+        ]),
+        _: 1
+      })) : a.value ? (t(), p(h, { key: 4 }, {
+        default: d(() => [
+          f(i(r(n)("L'aperçu de ce fichier n'a pas pu être chargé. Téléchargez-le depuis l'onglet Téléchargements.")), 1)
+        ]),
+        _: 1
+      })) : S("", !0)
+    ]));
+  }
+});
+export {
+  j as default
+};

package/dist/{MapContainer.client-DRkAmdOc.js → MapContainer.client-B2BijMx5.js}

@@ -1,21 +1,21 @@
-import { defineComponent as G, useTemplateRef as W, ref as z, onMounted as B, createBlock as F, createElementBlock as N, openBlock as u, withCtx as V, createVNode as U, createElementVNode as q, unref as m, toDisplayString as A } from "vue";
-import { a as D, _ as O, F as P } from "./main-B2kXxWRG.js";
-const j = /* @__PURE__ */ G({
+import { defineComponent as E, useTemplateRef as G, ref as W, onMounted as B, createBlock as z, createElementBlock as N, openBlock as m, withCtx as U, createTextVNode as V, toDisplayString as q, unref as A } from "vue";
+import { a as D, _ as F } from "./main-vqhkVhVS.js";
+const Z = /* @__PURE__ */ E({
   __name: "MapContainer.client",
   props: {
     resource: {}
   },
   setup(f) {
-    const a = f, { t: d } = D();
+    const r = f, { t: d } = D();
     let e = null;
-    const r = W("mapRef"), n = z(!1);
+    const a = G("mapRef"), n = W(!1);
     async function w() {
       const [
         { default: i },
         { default: s },
         { default: y },
-        { default: h },
         { default: C },
+        { default: h },
         _
       ] = await Promise.all([
         import("./View-BR92hTWP.js").then((t) => t.M),
@@ -24,13 +24,13 @@ const j = /* @__PURE__ */ G({
         import("./Tile-DbNFNPfU.js").then((t) => t.d),
         import("./OSM-s40W6sQ2.js"),
         // @ts-expect-error no types provided
-        import("./index-SrYZwgCT.js")
-      ]), { CRS: g, GeoportalAttribution: S, GeoportalFullScreen: M, GeoportalZoom: b, LayerImport: v, LayerSwitcher: L } = _;
-      await Promise.resolve({       }), await Promise.resolve({         }), await Promise.resolve({          }), await Promise.resolve({         }), g.load(), e = new s({
-        target: r.value,
+        import("./index-BFQX7Ccz.js")
+      ]), { CRS: S, GeoportalAttribution: g, GeoportalFullScreen: M, GeoportalZoom: b, LayerImport: v, LayerSwitcher: L } = _;
+      await Promise.resolve({       }), await Promise.resolve({         }), await Promise.resolve({          }), await Promise.resolve({         }), S.load(), e = new s({
+        target: a.value,
         layers: [
-          new h({
-            source: new C()
+          new C({
+            source: new h()
           })
         ],
         view: new i({
@@ -44,62 +44,59 @@ const j = /* @__PURE__ */ G({
         bar: !1
       });
       e.addControl(R);
-      const k = new M({
+      const T = new M({
         position: "top-right"
       });
-      e.addControl(k);
-      const T = new b({
+      e.addControl(T);
+      const k = new b({
         position: "bottom-left"
       });
-      e.addControl(T);
-      const x = new L({
+      e.addControl(k);
+      const I = new L({
         options: {
           position: "top-right"
         }
       });
-      e.addControl(x);
-      const E = new S({
+      e.addControl(I);
+      const l = new g({
         position: "bottom-right"
+        // collapsed option is ignored by the library, thus the override below
+        // see https://github.com/IGNF/geopf-extensions-openlayers/issues/497
       });
-      e.addControl(E);
+      l.setCollapsed(!1), e.addControl(l);
       const o = new v({
         position: "bottom-left",
         listable: !0,
         layerTypes: ["WMS"]
       });
-      o._serviceUrlImportInput.value = a.resource.url, o._formContainer.dispatchEvent(new CustomEvent("submit", { cancelable: !0 })), e.addControl(o);
-      const l = 500;
-      let p = 20;
-      function c() {
+      o._serviceUrlImportInput.value = r.resource.url, o._formContainer.dispatchEvent(new CustomEvent("submit", { cancelable: !0 })), e.addControl(o);
+      const p = 500;
+      let c = 20;
+      function u() {
         if (!o._getCapResponseWMSLayers)
-          p--, p > 0 ? setTimeout(c, l) : n.value = !0;
+          c--, c > 0 ? setTimeout(u, p) : n.value = !0;
         else {
-          const t = o._getCapResponseWMSLayers.filter((I) => I.Name == a.resource.title)[0];
+          const t = o._getCapResponseWMSLayers.filter((x) => x.Name == r.resource.title)[0];
           o._addGetCapWMSLayer(t);
         }
       }
-      setTimeout(c, l);
+      setTimeout(u, p);
     }
     return B(() => {
       w();
-    }), (i, s) => n.value ? (u(), F(O, {
-      key: 0,
-      type: "warning",
-      class: "flex items-center space-x-2"
-    }, {
-      default: V(() => [
-        U(m(P), { class: "shrink-0 size-6" }),
-        q("span", null, A(m(d)("L'aperçu cartographique de ce fichier n'a pas pu être chargé.")), 1)
+    }), (i, s) => n.value ? (m(), z(F, { key: 0 }, {
+      default: U(() => [
+        V(q(A(d)("L'aperçu cartographique de ce fichier n'a pas pu être chargé.")), 1)
       ]),
       _: 1
-    })) : (u(), N("div", {
+    })) : (m(), N("div", {
       key: 1,
       id: "map",
       ref_key: "mapRef",
-      ref: r
+      ref: a
     }, null, 512));
   }
 });
 export {
-  j as default
+  Z as default
 };