From 6bf0bc358cd317dbc8d94e03fbcf0edfdbcce4b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michael=20Fai=C3=9Ft?= <michael@faisst.at>
Date: Wed, 10 Oct 2018 21:52:06 +0200
Subject: [PATCH] [@types/leaflet-polylinedecorator] Adjust offset, endOffset
 and repeat types (#29603)

* offset, endOffset and repeat in the Pattern Interface can also be of type string

* added a few new tests with new string offset, endOffset and repeat
---
 types/leaflet-polylinedecorator/index.d.ts    |  7 ++--
 .../leaflet-polylinedecorator-tests.ts        | 41 +++++++++++++++++++
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/types/leaflet-polylinedecorator/index.d.ts b/types/leaflet-polylinedecorator/index.d.ts
index b3603e9f29..b66fbc58cc 100644
--- a/types/leaflet-polylinedecorator/index.d.ts
+++ b/types/leaflet-polylinedecorator/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for leaflet-polylinedecorator 1.1
 // Project: https://github.com/bbecquet/Leaflet.PolylineDecorator#readme
 // Definitions by: Viktor Soucek <https://github.com/soucekv>
+//                 Michael Faisst <https://github.com/michaelfaisst>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -45,9 +46,9 @@ declare module 'leaflet' {
     }
 
     interface Pattern {
-        offset?: number;
-        endOffset?: number;
-        repeat: number;
+        offset?: number | string;
+        endOffset?: number | string;
+        repeat: number | string;
         symbol: Symbol.Dash | Symbol.ArrowHead | Symbol.Marker;
     }
 
diff --git a/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts b/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
index 7a9c5ee946..66a02cd376 100644
--- a/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
+++ b/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
@@ -53,3 +53,44 @@ L.polylineDecorator(polyline, {
             })}
     ]
 }).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            offset: "10%",
+            repeat: 0,
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            endOffset: "20%",
+            repeat: 0,
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            repeat: "5%",
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);