@carto/api-client 0.5.32-alpha.48cef4f.127 → 0.5.32-alpha.5d97a52.131

package/build/api-client.cjs

@@ -10743,6 +10743,7 @@ var solid_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAA
 
 // src/fetch-map/pattern-atlas.ts
 var DEFAULT_CELL_SIZE = 128;
+var SOURCE_TILE_SIZE = 64;
 var PATTERN_ROWS = [
   "hlines",
   "vlines",
@@ -10788,11 +10789,22 @@ function getPatternTextureParameters() {
   const params = debugGlobals().__CARTO_PATTERN_TEXTURE_PARAMS__;
   return params && typeof params === "object" ? params : void 0;
 }
+function getPatternRepeats(cell) {
+  return Math.max(1, Math.floor(cell / SOURCE_TILE_SIZE));
+}
+function getPatternScaleAdjustment(cell = getPatternCellSize()) {
+  return SOURCE_TILE_SIZE * getPatternRepeats(cell) / cell;
+}
+function getPatternCellPadding(cell) {
+  return Math.max(2, Math.round(cell / 16));
+}
 function getPatternAtlasMapping(cell = getPatternCellSize()) {
+  const pad = getPatternCellPadding(cell);
+  const pitch = cell + 2 * pad;
   const mapping = {};
   const frame = (col, row) => ({
-    x: col * cell,
-    y: row * cell,
+    x: pad + col * pitch,
+    y: pad + row * pitch,
     width: cell,
     height: cell,
     mask: true
@@ -10843,7 +10855,9 @@ function getPatternAtlas(cell = getPatternCellSize()) {
 }
 async function build(cell) {
   const mapping = getPatternAtlasMapping(cell);
-  const canvas = createCanvas(cell * 3, cell * (PATTERN_ROWS.length + 1));
+  const pad = getPatternCellPadding(cell);
+  const pitch = cell + 2 * pad;
+  const canvas = createCanvas(pitch * 3, pitch * (PATTERN_ROWS.length + 1));
   const ctx = canvas.getContext("2d");
   if (!ctx)
     throw new Error(
@@ -10855,10 +10869,21 @@ async function build(cell) {
       images[key] = await loadImage(url);
     })
   );
-  ctx.imageSmoothingEnabled = false;
+  const reps = getPatternRepeats(cell);
+  const step = cell / reps;
   for (const [key, frame] of Object.entries(mapping)) {
     const img = images[key];
-    if (img) ctx.drawImage(img, frame.x, frame.y, cell, cell);
+    if (!img) continue;
+    ctx.save();
+    ctx.beginPath();
+    ctx.rect(frame.x - pad, frame.y - pad, cell + 2 * pad, cell + 2 * pad);
+    ctx.clip();
+    for (let i = -1; i <= reps; i++) {
+      for (let j = -1; j <= reps; j++) {
+        ctx.drawImage(img, frame.x + i * step, frame.y + j * step, step, step);
+      }
+    }
+    ctx.restore();
   }
   if (typeof createImageBitmap !== "undefined")
     return createImageBitmap(canvas);
@@ -11299,7 +11324,7 @@ function createChannelProps(id, layerType, config2, visualChannels, data, datase
       if (textureParameters) {
         result.textureParameters = textureParameters;
       }
-      result.getFillPatternScale = visConfig.fillPatternSize ?? 1;
+      result.getFillPatternScale = (visConfig.fillPatternSize ?? 1) * getPatternScaleAdjustment();
       result.fillPattern = visConfig.fillPattern;
       const { fillPatternField, fillPatternScale } = visualChannels;
       const { fillPatternRange, fillPatternDensity } = visConfig;