diff --git a/dist/ol-ext.js b/dist/ol-ext.js
index 1043e5733..3a5fb30ab 100644
--- a/dist/ol-ext.js
+++ b/dist/ol-ext.js
@@ -1,7 +1,7 @@
 /**
  * ol-ext - A set of cool extensions for OpenLayers (ol) in node modules structure
  * @description ol3,openlayers,popup,menu,symbol,renderer,filter,canvas,interaction,split,statistic,charts,pie,LayerSwitcher,toolbar,animation
- * @version v3.2.30
+ * @version v4.0.0
  * @author Jean-Marc Viglino
  * @see https://github.com/Viglino/ol-ext#,
  * @license BSD-3-Clause
diff --git a/dist/ol-ext.min.js b/dist/ol-ext.min.js
index 4999d389f..fe2ef46f4 100644
--- a/dist/ol-ext.min.js
+++ b/dist/ol-ext.min.js
@@ -1,7 +1,7 @@
 /**
  * ol-ext - A set of cool extensions for OpenLayers (ol) in node modules structure
  * @description ol3,openlayers,popup,menu,symbol,renderer,filter,canvas,interaction,split,statistic,charts,pie,LayerSwitcher,toolbar,animation
- * @version v3.2.30
+ * @version v4.0.0
  * @author Jean-Marc Viglino
  * @see https://github.com/Viglino/ol-ext#,
  * @license BSD-3-Clause
diff --git a/examples/popup/map.placemark.html b/examples/popup/map.placemark.html
index 6d90683d8..a6bddc602 100644
--- a/examples/popup/map.placemark.html
+++ b/examples/popup/map.placemark.html
@@ -150,8 +150,11 @@ <h1>ol-ext: Placemark overlay</h1>
     // backgroundColor : 'yellow',
     contentColor: '#000',
     onshow: function(){ console.log("You opened a placemark"); },
-    autoPan: true,
-    autoPanAnimation: { duration: 250 }
+    autoPan: { 
+      animation : {
+        duration: 250 
+      }
+    }
   });
 		
 	// The map
diff --git a/examples/popup/map.popup.anim.html b/examples/popup/map.popup.anim.html
index de5e37c80..3a20c0b43 100644
--- a/examples/popup/map.popup.anim.html
+++ b/examples/popup/map.popup.anim.html
@@ -103,8 +103,11 @@ <h2>Options:</h2>
     closeBox: true,
     onclose: function(){ console.log("You close the box"); },
     positioning: $("#positioning").val(),
-    autoPan: true,
-    autoPanAnimation: { duration: 100 }
+    autoPan: {
+      animation: {
+        duration: 100
+      }
+    }
   });
     
   // The map
diff --git a/examples/popup/map.popup.bar.html b/examples/popup/map.popup.bar.html
index 123ebeaec..b5f1296df 100644
--- a/examples/popup/map.popup.bar.html
+++ b/examples/popup/map.popup.bar.html
@@ -175,8 +175,9 @@ <h2>Options:</h2>
     onshow: function(){ console.log("You opened the box"); },
     onclose: function(){ console.log("You close the box"); },
     positioning: 'auto',
-    autoPan: true,
-    autoPanAnimation: { duration: 250 },
+    autoPan: {
+      animation: { duration: 250 }
+    },
     minibar: true
   });
     
diff --git a/examples/popup/map.popup.html b/examples/popup/map.popup.html
index 4c070fdc0..6309f082c 100644
--- a/examples/popup/map.popup.html
+++ b/examples/popup/map.popup.html
@@ -183,8 +183,9 @@ <h2>Options:</h2>
     onshow: function(){ console.log("You opened the box"); },
     onclose: function(){ console.log("You close the box"); },
     positioning: 'auto',
-    autoPan: true,
-    autoPanAnimation: { duration: 250 }
+    autoPan: {
+      animation: { duration: 250 }
+    }
   });
     
   // The map