@india-boundary-corrector/tilefixer 0.1.0 → 0.2.1

package/dist/index.cjs

@@ -22,11 +22,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 // src/index.js
 var index_exports = {};
 __export(index_exports, {
-  MIN_LINE_WIDTH: () => MIN_LINE_WIDTH,
   TileFetchError: () => TileFetchError,
   TileFixer: () => TileFixer,
-  buildFetchOptions: () => buildFetchOptions,
-  getLineWidth: () => getLineWidth
+  buildFetchOptions: () => buildFetchOptions
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2274,6 +2272,26 @@ var CorrectionsSource = class {
 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",
@@ -2282,17 +2300,45 @@ var configs_default = [
       "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.75, "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.1, startZoom: 6, lineWidthStops: { "6": 9, "10": 8, "14": 8 }, 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",
@@ -2307,15 +2353,15 @@ var configs_default = [
       "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": 1, "3": 1, "4": 2, "5": 2, "6": 2.5, "7": 3, "8": 3, "10": 4, "11": 4, "12": 4 },
     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, lineWidthStops: { "6": 20, "8": 19, "10": 18, "12": 17 }, 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 }
     ]
   },
   {
@@ -2329,8 +2375,11 @@ var configs_default = [
       { color: "rgb(83, 83, 83)", layerSuffix: "ne", startZoom: 4, endZoom: 6 },
       { color: "rgb(173, 173, 173)", layerSuffix: "osm", startZoom: 7, endZoom: 8, alpha: 0.5, widthFraction: 4 },
       { color: "rgb(83, 83, 83)", layerSuffix: "osm", startZoom: 7, endZoom: 8 },
+      { color: "rgb(83, 83, 83)", layerSuffix: "osm-internal", widthFraction: 0.75, startZoom: 7, endZoom: 8 },
       { color: "rgb(199, 158, 204)", layerSuffix: "osm", startZoom: 9, widthFraction: 7, alpha: 0.6, lineExtensionFactor: 0.2 },
-      { color: "rgb(175, 41, 203)", layerSuffix: "osm", startZoom: 9, lineExtensionFactor: 0.2 }
+      { color: "rgb(175, 41, 203)", layerSuffix: "osm", startZoom: 9, lineExtensionFactor: 0.2 },
+      { color: "rgb(199, 158, 204)", layerSuffix: "osm-internal", startZoom: 9, widthFraction: 2.25, alpha: 0.6, lineExtensionFactor: 0.2 },
+      { color: "rgb(175, 41, 203)", layerSuffix: "osm-internal", startZoom: 9, widthFactor: 0.75, lineExtensionFactor: 0.2 }
     ]
   },
   {
@@ -2342,10 +2391,10 @@ var configs_default = [
     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] }
     ]
   },
   {
@@ -2358,13 +2407,50 @@ var configs_default = [
     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 interpolateLineWidth(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 i = 0; i < zooms.length - 1; i++) {
+    if (zoom > zooms[i] && zoom < zooms[i + 1]) {
+      const z1 = zooms[i];
+      const z2 = zooms[i + 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 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;
@@ -2378,13 +2464,22 @@ function templateToRegex(template) {
       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;
@@ -2394,10 +2489,17 @@ function templateToTemplateRegex(template) {
       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) {
@@ -2411,14 +2513,33 @@ function isValidColor(color) {
   if (/^[a-z]+$/.test(trimmed)) return true;
   return false;
 }
+function validateLineWidthStops(lineWidthStops, prefix) {
+  if (!lineWidthStops || typeof lineWidthStops !== "object" || Array.isArray(lineWidthStops)) {
+    throw new Error(`${prefix}: lineWidthStops must be an object`);
+  }
+  const stopKeys = Object.keys(lineWidthStops);
+  if (stopKeys.length < 2) {
+    throw new Error(`${prefix}: lineWidthStops must have at least 2 entries`);
+  }
+  for (const key of stopKeys) {
+    const zoom = Number(key);
+    if (!Number.isInteger(zoom) || zoom < 0) {
+      throw new Error(`${prefix}: lineWidthStops keys must be non-negative integers, got "${key}"`);
+    }
+    if (typeof lineWidthStops[key] !== "number" || lineWidthStops[key] <= 0) {
+      throw new Error(`${prefix}: lineWidthStops values must be positive numbers`);
+    }
+  }
+}
 var LineStyle = class _LineStyle {
   /**
    * Validate a LineStyle configuration object.
    * @param {Object} obj - The object to validate
    * @param {number} [index] - Optional index for error messages (when validating in an array)
+   * @param {boolean} [requireLineWidthStops=false] - Whether lineWidthStops is required
    * @throws {Error} If validation fails
    */
-  static validateJSON(obj, index) {
+  static validateJSON(obj, index, requireLineWidthStops = false) {
     const prefix = index !== void 0 ? `lineStyles[${index}]` : "LineStyle";
     if (!obj || typeof obj !== "object") {
       throw new Error(`${prefix}: must be an object`);
@@ -2453,22 +2574,30 @@ var LineStyle = class _LineStyle {
     if (obj.delWidthFactor !== void 0 && (typeof obj.delWidthFactor !== "number" || obj.delWidthFactor < 0)) {
       throw new Error(`${prefix}: delWidthFactor must be a non-negative number`);
     }
+    if (requireLineWidthStops && obj.lineWidthStops === void 0) {
+      throw new Error(`${prefix}: lineWidthStops is required`);
+    }
+    if (obj.lineWidthStops !== void 0) {
+      validateLineWidthStops(obj.lineWidthStops, prefix);
+    }
   }
   /**
    * @param {Object} options
    * @param {string} options.color - CSS color string
    * @param {string} options.layerSuffix - Layer suffix (e.g., 'osm', 'ne', 'osm-disp')
+   * @param {Object<number, number>} options.lineWidthStops - Line width stops for this style
    * @param {number} [options.widthFraction=1.0] - Multiplier for base line width
    * @param {number[]} [options.dashArray] - Dash pattern for dashed lines
    * @param {number} [options.alpha=1.0] - Opacity (0-1)
    * @param {number} [options.startZoom=0] - Minimum zoom level for this style
    * @param {number} [options.endZoom=INFINITY] - Maximum zoom level for this style (INFINITY means no limit)
-   * @param {number} [options.lineExtensionFactor=0.5] - Factor to extend lines by (multiplied by deletion line width)
+   * @param {number} [options.lineExtensionFactor=0.0] - 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, lineWidthStops, widthFraction = 1, dashArray, alpha = 1, startZoom = 0, endZoom = INFINITY, lineExtensionFactor = 0, delWidthFactor = 1.5 }) {
     this.color = color;
     this.layerSuffix = layerSuffix;
+    this.lineWidthStops = lineWidthStops;
     this.widthFraction = widthFraction;
     this.dashArray = dashArray;
     this.alpha = alpha;
@@ -2477,6 +2606,14 @@ var LineStyle = class _LineStyle {
     this.lineExtensionFactor = lineExtensionFactor;
     this.delWidthFactor = delWidthFactor;
   }
+  /**
+   * Get base line width for this style at a given zoom level.
+   * @param {number} zoom - Zoom level
+   * @returns {number}
+   */
+  getLineWidth(zoom) {
+    return interpolateLineWidth(zoom, this.lineWidthStops);
+  }
   /**
    * Check if this style is active at the given zoom level.
    * @param {number} z - Zoom level
@@ -2493,6 +2630,7 @@ var LineStyle = class _LineStyle {
     return {
       color: this.color,
       layerSuffix: this.layerSuffix,
+      lineWidthStops: this.lineWidthStops,
       widthFraction: this.widthFraction,
       dashArray: this.dashArray,
       alpha: this.alpha,
@@ -2509,7 +2647,7 @@ var LineStyle = class _LineStyle {
    * @returns {LineStyle}
    */
   static fromJSON(obj, index) {
-    _LineStyle.validateJSON(obj, index);
+    _LineStyle.validateJSON(obj, index, true);
     return new _LineStyle(obj);
   }
 };
@@ -2575,9 +2713,13 @@ var LayerConfig = class _LayerConfig {
     this._compiledPatterns = templates.map((t) => templateToRegex(t));
     this._templatePatterns = templates.map((t) => templateToTemplateRegex(t));
     this.lineWidthStops = lineWidthStops;
-    this.lineStyles = lineStyles.map(
-      (style) => style instanceof LineStyle ? style : new LineStyle(style)
-    );
+    this.lineStyles = lineStyles.map((style) => {
+      if (style instanceof LineStyle) {
+        return style;
+      }
+      const styleWithStops = style.lineWidthStops ? style : { ...style, lineWidthStops };
+      return new LineStyle(styleWithStops);
+    });
   }
   /**
    * Get line styles active at a given zoom level
@@ -2788,9 +2930,7 @@ var TileFetchError = class _TileFetchError extends Error {
     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") {
@@ -2808,39 +2948,6 @@ function buildFetchOptions(crossOrigin, referrerPolicy) {
   }
   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 i = 0; i < zooms.length - 1; i++) {
-    if (zoom > zooms[i] && zoom < zooms[i + 1]) {
-      const z1 = zooms[i];
-      const z2 = zooms[i + 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;
@@ -3101,7 +3208,6 @@ var _TileFixer = class _TileFixer {
    * @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);
@@ -3126,12 +3232,13 @@ var _TileFixer = class _TileFixer {
     const canvas = this._canvas;
     const ctx = canvas.getContext("2d", { willReadFrequently: true });
     ctx.drawImage(imageBitmap, 0, 0, tileSize, tileSize);
-    const baseLineWidth = getLineWidth(zoom, lineWidthStops);
     const delLineWidthBySuffix = {};
     for (const suffix of layerSuffixes) {
       const stylesForSuffix = activeLineStyles.filter((s) => s.layerSuffix === suffix);
-      const maxProduct = Math.max(...stylesForSuffix.map((s) => s.widthFraction * s.delWidthFactor));
-      delLineWidthBySuffix[suffix] = baseLineWidth * maxProduct;
+      const maxDelWidth = Math.max(...stylesForSuffix.map(
+        (s) => s.getLineWidth(zoom) * s.widthFraction * s.delWidthFactor
+      ));
+      delLineWidthBySuffix[suffix] = maxDelWidth;
     }
     for (const suffix of layerSuffixes) {
       const delLineWidth = delLineWidthBySuffix[suffix];
@@ -3146,7 +3253,7 @@ var _TileFixer = class _TileFixer {
       }
     }
     for (const style of activeLineStyles) {
-      const { color, layerSuffix, widthFraction, dashArray, alpha, lineExtensionFactor } = style;
+      const { color, widthFraction, dashArray, alpha, lineExtensionFactor, layerSuffix } = style;
       const addLayerName = `to-add-${layerSuffix}`;
       let addFeatures = corrections[addLayerName] || [];
       if (addFeatures.length > 0) {
@@ -3154,7 +3261,7 @@ var _TileFixer = class _TileFixer {
         if (lineExtensionFactor > 0) {
           addFeatures = extendFeaturesByFactor(addFeatures, lineExtensionFactor, delLineWidth, tileSize);
         }
-        const lineWidth = baseLineWidth * widthFraction;
+        const lineWidth = style.getLineWidth(zoom) * widthFraction;
         drawFeatures(ctx, addFeatures, color, lineWidth, tileSize, dashArray, alpha);
       }
     }