@datagouv/components-next 1.0.2-dev.123 → 1.0.2-dev.124

package/dist/{Datafair.client-DMmJ6GZp.js → Datafair.client-CjpYc4I-.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, computed as a, openBlock as t, createElementBlock as o, createElementVNode as u, createBlock as f, withCtx as p, createTextVNode as m, toDisplayString as _, unref as h } from "vue";
-import { c2 as x, _ as g } from "./main-B40Z2ZUX.js";
+import { c2 as x, _ as g } from "./main-B_qMC--3.js";
 const v = { class: "fr-text--xs" }, b = { key: 0 }, k = ["src"], $ = /* @__PURE__ */ l({
   __name: "Datafair.client",
   props: {

package/dist/{JsonPreview.client-BJl0ckqf.js → JsonPreview.client-CtIV5Hye.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, defineAsyncComponent as u, openBlock as m, createBlock as p, unref as r, withCtx as f, createVNode as l } from "vue";
-import { bP as d } from "./main-B40Z2ZUX.js";
-import { _ as h } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-B1hQo45t.js";
+import { bP as d } from "./main-B_qMC--3.js";
+import { _ as h } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-DbM6EH52.js";
 const J = /* @__PURE__ */ c({
   __name: "JsonPreview.client",
   props: {

package/dist/{MapContainer.client-BOILtnvJ.js → MapContainer.client-zZBtNnFc.js}

@@ -1,5 +1,5 @@
 import { defineComponent as E, useTemplateRef as G, ref as W, onMounted as B, openBlock as u, createBlock as z, withCtx as N, createTextVNode as V, toDisplayString as q, unref as A, createElementBlock as D } from "vue";
-import { c2 as F, _ as O } from "./main-B40Z2ZUX.js";
+import { c2 as F, _ as O } from "./main-B_qMC--3.js";
 const Z = /* @__PURE__ */ E({
   __name: "MapContainer.client",
   props: {
@@ -24,7 +24,7 @@ const Z = /* @__PURE__ */ E({
         import("./Tile-D6rFonpT.js").then((t) => t.T),
         import("./OSM-gdDSIsDA.js"),
         // @ts-expect-error no types provided
-        import("./index-O6jmaKXj.js")
+        import("./index-BYX8slnw.js")
       ]), { CRS: _, GeoportalAttribution: S, GeoportalFullScreen: b, GeoportalZoom: g, LayerImport: v, LayerSwitcher: L } = C;
       await Promise.resolve({       }), await Promise.resolve({         }), await Promise.resolve({          }), await Promise.resolve({         }), _.load(), e = new s({
         target: a.value,

package/dist/{PdfPreview.client-D7YzJBjf.js → PdfPreview.client-CXdg6Yhu.js}

@@ -12,8 +12,8 @@ var sZ = (R, l, U, Z) => ({
   }
 });
 import { defineComponent as cd, ref as td, onBeforeUnmount as Rd, openBlock as LU, createBlock as Nd, unref as sd, withCtx as bd, createElementVNode as nd, createElementBlock as bZ, Fragment as ad, renderList as hd } from "vue";
-import { _ as md } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-B1hQo45t.js";
-import { bP as id } from "./main-B40Z2ZUX.js";
+import { _ as md } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-DbM6EH52.js";
+import { bP as id } from "./main-B_qMC--3.js";
 var ZU = {};
 ZU.d = (R, l) => {
   for (var U in l)

package/dist/{Pmtiles.client-DYui1P0X.js → Pmtiles.client-CPTbviF2.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b0, ref as w0, computed as Oc, useTemplateRef as T0, onMounted as S0, openBlock as gh, createElementBlock as tp, createBlock as P0, withCtx as Um, createTextVNode as Gm, toDisplayString as Bc, unref as ts, createElementVNode as ho, createVNode as I0, createCommentVNode as E0 } from "vue";
-import { b4 as M0, c2 as A0, bS as C0, bP as D0, bg as z0, bf as R0, _ as k0, aY as L0, l as F0, Q as O0, bJ as B0 } from "./main-B40Z2ZUX.js";
+import { b4 as M0, c2 as A0, bS as C0, bP as D0, bg as z0, bf as R0, _ as k0, aY as L0, l as F0, Q as O0, bJ as B0 } from "./main-B_qMC--3.js";
 var nn = Uint8Array, xl = Uint16Array, N0 = Int32Array, ag = new nn([
   0,
   0,

package/dist/{PreviewWrapper.vue_vue_type_script_setup_true_lang-B1hQo45t.js → PreviewWrapper.vue_vue_type_script_setup_true_lang-DbM6EH52.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as g, computed as h, onMounted as S, nextTick as w, openBlock as l, createElementBlock as k, renderSlot as C, toDisplayString as r, unref as a, createBlock as n, withCtx as o, createTextVNode as u, createCommentVNode as b } from "vue";
-import { c2 as B, bj as E, bh as L, _ as c } from "./main-B40Z2ZUX.js";
+import { c2 as B, bj as E, bh as L, _ as c } from "./main-B_qMC--3.js";
 const R = { class: "text-xs" }, q = {
   key: 1,
   class: "text-gray-medium"

package/dist/{XmlPreview.client-CNBElgL_.js → XmlPreview.client-Ct3QWNLh.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 { bP as x } from "./main-B40Z2ZUX.js";
-import { _ as w } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-B1hQo45t.js";
+import { bP as x } from "./main-B_qMC--3.js";
+import { _ as w } from "./PreviewWrapper.vue_vue_type_script_setup_true_lang-DbM6EH52.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-DPhRUkLi.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
+      () => import("./vue3-xml-viewer.common-BM77n2ky.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}`);

package/dist/components-next.js

@@ -1,4 +1,4 @@
-import { A as e, a as t, m as r, n as o, o as i, p as n, q as c, r as l, l as b, C as u, b as g, c as d, D as T, d as p, s as C, e as S, t as D, u as m, v as O, w as R, x as f, y as E, z as I, B as y, E as h, F as A, G as M, H as L, f as v, g as z, I as P, J as w, K as F, M as G, N, L as _, S as k, V as x, W as B, X as U, Y as H, Z as V, $ as Q, O as W, h as j, a0 as Y, a1 as X, a2 as q, a3 as J, a4 as K, a5 as Z, a6 as $, a7 as aa, P as sa, a8 as ea, a9 as ta, aa as ra, ab as oa, ac as ia, R as na, ad as ca, ae as la, af as ba, i as ua, ag as ga, ah as da, ai as Ta, aj as pa, ak as Ca, al as Sa, am as Da, an as ma, ao as Oa, ap as Ra, aq as fa, ar as Ea, as as Ia, at as ya, T as ha, au as Aa, j as Ma, av as La, aw as va, ax as za, ay as Pa, k as wa, az as Fa, aA as Ga, aB as Na, aC as _a, U as ka, aD as xa, aE as Ba, aF as Ua, aG as Ha, aI as Va, aJ as Qa, aK as Wa, aL as ja, aM as Ya, aN as Xa, aO as qa, aP as Ja, aQ as Ka, aR as Za, aS as $a, aT as as, aU as ss, aV as es, aW as ts, aX as rs, aZ as os, a_ as is, a$ as ns, b0 as cs, b1 as ls, b2 as bs, b3 as us, b5 as gs, b6 as ds, b7 as Ts, b8 as ps, b9 as Cs, ba as Ss, bb as Ds, bc as ms, bd as Os, be as Rs, bf as fs, bg as Es, bh as Is, bi as ys, bj as hs, bk as As, bl as Ms, bm as Ls, bn as vs, bo as zs, bp as Ps, bq as ws, br as Fs, bs as Gs, bt as Ns, bu as _s, bv as ks, bw as xs, bx as Bs, by as Us, bz as Hs, bA as Vs, bB as Qs, bC as Ws, bD as js, bE as Ys, bF as Xs, bF as qs, bG as Js, bH as Ks, bI as Zs, bJ as $s, bK as ae, bL as se, bM as ee, bN as te, bO as re, bP as oe, bQ as ie, bR as ne, bS as ce, bT as le, bU as be, bV as ue, bW as ge, bX as de, bY as Te, bZ as pe, b_ as Ce, b$ as Se, c0 as De, c1 as me, c2 as Oe } from "./main-B40Z2ZUX.js";
+import { A as e, a as t, m as r, n as o, o as i, p as n, q as c, r as l, l as b, C as u, b as g, c as d, D as T, d as p, s as C, e as S, t as D, u as m, v as O, w as R, x as f, y as E, z as I, B as y, E as h, F as A, G as M, H as L, f as v, g as z, I as P, J as w, K as F, M as G, N, L as _, S as k, V as x, W as B, X as U, Y as H, Z as V, $ as Q, O as W, h as j, a0 as Y, a1 as X, a2 as q, a3 as J, a4 as K, a5 as Z, a6 as $, a7 as aa, P as sa, a8 as ea, a9 as ta, aa as ra, ab as oa, ac as ia, R as na, ad as ca, ae as la, af as ba, i as ua, ag as ga, ah as da, ai as Ta, aj as pa, ak as Ca, al as Sa, am as Da, an as ma, ao as Oa, ap as Ra, aq as fa, ar as Ea, as as Ia, at as ya, T as ha, au as Aa, j as Ma, av as La, aw as va, ax as za, ay as Pa, k as wa, az as Fa, aA as Ga, aB as Na, aC as _a, U as ka, aD as xa, aE as Ba, aF as Ua, aG as Ha, aI as Va, aJ as Qa, aK as Wa, aL as ja, aM as Ya, aN as Xa, aO as qa, aP as Ja, aQ as Ka, aR as Za, aS as $a, aT as as, aU as ss, aV as es, aW as ts, aX as rs, aZ as os, a_ as is, a$ as ns, b0 as cs, b1 as ls, b2 as bs, b3 as us, b5 as gs, b6 as ds, b7 as Ts, b8 as ps, b9 as Cs, ba as Ss, bb as Ds, bc as ms, bd as Os, be as Rs, bf as fs, bg as Es, bh as Is, bi as ys, bj as hs, bk as As, bl as Ms, bm as Ls, bn as vs, bo as zs, bp as Ps, bq as ws, br as Fs, bs as Gs, bt as Ns, bu as _s, bv as ks, bw as xs, bx as Bs, by as Us, bz as Hs, bA as Vs, bB as Qs, bC as Ws, bD as js, bE as Ys, bF as Xs, bF as qs, bG as Js, bH as Ks, bI as Zs, bJ as $s, bK as ae, bL as se, bM as ee, bN as te, bO as re, bP as oe, bQ as ie, bR as ne, bS as ce, bT as le, bU as be, bV as ue, bW as ge, bX as de, bY as Te, bZ as pe, b_ as Ce, b$ as Se, c0 as De, c1 as me, c2 as Oe } from "./main-B_qMC--3.js";
 export {
   e as AI_SUGGESTION_MIN_DESCRIPTION_LENGTH,
   t as ASSOCIATION,

package/dist/{index-O6jmaKXj.js → index-BYX8slnw.js}

@@ -6,7 +6,7 @@ import { T as TileGrid, U as UrlTile, g as extentFromProjection, e as createXYZ,
 import { D as DEFAULT_MAX_ZOOM, c as assert, i as forEach, l as intersectsLineString, m as intersectsLineStringArray, s as linearRingssContainsXY, p as intersectsLinearRingMultiArray, d as compose, e as create, b as apply, x as setFromArray, u as multiply, w as scale, v as reset, z as translate } from "./common-C8efyyuc.js";
 import { R as RBush$1, a as Collection, b as CollectionEventType, m as asColorLike, p as defaultFillStyle, z as defaultStrokeStyle, r as defaultLineCap, s as defaultLineDash, t as defaultLineDashOffset, u as defaultLineJoin, v as defaultLineWidth, w as defaultMiterLimit, y as defaultStrokeOffset, x as defaultPadding, E as defaultTextBaseline, D as defaultTextAlign, q as defaultFont, Q as registerFont, H as getTextDimensions, G as drawImageOrLabel, J as measureAndCacheTextWidth, I as Icon, B as BaseVectorLayer, P as PointerInteraction, L as noModifierKeys, l as always, U as shiftKeyOnly, e as InteractionProperty, h as MapBrowserEventType, g as MapBrowserEvent, K as never, o as createEditingStyle, O as primaryAction, k as altKeyOnly, V as singleClick, d as Interaction, F as Fill, S as Stroke, T as Text, j as Style$1, C as CircleStyle, n as checkedFonts, M as Map$1, N as pointerMove, c as ImageStyle, A as Attribution, Z as Zoom, i as MapProperty } from "./Map-CtP7leHl.js";
 import { S as SimpleGeometry, C as maxSquaredDelta, h as assignClosestPoint, v as inflateCoordinates, o as douglasPeucker, k as deflateCoordinates, e as arrayMaxSquaredDelta, f as assignClosestArrayPoint, w as inflateCoordinatesArray, p as douglasPeuckerArray, l as deflateCoordinatesArray, P as Point$1, D as multiArrayMaxSquaredDelta, g as assignClosestMultiArrayPoint, A as linearRingss$1, F as orientLinearRingsArray, y as inflateMultiCoordinatesArray, s as getInteriorPointsOfMultiArray, B as linearRingssAreOriented, I as quantizeMultiArray, a as Polygon, m as deflateMultiCoordinatesArray, r as getInteriorPointOfArray, x as inflateEnds, M as transform2D, H as quantizeArray, j as deflateCoordinate, J as rotate, K as snap, N as transformGeom2D, c as ViewHint, G as Geometry, u as getStrideForLayout, z as linearRingsAreOriented, E as orientLinearRings, t as getLayoutForStride, i as circular, L as LinearRing, V as View, d as ViewProperty, q as fromExtent } from "./View-vp7vDb9q.js";
-import { aH as commonjsGlobal, b4 as getDefaultExportFromCjs$1 } from "./main-B40Z2ZUX.js";
+import { aH as commonjsGlobal, b4 as getDefaultExportFromCjs$1 } from "./main-B_qMC--3.js";
 import { a as RenderEventType, b as asArray, B as BaseLayer } from "./Event-py_AAwJY.js";
 import { Z as ZIndexContext, C as CanvasLayerRenderer, d as canvasPool$1, b as TileLayer, a as CanvasTileLayerRenderer, c as TileProperty } from "./Tile-D6rFonpT.js";
 function padNumber(i, e, t) {

package/dist/{leaflet-src-KM7yab2d.js → leaflet-src-DsG-COYE.js}

@@ -1,4 +1,4 @@
-import { b4 as qo } from "./main-B40Z2ZUX.js";
+import { b4 as qo } from "./main-B_qMC--3.js";
 function jo(Vt, qt) {
   for (var l = 0; l < qt.length; l++) {
     const it = qt[l];

package/dist/{main-B40Z2ZUX.js → main-B_qMC--3.js}

@@ -875,23 +875,26 @@ async function Ve(e, t) {
   const i = b2();
   if (i.customUseFetch)
     return await i.customUseFetch(e, t);
-  const r = t?.raw, n = X(null), l = X(null), a = X("idle"), c = async () => {
-    const u = Y1(e);
-    if (!u) return;
-    const h = so(t?.params), d = so(t?.query);
+  const r = t?.raw, n = X(null), l = X(null), a = X("idle"), c = async (u) => {
+    const h = Y1(e);
+    if (!h) return;
+    const d = so(t?.params), p = so(t?.query);
     a.value = "pending";
     try {
-      n.value = r ? await kt(u, { params: h ?? d }) : await i.$fetch(u, { baseURL: i.apiBase, params: h ?? d }), a.value = "success";
-    } catch (p) {
-      l.value = p, a.value = "error";
+      n.value = r ? await kt(h, { params: d ?? p, signal: u }) : await i.$fetch(h, { baseURL: i.apiBase, params: d ?? p, signal: u }), a.value = "success";
+    } catch (C) {
+      if (u?.aborted) return;
+      l.value = C, a.value = "error";
     }
   };
   return t?.server === !1 ? i2(() => {
-    p2(async () => {
-      await c();
+    p2((u) => {
+      const h = new AbortController();
+      u(() => h.abort()), c(h.signal);
     });
-  }) : p2(async () => {
-    await c();
+  }) : p2((u) => {
+    const h = new AbortController();
+    u(() => h.abort()), c(h.signal);
   }), {
     data: n,
     refresh: () => c(),
@@ -50877,7 +50880,7 @@ const IP = { class: "space-y-1 py-6" }, PP = { class: "flex items-center space-x
     const t = e, i = X(null);
     return i2(async () => {
       await Promise.resolve({            });
-      const r = await import("./leaflet-src-KM7yab2d.js").then((a) => a.l);
+      const r = await import("./leaflet-src-DsG-COYE.js").then((a) => a.l);
       if (!i.value) return;
       const n = r.map(i.value);
       r.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
@@ -58261,7 +58264,7 @@ const fG = {
     canEdit: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = ["url", "doi", "www:link", " www:link-1.0-http--link", "www:link-1.0-http--partners", "www:link-1.0-http--related", "www:link-1.0-http--samples"], i = e, r = b2(), n = Et(() => import("./MapContainer.client-BOILtnvJ.js")), l = Et(() => import("./Pmtiles.client-DYui1P0X.js")), a = Et(() => import("./JsonPreview.client-BJl0ckqf.js")), c = Et(() => import("./PdfPreview.client-D7YzJBjf.js")), u = Et(() => import("./XmlPreview.client-CNBElgL_.js")), h = Et(() => import("./Datafair.client-DMmJ6GZp.js")), { t: d } = z1(), { formatRelativeIfRecentDate: p } = ut(), C = bf(), g = A(() => {
+    const t = ["url", "doi", "www:link", " www:link-1.0-http--link", "www:link-1.0-http--partners", "www:link-1.0-http--related", "www:link-1.0-http--samples"], i = e, r = b2(), n = Et(() => import("./MapContainer.client-zZBtNnFc.js")), l = Et(() => import("./Pmtiles.client-CPTbviF2.js")), a = Et(() => import("./JsonPreview.client-CtIV5Hye.js")), c = Et(() => import("./PdfPreview.client-CXdg6Yhu.js")), u = Et(() => import("./XmlPreview.client-Ct3QWNLh.js")), h = Et(() => import("./Datafair.client-CjpYc4I-.js")), { t: d } = z1(), { formatRelativeIfRecentDate: p } = ut(), C = bf(), g = A(() => {
       const d1 = i.resource.format?.toLowerCase();
       return d1 === "json" || d1 === "pdf" || d1 === "xml";
     }), m = A(() => C(i.resource)), f = A(() => i.resource.extras["analysis:parsing:pmtiles_url"] || i.resource.format === "pmtiles"), x = A(() => E9(i.dataset.organization) && i.resource.extras.datafairEmbed), y = A(() => E9(i.dataset.organization) && i.resource.extras.apidocUrl), v = A(() => Al(i.resource.format) ? i.resource.format : d("Fichier")), V = A(() => Mf(i.resource)), N = A(() => V.value === "wms"), z = X(i.expandedOnMount), M = () => {
@@ -60087,17 +60090,17 @@ const $K = /* @__PURE__ */ o({
   async setup(e, { emit: t }) {
     let i, r;
     const n = Et(
-      () => import("./JsonPreview.client-BJl0ckqf.js")
+      () => import("./JsonPreview.client-CtIV5Hye.js")
     ), l = Et(
-      () => import("./PdfPreview.client-D7YzJBjf.js")
+      () => import("./PdfPreview.client-CXdg6Yhu.js")
     ), a = Et(
-      () => import("./XmlPreview.client-CNBElgL_.js")
+      () => import("./XmlPreview.client-Ct3QWNLh.js")
     ), c = Et(
-      () => import("./Datafair.client-DMmJ6GZp.js")
+      () => import("./Datafair.client-CjpYc4I-.js")
     ), u = Et(
-      () => import("./MapContainer.client-BOILtnvJ.js")
+      () => import("./MapContainer.client-zZBtNnFc.js")
     ), h = Et(
-      () => import("./Pmtiles.client-DYui1P0X.js")
+      () => import("./Pmtiles.client-CPTbviF2.js")
     ), d = e, p = t, { t: C } = z1(), g = b2(), { formatRelativeIfRecentDate: m } = ut(), {
       hasTabularData: f,
       hasPmtiles: x,

package/dist/{vue3-xml-viewer.common-DPhRUkLi.js → vue3-xml-viewer.common-BM77n2ky.js}

@@ -1,4 +1,4 @@
-import { b4 as Ke } from "./main-B40Z2ZUX.js";
+import { b4 as Ke } from "./main-B_qMC--3.js";
 import We from "vue";
 function Fe(I, K) {
   for (var V = 0; V < K.length; V++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datagouv/components-next",
-  "version": "1.0.2-dev.123",
+  "version": "1.0.2-dev.124",
   "private": false,
   "type": "module",
   "engines": {

package/src/functions/api.ts

@@ -26,7 +26,7 @@ export async function useFetch<DataT, ErrorT = never>(
   const error: Ref<ErrorT | null> = ref(null)
   const status = ref<AsyncDataRequestStatus>('idle')
 
-  const execute = async () => {
+  const execute = async (signal?: AbortSignal) => {
     const urlValue = toValue(url)
     if (!urlValue) return
     const params = deepToValue(options?.params)
@@ -36,13 +36,15 @@ export async function useFetch<DataT, ErrorT = never>(
       data.value = isRaw
         // Raw targets another data.gouv service (the Tabular API in TabularExplorer) via its own
         // absolute URL, so it must stay bare ofetch: no datagouv apiBase, no datagouv auth attached.
-        ? await ofetch<DataT | null>(urlValue, { params: params ?? query })
+        ? await ofetch<DataT | null>(urlValue, { params: params ?? query, signal })
         // The configured `$fetch` carries baseURL + auth + headers (see the `datagouv` plugin install
         // for the default one). We only forward the URL and params here.
-        : await config.$fetch<DataT | null>(urlValue, { baseURL: config.apiBase, params: params ?? query })
+        : await config.$fetch<DataT | null>(urlValue, { baseURL: config.apiBase, params: params ?? query, signal })
       status.value = 'success'
     }
     catch (e) {
+      // Ignore aborted requests — they're superseded by a newer call, not a real error.
+      if (signal?.aborted) return
       error.value = e as ErrorT
       status.value = 'error'
     }
@@ -51,14 +53,18 @@ export async function useFetch<DataT, ErrorT = never>(
   // When server is false, only start watching after mount (client-side only)
   if (options?.server === false) {
     onMounted(() => {
-      watchEffect(async () => {
-        await execute()
+      watchEffect((onCleanup) => {
+        const controller = new AbortController()
+        onCleanup(() => controller.abort())
+        void execute(controller.signal)
       })
     })
   }
   else {
-    watchEffect(async () => {
-      await execute()
+    watchEffect((onCleanup) => {
+      const controller = new AbortController()
+      onCleanup(() => controller.abort())
+      void execute(controller.signal)
     })
   }