fix: add graphic fill padding on fill symbolizer

package.json

@@ -37,7 +37,7 @@
     "lint:typecheck:test": "npm run lint && npm run typecheck && npm run test"
   },
   "dependencies": {
-    "geostyler-style": "^9.0.1"
+    "geostyler-style": "^9.2.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.25.7",
@@ -53,7 +53,7 @@
     "coveralls": "^3.1.1",
     "eslint": "^8.40.0",
     "eslint-config-prettier": "^9.1.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.0",
     "typescript": "^5.4.5",
     "vitest": "^2.0.0"
   },

src/processSymbolLayer.ts

@@ -307,16 +307,14 @@ const processSymbolHatchFill = (layer: SymbolLayer): Symbolizer => {
         // To keep the "original size" given by the separation value, we play with a negative margin.
         let negativeMargin = ((neededSize - separation) / 2) * -1;
         if (wellKnowName === getStraightHatchMarker()[0]) {
-          // @ts-ignore FIXME see issue #64
-          fillSymbolizer.graphicFillMargin = [
+          fillSymbolizer.graphicFillPadding = [
             negativeMargin,
             0,
             negativeMargin,
             0,
           ];
         } else {
-          // @ts-ignore FIXME see issue #64
-          fillSymbolizer.graphicFillMargin = [
+          fillSymbolizer.graphicFillPadding = [
             0,
             negativeMargin,
             0,

src/processSymbolReference.ts

@@ -10,6 +10,7 @@ import {
 import { Options } from "./types.ts";
 import { processSymbolLayer } from "./processSymbolLayer.ts";
 import {
+  Expression,
   FillSymbolizer,
   LineSymbolizer,
   MarkSymbolizer,
@@ -137,16 +138,15 @@ const formatPolygonSymbolizer = (
 ): FillSymbolizer | LineSymbolizer | null => {
   const markerPlacementType = markerPlacement.type;
   if (markerPlacementType === "CIMMarkerPlacementInsidePolygon") {
-    const margin = processMarkerPlacementInsidePolygon(
+    const padding = processMarkerPlacementInsidePolygon(
       symbolizer,
       markerPlacement,
     );
     return {
       kind: "Fill",
       opacity: 1.0,
       graphicFill: symbolizer,
-      // @ts-ignore FIXME see issue #64
-      graphicFillMargin: margin,
+      graphicFillPadding: padding,
     };
   }
   if (markerPlacementType === "CIMMarkerPlacementAlongLineSameSize") {
@@ -238,7 +238,12 @@ const processOrientedMarkerAtEndOfLine = (
 const processMarkerPlacementInsidePolygon = (
   symbolizer: MarkSymbolizer,
   markerPlacement: CIMMarkerPlacement,
-): number[] => {
+): [
+  Expression<number>,
+  Expression<number>,
+  Expression<number>,
+  Expression<number>,
+] => {
   const resizeFactor = symbolizer?.wellKnownName?.startsWith("wkt://POLYGON")
     ? 1
     : POLYGON_FILL_RESIZE_FACTOR;