Rename _ol_style_Stroke_ to Stroke

examples/blend-modes.js

@@ -6,7 +6,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -23,7 +23,7 @@ var redLayer = new VectorLayer({
       fill: new Fill({
         color: 'rgba(255,0,0,0.8)'
       }),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgb(255,0,0)',
         width: 15
       }),
@@ -41,7 +41,7 @@ var greenLayer = new VectorLayer({
       fill: new Fill({
         color: 'rgba(0,255,0,0.8)'
       }),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgb(0,255,0)',
         width: 15
       }),
@@ -58,7 +58,7 @@ var blueLayer = new VectorLayer({
       fill: new Fill({
         color: 'rgba(0,0,255,0.8)'
       }),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgb(0,0,255)',
         width: 15
       }),

examples/canvas-gradient-pattern.js

@@ -7,7 +7,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import {fromLonLat} from '../src/ol/proj.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var canvas = document.createElement('canvas');
@@ -60,7 +60,7 @@ var pattern = (function() {
 var fill = new Fill();
 var style = new Style({
   fill: fill,
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#333',
     width: 2
   })

examples/center.js

@@ -8,7 +8,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var source = new VectorSource({
@@ -19,7 +19,7 @@ var style = new Style({
   fill: new Fill({
     color: 'rgba(255, 255, 255, 0.6)'
   }),
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#319FD3',
     width: 1
   }),
@@ -28,7 +28,7 @@ var style = new Style({
     fill: new Fill({
       color: 'rgba(255, 255, 255, 0.6)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#319FD3',
       width: 1
     })

examples/cluster.js

@@ -9,7 +9,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -43,7 +43,7 @@ var clusters = new VectorLayer({
       style = new Style({
         image: new _ol_style_Circle_({
           radius: 10,
-          stroke: new _ol_style_Stroke_({
+          stroke: new Stroke({
             color: '#fff'
           }),
           fill: new Fill({

examples/custom-interactions.js

@@ -13,7 +13,7 @@ import TileJSON from '../src/ol/source/TileJSON.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -164,7 +164,7 @@ var map = new Map({
           opacity: 0.95,
           src: 'data/icon.png'
         })),
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           width: 3,
           color: [255, 0, 0, 1]
         }),

examples/drag-and-drop-image-vector.js

@@ -13,7 +13,7 @@ import BingMaps from '../src/ol/source/BingMaps.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -24,14 +24,14 @@ var defaultStyle = {
         color: 'rgba(255,255,0,0.5)'
       }),
       radius: 5,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: '#ff0',
         width: 1
       })
     })
   }),
   'LineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#f00',
       width: 3
     })
@@ -40,7 +40,7 @@ var defaultStyle = {
     fill: new Fill({
       color: 'rgba(0,255,255,0.5)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#0ff',
       width: 1
     })
@@ -51,14 +51,14 @@ var defaultStyle = {
         color: 'rgba(255,0,255,0.5)'
       }),
       radius: 5,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: '#f0f',
         width: 1
       })
     })
   }),
   'MultiLineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#0f0',
       width: 3
     })
@@ -67,7 +67,7 @@ var defaultStyle = {
     fill: new Fill({
       color: 'rgba(0,0,255,0.5)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#00f',
       width: 1
     })

examples/drag-and-drop.js

@@ -13,7 +13,7 @@ import BingMaps from '../src/ol/source/BingMaps.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -24,14 +24,14 @@ var defaultStyle = {
         color: 'rgba(255,255,0,0.5)'
       }),
       radius: 5,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: '#ff0',
         width: 1
       })
     })
   }),
   'LineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#f00',
       width: 3
     })
@@ -40,7 +40,7 @@ var defaultStyle = {
     fill: new Fill({
       color: 'rgba(0,255,255,0.5)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#0ff',
       width: 1
     })
@@ -51,14 +51,14 @@ var defaultStyle = {
         color: 'rgba(255,0,255,0.5)'
       }),
       radius: 5,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: '#f0f',
         width: 1
       })
     })
   }),
   'MultiLineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#0f0',
       width: 3
     })
@@ -67,7 +67,7 @@ var defaultStyle = {
     fill: new Fill({
       color: 'rgba(0,0,255,0.5)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#00f',
       width: 1
     })

examples/draw-and-modify-features.js

@@ -9,7 +9,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var raster = new TileLayer({
@@ -23,7 +23,7 @@ var vector = new VectorLayer({
     fill: new Fill({
       color: 'rgba(255, 255, 255, 0.2)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#ffcc33',
       width: 2
     }),

examples/dynamic-data.js

@@ -6,7 +6,7 @@ import TileLayer from '../src/ol/layer/Tile.js';
 import OSM from '../src/ol/source/OSM.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -28,7 +28,7 @@ var imageStyle = new Style({
     radius: 5,
     snapToPixel: false,
     fill: new Fill({color: 'yellow'}),
-    stroke: new _ol_style_Stroke_({color: 'red', width: 1})
+    stroke: new Stroke({color: 'red', width: 1})
   })
 });
 

examples/earthquake-clusters.js

@@ -12,7 +12,7 @@ import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_RegularShape_ from '../src/ol/style/RegularShape.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -20,14 +20,14 @@ import _ol_style_Text_ from '../src/ol/style/Text.js';
 var earthquakeFill = new Fill({
   color: 'rgba(255, 153, 0, 0.8)'
 });
-var earthquakeStroke = new _ol_style_Stroke_({
+var earthquakeStroke = new Stroke({
   color: 'rgba(255, 204, 0, 0.2)',
   width: 1
 });
 var textFill = new Fill({
   color: '#fff'
 });
-var textStroke = new _ol_style_Stroke_({
+var textStroke = new Stroke({
   color: 'rgba(0, 0, 0, 0.6)',
   width: 3
 });

examples/earthquake-custom-symbol.js

@@ -9,7 +9,7 @@ import Stamen from '../src/ol/source/Stamen.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -37,7 +37,7 @@ var styleFunction = function(feature) {
         {size: [size, size], pixelRatio: 1});
     vectorContext.setStyle(new Style({
       fill: new Fill({color: 'rgba(255, 153, 0, 0.4)'}),
-      stroke: new _ol_style_Stroke_({color: 'rgba(255, 204, 0, 0.2)', width: 2})
+      stroke: new Stroke({color: 'rgba(255, 204, 0, 0.2)', width: 2})
     }));
     vectorContext.drawGeometry(new Polygon([symbol.map(scaleFunction)]));
     style = new Style({

examples/feature-animation.js

@@ -11,7 +11,7 @@ import {fromLonLat} from '../src/ol/proj.js';
 import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -70,7 +70,7 @@ function flash(feature) {
       image: new _ol_style_Circle_({
         radius: radius,
         snapToPixel: false,
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: 'rgba(255, 0, 0, ' + opacity + ')',
           width: 0.25 + opacity
         })

examples/feature-move-animation.js

@@ -10,7 +10,7 @@ import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 // This long string is placed here due to jsFiddle limitations.
@@ -86,7 +86,7 @@ var endMarker = new Feature({
 
 var styles = {
   'route': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       width: 6, color: [237, 212, 0, 0.8]
     })
   }),
@@ -101,7 +101,7 @@ var styles = {
       radius: 7,
       snapToPixel: false,
       fill: new Fill({color: 'black'}),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'white', width: 2
       })
     })

examples/flight-animation.js

@@ -7,7 +7,7 @@ import TileLayer from '../src/ol/layer/Tile.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import Stamen from '../src/ol/source/Stamen.js';
 import VectorSource from '../src/ol/source/Vector.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var map = new Map({
@@ -26,7 +26,7 @@ var map = new Map({
 });
 
 var style = new Style({
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#EAE911',
     width: 2
   })

examples/geojson.js

@@ -10,14 +10,14 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
 var image = new _ol_style_Circle_({
   radius: 5,
   fill: null,
-  stroke: new _ol_style_Stroke_({color: 'red', width: 1})
+  stroke: new Stroke({color: 'red', width: 1})
 });
 
 var styles = {
@@ -25,13 +25,13 @@ var styles = {
     image: image
   }),
   'LineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'green',
       width: 1
     })
   }),
   'MultiLineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'green',
       width: 1
     })
@@ -40,7 +40,7 @@ var styles = {
     image: image
   }),
   'MultiPolygon': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'yellow',
       width: 1
     }),
@@ -49,7 +49,7 @@ var styles = {
     })
   }),
   'Polygon': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'blue',
       lineDash: [4],
       width: 3
@@ -59,7 +59,7 @@ var styles = {
     })
   }),
   'GeometryCollection': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'magenta',
       width: 2
     }),
@@ -69,13 +69,13 @@ var styles = {
     image: new _ol_style_Circle_({
       radius: 10,
       fill: null,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'magenta'
       })
     })
   }),
   'Circle': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'red',
       width: 2
     }),

examples/geolocation.js

@@ -10,7 +10,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var view = new View({
@@ -73,7 +73,7 @@ positionFeature.setStyle(new Style({
     fill: new Fill({
       color: '#3399CC'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#fff',
       width: 2
     })

examples/gpx.js

@@ -7,7 +7,7 @@ import BingMaps from '../src/ol/source/BingMaps.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var raster = new TileLayer({
@@ -24,20 +24,20 @@ var style = {
         color: 'rgba(255,255,0,0.4)'
       }),
       radius: 5,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: '#ff0',
         width: 1
       })
     })
   }),
   'LineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#f00',
       width: 3
     })
   }),
   'MultiLineString': new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#0f0',
       width: 3
     })

examples/graticule.js

@@ -4,7 +4,7 @@ import View from '../src/ol/View.js';
 import TileLayer from '../src/ol/layer/Tile.js';
 import {fromLonLat} from '../src/ol/proj.js';
 import OSM from '../src/ol/source/OSM.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 
 
 var map = new Map({
@@ -25,7 +25,7 @@ var map = new Map({
 // Create the graticule component
 var graticule = new Graticule({
   // the style to use for the lines, optional.
-  strokeStyle: new _ol_style_Stroke_({
+  strokeStyle: new Stroke({
     color: 'rgba(255,120,0,0.9)',
     width: 2,
     lineDash: [0.5, 4]

examples/hit-tolerance.js

@@ -7,14 +7,14 @@ import VectorSource from '../src/ol/source/Vector.js';
 import Feature from '../src/ol/Feature.js';
 import LineString from '../src/ol/geom/LineString.js';
 import Style from '../src/ol/style/Style.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 
 var raster = new TileLayer({
   source: new OSM()
 });
 
 var style = new Style({
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: 'black',
     width: 1
   })

examples/igc.js

@@ -11,7 +11,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -29,7 +29,7 @@ var styleFunction = function(feature) {
   var style = styleCache[color];
   if (!style) {
     style = new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: color,
         width: 3
       })
@@ -152,7 +152,7 @@ map.on('click', function(evt) {
   displaySnap(evt.coordinate);
 });
 
-var stroke = new _ol_style_Stroke_({
+var stroke = new Stroke({
   color: 'rgba(255,0,0,0.9)',
   width: 1
 });

examples/image-vector-layer.js

@@ -4,7 +4,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -13,7 +13,7 @@ var style = new Style({
   fill: new Fill({
     color: 'rgba(255, 255, 255, 0.6)'
   }),
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#319FD3',
     width: 1
   }),
@@ -45,7 +45,7 @@ var featureOverlay = new VectorLayer({
   source: new VectorSource(),
   map: map,
   style: new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#f00',
       width: 1
     }),

examples/kml-earthquakes.js

@@ -7,7 +7,7 @@ import Stamen from '../src/ol/source/Stamen.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -27,7 +27,7 @@ var styleFunction = function(feature) {
         fill: new Fill({
           color: 'rgba(255, 153, 0, 0.4)'
         }),
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: 'rgba(255, 204, 0, 0.2)',
           width: 1
         })

examples/kml-timezones.js

@@ -6,7 +6,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import Stamen from '../src/ol/source/Stamen.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -39,7 +39,7 @@ var styleFunction = function(feature) {
     fill: new Fill({
       color: [0xff, 0xff, 0x33, opacity]
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#ffffff'
     })
   });

examples/layer-z-index.js

@@ -6,11 +6,11 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_RegularShape_ from '../src/ol/style/RegularShape.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
-var stroke = new _ol_style_Stroke_({color: 'black', width: 1});
+var stroke = new Stroke({color: 'black', width: 1});
 
 var styles = {
   'square': new Style({

examples/line-arrows.js

@@ -7,7 +7,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var raster = new TileLayer({
@@ -21,7 +21,7 @@ var styleFunction = function(feature) {
   var styles = [
     // linestring
     new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: '#ffcc33',
         width: 2
       })

examples/mapbox-vector-tiles-advanced.js

@@ -6,7 +6,7 @@ import {get as getProjection} from '../src/ol/proj.js';
 import VectorTileSource from '../src/ol/source/VectorTile.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 import TileGrid from '../src/ol/tilegrid/TileGrid.js';
@@ -45,7 +45,7 @@ var map = new Map({
         }),
         tileUrlFunction: tileUrlFunction
       }),
-      style: createMapboxStreetsV6Style(Style, Fill, _ol_style_Stroke_, _ol_style_Icon_, _ol_style_Text_)
+      style: createMapboxStreetsV6Style(Style, Fill, Stroke, _ol_style_Icon_, _ol_style_Text_)
     })
   ],
   target: 'map',

examples/mapbox-vector-tiles.js

@@ -5,7 +5,7 @@ import VectorTileLayer from '../src/ol/layer/VectorTile.js';
 import VectorTileSource from '../src/ol/source/VectorTile.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_Icon_ from '../src/ol/style/Icon.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -24,7 +24,7 @@ var map = new Map({
         url: 'https://{a-d}.tiles.mapbox.com/v4/mapbox.mapbox-streets-v6/' +
             '{z}/{x}/{y}.vector.pbf?access_token=' + key
       }),
-      style: createMapboxStreetsV6Style(Style, Fill, _ol_style_Stroke_, _ol_style_Icon_, _ol_style_Text_)
+      style: createMapboxStreetsV6Style(Style, Fill, Stroke, _ol_style_Icon_, _ol_style_Text_)
     })
   ],
   target: 'map',

examples/measure.js

@@ -12,7 +12,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -28,7 +28,7 @@ var vector = new VectorLayer({
     fill: new Fill({
       color: 'rgba(255, 255, 255, 0.2)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#ffcc33',
       width: 2
     }),
@@ -184,14 +184,14 @@ function addInteraction() {
       fill: new Fill({
         color: 'rgba(255, 255, 255, 0.2)'
       }),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgba(0, 0, 0, 0.5)',
         lineDash: [10, 10],
         width: 2
       }),
       image: new _ol_style_Circle_({
         radius: 5,
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: 'rgba(0, 0, 0, 0.7)'
         }),
         fill: new Fill({

examples/modify-test.js

@@ -8,7 +8,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -17,11 +17,11 @@ var styleFunction = (function() {
   var image = new _ol_style_Circle_({
     radius: 5,
     fill: null,
-    stroke: new _ol_style_Stroke_({color: 'orange', width: 2})
+    stroke: new Stroke({color: 'orange', width: 2})
   });
   styles['Point'] = new Style({image: image});
   styles['Polygon'] = new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'blue',
       width: 3
     }),
@@ -30,13 +30,13 @@ var styleFunction = (function() {
     })
   });
   styles['MultiLineString'] = new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'green',
       width: 3
     })
   });
   styles['MultiPolygon'] = new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'yellow',
       width: 1
     }),
@@ -45,7 +45,7 @@ var styleFunction = (function() {
     })
   });
   styles['default'] = new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'red',
       width: 3
     }),
@@ -162,13 +162,13 @@ var overlayStyle = (function() {
       })
     }),
     new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: [255, 255, 255, 1],
         width: 5
       })
     }),
     new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: [0, 153, 255, 1],
         width: 3
       })
@@ -178,13 +178,13 @@ var overlayStyle = (function() {
 
   styles['LineString'] = [
     new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: [255, 255, 255, 1],
         width: 5
       })
     }),
     new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: [0, 153, 255, 1],
         width: 3
       })
@@ -199,7 +199,7 @@ var overlayStyle = (function() {
         fill: new Fill({
           color: [0, 153, 255, 1]
         }),
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: [255, 255, 255, 0.75],
           width: 1.5
         })

examples/osm-vector-tiles.js

@@ -5,7 +5,7 @@ import VectorTileLayer from '../src/ol/layer/VectorTile.js';
 import {fromLonLat} from '../src/ol/proj.js';
 import VectorTileSource from '../src/ol/source/VectorTile.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var key = 'vector-tiles-5eJz6JX';
@@ -21,7 +21,7 @@ var buildingStyle = new Style({
     color: '#666',
     opacity: 0.4
   }),
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#444',
     width: 1
   })
@@ -47,7 +47,7 @@ var roadStyle = function(feature) {
       width = kind == 'highway' ? 1.5 : 1;
     }
     style = new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: color,
         width: width
       }),

examples/polygon-styles.js

@@ -6,7 +6,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var styles = [
@@ -18,7 +18,7 @@ var styles = [
    *    the style.
    */
   new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'blue',
       width: 3
     }),

examples/regularshape.js

@@ -6,11 +6,11 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_RegularShape_ from '../src/ol/style/RegularShape.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
-var stroke = new _ol_style_Stroke_({color: 'black', width: 2});
+var stroke = new Stroke({color: 'black', width: 2});
 var fill = new Fill({color: 'red'});
 
 var styles = {

examples/render-geometry.js

@@ -4,7 +4,7 @@ import Polygon from '../src/ol/geom/Polygon.js';
 import _ol_render_ from '../src/ol/render.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -12,7 +12,7 @@ var canvas = document.getElementById('canvas');
 var vectorContext = _ol_render_.toContext(canvas.getContext('2d'), {size: [100, 100]});
 
 var fill = new Fill({color: 'blue'});
-var stroke = new _ol_style_Stroke_({color: 'black'});
+var stroke = new Stroke({color: 'black'});
 var style = new Style({
   fill: fill,
   stroke: stroke,

examples/snap.js

@@ -10,7 +10,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var raster = new TileLayer({
@@ -23,7 +23,7 @@ var vector = new VectorLayer({
     fill: new Fill({
       color: 'rgba(255, 255, 255, 0.2)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#ffcc33',
       width: 2
     }),

examples/symbol-atlas-webgl.js

@@ -8,7 +8,7 @@ import AtlasManager from '../src/ol/style/AtlasManager.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_RegularShape_ from '../src/ol/style/RegularShape.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var atlasManager = new AtlasManager({
@@ -54,7 +54,7 @@ for (i = 0; i < symbolInfo.length; ++i) {
       fill: new Fill({
         color: info.fillColor
       }),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: info.strokeColor,
         width: 1
       }),
@@ -74,7 +74,7 @@ for (i = 0; i < symbolInfo.length; ++i) {
       fill: new Fill({
         color: info.fillColor
       }),
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: info.strokeColor,
         width: 1
       }),

examples/synthetic-lines.js

@@ -4,7 +4,7 @@ import View from '../src/ol/View.js';
 import LineString from '../src/ol/geom/LineString.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -42,7 +42,7 @@ var vector = new VectorLayer({
     wrapX: false
   }),
   style: new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#666666',
       width: 1
     })

examples/synthetic-points.js

@@ -7,7 +7,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -28,14 +28,14 @@ var styles = {
     image: new _ol_style_Circle_({
       radius: 5,
       fill: new Fill({color: '#666666'}),
-      stroke: new _ol_style_Stroke_({color: '#bada55', width: 1})
+      stroke: new Stroke({color: '#bada55', width: 1})
     })
   }),
   '20': new Style({
     image: new _ol_style_Circle_({
       radius: 10,
       fill: new Fill({color: '#666666'}),
-      stroke: new _ol_style_Stroke_({color: '#bada55', width: 1})
+      stroke: new Stroke({color: '#bada55', width: 1})
     })
   })
 };
@@ -96,7 +96,7 @@ map.on('click', function(evt) {
   displaySnap(evt.coordinate);
 });
 
-var stroke = new _ol_style_Stroke_({
+var stroke = new Stroke({
   color: 'rgba(255,255,0,0.9)',
   width: 3
 });

examples/topojson.js

@@ -6,7 +6,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import TileJSON from '../src/ol/source/TileJSON.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -20,7 +20,7 @@ var style = new Style({
   fill: new Fill({
     color: 'rgba(255, 255, 255, 0.6)'
   }),
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#319FD3',
     width: 1
   })

examples/topolis.js

@@ -14,7 +14,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Style from '../src/ol/style/Style.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Fill from '../src/ol/style/Fill.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
@@ -32,12 +32,12 @@ var nodesLayer = new VectorLayer({
       image: new _ol_style_Circle_({
         radius: 8,
         fill: new Fill({color: 'rgba(255, 0, 0, 0.2)'}),
-        stroke: new _ol_style_Stroke_({color: 'red', width: 1})
+        stroke: new Stroke({color: 'red', width: 1})
       }),
       text: new _ol_style_Text_({
         text: f.get('node').id.toString(),
         fill: new Fill({color: 'red'}),
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: 'white',
           width: 3
         })
@@ -52,14 +52,14 @@ var edgesLayer = new VectorLayer({
   source: edges,
   style: function(f) {
     var style = new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'blue',
         width: 1
       }),
       text: new _ol_style_Text_({
         text: f.get('edge').id.toString(),
         fill: new Fill({color: 'blue'}),
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: 'white',
           width: 2
         })
@@ -74,7 +74,7 @@ var facesLayer = new VectorLayer({
   source: faces,
   style: function(f) {
     var style = new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'black',
         width: 1
       }),
@@ -85,7 +85,7 @@ var facesLayer = new VectorLayer({
         font: 'bold 12px sans-serif',
         text: f.get('face').id.toString(),
         fill: new Fill({color: 'green'}),
-        stroke: new _ol_style_Stroke_({
+        stroke: new Stroke({
           color: 'white',
           width: 2
         })

examples/vector-esri.js

@@ -8,7 +8,7 @@ import {fromLonLat} from '../src/ol/proj.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import XYZ from '../src/ol/source/XYZ.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_tilegrid_ from '../src/ol/tilegrid.js';
 
@@ -24,7 +24,7 @@ var styleCache = {
     fill: new Fill({
       color: 'rgba(225, 225, 225, 255)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'rgba(0, 0, 0, 255)',
       width: 0.4
     })
@@ -33,7 +33,7 @@ var styleCache = {
     fill: new Fill({
       color: 'rgba(255, 0, 0, 255)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'rgba(110, 110, 110, 255)',
       width: 0.4
     })
@@ -42,7 +42,7 @@ var styleCache = {
     fill: new Fill({
       color: 'rgba(56, 168, 0, 255)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'rgba(110, 110, 110, 255)',
       width: 0
     })
@@ -51,7 +51,7 @@ var styleCache = {
     fill: new Fill({
       color: 'rgba(168, 112, 0, 255)'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'rgba(110, 110, 110, 255)',
       width: 0.4
     })

examples/vector-label-decluttering.js

@@ -5,7 +5,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -41,7 +41,7 @@ var labelStyle = new Style({
     fill: new Fill({
       color: '#000'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#fff',
       width: 3
     })
@@ -51,7 +51,7 @@ var countryStyle = new Style({
   fill: new Fill({
     color: 'rgba(255, 255, 255, 0.6)'
   }),
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#319FD3',
     width: 1
   })

examples/vector-labels.js

@@ -7,7 +7,7 @@ import OSM from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -115,7 +115,7 @@ var createTextStyle = function(feature, resolution, dom) {
     font: font,
     text: getText(feature, resolution, dom),
     fill: new Fill({color: fillColor}),
-    stroke: new _ol_style_Stroke_({color: outlineColor, width: outlineWidth}),
+    stroke: new Stroke({color: outlineColor, width: outlineWidth}),
     offsetX: offsetX,
     offsetY: offsetY,
     placement: placement,
@@ -129,7 +129,7 @@ var createTextStyle = function(feature, resolution, dom) {
 // Polygons
 function polygonStyleFunction(feature, resolution) {
   return new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'blue',
       width: 1
     }),
@@ -152,7 +152,7 @@ var vectorPolygons = new VectorLayer({
 // Lines
 function lineStyleFunction(feature, resolution) {
   return new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'green',
       width: 2
     }),
@@ -175,7 +175,7 @@ function pointStyleFunction(feature, resolution) {
     image: new _ol_style_Circle_({
       radius: 10,
       fill: new Fill({color: 'rgba(255, 0, 0, 0.1)'}),
-      stroke: new _ol_style_Stroke_({color: 'red', width: 1})
+      stroke: new Stroke({color: 'red', width: 1})
     }),
     text: createTextStyle(feature, resolution, myDom.points)
   });

examples/vector-layer.js

@@ -4,7 +4,7 @@ import GeoJSON from '../src/ol/format/GeoJSON.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 import _ol_style_Text_ from '../src/ol/style/Text.js';
 
@@ -13,7 +13,7 @@ var style = new Style({
   fill: new Fill({
     color: 'rgba(255, 255, 255, 0.6)'
   }),
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#319FD3',
     width: 1
   }),
@@ -22,7 +22,7 @@ var style = new Style({
     fill: new Fill({
       color: '#000'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#fff',
       width: 3
     })
@@ -50,7 +50,7 @@ var map = new Map({
 });
 
 var highlightStyle = new Style({
-  stroke: new _ol_style_Stroke_({
+  stroke: new Stroke({
     color: '#f00',
     width: 1
   }),
@@ -62,7 +62,7 @@ var highlightStyle = new Style({
     fill: new Fill({
       color: '#000'
     }),
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: '#f00',
       width: 3
     })

examples/vector-osm.js

@@ -10,7 +10,7 @@ import BingMaps from '../src/ol/source/BingMaps.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import _ol_style_Circle_ from '../src/ol/style/Circle.js';
 import Fill from '../src/ol/style/Fill.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 var map;
@@ -18,7 +18,7 @@ var map;
 var styles = {
   'amenity': {
     'parking': new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgba(170, 170, 170, 1.0)',
         width: 1
       }),
@@ -30,7 +30,7 @@ var styles = {
   'building': {
     '.*': new Style({
       zIndex: 100,
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgba(246, 99, 79, 1.0)',
         width: 1
       }),
@@ -41,13 +41,13 @@ var styles = {
   },
   'highway': {
     'service': new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgba(255, 255, 255, 1.0)',
         width: 2
       })
     }),
     '.*': new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgba(255, 255, 255, 1.0)',
         width: 3
       })
@@ -55,7 +55,7 @@ var styles = {
   },
   'landuse': {
     'forest|grass|allotments': new Style({
-      stroke: new _ol_style_Stroke_({
+      stroke: new Stroke({
         color: 'rgba(140, 208, 95, 1.0)',
         width: 1
       }),

examples/vector-wfs-getfeature.js

@@ -7,7 +7,7 @@ import TileLayer from '../src/ol/layer/Tile.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import BingMaps from '../src/ol/source/BingMaps.js';
 import VectorSource from '../src/ol/source/Vector.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -15,7 +15,7 @@ var vectorSource = new VectorSource();
 var vector = new VectorLayer({
   source: vectorSource,
   style: new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'rgba(0, 0, 255, 1.0)',
       width: 2
     })

examples/vector-wfs.js

@@ -6,7 +6,7 @@ import VectorLayer from '../src/ol/layer/Vector.js';
 import _ol_loadingstrategy_ from '../src/ol/loadingstrategy.js';
 import BingMaps from '../src/ol/source/BingMaps.js';
 import VectorSource from '../src/ol/source/Vector.js';
-import _ol_style_Stroke_ from '../src/ol/style/Stroke.js';
+import Stroke from '../src/ol/style/Stroke.js';
 import Style from '../src/ol/style/Style.js';
 
 
@@ -25,7 +25,7 @@ var vectorSource = new VectorSource({
 var vector = new VectorLayer({
   source: vectorSource,
   style: new Style({
-    stroke: new _ol_style_Stroke_({
+    stroke: new Stroke({
       color: 'rgba(0, 0, 255, 1.0)',
       width: 2
     })