vue-maplibre-compare 1.0.2

package/dist/vue-maplibre-compare.es.js

@@ -0,0 +1,1078 @@
+import { ref as P, defineComponent as Se, watch as j, onMounted as Je, onBeforeUnmount as Xe, computed as Ye, createElementBlock as Qe, openBlock as se, normalizeStyle as et, createElementVNode as ne, createBlock as Me, createCommentVNode as tt, Teleport as rt, renderSlot as nt, resolveComponent as ot } from "vue";
+import le from "maplibre-gl";
+var T = Uint8Array, Z = Uint16Array, it = Int32Array, ze = new T([
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  1,
+  1,
+  2,
+  2,
+  2,
+  2,
+  3,
+  3,
+  3,
+  3,
+  4,
+  4,
+  4,
+  4,
+  5,
+  5,
+  5,
+  5,
+  0,
+  /* unused */
+  0,
+  0,
+  /* impossible */
+  0
+]), Te = new T([
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  2,
+  2,
+  3,
+  3,
+  4,
+  4,
+  5,
+  5,
+  6,
+  6,
+  7,
+  7,
+  8,
+  8,
+  9,
+  9,
+  10,
+  10,
+  11,
+  11,
+  12,
+  12,
+  13,
+  13,
+  /* unused */
+  0,
+  0
+]), at = new T([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]), Oe = function(e, r) {
+  for (var t = new Z(31), n = 0; n < 31; ++n)
+    t[n] = r += 1 << e[n - 1];
+  for (var o = new it(t[30]), n = 1; n < 30; ++n)
+    for (var i = t[n]; i < t[n + 1]; ++i)
+      o[i] = i - t[n] << 5 | n;
+  return { b: t, r: o };
+}, Ae = Oe(ze, 2), Ue = Ae.b, st = Ae.r;
+Ue[28] = 258, st[258] = 28;
+var lt = Oe(Te, 0), ct = lt.b, ce = new Z(32768);
+for (var y = 0; y < 32768; ++y) {
+  var B = (y & 43690) >> 1 | (y & 21845) << 1;
+  B = (B & 52428) >> 2 | (B & 13107) << 2, B = (B & 61680) >> 4 | (B & 3855) << 4, ce[y] = ((B & 65280) >> 8 | (B & 255) << 8) >> 1;
+}
+var _ = (function(e, r, t) {
+  for (var n = e.length, o = 0, i = new Z(r); o < n; ++o)
+    e[o] && ++i[e[o] - 1];
+  var a = new Z(r);
+  for (o = 1; o < r; ++o)
+    a[o] = a[o - 1] + i[o - 1] << 1;
+  var s;
+  if (t) {
+    s = new Z(1 << r);
+    var l = 15 - r;
+    for (o = 0; o < n; ++o)
+      if (e[o])
+        for (var c = o << 4 | e[o], h = r - e[o], u = a[e[o] - 1]++ << h, d = u | (1 << h) - 1; u <= d; ++u)
+          s[ce[u] >> l] = c;
+  } else
+    for (s = new Z(n), o = 0; o < n; ++o)
+      e[o] && (s[o] = ce[a[e[o] - 1]++] >> 15 - e[o]);
+  return s;
+}), K = new T(288);
+for (var y = 0; y < 144; ++y)
+  K[y] = 8;
+for (var y = 144; y < 256; ++y)
+  K[y] = 9;
+for (var y = 256; y < 280; ++y)
+  K[y] = 7;
+for (var y = 280; y < 288; ++y)
+  K[y] = 8;
+var ke = new T(32);
+for (var y = 0; y < 32; ++y)
+  ke[y] = 5;
+var ut = /* @__PURE__ */ _(K, 9, 1), ht = /* @__PURE__ */ _(ke, 5, 1), oe = function(e) {
+  for (var r = e[0], t = 1; t < e.length; ++t)
+    e[t] > r && (r = e[t]);
+  return r;
+}, A = function(e, r, t) {
+  var n = r / 8 | 0;
+  return (e[n] | e[n + 1] << 8) >> (r & 7) & t;
+}, ie = function(e, r) {
+  var t = r / 8 | 0;
+  return (e[t] | e[t + 1] << 8 | e[t + 2] << 16) >> (r & 7);
+}, dt = function(e) {
+  return (e + 7) / 8 | 0;
+}, ft = function(e, r, t) {
+  return (t == null || t > e.length) && (t = e.length), new T(e.subarray(r, t));
+}, mt = [
+  "unexpected EOF",
+  "invalid block type",
+  "invalid length/literal",
+  "invalid distance",
+  "stream finished",
+  "no stream handler",
+  ,
+  "no callback",
+  "invalid UTF-8 data",
+  "extra field too long",
+  "date not in range 1980-2099",
+  "filename too long",
+  "stream finishing",
+  "invalid zip data"
+  // determined by unknown compression method
+], z = function(e, r, t) {
+  var n = new Error(r || mt[e]);
+  if (n.code = e, Error.captureStackTrace && Error.captureStackTrace(n, z), !t)
+    throw n;
+  return n;
+}, he = function(e, r, t, n) {
+  var o = e.length, i = 0;
+  if (!o || r.f && !r.l)
+    return t || new T(0);
+  var a = !t, s = a || r.i != 2, l = r.i;
+  a && (t = new T(o * 3));
+  var c = function(be) {
+    var Ce = t.length;
+    if (be > Ce) {
+      var Le = new T(Math.max(Ce * 2, be));
+      Le.set(t), t = Le;
+    }
+  }, h = r.f || 0, u = r.p || 0, d = r.b || 0, v = r.l, g = r.d, f = r.m, S = r.n, b = o * 8;
+  do {
+    if (!v) {
+      h = A(e, u, 1);
+      var U = A(e, u + 1, 3);
+      if (u += 3, U)
+        if (U == 1)
+          v = ut, g = ht, f = 9, S = 5;
+        else if (U == 2) {
+          var V = A(e, u, 31) + 257, X = A(e, u + 10, 15) + 4, m = V + A(e, u + 5, 31) + 1;
+          u += 14;
+          for (var w = new T(m), E = new T(19), x = 0; x < X; ++x)
+            E[at[x]] = A(e, u + x * 3, 7);
+          u += X * 3;
+          for (var W = oe(E), Y = (1 << W) - 1, Q = _(E, W, 1), x = 0; x < m; ) {
+            var q = Q[A(e, u, Y)];
+            u += q & 15;
+            var M = q >> 4;
+            if (M < 16)
+              w[x++] = M;
+            else {
+              var R = 0, G = 0;
+              for (M == 16 ? (G = 3 + A(e, u, 3), u += 2, R = w[x - 1]) : M == 17 ? (G = 3 + A(e, u, 7), u += 3) : M == 18 && (G = 11 + A(e, u, 127), u += 7); G--; )
+                w[x++] = R;
+            }
+          }
+          var pe = w.subarray(0, V), $ = w.subarray(V);
+          f = oe(pe), S = oe($), v = _(pe, f, 1), g = _($, S, 1);
+        } else
+          z(1);
+      else {
+        var M = dt(u) + 4, D = e[M - 4] | e[M - 3] << 8, k = M + D;
+        if (k > o) {
+          l && z(0);
+          break;
+        }
+        s && c(d + D), t.set(e.subarray(M, k), d), r.b = d += D, r.p = u = k * 8, r.f = h;
+        continue;
+      }
+      if (u > b) {
+        l && z(0);
+        break;
+      }
+    }
+    s && c(d + 131072);
+    for (var We = (1 << f) - 1, qe = (1 << S) - 1, ee = u; ; ee = u) {
+      var R = v[ie(e, u) & We], H = R >> 4;
+      if (u += R & 15, u > b) {
+        l && z(0);
+        break;
+      }
+      if (R || z(2), H < 256)
+        t[d++] = H;
+      else if (H == 256) {
+        ee = u, v = null;
+        break;
+      } else {
+        var ge = H - 254;
+        if (H > 264) {
+          var x = H - 257, N = ze[x];
+          ge = A(e, u, (1 << N) - 1) + Ue[x], u += N;
+        }
+        var te = g[ie(e, u) & qe], re = te >> 4;
+        te || z(3), u += te & 15;
+        var $ = ct[re];
+        if (re > 3) {
+          var N = Te[re];
+          $ += ie(e, u) & (1 << N) - 1, u += N;
+        }
+        if (u > b) {
+          l && z(0);
+          break;
+        }
+        s && c(d + 131072);
+        var ye = d + ge;
+        if (d < $) {
+          var we = i - $, Ge = Math.min($, ye);
+          for (we + d < 0 && z(3); d < Ge; ++d)
+            t[d] = n[we + d];
+        }
+        for (; d < ye; ++d)
+          t[d] = t[d - $];
+      }
+    }
+    r.l = v, r.p = ee, r.b = d, r.f = h, v && (h = 1, r.m = f, r.d = g, r.n = S);
+  } while (!h);
+  return d != t.length && a ? ft(t, 0, d) : t.subarray(0, d);
+}, vt = /* @__PURE__ */ new T(0), pt = function(e) {
+  (e[0] != 31 || e[1] != 139 || e[2] != 8) && z(6, "invalid gzip data");
+  var r = e[3], t = 10;
+  r & 4 && (t += (e[10] | e[11] << 8) + 2);
+  for (var n = (r >> 3 & 1) + (r >> 4 & 1); n > 0; n -= !e[t++])
+    ;
+  return t + (r & 2);
+}, gt = function(e) {
+  var r = e.length;
+  return (e[r - 4] | e[r - 3] << 8 | e[r - 2] << 16 | e[r - 1] << 24) >>> 0;
+}, yt = function(e, r) {
+  return ((e[0] & 15) != 8 || e[0] >> 4 > 7 || (e[0] << 8 | e[1]) % 31) && z(6, "invalid zlib data"), (e[1] >> 5 & 1) == 1 && z(6, "invalid zlib data: " + (e[1] & 32 ? "need" : "unexpected") + " dictionary"), (e[1] >> 3 & 4) + 2;
+};
+function wt(e, r) {
+  return he(e, { i: 2 }, r, r);
+}
+function bt(e, r) {
+  var t = pt(e);
+  return t + 8 > e.length && z(6, "invalid gzip data"), he(e.subarray(t, -8), { i: 2 }, new T(gt(e)), r);
+}
+function Ct(e, r) {
+  return he(e.subarray(yt(e), -4), { i: 2 }, r, r);
+}
+function Lt(e, r) {
+  return e[0] == 31 && e[1] == 139 && e[2] == 8 ? bt(e, r) : (e[0] & 15) != 8 || e[0] >> 4 > 7 || (e[0] << 8 | e[1]) % 31 ? wt(e, r) : Ct(e, r);
+}
+var Et = typeof TextDecoder < "u" && /* @__PURE__ */ new TextDecoder(), xt = 0;
+try {
+  Et.decode(vt, { stream: !0 }), xt = 1;
+} catch {
+}
+var St = Object.defineProperty, F = Math.pow, p = (e, r) => St(e, "name", { value: r, configurable: !0 }), C = (e, r, t) => new Promise((n, o) => {
+  var i = (l) => {
+    try {
+      s(t.next(l));
+    } catch (c) {
+      o(c);
+    }
+  }, a = (l) => {
+    try {
+      s(t.throw(l));
+    } catch (c) {
+      o(c);
+    }
+  }, s = (l) => l.done ? n(l.value) : Promise.resolve(l.value).then(i, a);
+  s((t = t.apply(e, r)).next());
+});
+p((e, r) => {
+  let t = !1, n = "", o = L.GridLayer.extend({ createTile: p((i, a) => {
+    let s = document.createElement("img"), l = new AbortController(), c = l.signal;
+    return s.cancel = () => {
+      l.abort();
+    }, t || (e.getHeader().then((h) => {
+      h.tileType === 1 ? console.error("Error: archive contains MVT vector tiles, but leafletRasterLayer is for displaying raster tiles. See https://github.com/protomaps/PMTiles/tree/main/js for details.") : h.tileType === 2 ? n = "image/png" : h.tileType === 3 ? n = "image/jpeg" : h.tileType === 4 ? n = "image/webp" : h.tileType === 5 && (n = "image/avif");
+    }), t = !0), e.getZxy(i.z, i.x, i.y, c).then((h) => {
+      if (h) {
+        let u = new Blob([h.data], { type: n }), d = window.URL.createObjectURL(u);
+        s.src = d, s.cancel = void 0, a(void 0, s);
+      }
+    }).catch((h) => {
+      if (h.name !== "AbortError") throw h;
+    }), s;
+  }, "createTile"), _removeTile: p(function(i) {
+    let a = this._tiles[i];
+    a && (a.el.cancel && a.el.cancel(), a.el.width = 0, a.el.height = 0, a.el.deleted = !0, L.DomUtil.remove(a.el), delete this._tiles[i], this.fire("tileunload", { tile: a.el, coords: this._keyToTileCoords(i) }));
+  }, "_removeTile") });
+  return new o(r);
+}, "leafletRasterLayer");
+var Mt = p((e) => (r, t) => {
+  if (t instanceof AbortController) return e(r, t);
+  let n = new AbortController();
+  return e(r, n).then((o) => t(void 0, o.data, o.cacheControl || "", o.expires || ""), (o) => t(o)).catch((o) => t(o)), { cancel: p(() => n.abort(), "cancel") };
+}, "v3compat"), $e = class {
+  constructor(r) {
+    this.tilev4 = p((t, n) => C(this, null, function* () {
+      if (t.type === "json") {
+        let v = t.url.substr(10), g = this.tiles.get(v);
+        if (g || (g = new Ee(v), this.tiles.set(v, g)), this.metadata) return { data: yield g.getTileJson(t.url) };
+        let f = yield g.getHeader();
+        return (f.minLon >= f.maxLon || f.minLat >= f.maxLat) && console.error(`Bounds of PMTiles archive ${f.minLon},${f.minLat},${f.maxLon},${f.maxLat} are not valid.`), { data: { tiles: [`${t.url}/{z}/{x}/{y}`], minzoom: f.minZoom, maxzoom: f.maxZoom, bounds: [f.minLon, f.minLat, f.maxLon, f.maxLat] } };
+      }
+      let o = new RegExp(/pmtiles:\/\/(.+)\/(\d+)\/(\d+)\/(\d+)/), i = t.url.match(o);
+      if (!i) throw new Error("Invalid PMTiles protocol URL");
+      let a = i[1], s = this.tiles.get(a);
+      s || (s = new Ee(a), this.tiles.set(a, s));
+      let l = i[2], c = i[3], h = i[4], u = yield s.getHeader(), d = yield s?.getZxy(+l, +c, +h, n.signal);
+      if (d) return { data: new Uint8Array(d.data), cacheControl: d.cacheControl, expires: d.expires };
+      if (u.tileType === 1) {
+        if (this.errorOnMissingTile) throw new Error("Tile not found.");
+        return { data: new Uint8Array() };
+      }
+      return { data: null };
+    }), "tilev4"), this.tile = Mt(this.tilev4), this.tiles = /* @__PURE__ */ new Map(), this.metadata = r?.metadata || !1, this.errorOnMissingTile = r?.errorOnMissingTile || !1;
+  }
+  add(r) {
+    this.tiles.set(r.source.getKey(), r);
+  }
+  get(r) {
+    return this.tiles.get(r);
+  }
+};
+p($e, "Protocol");
+var zt = $e;
+function Be(e, r) {
+  return (r >>> 0) * 4294967296 + (e >>> 0);
+}
+p(Be, "toNum");
+function Pe(e, r) {
+  let t = r.buf, n = t[r.pos++], o = (n & 112) >> 4;
+  if (n < 128 || (n = t[r.pos++], o |= (n & 127) << 3, n < 128) || (n = t[r.pos++], o |= (n & 127) << 10, n < 128) || (n = t[r.pos++], o |= (n & 127) << 17, n < 128) || (n = t[r.pos++], o |= (n & 127) << 24, n < 128) || (n = t[r.pos++], o |= (n & 1) << 31, n < 128)) return Be(e, o);
+  throw new Error("Expected varint not more than 10 bytes");
+}
+p(Pe, "readVarintRemainder");
+function I(e) {
+  let r = e.buf, t = r[e.pos++], n = t & 127;
+  return t < 128 || (t = r[e.pos++], n |= (t & 127) << 7, t < 128) || (t = r[e.pos++], n |= (t & 127) << 14, t < 128) || (t = r[e.pos++], n |= (t & 127) << 21, t < 128) ? n : (t = r[e.pos], n |= (t & 15) << 28, Pe(n, e));
+}
+p(I, "readVarint");
+function de(e, r, t, n) {
+  if (n === 0) {
+    t === 1 && (r[0] = e - 1 - r[0], r[1] = e - 1 - r[1]);
+    let o = r[0];
+    r[0] = r[1], r[1] = o;
+  }
+}
+p(de, "rotate");
+function De(e, r) {
+  let t = F(2, e), n = r, o = r, i = r, a = [0, 0], s = 1;
+  for (; s < t; ) n = 1 & i / 2, o = 1 & (i ^ n), de(s, a, n, o), a[0] += s * n, a[1] += s * o, i = i / 4, s *= 2;
+  return [e, a[0], a[1]];
+}
+p(De, "idOnLevel");
+var Tt = [0, 1, 5, 21, 85, 341, 1365, 5461, 21845, 87381, 349525, 1398101, 5592405, 22369621, 89478485, 357913941, 1431655765, 5726623061, 22906492245, 91625968981, 366503875925, 1466015503701, 5864062014805, 23456248059221, 93824992236885, 375299968947541, 1501199875790165];
+function Re(e, r, t) {
+  if (e > 26) throw new Error("Tile zoom level exceeds max safe number limit (26)");
+  if (r > F(2, e) - 1 || t > F(2, e) - 1) throw new Error("tile x/y outside zoom level bounds");
+  let n = Tt[e], o = F(2, e), i = 0, a = 0, s = 0, l = [r, t], c = o / 2;
+  for (; c > 0; ) i = (l[0] & c) > 0 ? 1 : 0, a = (l[1] & c) > 0 ? 1 : 0, s += c * c * (3 * i ^ a), de(c, l, i, a), c = c / 2;
+  return n + s;
+}
+p(Re, "zxyToTileId");
+function Ot(e) {
+  let r = 0;
+  for (let t = 0; t < 27; t++) {
+    let n = (1 << t) * (1 << t);
+    if (r + n > e) return De(t, e - r);
+    r += n;
+  }
+  throw new Error("Tile zoom level exceeds max safe number limit (26)");
+}
+p(Ot, "tileIdToZxy");
+var At = ((e) => (e[e.Unknown = 0] = "Unknown", e[e.None = 1] = "None", e[e.Gzip = 2] = "Gzip", e[e.Brotli = 3] = "Brotli", e[e.Zstd = 4] = "Zstd", e))(At || {});
+function J(e, r) {
+  return C(this, null, function* () {
+    if (r === 1 || r === 0) return e;
+    if (r === 2) {
+      if (typeof globalThis.DecompressionStream > "u") return Lt(new Uint8Array(e));
+      let t = new Response(e).body;
+      if (!t) throw new Error("Failed to read response stream");
+      let n = t.pipeThrough(new globalThis.DecompressionStream("gzip"));
+      return new Response(n).arrayBuffer();
+    }
+    throw new Error("Compression method not supported");
+  });
+}
+p(J, "defaultDecompress");
+var Ut = ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Mvt = 1] = "Mvt", e[e.Png = 2] = "Png", e[e.Jpeg = 3] = "Jpeg", e[e.Webp = 4] = "Webp", e[e.Avif = 5] = "Avif", e))(Ut || {});
+function He(e) {
+  return e === 1 ? ".mvt" : e === 2 ? ".png" : e === 3 ? ".jpg" : e === 4 ? ".webp" : e === 5 ? ".avif" : "";
+}
+p(He, "tileTypeExt");
+var kt = 127;
+function Ie(e, r) {
+  let t = 0, n = e.length - 1;
+  for (; t <= n; ) {
+    let o = n + t >> 1, i = r - e[o].tileId;
+    if (i > 0) t = o + 1;
+    else if (i < 0) n = o - 1;
+    else return e[o];
+  }
+  return n >= 0 && (e[n].runLength === 0 || r - e[n].tileId < e[n].runLength) ? e[n] : null;
+}
+p(Ie, "findTile");
+var $t = class {
+  constructor(r) {
+    this.file = r;
+  }
+  getKey() {
+    return this.file.name;
+  }
+  getBytes(r, t) {
+    return C(this, null, function* () {
+      return { data: yield this.file.slice(r, r + t).arrayBuffer() };
+    });
+  }
+};
+p($t, "FileSource");
+var Ze = class {
+  constructor(r, t = new Headers()) {
+    this.url = r, this.customHeaders = t, this.mustReload = !1;
+    let n = "";
+    "navigator" in globalThis && (n = globalThis.navigator.userAgent || "");
+    let o = n.indexOf("Windows") > -1, i = /Chrome|Chromium|Edg|OPR|Brave/.test(n);
+    this.chromeWindowsNoCache = !1, o && i && (this.chromeWindowsNoCache = !0);
+  }
+  getKey() {
+    return this.url;
+  }
+  setHeaders(r) {
+    this.customHeaders = r;
+  }
+  getBytes(r, t, n, o) {
+    return C(this, null, function* () {
+      let i, a;
+      n ? a = n : (i = new AbortController(), a = i.signal);
+      let s = new Headers(this.customHeaders);
+      s.set("range", `bytes=${r}-${r + t - 1}`);
+      let l;
+      this.mustReload ? l = "reload" : this.chromeWindowsNoCache && (l = "no-store");
+      let c = yield fetch(this.url, { signal: a, cache: l, headers: s });
+      if (r === 0 && c.status === 416) {
+        let d = c.headers.get("Content-Range");
+        if (!d || !d.startsWith("bytes */")) throw new Error("Missing content-length on 416 response");
+        let v = +d.substr(8);
+        c = yield fetch(this.url, { signal: a, cache: "reload", headers: { range: `bytes=0-${v - 1}` } });
+      }
+      let h = c.headers.get("Etag");
+      if (h != null && h.startsWith("W/") && (h = null), c.status === 416 || o && h && h !== o) throw this.mustReload = !0, new ue(`Server returned non-matching ETag ${o} after one retry. Check browser extensions and servers for issues that may affect correct ETag headers.`);
+      if (c.status >= 300) throw new Error(`Bad response code: ${c.status}`);
+      let u = c.headers.get("Content-Length");
+      if (c.status === 200 && (!u || +u > t)) throw i && i.abort(), new Error("Server returned no content-length header or content-length exceeding request. Check that your storage backend supports HTTP Byte Serving.");
+      return { data: yield c.arrayBuffer(), etag: h || void 0, cacheControl: c.headers.get("Cache-Control") || void 0, expires: c.headers.get("Expires") || void 0 };
+    });
+  }
+};
+p(Ze, "FetchSource");
+var Bt = Ze;
+function O(e, r) {
+  let t = e.getUint32(r + 4, !0), n = e.getUint32(r + 0, !0);
+  return t * F(2, 32) + n;
+}
+p(O, "getUint64");
+function Ne(e, r) {
+  let t = new DataView(e), n = t.getUint8(7);
+  if (n > 3) throw new Error(`Archive is spec version ${n} but this library supports up to spec version 3`);
+  return { specVersion: n, rootDirectoryOffset: O(t, 8), rootDirectoryLength: O(t, 16), jsonMetadataOffset: O(t, 24), jsonMetadataLength: O(t, 32), leafDirectoryOffset: O(t, 40), leafDirectoryLength: O(t, 48), tileDataOffset: O(t, 56), tileDataLength: O(t, 64), numAddressedTiles: O(t, 72), numTileEntries: O(t, 80), numTileContents: O(t, 88), clustered: t.getUint8(96) === 1, internalCompression: t.getUint8(97), tileCompression: t.getUint8(98), tileType: t.getUint8(99), minZoom: t.getUint8(100), maxZoom: t.getUint8(101), minLon: t.getInt32(102, !0) / 1e7, minLat: t.getInt32(106, !0) / 1e7, maxLon: t.getInt32(110, !0) / 1e7, maxLat: t.getInt32(114, !0) / 1e7, centerZoom: t.getUint8(118), centerLon: t.getInt32(119, !0) / 1e7, centerLat: t.getInt32(123, !0) / 1e7, etag: r };
+}
+p(Ne, "bytesToHeader");
+function fe(e) {
+  let r = { buf: new Uint8Array(e), pos: 0 }, t = I(r), n = [], o = 0;
+  for (let i = 0; i < t; i++) {
+    let a = I(r);
+    n.push({ tileId: o + a, offset: 0, length: 0, runLength: 1 }), o += a;
+  }
+  for (let i = 0; i < t; i++) n[i].runLength = I(r);
+  for (let i = 0; i < t; i++) n[i].length = I(r);
+  for (let i = 0; i < t; i++) {
+    let a = I(r);
+    a === 0 && i > 0 ? n[i].offset = n[i - 1].offset + n[i - 1].length : n[i].offset = a - 1;
+  }
+  return n;
+}
+p(fe, "deserializeIndex");
+var je = class extends Error {
+};
+p(je, "EtagMismatch");
+var ue = je;
+function me(e, r) {
+  return C(this, null, function* () {
+    let t = yield e.getBytes(0, 16384);
+    if (new DataView(t.data).getUint16(0, !0) !== 19792) throw new Error("Wrong magic number for PMTiles archive");
+    let n = t.data.slice(0, kt), o = Ne(n, t.etag), i = t.data.slice(o.rootDirectoryOffset, o.rootDirectoryOffset + o.rootDirectoryLength), a = `${e.getKey()}|${o.etag || ""}|${o.rootDirectoryOffset}|${o.rootDirectoryLength}`, s = fe(yield r(i, o.internalCompression));
+    return [o, [a, s.length, s]];
+  });
+}
+p(me, "getHeaderAndRoot");
+function ve(e, r, t, n, o) {
+  return C(this, null, function* () {
+    let i = yield e.getBytes(t, n, void 0, o.etag), a = yield r(i.data, o.internalCompression), s = fe(a);
+    if (s.length === 0) throw new Error("Empty directory is invalid");
+    return s;
+  });
+}
+p(ve, "getDirectory");
+var Pt = class {
+  constructor(r = 100, t = !0, n = J) {
+    this.cache = /* @__PURE__ */ new Map(), this.maxCacheEntries = r, this.counter = 1, this.decompress = n;
+  }
+  getHeader(r) {
+    return C(this, null, function* () {
+      let t = r.getKey(), n = this.cache.get(t);
+      if (n) return n.lastUsed = this.counter++, n.data;
+      let o = yield me(r, this.decompress);
+      return o[1] && this.cache.set(o[1][0], { lastUsed: this.counter++, data: o[1][2] }), this.cache.set(t, { lastUsed: this.counter++, data: o[0] }), this.prune(), o[0];
+    });
+  }
+  getDirectory(r, t, n, o) {
+    return C(this, null, function* () {
+      let i = `${r.getKey()}|${o.etag || ""}|${t}|${n}`, a = this.cache.get(i);
+      if (a) return a.lastUsed = this.counter++, a.data;
+      let s = yield ve(r, this.decompress, t, n, o);
+      return this.cache.set(i, { lastUsed: this.counter++, data: s }), this.prune(), s;
+    });
+  }
+  prune() {
+    if (this.cache.size > this.maxCacheEntries) {
+      let r = 1 / 0, t;
+      this.cache.forEach((n, o) => {
+        n.lastUsed < r && (r = n.lastUsed, t = o);
+      }), t && this.cache.delete(t);
+    }
+  }
+  invalidate(r) {
+    return C(this, null, function* () {
+      this.cache.delete(r.getKey());
+    });
+  }
+};
+p(Pt, "ResolvedValueCache");
+var _e = class {
+  constructor(r = 100, t = !0, n = J) {
+    this.cache = /* @__PURE__ */ new Map(), this.invalidations = /* @__PURE__ */ new Map(), this.maxCacheEntries = r, this.counter = 1, this.decompress = n;
+  }
+  getHeader(r) {
+    return C(this, null, function* () {
+      let t = r.getKey(), n = this.cache.get(t);
+      if (n) return n.lastUsed = this.counter++, yield n.data;
+      let o = new Promise((i, a) => {
+        me(r, this.decompress).then((s) => {
+          s[1] && this.cache.set(s[1][0], { lastUsed: this.counter++, data: Promise.resolve(s[1][2]) }), i(s[0]), this.prune();
+        }).catch((s) => {
+          a(s);
+        });
+      });
+      return this.cache.set(t, { lastUsed: this.counter++, data: o }), o;
+    });
+  }
+  getDirectory(r, t, n, o) {
+    return C(this, null, function* () {
+      let i = `${r.getKey()}|${o.etag || ""}|${t}|${n}`, a = this.cache.get(i);
+      if (a) return a.lastUsed = this.counter++, yield a.data;
+      let s = new Promise((l, c) => {
+        ve(r, this.decompress, t, n, o).then((h) => {
+          l(h), this.prune();
+        }).catch((h) => {
+          c(h);
+        });
+      });
+      return this.cache.set(i, { lastUsed: this.counter++, data: s }), s;
+    });
+  }
+  prune() {
+    if (this.cache.size >= this.maxCacheEntries) {
+      let r = 1 / 0, t;
+      this.cache.forEach((n, o) => {
+        n.lastUsed < r && (r = n.lastUsed, t = o);
+      }), t && this.cache.delete(t);
+    }
+  }
+  invalidate(r) {
+    return C(this, null, function* () {
+      let t = r.getKey();
+      if (this.invalidations.get(t)) return yield this.invalidations.get(t);
+      this.cache.delete(r.getKey());
+      let n = new Promise((o, i) => {
+        this.getHeader(r).then((a) => {
+          o(), this.invalidations.delete(t);
+        }).catch((a) => {
+          i(a);
+        });
+      });
+      this.invalidations.set(t, n);
+    });
+  }
+};
+p(_e, "SharedPromiseCache");
+var Dt = _e, Fe = class {
+  constructor(r, t, n) {
+    typeof r == "string" ? this.source = new Bt(r) : this.source = r, n ? this.decompress = n : this.decompress = J, t ? this.cache = t : this.cache = new Dt();
+  }
+  getHeader() {
+    return C(this, null, function* () {
+      return yield this.cache.getHeader(this.source);
+    });
+  }
+  getZxyAttempt(r, t, n, o) {
+    return C(this, null, function* () {
+      let i = Re(r, t, n), a = yield this.cache.getHeader(this.source);
+      if (r < a.minZoom || r > a.maxZoom) return;
+      let s = a.rootDirectoryOffset, l = a.rootDirectoryLength;
+      for (let c = 0; c <= 3; c++) {
+        let h = yield this.cache.getDirectory(this.source, s, l, a), u = Ie(h, i);
+        if (u) {
+          if (u.runLength > 0) {
+            let d = yield this.source.getBytes(a.tileDataOffset + u.offset, u.length, o, a.etag);
+            return { data: yield this.decompress(d.data, a.tileCompression), cacheControl: d.cacheControl, expires: d.expires };
+          }
+          s = a.leafDirectoryOffset + u.offset, l = u.length;
+        } else return;
+      }
+      throw new Error("Maximum directory depth exceeded");
+    });
+  }
+  getZxy(r, t, n, o) {
+    return C(this, null, function* () {
+      try {
+        return yield this.getZxyAttempt(r, t, n, o);
+      } catch (i) {
+        if (i instanceof ue) return this.cache.invalidate(this.source), yield this.getZxyAttempt(r, t, n, o);
+        throw i;
+      }
+    });
+  }
+  getMetadataAttempt() {
+    return C(this, null, function* () {
+      let r = yield this.cache.getHeader(this.source), t = yield this.source.getBytes(r.jsonMetadataOffset, r.jsonMetadataLength, void 0, r.etag), n = yield this.decompress(t.data, r.internalCompression), o = new TextDecoder("utf-8");
+      return JSON.parse(o.decode(n));
+    });
+  }
+  getMetadata() {
+    return C(this, null, function* () {
+      try {
+        return yield this.getMetadataAttempt();
+      } catch (r) {
+        if (r instanceof ue) return this.cache.invalidate(this.source), yield this.getMetadataAttempt();
+        throw r;
+      }
+    });
+  }
+  getTileJson(r) {
+    return C(this, null, function* () {
+      let t = yield this.getHeader(), n = yield this.getMetadata(), o = He(t.tileType);
+      return { tilejson: "3.0.0", scheme: "xyz", tiles: [`${r}/{z}/{x}/{y}${o}`], vector_layers: n.vector_layers, attribution: n.attribution, description: n.description, name: n.name, version: n.version, bounds: [t.minLon, t.minLat, t.maxLon, t.maxLat], center: [t.centerLon, t.centerLat, t.centerZoom], minzoom: t.minZoom, maxzoom: t.maxZoom };
+    });
+  }
+};
+p(Fe, "PMTiles");
+var Ee = Fe;
+function Rt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ae, xe;
+function Ht() {
+  if (xe) return ae;
+  xe = 1;
+  function e(t, n) {
+    var o = t.getCenter(), i = t.getZoom(), a = t.getBearing(), s = t.getPitch();
+    n.forEach(function(l) {
+      l.jumpTo({
+        center: o,
+        zoom: i,
+        bearing: a,
+        pitch: s
+      });
+    });
+  }
+  function r() {
+    var t, n = arguments.length;
+    if (n === 1)
+      t = arguments[0];
+    else {
+      t = [];
+      for (var o = 0; o < n; o++)
+        t.push(arguments[o]);
+    }
+    var i = [];
+    t.forEach(function(c, h) {
+      i[h] = l.bind(null, c, t.filter(function(u, d) {
+        return d !== h;
+      }));
+    });
+    function a() {
+      t.forEach(function(c, h) {
+        c.on("move", i[h]);
+      });
+    }
+    function s() {
+      t.forEach(function(c, h) {
+        c.off("move", i[h]);
+      });
+    }
+    function l(c, h) {
+      s(), e(c, h), a();
+    }
+    return a(), function() {
+      s(), i = [], t = [];
+    };
+  }
+  return ae = r, ae;
+}
+var It = Ht();
+const Zt = /* @__PURE__ */ Rt(It);
+class Nt {
+  events = /* @__PURE__ */ new Map();
+  on(r, t) {
+    const n = this.events.get(r) || [];
+    n.push(t), this.events.set(r, n);
+  }
+  off(r, t) {
+    const n = this.events.get(r);
+    if (n) {
+      const o = n.indexOf(t);
+      o > -1 && (n.splice(o, 1), n.length === 0 ? this.events.delete(r) : this.events.set(r, n));
+    }
+  }
+  emit(r, ...t) {
+    const n = this.events.get(r);
+    n && n.forEach((o) => o(...t));
+  }
+}
+function jt(e, r, t, n = {}) {
+  const o = {
+    orientation: "vertical",
+    mousemove: !1,
+    ...n
+  }, i = o.orientation === "horizontal", a = P(null), s = P(null), l = P(null), c = P(null), h = new Nt();
+  let u = null, d = null, v = !1;
+  const g = (m) => {
+    if (!l.value || !s.value) return;
+    const w = i ? l.value.height : l.value.width, E = Math.min(m, w), x = i ? `translate(0, ${E}px)` : `translate(${E}px, 0)`;
+    s.value.style.transform = x;
+    const W = i ? `rect(0, 999em, ${E}px, 0)` : `rect(0, ${E}px, ${l.value.height}px, 0)`, Y = i ? `rect(${E}px, 999em, ${l.value.height}px, 0)` : `rect(0, 999em, ${l.value.height}px, ${E}px)`, Q = e.getContainer(), q = r.getContainer();
+    Q.style.clip = W, q.style.clip = Y, c.value = E;
+  }, f = (m) => {
+    const E = (m.touches ? m.touches[0] : m).clientX - (l.value?.left ?? 0);
+    return Math.min(Math.max(E, 0), l.value?.width ?? 0);
+  }, S = (m) => {
+    const E = (m.touches ? m.touches[0] : m).clientY - (l.value?.top ?? 0);
+    return Math.min(Math.max(E, 0), l.value?.height ?? 0);
+  }, b = (m) => {
+    m.preventDefault(), o.mousemove && (s.value.style.pointerEvents = m.touches ? "auto" : "none", a.value.style.pointerEvents = m.touches ? "auto" : "none"), g(i ? S(m) : f(m));
+  }, U = () => {
+    document.body.style.userSelect = "", document.body.style.webkitUserSelect = "", document.body.style.mozUserSelect = "", document.body.style.msUserSelect = "";
+  }, M = () => {
+    document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", M), U(), h.emit("slideend", { currentPosition: c.value });
+  }, D = () => {
+    document.removeEventListener("touchmove", b), document.removeEventListener("touchend", D), U(), h.emit("slideend", { currentPosition: c.value });
+  }, k = (m) => {
+    m.preventDefault(), document.body.style.userSelect = "none", document.body.style.webkitUserSelect = "none", document.body.style.mozUserSelect = "none", document.body.style.msUserSelect = "none", m.touches ? (document.addEventListener("touchmove", b, { passive: !1 }), document.addEventListener("touchend", D)) : (document.addEventListener("mousemove", b), document.addEventListener("mouseup", M));
+  };
+  return {
+    /** Manually initialize the slider (useful when called after maps are ready) */
+    initialize: () => {
+      if (v || !t) return;
+      const m = typeof t == "string" ? document.querySelector(t) : t;
+      if (!m) throw new Error("Invalid container element for map compare.");
+      v = !0, s.value = document.createElement("div"), s.value.className = i ? "maplibre-compare maplibre-compare-horizontal" : "maplibre-compare", a.value = document.createElement("div"), a.value.className = i ? "compare-swiper-horizontal" : "compare-swiper-vertical", s.value.appendChild(a.value), m.appendChild(s.value), l.value = r.getContainer().getBoundingClientRect();
+      const w = (i ? l.value.height : l.value.width) / 2;
+      g(w), u = Zt(e, r), d = () => {
+        l.value = r.getContainer().getBoundingClientRect(), c.value && g(c.value);
+      }, r.on("resize", d), o.mousemove && (e.getContainer().addEventListener("mousemove", b), r.getContainer().addEventListener("mousemove", b)), a.value.addEventListener("mousedown", k), a.value.addEventListener("touchstart", k);
+    },
+    /** Unmount the slider */
+    unmount: () => {
+      if (!v) return;
+      v = !1, u?.(), d && r.off("resize", d);
+      const m = e.getContainer(), w = r.getContainer();
+      m && (m.style.clip = "", m.removeEventListener("mousemove", b)), w && (w.style.clip = "", w.removeEventListener("mousemove", b)), a.value?.removeEventListener("mousedown", k), a.value?.removeEventListener("touchstart", k), s.value?.remove(), a.value = null, s.value = null, l.value = null, c.value = null;
+    },
+    /** Manually set slider position */
+    setSlider: (m) => g(m),
+    /** Listen to events (`slideend`) */
+    on: (m, w) => {
+      h.on(m, w);
+    },
+    /** Remove event */
+    off: (m, w) => {
+      h.off(m, w);
+    }
+  };
+}
+const _t = new zt();
+le.addProtocol("pmtiles", _t.tile);
+const Ft = Se({
+  name: "MapCompare",
+  props: {
+    mapStyleA: {
+      type: [String, Object],
+      required: !0
+    },
+    mapStyleB: {
+      type: [String, Object],
+      required: !0
+    },
+    mapLayersA: {
+      type: Array,
+      default: () => []
+    },
+    mapLayersB: {
+      type: Array,
+      default: () => []
+    },
+    center: {
+      type: Array,
+      default: () => [0, 0]
+    },
+    zoom: {
+      type: Number,
+      default: 1
+    },
+    bearing: {
+      type: Number,
+      default: 0
+    },
+    pitch: {
+      type: Number,
+      default: 0
+    },
+    swiperOptions: {
+      type: Object,
+      default: () => ({
+        thickness: 4,
+        orientation: "vertical",
+        grabThickness: 20,
+        handleSize: 40,
+        lineColor: "white",
+        handleColor: "white",
+        handleShadowColor: "rgba(0, 0, 0, 0.3)",
+        arrowColor: "#666",
+        darkMode: !1
+      })
+    }
+  },
+  setup(e, { slots: r }) {
+    const t = P(), n = P(), o = P(), i = P(null);
+    let a = null, s = null, l = null;
+    const c = (v) => {
+      const g = v === "A" ? a : s, f = v === "A" ? e.mapLayersA : e.mapLayersB;
+      if (!g || !g.isStyleLoaded()) return;
+      const S = g.getStyle();
+      !S || !S.layers || f && f.length > 0 && S.layers.forEach((b) => {
+        f.includes(b.id) ? g.setLayoutProperty(b.id, "visibility", "visible") : g.setLayoutProperty(b.id, "visibility", "none");
+      });
+    }, h = () => {
+      if (!a || !s || !t.value) return;
+      l && (l.unmount(), l = null), l = jt(a, s, t.value, {
+        orientation: e.swiperOptions?.orientation ?? "vertical",
+        mousemove: !1
+      }), l.initialize();
+      const g = (e.swiperOptions?.orientation ?? "vertical") === "horizontal" ? ".compare-swiper-horizontal" : ".compare-swiper-vertical", f = t.value.querySelector(g);
+      f && (i.value = f, r.icon && i.value.classList.add("has-custom-icon"));
+    }, u = async () => {
+      !n.value || !o.value || !t.value || (a = new le.Map({
+        container: n.value,
+        style: e.mapStyleA,
+        center: e.center,
+        zoom: e.zoom,
+        bearing: e.bearing,
+        pitch: e.pitch
+      }), s = new le.Map({
+        container: o.value,
+        style: e.mapStyleB,
+        center: e.center,
+        zoom: e.zoom,
+        bearing: e.bearing,
+        pitch: e.pitch
+      }), await Promise.all([
+        new Promise((v) => {
+          a.loaded() ? v() : a.on("load", () => v());
+        }),
+        new Promise((v) => {
+          s.loaded() ? v() : s.on("load", () => v());
+        })
+      ]), h(), c("A"), c("B"));
+    };
+    j(() => e.mapLayersA, () => {
+      c("A");
+    }, { deep: !0 }), j(() => e.mapLayersB, () => {
+      c("B");
+    }, { deep: !0 }), j(() => e.mapStyleA, () => {
+      a?.setStyle(e.mapStyleA);
+    }, { deep: !0 }), j(() => e.mapStyleB, () => {
+      s?.setStyle(e.mapStyleB);
+    }, { deep: !0 }), j(() => e.swiperOptions?.orientation, () => {
+      a && s && a.loaded() && s.loaded() && h();
+    }), Je(() => {
+      u();
+    }), Xe(() => {
+      l?.unmount(), l = null, a && (a.remove(), a = null), s && (s.remove(), s = null);
+    });
+    const d = Ye(() => {
+      const v = e.swiperOptions?.darkMode ?? !1, g = {
+        dark: {
+          lineColor: "#333",
+          handleColor: "#333",
+          handleShadowColor: "rgba(0, 0, 0, 0.3)",
+          arrowColor: "#999"
+        },
+        light: {
+          lineColor: "white",
+          handleColor: "white",
+          handleShadowColor: "rgba(0, 0, 0, 0.3)",
+          arrowColor: "#666"
+        }
+      }, f = v ? g.dark : g.light, S = e.swiperOptions?.lineColor ?? f.lineColor, b = e.swiperOptions?.handleColor ?? f.handleColor, U = e.swiperOptions?.arrowColor ?? f.arrowColor;
+      return {
+        thickness: e.swiperOptions?.thickness ?? 4,
+        grabThickness: e.swiperOptions?.grabThickness ?? 4,
+        handleSize: e.swiperOptions?.handleSize ?? 40,
+        lineColor: S,
+        handleColor: b,
+        handleShadowColor: f.handleShadowColor,
+        arrowColor: U
+      };
+    });
+    return {
+      containerRef: t,
+      mapARef: n,
+      mapBRef: o,
+      swiperRef: i,
+      hasIconSlot: !!r.icon,
+      swiperOpts: d
+    };
+  }
+}), Ke = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, o] of r)
+    t[n] = o;
+  return t;
+}, Kt = {
+  ref: "mapARef",
+  class: "map map-a"
+}, Vt = {
+  ref: "mapBRef",
+  class: "map map-b"
+}, Wt = { class: "custom-swiper-icon" };
+function qt(e, r, t, n, o, i) {
+  return se(), Qe("div", {
+    ref: "containerRef",
+    class: "map-compare-container",
+    style: et({
+      "--swiper-thickness": `${e.swiperOpts.thickness}px`,
+      "--swiper-grab-thickness": `${Math.max(e.swiperOpts.grabThickness, e.swiperOpts.thickness)}px`,
+      "--swiper-handle-size": `${e.swiperOpts.handleSize}px`,
+      "--swiper-line-color": e.swiperOpts.lineColor,
+      "--swiper-handle-color": e.swiperOpts.handleColor,
+      "--swiper-handle-shadow-color": e.swiperOpts.handleShadowColor,
+      "--swiper-arrow-color": e.swiperOpts.arrowColor
+    })
+  }, [
+    ne("div", Kt, null, 512),
+    ne("div", Vt, null, 512),
+    e.swiperRef && e.hasIconSlot ? (se(), Me(rt, {
+      key: 0,
+      to: e.swiperRef
+    }, [
+      ne("div", Wt, [
+        nt(e.$slots, "icon", {}, void 0, !0)
+      ])
+    ], 8, ["to"])) : tt("", !0)
+  ], 4);
+}
+const Ve = /* @__PURE__ */ Ke(Ft, [["render", qt], ["__scopeId", "data-v-cfcdf130"]]), Gt = Se({
+  name: "LayerCompare",
+  components: {
+    MapCompare: Ve
+  },
+  props: {
+    mapStyle: {
+      type: [String, Object],
+      required: !0
+    },
+    mapLayersA: {
+      type: Array,
+      default: () => []
+    },
+    mapLayersB: {
+      type: Array,
+      default: () => []
+    },
+    center: {
+      type: Array,
+      default: () => [0, 0]
+    },
+    zoom: {
+      type: Number,
+      default: 1
+    },
+    bearing: {
+      type: Number,
+      default: 0
+    },
+    pitch: {
+      type: Number,
+      default: 0
+    },
+    swiperOptions: {
+      type: Object,
+      default: () => ({
+        thickness: 4,
+        grabThickness: 20,
+        orientation: "vertical",
+        handleSize: 40,
+        lineColor: "white",
+        handleColor: "white",
+        handleShadowColor: "rgba(0, 0, 0, 0.3)",
+        arrowColor: "#666"
+      })
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+function Jt(e, r, t, n, o, i) {
+  const a = ot("MapCompare");
+  return se(), Me(a, {
+    "map-style-a": e.mapStyle,
+    "map-style-b": e.mapStyle,
+    "swiper-options": e.swiperOptions,
+    "map-layers-a": e.mapLayersA,
+    "map-layers-b": e.mapLayersB,
+    center: e.center,
+    zoom: e.zoom,
+    bearing: e.bearing,
+    pitch: e.pitch
+  }, null, 8, ["map-style-a", "map-style-b", "swiper-options", "map-layers-a", "map-layers-b", "center", "zoom", "bearing", "pitch"]);
+}
+const Xt = /* @__PURE__ */ Ke(Gt, [["render", Jt]]), sr = {
+  install(e) {
+    e.component("MapCompare", Ve), e.component("LayerCompare", Xt);
+  }
+};
+export {
+  Xt as LayerCompare,
+  Ve as MapCompare,
+  sr as MapComparePlugin,
+  sr as default
+};