basemapkit 0.1.1 → 0.1.3

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;
 }
@@ -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)"
     }
   },
   {
@@ -3165,10 +3156,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 +3174,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 +3281,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;
@@ -3298,12 +3304,13 @@ function U(n) {
     }
     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();