@datagouv/components-next 0.2.0 → 1.0.0

package/dist/Image-BN-4XkIn.js

@@ -0,0 +1,247 @@
+import { aC as I, E as f, aq as R, aB as d, u as C } from "./proj-CKwYjU38.js";
+const r = typeof navigator < "u" && typeof navigator.userAgent < "u" ? navigator.userAgent.toLowerCase() : "", v = r.includes("safari") && !r.includes("chrom");
+v && (r.includes("version/15.4") || /cpu (os|iphone os) 15_4 like mac os x/.test(r));
+const D = r.includes("webkit") && !r.includes("edge"), _ = r.includes("macintosh"), m = typeof devicePixelRatio < "u" ? devicePixelRatio : 1, A = typeof WorkerGlobalScope < "u" && typeof OffscreenCanvas < "u" && self instanceof WorkerGlobalScope, u = typeof Image < "u" && Image.prototype.decode, p = typeof createImageBitmap == "function", w = (function() {
+  let e = !1;
+  try {
+    const t = Object.defineProperty({}, "passive", {
+      get: function() {
+        e = !0;
+      }
+    });
+    window.addEventListener("_", null, t), window.removeEventListener("_", null, t);
+  } catch {
+  }
+  return e;
+})(), O = {
+  IDLE: 0,
+  LOADING: 1,
+  LOADED: 2,
+  /**
+   * Indicates that tile loading failed
+   * @type {number}
+   */
+  ERROR: 3,
+  EMPTY: 4
+};
+function g(e, t, n, i) {
+  let s;
+  return n && n.length ? s = /** @type {HTMLCanvasElement} */
+  n.shift() : A ? s = new OffscreenCanvas(e || 300, t || 300) : s = document.createElement("canvas"), e && (s.width = e), t && (s.height = t), /** @type {CanvasRenderingContext2D} */
+  s.getContext("2d", i);
+}
+let l;
+function S() {
+  return l || (l = g(1, 1)), l;
+}
+function T(e) {
+  const t = e.canvas;
+  t.width = 1, t.height = 1, e.clearRect(0, 0, 1, 1);
+}
+function P(e) {
+  let t = e.offsetWidth;
+  const n = getComputedStyle(e);
+  return t += parseInt(n.marginLeft, 10) + parseInt(n.marginRight, 10), t;
+}
+function M(e) {
+  let t = e.offsetHeight;
+  const n = getComputedStyle(e);
+  return t += parseInt(n.marginTop, 10) + parseInt(n.marginBottom, 10), t;
+}
+function N(e, t) {
+  const n = t.parentNode;
+  n && n.replaceChild(e, t);
+}
+function B(e) {
+  for (; e.lastChild; )
+    e.lastChild.remove();
+}
+function G(e, t) {
+  const n = e.childNodes;
+  for (let i = 0; ; ++i) {
+    const s = n[i], o = t[i];
+    if (!s && !o)
+      break;
+    if (s !== o) {
+      if (!s) {
+        e.appendChild(o);
+        continue;
+      }
+      if (!o) {
+        e.removeChild(s), --i;
+        continue;
+      }
+      e.insertBefore(o, s);
+    }
+  }
+}
+function W(e) {
+  return e[0] > 0 && e[1] > 0;
+}
+function b(e, t, n) {
+  return n === void 0 && (n = [0, 0]), n[0] = e[0] * t + 0.5 | 0, n[1] = e[1] * t + 0.5 | 0, n;
+}
+function k(e, t) {
+  return Array.isArray(e) ? e : (t === void 0 ? t = [e, e] : (t[0] = e, t[1] = e), t);
+}
+const c = {
+  IDLE: 0,
+  LOADING: 1,
+  LOADED: 2,
+  ERROR: 3,
+  EMPTY: 4
+};
+class V extends I {
+  /**
+   * @param {import("./extent.js").Extent} extent Extent.
+   * @param {number|Array<number>|undefined} resolution Resolution. If provided as array, x and y
+   * resolution will be assumed.
+   * @param {number} pixelRatio Pixel ratio.
+   * @param {import("./ImageState.js").default|Loader} stateOrLoader State.
+   */
+  constructor(t, n, i, s) {
+    super(), this.extent = t, this.pixelRatio_ = i, this.resolution = n, this.state = typeof s == "function" ? c.IDLE : s, this.image_ = null, this.loader = typeof s == "function" ? s : null;
+  }
+  /**
+   * @protected
+   */
+  changed() {
+    this.dispatchEvent(f.CHANGE);
+  }
+  /**
+   * @return {import("./extent.js").Extent} Extent.
+   */
+  getExtent() {
+    return this.extent;
+  }
+  /**
+   * @return {import('./DataTile.js').ImageLike} Image.
+   */
+  getImage() {
+    return this.image_;
+  }
+  /**
+   * @return {number} PixelRatio.
+   */
+  getPixelRatio() {
+    return this.pixelRatio_;
+  }
+  /**
+   * @return {number|Array<number>} Resolution.
+   */
+  getResolution() {
+    return (
+      /** @type {number} */
+      this.resolution
+    );
+  }
+  /**
+   * @return {import("./ImageState.js").default} State.
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * Load not yet loaded URI.
+   */
+  load() {
+    if (this.state == c.IDLE && this.loader) {
+      this.state = c.LOADING, this.changed();
+      const t = this.getResolution(), n = Array.isArray(t) ? t[0] : t;
+      R(
+        () => this.loader(
+          this.getExtent(),
+          n,
+          this.getPixelRatio()
+        )
+      ).then((i) => {
+        "image" in i && (this.image_ = i.image), "extent" in i && (this.extent = i.extent), "resolution" in i && (this.resolution = i.resolution), "pixelRatio" in i && (this.pixelRatio_ = i.pixelRatio), (i instanceof HTMLImageElement || p && i instanceof ImageBitmap || i instanceof HTMLCanvasElement || i instanceof HTMLVideoElement) && (this.image_ = i), this.state = c.LOADED;
+      }).catch((i) => {
+        this.state = c.ERROR, console.error(i);
+      }).finally(() => this.changed());
+    }
+  }
+  /**
+   * @param {import('./DataTile.js').ImageLike} image The image.
+   */
+  setImage(t) {
+    this.image_ = t;
+  }
+  /**
+   * @param {number|Array<number>} resolution Resolution.
+   */
+  setResolution(t) {
+    this.resolution = t;
+  }
+}
+function F(e, t, n) {
+  const i = (
+    /** @type {HTMLImageElement} */
+    e
+  );
+  let s = !0, o = !1, a = !1;
+  const h = [
+    d(i, f.LOAD, function() {
+      a = !0, o || t();
+    })
+  ];
+  return i.src && u ? (o = !0, i.decode().then(function() {
+    s && t();
+  }).catch(function(E) {
+    s && (a ? t() : n());
+  })) : h.push(d(i, f.ERROR, n)), function() {
+    s = !1, h.forEach(C);
+  };
+}
+function y(e, t) {
+  return new Promise((n, i) => {
+    function s() {
+      a(), n(e);
+    }
+    function o() {
+      a(), i(new Error("Image load error"));
+    }
+    function a() {
+      e.removeEventListener("load", s), e.removeEventListener("error", o);
+    }
+    e.addEventListener("load", s), e.addEventListener("error", o);
+  });
+}
+function x(e, t) {
+  return t && (e.src = t), e.src && u ? new Promise(
+    (n, i) => e.decode().then(() => n(e)).catch(
+      (s) => e.complete && e.width ? n(e) : i(s)
+    )
+  ) : y(e);
+}
+function K(e, t) {
+  return t && (e.src = t), e.src && u && p ? e.decode().then(() => createImageBitmap(e)).catch((n) => {
+    if (e.complete && e.width)
+      return e;
+    throw n;
+  }) : x(e);
+}
+export {
+  m as D,
+  V as I,
+  _ as M,
+  w as P,
+  O as T,
+  D as W,
+  M as a,
+  T as b,
+  g as c,
+  c as d,
+  K as e,
+  N as f,
+  S as g,
+  x as h,
+  A as i,
+  G as j,
+  W as k,
+  F as l,
+  P as o,
+  B as r,
+  b as s,
+  k as t
+};

package/dist/{JsonPreview.client-BMsC5JcY.js → JsonPreview.client-DPDTs433.js}

@@ -1,9 +1,9 @@
-import { defineComponent as S, defineAsyncComponent as b, ref as o, computed as w, onMounted as N, createElementBlock as p, openBlock as s, createBlock as d, createCommentVNode as T, createVNode as u, unref as t, toDisplayString as i, withCtx as f, createElementVNode as h } from "vue";
-import { d as P, u as E, j as q, a as m, F as v } from "./main-Dgri3TQL.js";
+import { defineComponent as S, defineAsyncComponent as b, ref as o, computed as w, onMounted as N, createElementBlock as p, openBlock as s, createBlock as f, createCommentVNode as T, createVNode as u, unref as t, toDisplayString as i, withCtx as d, createElementVNode as h } from "vue";
+import { u as P, a as E, g as q, _ as m, F as v } from "./main-CNHxAJ8J.js";
 const B = { class: "fr-text--xs" }, O = { key: 0 }, V = {
   key: 1,
   class: "text-gray-medium"
-}, D = /* @__PURE__ */ S({
+}, L = /* @__PURE__ */ S({
   __name: "JsonPreview.client",
   props: {
     resource: {}
@@ -11,15 +11,15 @@ const B = { class: "fr-text--xs" }, O = { key: 0 }, V = {
   setup(k) {
     const z = b(
       () => import("./vue3-json-viewer-BXwup7nO.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
-    ), g = k, x = P(), { t: n } = E(), l = o(null), c = o(!1), r = o(null), y = o(!1), _ = w(() => q(g.resource)), J = w(() => {
-      const e = _.value;
+    ), g = k, x = P(), { t: n } = E(), l = o(null), c = o(!1), r = o(null), _ = o(!1), y = w(() => q(g.resource)), J = w(() => {
+      const e = y.value;
       if (!e || !x.maxJsonPreviewCharSize)
         return !1;
       const a = x.maxJsonPreviewCharSize;
       return e <= a;
     }), C = async () => {
       if (!J.value) {
-        y.value = !0;
+        _.value = !0;
         return;
       }
       c.value = !0, r.value = null;
@@ -48,32 +48,32 @@ const B = { class: "fr-text--xs" }, O = { key: 0 }, V = {
           "expand-depth": 2,
           "indent-width": 2
         }, null, 8, ["value"])
-      ])) : c.value ? (s(), p("div", V, i(t(n)("Chargement de l'aperçu JSON...")), 1)) : y.value ? (s(), d(m, {
+      ])) : c.value ? (s(), p("div", V, i(t(n)("Chargement de l'aperçu JSON...")), 1)) : _.value ? (s(), f(m, {
         key: 2,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
-        default: f(() => [
+        default: d(() => [
           u(t(v), { class: "shink-0 size-6" }),
-          h("span", null, i(_.value ? t(n)("Fichier JSON trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : t(n)("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
+          h("span", null, i(y.value ? t(n)("Fichier JSON trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : t(n)("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : r.value === "network" ? (s(), d(m, {
+      })) : r.value === "network" ? (s(), f(m, {
         key: 3,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
-        default: f(() => [
+        default: d(() => [
           u(t(v), { class: "shink-0 size-6" }),
           h("span", null, i(t(n)("Ce fichier JSON ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
         ]),
         _: 1
-      })) : r.value ? (s(), d(m, {
+      })) : r.value ? (s(), f(m, {
         key: 4,
         type: "warning",
         class: "flex items-center space-x-2"
       }, {
-        default: f(() => [
+        default: d(() => [
           u(t(v), { class: "shink-0 size-6" }),
           h("span", null, i(t(n)("Erreur lors du chargement de l'aperçu JSON.")), 1)
         ]),
@@ -83,5 +83,5 @@ const B = { class: "fr-text--xs" }, O = { key: 0 }, V = {
   }
 });
 export {
-  D as default
+  L as default
 };