@india-boundary-corrector/openlayers-layer 0.1.0 → 0.2.0

package/dist/index.global.js

@@ -12052,13 +12052,13 @@ var IndiaBoundaryCorrector = (() => {
   var ImageTile_default2 = ImageTileSource;
 
   // ../data/version.js
-  var packageVersion = "0.1.0";
+  var packageVersion = "0.2.0";
 
   // ../data/index.js
   var import_meta = {};
   var PACKAGE_NAME = "@india-boundary-corrector/data";
   var PMTILES_FILENAME = "india_boundary_corrections.pmtiles.gz";
-  var FALLBACK_CDNS = /* @__PURE__ */ new Set(["esm.sh", "skypack.dev", "cdn.skypack.dev"]);
+  var FALLBACK_CDNS = /* @__PURE__ */ new Set(["esm.sh", "skypack.dev", "cdn.skypack.dev", "unpkg.com"]);
   var DEFAULT_CDN_URL = `https://cdn.jsdelivr.net/npm/${PACKAGE_NAME}@${packageVersion}/${PMTILES_FILENAME}`;
   var CURRENT_SCRIPT_URL = typeof document !== "undefined" && document.currentScript && document.currentScript.src || null;
   function detectPmtilesUrl() {
@@ -12096,6 +12096,26 @@ var IndiaBoundaryCorrector = (() => {
   var configs_default = [
     {
       id: "cartodb-dark",
+      tileUrlTemplates: [
+        "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_nolabels/{z}/{x}/{y}.png"
+      ],
+      lineWidthStops: { "0": 1, "2": 1, "3": 1, "10": 2, "12": 2 },
+      lineStyles: [
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne", endZoom: 4 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne-disp", endZoom: 4 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm", startZoom: 5 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm-disp", startZoom: 5 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.3, dashArray: [2, 2], delWidthFactor: 2 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.3, dashArray: [2, 2], delWidthFactor: 3 }
+      ]
+    },
+    {
+      id: "cartodb-dark-retina",
       tileUrlTemplates: [
         "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
         "https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
@@ -12104,17 +12124,46 @@ var IndiaBoundaryCorrector = (() => {
         "https://basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}{r}.png",
         "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_nolabels/{z}/{x}/{y}{r}.png"
       ],
-      lineWidthStops: { "0": 1, "2": 1, "3": 1, "10": 2.5 },
+      lineWidthStops: { "0": 1.5, "2": 1.5, "3": 1.5, "6": 2.5, "10": 3 },
       lineStyles: [
         { color: "rgb(40, 40, 40)", layerSuffix: "ne", endZoom: 4 },
         { color: "rgb(40, 40, 40)", layerSuffix: "ne-disp", endZoom: 4 },
         { color: "rgb(40, 40, 40)", layerSuffix: "osm", startZoom: 5 },
         { color: "rgb(40, 40, 40)", layerSuffix: "osm-disp", startZoom: 5 },
-        { color: "rgb(40, 40, 40)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.3, dashArray: [2, 2] }
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.3, dashArray: [4, 4], delWidthFactor: 2 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.3, dashArray: [4, 4], delWidthFactor: 3 }
       ]
     },
     {
       id: "cartodb-light",
+      tileUrlTemplates: [
+        "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_nolabels/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png"
+      ],
+      lineWidthStops: { "1": 0.5, "2": 0.75, "3": 0.75, "4": 1, "5": 1, "7": 1.5, "16": 2.5 },
+      lineStyles: [
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne", endZoom: 4, lineExtensionFactor: 0.1, delWidthFactor: 2.5 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-disp", endZoom: 4, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.2, startZoom: 6, endZoom: 11, widthFraction: 5, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.2, startZoom: 12, widthFraction: 4, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", startZoom: 5, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", startZoom: 5, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.5, dashArray: [2, 2], delWidthFactor: 2 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.5, dashArray: [2, 2], delWidthFactor: 2.5 }
+      ]
+    },
+    {
+      id: "cartodb-light-retina",
       tileUrlTemplates: [
         "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
         "https://basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
@@ -12129,15 +12178,16 @@ var IndiaBoundaryCorrector = (() => {
         "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}{r}.png",
         "https://basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}{r}.png"
       ],
-      lineWidthStops: { "1": 0.5, "2": 0.5, "3": 0.5, "4": 1, "5": 1.25, "7": 1.5, "16": 2.5 },
+      lineWidthStops: { "1": 0.75, "2": 0.75, "3": 0.75, "4": 1, "5": 1, "7": 1.5, "11": 2 },
       lineStyles: [
-        { color: "rgb(235, 214, 214)", layerSuffix: "ne", endZoom: 4, lineExtensionFactor: 0.1, delWidthFactor: 2 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "ne-disp", endZoom: 4, lineExtensionFactor: 0 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.2, startZoom: 6, widthFraction: 3, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne", endZoom: 4, lineExtensionFactor: 0.1, delWidthFactor: 2.5 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-disp", endZoom: 4, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.1, startZoom: 6, endZoom: 11, widthFraction: 5, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.1, startZoom: 12, widthFraction: 4, lineExtensionFactor: 0.1 },
         { color: "rgb(235, 214, 214)", layerSuffix: "osm", startZoom: 5, lineExtensionFactor: 0.1 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", alpha: 0.2, startZoom: 6, widthFraction: 3, lineExtensionFactor: 0 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", startZoom: 5, lineExtensionFactor: 0 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.75, dashArray: [2, 2], delWidthFactor: 2 }
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", startZoom: 5, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.5, dashArray: [4, 4], delWidthFactor: 2 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.5, dashArray: [4, 4], delWidthFactor: 2.5 }
       ]
     },
     {
@@ -12164,10 +12214,10 @@ var IndiaBoundaryCorrector = (() => {
       lineWidthStops: { "1": 0.5, "2": 0.6, "3": 0.7, "4": 1, "10": 3.75 },
       lineStyles: [
         { color: "rgb(200, 180, 200)", layerSuffix: "osm", startZoom: 1, endZoom: 3, delWidthFactor: 2.5, widthFraction: 1.5 },
-        { color: "rgb(200, 180, 200)", layerSuffix: "osm", startZoom: 4 },
-        { color: "rgb(160, 120, 160)", layerSuffix: "osm", startZoom: 4, widthFraction: 0.333, dashArray: [30, 2, 8, 2] },
+        { color: "rgb(200, 180, 200)", layerSuffix: "osm", startZoom: 4, delWidthFactor: 1.5 },
+        { color: "rgb(160, 120, 160)", layerSuffix: "osm", startZoom: 4, widthFraction: 0.333, dashArray: [30, 2, 8, 2], delWidthFactor: 0 },
         { color: "rgb(200, 180, 200)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.45 },
-        { color: "rgb(160, 120, 160)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.15, dashArray: [4, 2, 10] }
+        { color: "rgb(160, 120, 160)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.15, dashArray: [10, 4, 2] }
       ]
     },
     {
@@ -12180,13 +12230,17 @@ var IndiaBoundaryCorrector = (() => {
       lineStyles: [
         { color: "rgb(149, 175, 180)", layerSuffix: "osm", lineExtensionFactor: 0.25, startZoom: 2 },
         { color: "rgb(89, 117, 123)", layerSuffix: "osm", widthFraction: 0.33, lineExtensionFactor: 0.25, startZoom: 2 },
-        { color: "rgb(172, 163, 163)", layerSuffix: "osm-internal", widthFraction: 0.33, startZoom: 4, dashArray: [7, 7, 7] }
+        { color: "rgb(172, 163, 163)", layerSuffix: "osm-internal", widthFraction: 0.33, startZoom: 4, dashArray: [7, 7] }
       ]
     }
   ];
   var INFINITY = -1;
+  var MIN_LINE_WIDTH = 0.1;
+  var DEFAULT_LINE_WIDTH = 1;
   function templateToRegex(template) {
     const groups = [];
+    const hasRetina = template.includes("{r}");
+    const hasExtension = /\.(png|jpg|jpeg|webp|gif)$/i.test(template);
     let pattern = template.replace(/[.*+?^${}()|[\]\\]/g, (char) => {
       if (char === "{" || char === "}") return char;
       return "\\" + char;
@@ -12200,13 +12254,22 @@ var IndiaBoundaryCorrector = (() => {
         return "([a-z0-9]+)";
       }
       if (lowerName === "r") {
-        return "(@\\d+x)?";
+        return "(@\\d+x)";
       }
       return "(\\d+)";
     });
+    if (!hasRetina) {
+      if (hasExtension) {
+        pattern = pattern.replace(/(\\\.(png|jpg|jpeg|webp|gif))/, "(?!@\\d+x)$1");
+      } else {
+        pattern = pattern + "(?!@\\d+x)";
+      }
+    }
     return { pattern: new RegExp("^" + pattern + "(\\?.*)?$", "i"), groups };
   }
   function templateToTemplateRegex(template) {
+    const hasRetina = template.includes("{r}");
+    const hasExtension = /\.(png|jpg|jpeg|webp|gif)$/i.test(template);
     let pattern = template.replace(/[.*+?^${}()|[\]\\]/g, (char) => {
       if (char === "{" || char === "}") return char;
       return "\\" + char;
@@ -12216,10 +12279,17 @@ var IndiaBoundaryCorrector = (() => {
         return "(\\{s\\}|\\{[a-z0-9]-[a-z0-9]\\}|[a-z0-9]+)";
       }
       if (lowerName === "r") {
-        return "(\\{r\\}|@\\d+x)?";
+        return "(\\{r\\}|@\\d+x)";
       }
       return `\\{${lowerName}\\}`;
     });
+    if (!hasRetina) {
+      if (hasExtension) {
+        pattern = pattern.replace(/(\\\.(png|jpg|jpeg|webp|gif))/, "(?!@\\d+x|\\{r\\})$1");
+      } else {
+        pattern = pattern + "(?!@\\d+x|\\{r\\})";
+      }
+    }
     return new RegExp("^" + pattern + "(\\?.*)?$", "i");
   }
   function isValidColor(color) {
@@ -12288,7 +12358,7 @@ var IndiaBoundaryCorrector = (() => {
      * @param {number} [options.lineExtensionFactor=0.5] - Factor to extend lines by (multiplied by deletion line width)
      * @param {number} [options.delWidthFactor=1.5] - Factor to multiply line width for deletion blur
      */
-    constructor({ color, layerSuffix, widthFraction = 1, dashArray, alpha = 1, startZoom = 0, endZoom = INFINITY, lineExtensionFactor = 0.5, delWidthFactor = 1.5 }) {
+    constructor({ color, layerSuffix, widthFraction = 1, dashArray, alpha = 1, startZoom = 0, endZoom = INFINITY, lineExtensionFactor = 0, delWidthFactor = 1.5 }) {
       this.color = color;
       this.layerSuffix = layerSuffix;
       this.widthFraction = widthFraction;
@@ -12418,6 +12488,45 @@ var IndiaBoundaryCorrector = (() => {
       const activeStyles = this.getLineStylesForZoom(z2);
       return [...new Set(activeStyles.map((s) => s.layerSuffix))];
     }
+    /**
+     * Interpolate or extrapolate line width for a given zoom level.
+     * Uses the lineWidthStops map to calculate the appropriate width.
+     * @param {number} zoom - Zoom level
+     * @returns {number}
+     */
+    getLineWidth(zoom) {
+      const zooms = Object.keys(this.lineWidthStops).map(Number).sort((a, b2) => a - b2);
+      if (this.lineWidthStops[zoom] !== void 0) {
+        return this.lineWidthStops[zoom];
+      }
+      if (zoom < zooms[0]) {
+        const z1 = zooms[0];
+        const z2 = zooms[1];
+        const w1 = this.lineWidthStops[z1];
+        const w2 = this.lineWidthStops[z2];
+        const slope = (w2 - w1) / (z2 - z1);
+        return Math.max(MIN_LINE_WIDTH, w1 + slope * (zoom - z1));
+      }
+      if (zoom > zooms[zooms.length - 1]) {
+        const z1 = zooms[zooms.length - 2];
+        const z2 = zooms[zooms.length - 1];
+        const w1 = this.lineWidthStops[z1];
+        const w2 = this.lineWidthStops[z2];
+        const slope = (w2 - w1) / (z2 - z1);
+        return Math.max(MIN_LINE_WIDTH, w2 + slope * (zoom - z2));
+      }
+      for (let i2 = 0; i2 < zooms.length - 1; i2++) {
+        if (zoom > zooms[i2] && zoom < zooms[i2 + 1]) {
+          const z1 = zooms[i2];
+          const z2 = zooms[i2 + 1];
+          const w1 = this.lineWidthStops[z1];
+          const w2 = this.lineWidthStops[z2];
+          const t = (zoom - z1) / (z2 - z1);
+          return w1 + t * (w2 - w1);
+        }
+      }
+      return DEFAULT_LINE_WIDTH;
+    }
     /**
      * Check if this config matches the given template URLs (with {z}/{x}/{y} placeholders)
      * @param {string | string[]} templates - Single template URL or array of template URLs
@@ -14817,6 +14926,26 @@ var IndiaBoundaryCorrector = (() => {
   var configs_default2 = [
     {
       id: "cartodb-dark",
+      tileUrlTemplates: [
+        "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_nolabels/{z}/{x}/{y}.png"
+      ],
+      lineWidthStops: { "0": 1, "2": 1, "3": 1, "10": 2, "12": 2 },
+      lineStyles: [
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne", endZoom: 4 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne-disp", endZoom: 4 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm", startZoom: 5 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm-disp", startZoom: 5 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.3, dashArray: [2, 2], delWidthFactor: 2 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.3, dashArray: [2, 2], delWidthFactor: 3 }
+      ]
+    },
+    {
+      id: "cartodb-dark-retina",
       tileUrlTemplates: [
         "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
         "https://basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
@@ -14825,17 +14954,46 @@ var IndiaBoundaryCorrector = (() => {
         "https://basemaps.cartocdn.com/dark_nolabels/{z}/{x}/{y}{r}.png",
         "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_nolabels/{z}/{x}/{y}{r}.png"
       ],
-      lineWidthStops: { "0": 1, "2": 1, "3": 1, "10": 2.5 },
+      lineWidthStops: { "0": 1.5, "2": 1.5, "3": 1.5, "6": 2.5, "10": 3 },
       lineStyles: [
         { color: "rgb(40, 40, 40)", layerSuffix: "ne", endZoom: 4 },
         { color: "rgb(40, 40, 40)", layerSuffix: "ne-disp", endZoom: 4 },
         { color: "rgb(40, 40, 40)", layerSuffix: "osm", startZoom: 5 },
         { color: "rgb(40, 40, 40)", layerSuffix: "osm-disp", startZoom: 5 },
-        { color: "rgb(40, 40, 40)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.3, dashArray: [2, 2] }
+        { color: "rgb(40, 40, 40)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.3, dashArray: [4, 4], delWidthFactor: 2 },
+        { color: "rgb(40, 40, 40)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.3, dashArray: [4, 4], delWidthFactor: 3 }
       ]
     },
     {
       id: "cartodb-light",
+      tileUrlTemplates: [
+        "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png",
+        "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_nolabels/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/rastertiles/voyager_nolabels/{z}/{x}/{y}.png",
+        "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png",
+        "https://basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png"
+      ],
+      lineWidthStops: { "1": 0.5, "2": 0.75, "3": 0.75, "4": 1, "5": 1, "7": 1.5, "16": 2.5 },
+      lineStyles: [
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne", endZoom: 4, lineExtensionFactor: 0.1, delWidthFactor: 2.5 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-disp", endZoom: 4, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.2, startZoom: 6, endZoom: 11, widthFraction: 5, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.2, startZoom: 12, widthFraction: 4, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", startZoom: 5, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", startZoom: 5, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.5, dashArray: [2, 2], delWidthFactor: 2 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.5, dashArray: [2, 2], delWidthFactor: 2.5 }
+      ]
+    },
+    {
+      id: "cartodb-light-retina",
       tileUrlTemplates: [
         "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
         "https://basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
@@ -14850,15 +15008,16 @@ var IndiaBoundaryCorrector = (() => {
         "https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}{r}.png",
         "https://basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}{r}.png"
       ],
-      lineWidthStops: { "1": 0.5, "2": 0.5, "3": 0.5, "4": 1, "5": 1.25, "7": 1.5, "16": 2.5 },
+      lineWidthStops: { "1": 0.75, "2": 0.75, "3": 0.75, "4": 1, "5": 1, "7": 1.5, "11": 2 },
       lineStyles: [
-        { color: "rgb(235, 214, 214)", layerSuffix: "ne", endZoom: 4, lineExtensionFactor: 0.1, delWidthFactor: 2 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "ne-disp", endZoom: 4, lineExtensionFactor: 0 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.2, startZoom: 6, widthFraction: 3, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne", endZoom: 4, lineExtensionFactor: 0.1, delWidthFactor: 2.5 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-disp", endZoom: 4, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.1, startZoom: 6, endZoom: 11, widthFraction: 5, lineExtensionFactor: 0.1 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm", alpha: 0.1, startZoom: 12, widthFraction: 4, lineExtensionFactor: 0.1 },
         { color: "rgb(235, 214, 214)", layerSuffix: "osm", startZoom: 5, lineExtensionFactor: 0.1 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", alpha: 0.2, startZoom: 6, widthFraction: 3, lineExtensionFactor: 0 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", startZoom: 5, lineExtensionFactor: 0 },
-        { color: "rgb(235, 214, 214)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.75, dashArray: [2, 2], delWidthFactor: 2 }
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-disp", startZoom: 5, delWidthFactor: 0 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "osm-internal", startZoom: 5, widthFraction: 0.5, dashArray: [4, 4], delWidthFactor: 2 },
+        { color: "rgb(235, 214, 214)", layerSuffix: "ne-internal", startZoom: 4, endZoom: 4, widthFraction: 0.5, dashArray: [4, 4], delWidthFactor: 2.5 }
       ]
     },
     {
@@ -14885,10 +15044,10 @@ var IndiaBoundaryCorrector = (() => {
       lineWidthStops: { "1": 0.5, "2": 0.6, "3": 0.7, "4": 1, "10": 3.75 },
       lineStyles: [
         { color: "rgb(200, 180, 200)", layerSuffix: "osm", startZoom: 1, endZoom: 3, delWidthFactor: 2.5, widthFraction: 1.5 },
-        { color: "rgb(200, 180, 200)", layerSuffix: "osm", startZoom: 4 },
-        { color: "rgb(160, 120, 160)", layerSuffix: "osm", startZoom: 4, widthFraction: 0.333, dashArray: [30, 2, 8, 2] },
+        { color: "rgb(200, 180, 200)", layerSuffix: "osm", startZoom: 4, delWidthFactor: 1.5 },
+        { color: "rgb(160, 120, 160)", layerSuffix: "osm", startZoom: 4, widthFraction: 0.333, dashArray: [30, 2, 8, 2], delWidthFactor: 0 },
         { color: "rgb(200, 180, 200)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.45 },
-        { color: "rgb(160, 120, 160)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.15, dashArray: [4, 2, 10] }
+        { color: "rgb(160, 120, 160)", layerSuffix: "osm-internal", startZoom: 4, widthFraction: 0.15, dashArray: [10, 4, 2] }
       ]
     },
     {
@@ -14901,13 +15060,17 @@ var IndiaBoundaryCorrector = (() => {
       lineStyles: [
         { color: "rgb(149, 175, 180)", layerSuffix: "osm", lineExtensionFactor: 0.25, startZoom: 2 },
         { color: "rgb(89, 117, 123)", layerSuffix: "osm", widthFraction: 0.33, lineExtensionFactor: 0.25, startZoom: 2 },
-        { color: "rgb(172, 163, 163)", layerSuffix: "osm-internal", widthFraction: 0.33, startZoom: 4, dashArray: [7, 7, 7] }
+        { color: "rgb(172, 163, 163)", layerSuffix: "osm-internal", widthFraction: 0.33, startZoom: 4, dashArray: [7, 7] }
       ]
     }
   ];
   var INFINITY2 = -1;
+  var MIN_LINE_WIDTH2 = 0.1;
+  var DEFAULT_LINE_WIDTH2 = 1;
   function templateToRegex2(template) {
     const groups = [];
+    const hasRetina = template.includes("{r}");
+    const hasExtension = /\.(png|jpg|jpeg|webp|gif)$/i.test(template);
     let pattern = template.replace(/[.*+?^${}()|[\]\\]/g, (char) => {
       if (char === "{" || char === "}") return char;
       return "\\" + char;
@@ -14921,13 +15084,22 @@ var IndiaBoundaryCorrector = (() => {
         return "([a-z0-9]+)";
       }
       if (lowerName === "r") {
-        return "(@\\d+x)?";
+        return "(@\\d+x)";
       }
       return "(\\d+)";
     });
+    if (!hasRetina) {
+      if (hasExtension) {
+        pattern = pattern.replace(/(\\\.(png|jpg|jpeg|webp|gif))/, "(?!@\\d+x)$1");
+      } else {
+        pattern = pattern + "(?!@\\d+x)";
+      }
+    }
     return { pattern: new RegExp("^" + pattern + "(\\?.*)?$", "i"), groups };
   }
   function templateToTemplateRegex2(template) {
+    const hasRetina = template.includes("{r}");
+    const hasExtension = /\.(png|jpg|jpeg|webp|gif)$/i.test(template);
     let pattern = template.replace(/[.*+?^${}()|[\]\\]/g, (char) => {
       if (char === "{" || char === "}") return char;
       return "\\" + char;
@@ -14937,10 +15109,17 @@ var IndiaBoundaryCorrector = (() => {
         return "(\\{s\\}|\\{[a-z0-9]-[a-z0-9]\\}|[a-z0-9]+)";
       }
       if (lowerName === "r") {
-        return "(\\{r\\}|@\\d+x)?";
+        return "(\\{r\\}|@\\d+x)";
       }
       return `\\{${lowerName}\\}`;
     });
+    if (!hasRetina) {
+      if (hasExtension) {
+        pattern = pattern.replace(/(\\\.(png|jpg|jpeg|webp|gif))/, "(?!@\\d+x|\\{r\\})$1");
+      } else {
+        pattern = pattern + "(?!@\\d+x|\\{r\\})";
+      }
+    }
     return new RegExp("^" + pattern + "(\\?.*)?$", "i");
   }
   function isValidColor2(color) {
@@ -15009,7 +15188,7 @@ var IndiaBoundaryCorrector = (() => {
      * @param {number} [options.lineExtensionFactor=0.5] - Factor to extend lines by (multiplied by deletion line width)
      * @param {number} [options.delWidthFactor=1.5] - Factor to multiply line width for deletion blur
      */
-    constructor({ color, layerSuffix, widthFraction = 1, dashArray, alpha = 1, startZoom = 0, endZoom = INFINITY2, lineExtensionFactor = 0.5, delWidthFactor = 1.5 }) {
+    constructor({ color, layerSuffix, widthFraction = 1, dashArray, alpha = 1, startZoom = 0, endZoom = INFINITY2, lineExtensionFactor = 0, delWidthFactor = 1.5 }) {
       this.color = color;
       this.layerSuffix = layerSuffix;
       this.widthFraction = widthFraction;
@@ -15139,6 +15318,45 @@ var IndiaBoundaryCorrector = (() => {
       const activeStyles = this.getLineStylesForZoom(z2);
       return [...new Set(activeStyles.map((s) => s.layerSuffix))];
     }
+    /**
+     * Interpolate or extrapolate line width for a given zoom level.
+     * Uses the lineWidthStops map to calculate the appropriate width.
+     * @param {number} zoom - Zoom level
+     * @returns {number}
+     */
+    getLineWidth(zoom) {
+      const zooms = Object.keys(this.lineWidthStops).map(Number).sort((a, b2) => a - b2);
+      if (this.lineWidthStops[zoom] !== void 0) {
+        return this.lineWidthStops[zoom];
+      }
+      if (zoom < zooms[0]) {
+        const z1 = zooms[0];
+        const z2 = zooms[1];
+        const w1 = this.lineWidthStops[z1];
+        const w2 = this.lineWidthStops[z2];
+        const slope = (w2 - w1) / (z2 - z1);
+        return Math.max(MIN_LINE_WIDTH2, w1 + slope * (zoom - z1));
+      }
+      if (zoom > zooms[zooms.length - 1]) {
+        const z1 = zooms[zooms.length - 2];
+        const z2 = zooms[zooms.length - 1];
+        const w1 = this.lineWidthStops[z1];
+        const w2 = this.lineWidthStops[z2];
+        const slope = (w2 - w1) / (z2 - z1);
+        return Math.max(MIN_LINE_WIDTH2, w2 + slope * (zoom - z2));
+      }
+      for (let i2 = 0; i2 < zooms.length - 1; i2++) {
+        if (zoom > zooms[i2] && zoom < zooms[i2 + 1]) {
+          const z1 = zooms[i2];
+          const z2 = zooms[i2 + 1];
+          const w1 = this.lineWidthStops[z1];
+          const w2 = this.lineWidthStops[z2];
+          const t = (zoom - z1) / (z2 - z1);
+          return w1 + t * (w2 - w1);
+        }
+      }
+      return DEFAULT_LINE_WIDTH2;
+    }
     /**
      * Check if this config matches the given template URLs (with {z}/{x}/{y} placeholders)
      * @param {string | string[]} templates - Single template URL or array of template URLs
@@ -15329,9 +15547,7 @@ var IndiaBoundaryCorrector = (() => {
       return new _TileFetchError(response.status, response.url, body);
     }
   };
-  var MIN_LINE_WIDTH = 0.1;
   var DEFAULT_TILE_EXTENT = 4096;
-  var DEFAULT_LINE_WIDTH = 1;
   function buildFetchOptions(crossOrigin, referrerPolicy) {
     const options = {};
     if (crossOrigin === "use-credentials") {
@@ -15349,39 +15565,6 @@ var IndiaBoundaryCorrector = (() => {
     }
     return options;
   }
-  function getLineWidth(zoom, lineWidthStops) {
-    const zooms = Object.keys(lineWidthStops).map(Number).sort((a, b2) => a - b2);
-    if (lineWidthStops[zoom] !== void 0) {
-      return lineWidthStops[zoom];
-    }
-    if (zoom < zooms[0]) {
-      const z1 = zooms[0];
-      const z2 = zooms[1];
-      const w1 = lineWidthStops[z1];
-      const w2 = lineWidthStops[z2];
-      const slope = (w2 - w1) / (z2 - z1);
-      return Math.max(MIN_LINE_WIDTH, w1 + slope * (zoom - z1));
-    }
-    if (zoom > zooms[zooms.length - 1]) {
-      const z1 = zooms[zooms.length - 2];
-      const z2 = zooms[zooms.length - 1];
-      const w1 = lineWidthStops[z1];
-      const w2 = lineWidthStops[z2];
-      const slope = (w2 - w1) / (z2 - z1);
-      return Math.max(MIN_LINE_WIDTH, w2 + slope * (zoom - z2));
-    }
-    for (let i2 = 0; i2 < zooms.length - 1; i2++) {
-      if (zoom > zooms[i2] && zoom < zooms[i2 + 1]) {
-        const z1 = zooms[i2];
-        const z2 = zooms[i2 + 1];
-        const w1 = lineWidthStops[z1];
-        const w2 = lineWidthStops[z2];
-        const t = (zoom - z1) / (z2 - z1);
-        return w1 + t * (w2 - w1);
-      }
-    }
-    return DEFAULT_LINE_WIDTH;
-  }
   function getFeaturesBoundingBox(features, tileSize, padding = 0) {
     let minX = Infinity, minY = Infinity;
     let maxX = -Infinity, maxY = -Infinity;
@@ -15642,7 +15825,6 @@ var IndiaBoundaryCorrector = (() => {
      * @returns {Promise<ArrayBuffer>} The corrected tile as ArrayBuffer (PNG)
      */
     async fixTile(corrections, rasterTile, layerConfig, zoom) {
-      const { lineWidthStops } = layerConfig;
       let activeLineStyles;
       if (layerConfig.getLineStylesForZoom) {
         activeLineStyles = layerConfig.getLineStylesForZoom(zoom);
@@ -15667,7 +15849,7 @@ var IndiaBoundaryCorrector = (() => {
       const canvas = this._canvas;
       const ctx = canvas.getContext("2d", { willReadFrequently: true });
       ctx.drawImage(imageBitmap, 0, 0, tileSize, tileSize);
-      const baseLineWidth = getLineWidth(zoom, lineWidthStops);
+      const baseLineWidth = layerConfig.getLineWidth(zoom);
       const delLineWidthBySuffix = {};
       for (const suffix of layerSuffixes) {
         const stylesForSuffix = activeLineStyles.filter((s) => s.layerSuffix === suffix);