@datagouv/components-next 0.2.0 → 1.0.0

package/dist/MapContainer.client-BdAzd7bj.js

@@ -0,0 +1,105 @@
+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-CNHxAJ8J.js";
+const j = /* @__PURE__ */ G({
+  __name: "MapContainer.client",
+  props: {
+    resource: {}
+  },
+  setup(f) {
+    const a = f, { t: d } = D();
+    let e = null;
+    const r = W("mapRef"), n = z(!1);
+    async function w() {
+      const [
+        { default: i },
+        { default: s },
+        { default: y },
+        { default: h },
+        { default: C },
+        _
+      ] = await Promise.all([
+        import("./View-DcDc7N2K.js").then((t) => t.M),
+        import("./Map-BdT3i2C4.js").then((t) => t.U),
+        import("./ScaleLine-BiesrgOv.js"),
+        import("./Tile-DCuqwNOI.js").then((t) => t.d),
+        import("./OSM-CamriM9b.js"),
+        // @ts-expect-error no types provided
+        import("./index-BRGqW8aQ.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,
+        layers: [
+          new h({
+            source: new C()
+          })
+        ],
+        view: new i({
+          center: [288074.8449901076, 6247982515792289e-9],
+          zoom: 8,
+          constrainResolution: !0
+        })
+      });
+      const R = new y({
+        units: "metric",
+        bar: !1
+      });
+      e.addControl(R);
+      const k = new M({
+        position: "top-right"
+      });
+      e.addControl(k);
+      const T = new b({
+        position: "bottom-left"
+      });
+      e.addControl(T);
+      const x = new L({
+        options: {
+          position: "top-right"
+        }
+      });
+      e.addControl(x);
+      const E = new S({
+        position: "bottom-right"
+      });
+      e.addControl(E);
+      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() {
+        if (!o._getCapResponseWMSLayers)
+          p--, p > 0 ? setTimeout(c, l) : n.value = !0;
+        else {
+          const t = o._getCapResponseWMSLayers.filter((I) => I.Name == a.resource.title)[0];
+          o._addGetCapWMSLayer(t);
+        }
+      }
+      setTimeout(c, l);
+    }
+    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: "shink-0 size-6" }),
+        q("span", null, A(m(d)("L'aperçu cartographique de ce fichier n'a pas pu être chargé.")), 1)
+      ]),
+      _: 1
+    })) : (u(), N("div", {
+      key: 1,
+      id: "map",
+      ref_key: "mapRef",
+      ref: r
+    }, null, 512));
+  }
+});
+export {
+  j as default
+};

package/dist/OSM-CamriM9b.js

@@ -0,0 +1,71 @@
+import { T as l, c as n, e as c } from "./TileImage-CmZf8EdU.js";
+class u extends l {
+  /**
+   * @param {Options} [options] XYZ options.
+   */
+  constructor(e) {
+    e = e || {};
+    const r = e.projection !== void 0 ? e.projection : "EPSG:3857", t = e.tileGrid !== void 0 ? e.tileGrid : n({
+      extent: c(r),
+      maxResolution: e.maxResolution,
+      maxZoom: e.maxZoom,
+      minZoom: e.minZoom,
+      tileSize: e.tileSize
+    });
+    super({
+      attributions: e.attributions,
+      cacheSize: e.cacheSize,
+      crossOrigin: e.crossOrigin,
+      interpolate: e.interpolate,
+      projection: r,
+      reprojectionErrorThreshold: e.reprojectionErrorThreshold,
+      tileGrid: t,
+      tileLoadFunction: e.tileLoadFunction,
+      tilePixelRatio: e.tilePixelRatio,
+      tileUrlFunction: e.tileUrlFunction,
+      url: e.url,
+      urls: e.urls,
+      wrapX: e.wrapX !== void 0 ? e.wrapX : !0,
+      transition: e.transition,
+      attributionsCollapsible: e.attributionsCollapsible,
+      zDirection: e.zDirection
+    }), this.gutter_ = e.gutter !== void 0 ? e.gutter : 0;
+  }
+  /**
+   * @return {number} Gutter.
+   * @override
+   */
+  getGutter() {
+    return this.gutter_;
+  }
+}
+const d = '&#169; <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors.';
+class m extends u {
+  /**
+   * @param {Options} [options] Open Street Map options.
+   */
+  constructor(e) {
+    e = e || {};
+    let r;
+    e.attributions !== void 0 ? r = e.attributions : r = [d];
+    const t = e.crossOrigin !== void 0 ? e.crossOrigin : "anonymous", a = e.url !== void 0 ? e.url : "https://tile.openstreetmap.org/{z}/{x}/{y}.png";
+    super({
+      attributions: r,
+      attributionsCollapsible: !1,
+      cacheSize: e.cacheSize,
+      crossOrigin: t,
+      interpolate: e.interpolate,
+      maxZoom: e.maxZoom !== void 0 ? e.maxZoom : 19,
+      reprojectionErrorThreshold: e.reprojectionErrorThreshold,
+      tileLoadFunction: e.tileLoadFunction,
+      transition: e.transition,
+      url: a,
+      wrapX: e.wrapX,
+      zDirection: e.zDirection
+    });
+  }
+}
+export {
+  d as ATTRIBUTION,
+  m as default
+};

package/dist/{PdfPreview.client-COOkEkRA.js → PdfPreview.client-CopqSDyt.js}

@@ -1,9 +1,9 @@
 import { defineComponent as B, defineAsyncComponent as q, ref as n, computed as w, onMounted as O, createElementBlock as p, openBlock as s, createBlock as d, createCommentVNode as L, createVNode as a, unref as o, toDisplayString as u, withCtx as f, createElementVNode as g } from "vue";
-import { d as S, u as $, j as N, a as h, F as m } from "./main-Dgri3TQL.js";
+import { u as S, a as $, g as N, _ as h, F as m } from "./main-CNHxAJ8J.js";
 const V = { class: "text-xs" }, A = { key: 0 }, H = {
   key: 1,
   class: "text-gray-medium"
-}, j = /* @__PURE__ */ B({
+}, M = /* @__PURE__ */ B({
   __name: "PdfPreview.client",
   props: {
     resource: {}
@@ -103,5 +103,5 @@ const V = { class: "text-xs" }, A = { key: 0 }, H = {
   }
 });
 export {
-  j as default
+  M as default
 };

package/dist/{Pmtiles.client-BaiIo4VZ.js → Pmtiles.client-mF6xaOO_.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ig, ref as rg, computed as Ol, useTemplateRef as ng, onMounted as ag, createElementBlock as Th, openBlock as nu, createBlock as sg, withCtx as wd, createVNode as Td, createElementVNode as ha, unref as La, toDisplayString as jl, createCommentVNode as og, createTextVNode as lg } from "vue";
-import { g as cg, u as ug, b as hg, d as pg, e as dg, f as fg, a as mg, F as gg, h as _g, i as yg, K as xg, t as vg } from "./main-Dgri3TQL.js";
+import { b as cg, a as ug, c as hg, u as pg, d as dg, e as fg, _ as mg, F as gg, f as _g, h as yg, K as xg, t as vg } from "./main-CNHxAJ8J.js";
 var tn = Uint8Array, So = Uint16Array, bg = Int32Array, Dd = new tn([
   0,
   0,
@@ -22680,7 +22680,7 @@ const T_ = 8, S_ = "Bright", P_ = { "mapbox:autocomposite": !1, "mapbox:groups":
 }, B_ = {
   key: 0,
   class: "bg-blue-100 text-datagouv fr-hidden fr-unhidden-md p-4"
-}, O_ = { class: "fr-grid-row fr-grid-row--middle fr-grid-row--gutters" }, j_ = ["innerHTML"], N_ = { class: "fr-col" }, U_ = { class: "fr-text--bold fr-m-0" }, V_ = { class: "fr-text--sm fr-m-0 f-italic" }, $_ = { class: "fr-col-auto fr-my-0" }, Z_ = {
+}, O_ = { class: "fr-grid-row fr-grid-row--middle fr-grid-row--gutters" }, j_ = ["innerHTML"], N_ = { class: "fr-col" }, U_ = { class: "fr-text--bold fr-m-0" }, V_ = { class: "fr-text--sm fr-m-0 italic" }, $_ = { class: "fr-col-auto fr-my-0" }, Z_ = {
   ref: "containerRef",
   style: { height: "600px" }
 }, G_ = { class: "fr-px-5v fr-pt-5v" }, ty = /* @__PURE__ */ ig({

package/dist/ScaleLine-BiesrgOv.js

@@ -0,0 +1,165 @@
+import { C as M, a as b } from "./Control-BNCDn-8E.js";
+import { g as E, M as T } from "./proj-CKwYjU38.js";
+const S = "units", W = [1, 2, 5], f = 25.4 / 0.28;
+class y extends M {
+  /**
+   * @param {Options} [options] Scale line options.
+   */
+  constructor(e) {
+    e = e || {};
+    const i = document.createElement("div");
+    i.style.pointerEvents = "none", super({
+      element: i,
+      render: e.render,
+      target: e.target
+    }), this.on, this.once, this.un;
+    const r = e.className !== void 0 ? e.className : e.bar ? "ol-scale-bar" : "ol-scale-line";
+    this.innerElement_ = document.createElement("div"), this.innerElement_.className = r + "-inner", this.element.className = r + " " + b, this.element.appendChild(this.innerElement_), this.viewState_ = null, this.minWidth_ = e.minWidth !== void 0 ? e.minWidth : 64, this.maxWidth_ = e.maxWidth, this.renderedVisible_ = !1, this.renderedWidth_ = void 0, this.renderedHTML_ = "", this.addChangeListener(S, this.handleUnitsChanged_), this.setUnits(e.units || "metric"), this.scaleBar_ = e.bar || !1, this.scaleBarSteps_ = e.steps || 4, this.scaleBarText_ = e.text || !1, this.dpi_ = e.dpi || void 0;
+  }
+  /**
+   * Return the units to use in the scale line.
+   * @return {Units} The units
+   * to use in the scale line.
+   * @observable
+   * @api
+   */
+  getUnits() {
+    return this.get(S);
+  }
+  /**
+   * @private
+   */
+  handleUnitsChanged_() {
+    this.updateElement_();
+  }
+  /**
+   * Set the units to use in the scale line.
+   * @param {Units} units The units to use in the scale line.
+   * @observable
+   * @api
+   */
+  setUnits(e) {
+    this.set(S, e);
+  }
+  /**
+   * Specify the dpi of output device such as printer.
+   * @param {number|undefined} dpi The dpi of output device.
+   * @api
+   */
+  setDpi(e) {
+    this.dpi_ = e;
+  }
+  /**
+   * @private
+   */
+  updateElement_() {
+    const e = this.viewState_;
+    if (!e) {
+      this.renderedVisible_ && (this.element.style.display = "none", this.renderedVisible_ = !1);
+      return;
+    }
+    const i = e.center, r = e.projection, l = this.getUnits(), m = l == "degrees" ? "degrees" : "m";
+    let s = E(
+      r,
+      e.resolution,
+      i,
+      m
+    );
+    const h = this.minWidth_ * (this.dpi_ || f) / f, d = this.maxWidth_ !== void 0 ? this.maxWidth_ * (this.dpi_ || f) / f : void 0;
+    let n = h * s, t = "";
+    if (l == "degrees") {
+      const _ = T.degrees;
+      n *= _, n < _ / 60 ? (t = "″", s *= 3600) : n < _ ? (t = "′", s *= 60) : t = "°";
+    } else if (l == "imperial")
+      n < 0.9144 ? (t = "in", s /= 0.0254) : n < 1609.344 ? (t = "ft", s /= 0.3048) : (t = "mi", s /= 1609.344);
+    else if (l == "nautical")
+      s /= 1852, t = "NM";
+    else if (l == "metric")
+      n < 1e-6 ? (t = "nm", s *= 1e9) : n < 1e-3 ? (t = "μm", s *= 1e6) : n < 1 ? (t = "mm", s *= 1e3) : n < 1e3 ? t = "m" : (t = "km", s /= 1e3);
+    else if (l == "us")
+      n < 0.9144 ? (t = "in", s *= 39.37) : n < 1609.344 ? (t = "ft", s /= 0.30480061) : (t = "mi", s /= 1609.3472);
+    else
+      throw new Error("Invalid units");
+    let u = 3 * Math.floor(Math.log(h * s) / Math.log(10)), c, a, o, g = 0, v, x;
+    for (; ; ) {
+      o = Math.floor(u / 3);
+      const _ = Math.pow(10, o);
+      if (c = W[(u % 3 + 3) % 3] * _, a = Math.round(c / s), isNaN(a)) {
+        this.element.style.display = "none", this.renderedVisible_ = !1;
+        return;
+      }
+      if (d !== void 0 && a >= d) {
+        c = g, a = v, o = x;
+        break;
+      } else if (a >= h)
+        break;
+      g = c, v = a, x = o, ++u;
+    }
+    const p = this.scaleBar_ ? this.createScaleBar(a, c, t) : c.toFixed(o < 0 ? -o : 0) + " " + t;
+    this.renderedHTML_ != p && (this.innerElement_.innerHTML = p, this.renderedHTML_ = p), this.renderedWidth_ != a && (this.innerElement_.style.width = a + "px", this.renderedWidth_ = a), this.renderedVisible_ || (this.element.style.display = "", this.renderedVisible_ = !0);
+  }
+  /**
+   * @private
+   * @param {number} width The current width of the scalebar.
+   * @param {number} scale The current scale.
+   * @param {string} suffix The suffix to append to the scale text.
+   * @return {string} The stringified HTML of the scalebar.
+   */
+  createScaleBar(e, i, r) {
+    const l = this.getScaleForResolution(), m = l < 1 ? Math.round(1 / l).toLocaleString() + " : 1" : "1 : " + Math.round(l).toLocaleString(), s = this.scaleBarSteps_, h = e / s, d = [this.createMarker("absolute")];
+    for (let t = 0; t < s; ++t) {
+      const u = t % 2 === 0 ? "ol-scale-singlebar-odd" : "ol-scale-singlebar-even";
+      d.push(
+        `<div><div class="ol-scale-singlebar ${u}" style="width: ${h}px;"></div>` + this.createMarker("relative") + // render text every second step, except when only 2 steps
+        (t % 2 === 0 || s === 2 ? this.createStepText(t, e, !1, i, r) : "") + "</div>"
+      );
+    }
+    return d.push(this.createStepText(s, e, !0, i, r)), (this.scaleBarText_ ? `<div class="ol-scale-text" style="width: ${e}px;">` + m + "</div>" : "") + d.join("");
+  }
+  /**
+   * Creates a marker at given position
+   * @param {'absolute'|'relative'} position The position, absolute or relative
+   * @return {string} The stringified div containing the marker
+   */
+  createMarker(e) {
+    return `<div class="ol-scale-step-marker" style="position: ${e}; top: ${e === "absolute" ? 3 : -10}px;"></div>`;
+  }
+  /**
+   * Creates the label for a marker marker at given position
+   * @param {number} i The iterator
+   * @param {number} width The width the scalebar will currently use
+   * @param {boolean} isLast Flag indicating if we add the last step text
+   * @param {number} scale The current scale for the whole scalebar
+   * @param {string} suffix The suffix for the scale
+   * @return {string} The stringified div containing the step text
+   */
+  createStepText(e, i, r, l, m) {
+    const h = (e === 0 ? 0 : Math.round(l / this.scaleBarSteps_ * e * 100) / 100) + (e === 0 ? "" : " " + m), d = e === 0 ? -3 : i / this.scaleBarSteps_ * -1, n = e === 0 ? 0 : i / this.scaleBarSteps_ * 2;
+    return `<div class="ol-scale-step-text" style="margin-left: ${d}px;text-align: ${e === 0 ? "left" : "center"};min-width: ${n}px;left: ${r ? i + "px" : "unset"};">` + h + "</div>";
+  }
+  /**
+   * Returns the appropriate scale for the given resolution and units.
+   * @return {number} The appropriate scale.
+   */
+  getScaleForResolution() {
+    const e = E(
+      this.viewState_.projection,
+      this.viewState_.resolution,
+      this.viewState_.center,
+      "m"
+    ), i = this.dpi_ || f, r = 1e3 / 25.4;
+    return e * r * i;
+  }
+  /**
+   * Update the scale line element.
+   * @param {import("../MapEvent.js").default} mapEvent Map event.
+   * @override
+   */
+  render(e) {
+    const i = e.frameState;
+    i ? this.viewState_ = i.viewState : this.viewState_ = null, this.updateElement_();
+  }
+}
+export {
+  y as default
+};

package/dist/Swagger.client-eJ7gpfZA.js

@@ -0,0 +1,4 @@
+import { i as f } from "./main-CNHxAJ8J.js";
+export {
+  f as default
+};