@datagouv/components-next 1.0.2-dev.8 → 1.0.2-dev.80

package/assets/main.css

@@ -182,6 +182,10 @@
 }
 
 @layer components {
+  .input {
+    @apply block w-full rounded-t text-base leading-6 py-2 px-4 text-gray-plain bg-gray-lower! placeholder:opacity-100 placeholder:italic placeholder:text-gray-medium;
+  }
+
   .subtitle {
       @apply text-sm! font-bold! leading-5!;
   }

package/dist/Datafair.client-BzW-ctDf.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-K-42Oe8-.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-BfMSzR07.js

@@ -0,0 +1,40 @@
+import { defineComponent as c, defineAsyncComponent as u, createBlock as m, openBlock as p, unref as r, withCtx as f, createVNode as l } from "vue";
+import { u as d } from "./main-K-42Oe8-.js";
+import { _ as h } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-C6XnsZ-7.js";
+const J = /* @__PURE__ */ c({
+  __name: "JsonPreview.client",
+  props: {
+    resource: {}
+  },
+  setup(o) {
+    const t = u(
+      () => import("./vue3-json-viewer-BXwup7nO.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
+    ), n = o, s = d(), i = async () => {
+      const e = await fetch(n.resource.url);
+      if (!e.ok) throw new Error(`HTTP error! status: ${e.status}`);
+      return e.json();
+    };
+    return (e, w) => (p(), m(h, {
+      "file-type": "JSON",
+      resource: o.resource,
+      "max-size": r(s).maxJsonPreviewCharSize,
+      load: i
+    }, {
+      default: f(({ data: a }) => [
+        l(r(t), {
+          value: a,
+          boxed: "",
+          sort: "",
+          theme: "light",
+          "max-depth": 3,
+          "expand-depth": 2,
+          "indent-width": 2
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["resource", "max-size"]));
+  }
+});
+export {
+  J as default
+};

package/dist/{MapContainer.client-DRkAmdOc.js → MapContainer.client-CLs-im9i.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-K-42Oe8-.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-C7WVVGgD.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
 };