basemapkit 0.1.2 → 0.1.4

package/dist/basemapkit.js

@@ -1,4 +1,4 @@
-import { language_script_pairs as G, get_country_name as q, get_multiline_name as P } from "@protomaps/basemaps";
+import { language_script_pairs as D, get_country_name as q, get_multiline_name as P } from "@protomaps/basemaps";
 const k = {
   aliceblue: [240, 248, 255],
   antiquewhite: [250, 235, 215],
@@ -223,7 +223,7 @@ y.get.hwb = function(n) {
   return null;
 };
 y.to.hex = function(...n) {
-  return "#" + C(n[0]) + C(n[1]) + C(n[2]) + (n[3] < 1 ? C(Math.round(n[3] * 255)) : "");
+  return "#" + A(n[0]) + A(n[1]) + A(n[2]) + (n[3] < 1 ? A(Math.round(n[3] * 255)) : "");
 };
 y.to.rgb = function(...n) {
   return n.length < 4 || n[3] === 1 ? "rgb(" + Math.round(n[0]) + ", " + Math.round(n[1]) + ", " + Math.round(n[2]) + ")" : "rgba(" + Math.round(n[0]) + ", " + Math.round(n[1]) + ", " + Math.round(n[2]) + ", " + n[3] + ")";
@@ -245,7 +245,7 @@ y.to.keyword = function(...n) {
 function z(n, e, t) {
   return Math.min(Math.max(e, n), t);
 }
-function C(n) {
+function A(n) {
   const e = Math.round(n).toString(16).toUpperCase();
   return e.length < 2 ? "0" + e : e;
 }
@@ -270,7 +270,7 @@ const c = {
   hcg: { channels: 3, labels: ["h", "c", "g"] },
   apple: { channels: 3, labels: ["r16", "g16", "b16"] },
   gray: { channels: 1, labels: ["gray"] }
-}, w = (6 / 29) ** 3;
+}, v = (6 / 29) ** 3;
 function N(n) {
   const e = n > 31308e-7 ? 1.055 * n ** 0.4166666666666667 - 0.055 : n * 12.92;
   return Math.min(Math.max(0, e), 1);
@@ -381,7 +381,7 @@ c.rgb.xyz = function(n) {
 c.rgb.lab = function(n) {
   const e = c.rgb.xyz(n);
   let t = e[0], o = e[1], i = e[2];
-  t /= 95.047, o /= 100, i /= 108.883, t = t > w ? t ** (1 / 3) : 7.787 * t + 16 / 116, o = o > w ? o ** (1 / 3) : 7.787 * o + 16 / 116, i = i > w ? i ** (1 / 3) : 7.787 * i + 16 / 116;
+  t /= 95.047, o /= 100, i /= 108.883, t = t > v ? t ** (1 / 3) : 7.787 * t + 16 / 116, o = o > v ? o ** (1 / 3) : 7.787 * o + 16 / 116, i = i > v ? i ** (1 / 3) : 7.787 * i + 16 / 116;
   const l = 116 * o - 16, r = 500 * (t - o), a = 200 * (o - i);
   return [l, r, a];
 };
@@ -480,7 +480,7 @@ c.xyz.rgb = function(n) {
 };
 c.xyz.lab = function(n) {
   let e = n[0], t = n[1], o = n[2];
-  e /= 95.047, t /= 100, o /= 108.883, e = e > w ? e ** (1 / 3) : 7.787 * e + 16 / 116, t = t > w ? t ** (1 / 3) : 7.787 * t + 16 / 116, o = o > w ? o ** (1 / 3) : 7.787 * o + 16 / 116;
+  e /= 95.047, t /= 100, o /= 108.883, e = e > v ? e ** (1 / 3) : 7.787 * e + 16 / 116, t = t > v ? t ** (1 / 3) : 7.787 * t + 16 / 116, o = o > v ? o ** (1 / 3) : 7.787 * o + 16 / 116;
   const i = 116 * t - 16, l = 500 * (e - t), r = 200 * (t - o);
   return [i, l, r];
 };
@@ -507,7 +507,7 @@ c.lab.xyz = function(n) {
   let i, l, r;
   l = (e + 16) / 116, i = t / 500 + l, r = l - o / 200;
   const a = l ** 3, s = i ** 3, u = r ** 3;
-  return l = a > w ? a : (l - 16 / 116) / 7.787, i = s > w ? s : (i - 16 / 116) / 7.787, r = u > w ? u : (r - 16 / 116) / 7.787, i *= 95.047, l *= 100, r *= 108.883, [i, l, r];
+  return l = a > v ? a : (l - 16 / 116) / 7.787, i = s > v ? s : (i - 16 / 116) / 7.787, r = u > v ? u : (r - 16 / 116) / 7.787, i *= 95.047, l *= 100, r *= 108.883, [i, l, r];
 };
 c.lab.lch = function(n) {
   const e = n[0], t = n[1], o = n[2];
@@ -748,7 +748,7 @@ const K = [
 ], I = {};
 for (const n of Object.keys(b))
   I[[...b[n].labels].sort().join("")] = n;
-const A = {};
+const C = {};
 function h(n, e) {
   if (!(this instanceof h))
     return new h(n, e);
@@ -787,9 +787,9 @@ function h(n, e) {
       a.push(n[r[t]]);
     this.color = R(a);
   }
-  if (A[this.model])
+  if (C[this.model])
     for (o = b[this.model].channels, t = 0; t < o; t++) {
-      const i = A[this.model][t];
+      const i = C[this.model][t];
       i && (this.color[t] = i(this.color[t]));
     }
   this.valpha = Math.max(0, Math.min(1, this.valpha)), Object.freeze && Object.freeze(this);
@@ -976,7 +976,7 @@ function an(n) {
 function d(n, e, t) {
   n = Array.isArray(n) ? n : [n];
   for (const o of n)
-    (A[o] || (A[o] = []))[e] = t;
+    (C[o] || (C[o] = []))[e] = t;
   return n = n[0], function(o) {
     let i;
     return o !== void 0 ? (t && (o = t(o)), i = this[n](), i.color[e] = o, i) : (i = this[n]().color[e], t && (i = t(i)), i);
@@ -1030,16 +1030,7 @@ function un(n, e) {
   return n.map((t) => cn(t, e));
 }
 function pn(n, e, t = 127) {
-  const o = n - t, i = e >= 0 ? 1 + e * 2 : (
-    // Map [0, 1] to [1, 3]
-    1 + e
-  );
-  let l;
-  if (e >= 0) {
-    const r = Math.abs(o) / t, a = i * (1 + r * e * 0.5);
-    l = t + o * a;
-  } else
-    l = t + o * i;
+  const o = Math.max(-0.99, Math.min(0.99, e)), i = o < 0 ? o + 1 : 1 / (1 - o), l = t + i * (n - t);
   return Math.round(Math.max(0, Math.min(255, l)));
 }
 function dn(n, e, t = 127) {
@@ -1246,7 +1237,7 @@ const fn = `[
     "layout": {"visibility": "visible"},
     "paint": {
       "fill-opacity": ["interpolate", ["linear"], ["zoom"], 0, 1, 7, 1],
-      "fill-color": "rgba(170, 222, 156, 1)"
+      "fill-color": "rgb(184, 224, 173)"
     }
   },
   {
@@ -1407,6 +1398,54 @@ const fn = `[
     "layout": {"visibility": "visible"},
     "paint": {"fill-color": "rgba(43, 63, 131, 0.07)"}
   },
+  {
+    "id": "landuse_nature_reserve_bg",
+    "type": "line",
+    "source": "__protomaps_source",
+    "source-layer": "landuse",
+    "minzoom": 8,
+    "filter": ["all", ["==", "kind", "nature_reserve"]],
+    "layout": {"visibility": "visible"},
+    "paint": {
+      "line-width": [
+        "interpolate",
+        ["exponential", 1.6],
+        ["zoom"],
+        8,
+        5,
+        15,
+        20,
+        18,
+        30
+      ],
+      "line-color": "rgba(5, 109, 0, 0.19)",
+      "line-opacity": {"stops": [[8, 0], [9, 0.4]]}
+    }
+  },
+  {
+    "id": "landuse_nature_reserve",
+    "type": "line",
+    "source": "__protomaps_source",
+    "source-layer": "landuse",
+    "minzoom": 8,
+    "filter": ["all", ["==", "kind", "nature_reserve"]],
+    "layout": {"visibility": "visible"},
+    "paint": {
+      "line-width": [
+        "interpolate",
+        ["exponential", 1.6],
+        ["zoom"],
+        8,
+        1,
+        15,
+        3,
+        18,
+        5
+      ],
+      "line-color": "rgba(5, 109, 0, 0.19)",
+      "line-opacity": {"stops": [[8, 0], [9, 1]]}
+    }
+  },
   {
     "id": "ferry",
     "type": "line",
@@ -1966,7 +2005,7 @@ const fn = `[
         20,
         6
       ],
-      "line-color": "rgba(0, 0, 0, 0.15)"
+      "line-color": "rgba(0, 0, 0, 0.05)"
     }
   },
   {
@@ -1984,7 +2023,7 @@ const fn = `[
     ],
     "layout": {"visibility": "visible"},
     "paint": {
-      "line-dasharray": [2, 2],
+      "line-dasharray": [3, 1.5],
       "line-width": [
         "interpolate",
         ["exponential", 1.6],
@@ -1994,7 +2033,7 @@ const fn = `[
         20,
         9
       ],
-      "line-color": "rgba(249, 247, 241, 1)"
+      "line-color": "rgba(249, 247, 241, 0.6)"
     }
   },
   {
@@ -2561,8 +2600,8 @@ const fn = `[
         18,
         4
       ],
-      "line-color": "rgba(20, 116, 0, 1)",
-      "line-dasharray": [2, 1.5]
+      "line-color": "rgba(20, 116, 0, 0.7)",
+      "line-dasharray": [3, 1.5]
     }
   },
   {
@@ -3165,10 +3204,10 @@ const fn = `[
   }
 ]`;
 function Y(n, e) {
-  const t = G.filter((o) => o.lang === n);
+  const t = D.filter((o) => o.lang === n);
   if (t.length === 0)
     throw new Error(
-      `The language "${n}". The languages available are: ${G.map((o) => o.lang).join(", ")}.`
+      `The language "${n}". The languages available are: ${D.map((o) => o.lang).join(", ")}.`
     );
   if (e) {
     if (t.filter((i) => i.script === e).length)
@@ -3183,73 +3222,88 @@ function yn() {
   const n = Intl.DateTimeFormat().resolvedOptions().locale.split("-")[0];
   return Y(n, void 0) ? n : "en";
 }
-const O = {
-  versatile: fn
+const E = {
+  avenue: fn
 }, $ = {
-  "versatile-night": {
-    baseStyle: "versatile",
+  "avenue-pop": {
+    baseStyle: "avenue",
+    colorEdit: {
+      negate: !1,
+      brightness: 0,
+      brightnessShift: 0,
+      exposure: 0,
+      contrast: [0.4, 220],
+      hueRotation: -8,
+      saturation: -0.1,
+      multiplyColor: ["#ff0000", 0],
+      mixColor: ["#ff0000", 0.02]
+    }
+  },
+  "avenue-saturated": {
+    baseStyle: "avenue",
+    colorEdit: {
+      exposure: -1,
+      saturation: 0.1
+    }
+  },
+  "avenue-night": {
+    baseStyle: "avenue",
     colorEdit: {
       brightness: -0.3,
       saturation: -0.8,
       multiplyColor: ["#171075", 0.6],
-      contrast: [1.6, 160]
+      contrast: [0.8, 160]
     }
   },
-  "versatile-bright": {
-    baseStyle: "versatile",
+  "avenue-bright": {
+    baseStyle: "avenue",
     colorEdit: {
       exposure: 0.6,
-      saturation: -0.1,
+      saturation: -0.25,
       hueRotation: 15,
-      contrast: [0.2, 220]
+      contrast: [0.4, 220]
     }
   },
-  "versatile-bnw": {
-    baseStyle: "versatile",
+  "avenue-bnw": {
+    baseStyle: "avenue",
     colorEdit: {
       exposure: -1,
       saturation: -1,
-      contrast: [1.2, 160]
+      contrast: [0.6, 160]
     }
   },
-  "versatile-blueprint": {
-    baseStyle: "versatile",
+  "avenue-blueprint": {
+    baseStyle: "avenue",
     colorEdit: {
       exposure: -0.7,
       saturation: -1,
-      contrast: [1.2, 160],
+      contrast: [0.75, 160],
       mixColor: ["#3355bb", 0.15]
     }
   },
-  "versatile-warm": {
-    baseStyle: "versatile",
+  "avenue-warm": {
+    baseStyle: "avenue",
     colorEdit: {
       exposure: -0.7,
-      contrast: [-0.1, 110],
-      mixColor: ["#ff8800", 0.1]
+      mixColor: ["#ff8800", 0.1],
+      contrast: [0.1, 200]
     }
   },
-  "versatile-vintage": {
-    baseStyle: "versatile",
+  "avenue-vintage": {
+    baseStyle: "avenue",
     colorEdit: {
       exposure: -0.25,
       multiplyColor: ["#ff8800", 0.4],
-      hueRotation: -5
-    }
-  },
-  "versatile-saturated": {
-    baseStyle: "versatile",
-    colorEdit: {
-      exposure: -1,
-      saturation: 0.1
+      hueRotation: -5,
+      contrast: [0.2, 200]
     }
   }
 };
 function kn() {
-  return Object.keys(O).concat(Object.keys($));
+  return Object.keys(E).concat(Object.keys($));
 }
 function xn(n, e) {
-  if (n in O)
+  if (n in E)
     return U({
       ...e,
       baseStyleName: n
@@ -3275,9 +3329,9 @@ function U(n) {
     const g = yn();
     e = JSON.stringify(q(g)), t = JSON.stringify(P(g));
   }
-  if (!(n.baseStyleName in O))
+  if (!(n.baseStyleName in E))
     throw new Error(`The base style ${n.baseStyleName} does not exist.`);
-  const l = O[n.baseStyleName].replaceAll('"<LANG>"', t).replaceAll('"<LANG_COUNTRY>"', e);
+  const l = E[n.baseStyleName].replaceAll('"<LANG>"', t).replaceAll('"<LANG_COUNTRY>"', e);
   let r;
   if (typeof n.tilejson == "string")
     r = n.tilejson;
@@ -3292,22 +3346,23 @@ function U(n) {
     if (g.length) {
       const p = g[0];
       if (p.layout !== void 0) {
-        const v = p.layout;
-        v["text-field"] !== void 0 && (v["text-field"] = "");
+        const w = p.layout;
+        w["text-field"] !== void 0 && (w["text-field"] = "");
       }
     }
     a = a.filter((p) => p.id === "pois" || p.type !== "symbol" ? !0 : !(p.layout !== void 0 && p.layout["text-field"] !== void 0));
   }
-  const u = n.colorEdit ?? {}, _ = u.brightness ?? 0, m = u.hueRotation ?? 0, F = u.saturation ?? 0, D = u.negate ?? !1, E = u.brightnessShift ?? 0, j = u.exposure ?? 0;
-  return (_ !== 0 || m !== 0 || F !== 0 || D === !0 || u.multiplyColor !== void 0 || u.mixColor !== void 0 || E !== 0 || u.contrast !== void 0 || j !== 0) && T(a, (g) => {
+  const u = n.colorEdit ?? {}, _ = u.brightness ?? 0, m = u.hueRotation ?? 0, F = u.saturation ?? 0, G = u.negate ?? !1, O = u.brightnessShift ?? 0, j = u.exposure ?? 0;
+  return (_ !== 0 || m !== 0 || F !== 0 || G === !0 || u.multiplyColor !== void 0 || u.mixColor !== void 0 || O !== 0 || u.contrast !== void 0 || j !== 0) && T(a, (g) => {
+    g === "#a6e085" && console.log("#a6e085");
     let p = h(g);
-    if (D && (p = p.negate()), m !== 0 && (p = p.rotate(m)), F !== 0 && (p = p.saturate(F)), _ > 0 ? p = p.lighten(_) : _ < 0 && (p = p.darken(_ * -1)), E !== 0) {
+    if (G && (p = p.negate()), m !== 0 && (p = p.rotate(m)), F !== 0 && (p = p.saturate(F)), _ > 0 ? p = p.lighten(_) : _ < 0 && (p = p.darken(_ * -1)), O !== 0) {
       const M = p.hsl().array();
-      M[2] += E * 100, p = h.hsl(...M);
+      M[2] += O * 100, p = h.hsl(...M);
     }
     Array.isArray(u.mixColor) && typeof u.mixColor[0] == "string" && typeof u.mixColor[1] == "number" && u.mixColor[1] !== 0 && (p = p.mix(h(u.mixColor[0]), u.mixColor[1]));
-    const v = p.rgb(), H = v.alpha();
-    let x = [v.red(), v.green(), v.blue()];
+    const w = p.rgb(), H = w.alpha();
+    let x = [w.red(), w.green(), w.blue()];
     if (j !== 0 && (x = un(x, j)), Array.isArray(u.contrast) && typeof u.contrast[0] == "number" && typeof u.contrast[1] == "number" && u.contrast[0] !== 0 && (x = dn(x, u.contrast[0], u.contrast[1])), Array.isArray(u.multiplyColor) && typeof u.multiplyColor[0] == "string" && typeof u.multiplyColor[1] == "number" && u.multiplyColor[1] !== 0) {
       const M = h(u.multiplyColor[0]);
       x = _n(