web dynamic reload apply

src/main/java/com/its/api/ItsOpServerApplication.java

@@ -28,7 +28,7 @@ import java.util.Date;
 @EnableAsync
 @Configuration
 @SpringBootApplication
-@ComponentScan(basePackages = {"com.its.api.config", "com.its.api.its.repository.*", "com.its.api"})
+@ComponentScan(basePackages = {"com.its.api.config", "com.its.api.its.repository.*", "com.its.api.*"})
 @CrossOrigin("*")
 public class ItsOpServerApplication implements CommandLineRunner, ApplicationListener<ContextClosedEvent>, InitializingBean, DisposableBean {
 

src/main/java/com/its/api/webapp/controller/FcltRedirectController.java

@@ -0,0 +1,23 @@
+package com.its.api.webapp.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+@Slf4j
+@Controller
+@RequestMapping("/fclt")
+public class FcltRedirectController {
+
+    private final String baseContext = "forward:/application/fclt";
+
+    @RequestMapping("/index.do")
+    public ModelAndView index(HttpServletRequest request, HttpServletResponse response) {
+        return new ModelAndView(this.baseContext + "/index.html");
+    }
+
+}

src/main/java/com/its/api/webapp/controller/ItsRedirectController.java

@@ -0,0 +1,23 @@
+package com.its.api.webapp.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+@Slf4j
+@Controller
+@RequestMapping("/op")
+public class ItsRedirectController {
+
+    private final String baseContext = "forward:/application/op";
+
+    @RequestMapping("/index.do")
+    public ModelAndView index(HttpServletRequest request, HttpServletResponse response) {
+        return new ModelAndView(this.baseContext + "/index.html");
+    }
+
+}

src/main/java/com/its/api/webapp/controller/WallRedirectController.java

@@ -0,0 +1,23 @@
+package com.its.api.webapp.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+@Slf4j
+@Controller
+@RequestMapping("/wall")
+public class WallRedirectController {
+
+    private final String baseContext = "forward:/application/wall";
+
+    @RequestMapping("/index.do")
+    public ModelAndView index(HttpServletRequest request, HttpServletResponse response) {
+        return new ModelAndView(this.baseContext + "/index.html");
+    }
+
+}

src/main/java/com/its/api/webapp/controller/WebRedirectController.java

@@ -0,0 +1,23 @@
+package com.its.api.webapp.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+@Slf4j
+@Controller
+@RequestMapping("/")
+public class WebRedirectController {
+
+    private final String baseContext = "forward:/application";
+
+    @RequestMapping("/index.do")
+    public ModelAndView index(HttpServletRequest request, HttpServletResponse response) {
+        return new ModelAndView(this.baseContext + "/index.html");
+    }
+
+}

src/main/resources/application-dev.yml

@@ -1,4 +1,11 @@
 spring:
+  resources:
+    static-locations: file:src/main/resources/static/
+  devtools:
+    livereload:
+      enabled: true
+  freemarker:
+    cache: false
   datasource:
     hikari:
       driver-class-name: com.tmax.tibero.jdbc.TbDriver

src/main/resources/static/application/fclt/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<h1>Facility bashboard Terminal</h1>
+</body>
+</html>

src/main/resources/static/application/fclt/main/main.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<h1>Operator Terminal-MAIN</h1>
+</body>
+</html>

src/main/resources/static/application/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<h1>Main Index-call login</h1>
+
+</body>
+</html>

src/main/resources/static/application/op/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<h1>Operator Terminal</h1>
+</body>
+</html>

src/main/resources/static/application/op/main/main.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<h1>Operator Terminal-MAIN</h1>
+</body>
+</html>

src/main/resources/static/application/wall/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+<h1>Wall</h1>
+</body>
+</html>

src/main/resources/static/application/wall/main/main.css

@@ -0,0 +1,3 @@
+h1 {
+    color : red;
+}

src/main/resources/static/application/wall/main/main.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="main.css" />
+    <title>Title</title>
+</head>
+<body>
+<h1>Wall - MAIN</h1>
+</body>
+</html>

src/main/resources/static/css/jquery.treegrid.css

@@ -1,53 +0,0 @@
-.treegrid-expander {
-	display: inline-block;
-	margin-left: -24px;
-	position: relative;
-	width: 24px;
-}
-.treegrid-expander {
-	vertical-align: middle;
-}
-.treegrid-expander::after {
-	border: 6px solid transparent;
-	content: ' ';
-	display: block;
-	height: 0;
-	left: 50%;
-	margin-left: -6px;
-	margin-top: -6px;
-	position: absolute;
-	top: 50%;
-	width: 0;
-}
-.treegrid-expander-expanded,
-.treegrid-expander-collapsed {
-	cursor: pointer;
-}
-.treegrid-expander-expanded::after {
-	border-top-color: #ccc;
-}
-.treegrid-expander-collapsed::after {
-	border-left-color: #ccc;
-}
-tr.loading>td>.treegrid-container>.treegrid-expander::after {
-	background: url('../images/loader.gif') center center no-repeat;
-	border: 0;
-	height: 16px;
-	margin-left: -8px;
-	margin-top: -8px;
-	width: 16px;
-}
-.treegrid-move-indicator {
-	border: 5px solid transparent;
-	border-left-color: #000;
-	display: none;
-	width: 0;
-	height: 0;
-	position: absolute;
-	margin-top: -5px;
-	margin-left: -6px;
-}
-.treegrid-container.dragging {
-	margin-left: 0 !important;
-	position: absolute;
-}

src/main/resources/static/libs/sockjs/sockjs.js

@@ -0,0 +1,5118 @@
+/* sockjs-client v1.6.0 | http://sockjs.org | MIT license */
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.SockJS = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var transportList = require('./transport-list');
+
+module.exports = require('./main')(transportList);
+
+// TODO can't get rid of this until all servers do
+if ('_sockjs_onload' in global) {
+  setTimeout(global._sockjs_onload, 1);
+}
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"./main":14,"./transport-list":16}],2:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , Event = require('./event')
+  ;
+
+function CloseEvent() {
+  Event.call(this);
+  this.initEvent('close', false, false);
+  this.wasClean = false;
+  this.code = 0;
+  this.reason = '';
+}
+
+inherits(CloseEvent, Event);
+
+module.exports = CloseEvent;
+
+},{"./event":4,"inherits":57}],3:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , EventTarget = require('./eventtarget')
+  ;
+
+function EventEmitter() {
+  EventTarget.call(this);
+}
+
+inherits(EventEmitter, EventTarget);
+
+EventEmitter.prototype.removeAllListeners = function(type) {
+  if (type) {
+    delete this._listeners[type];
+  } else {
+    this._listeners = {};
+  }
+};
+
+EventEmitter.prototype.once = function(type, listener) {
+  var self = this
+    , fired = false;
+
+  function g() {
+    self.removeListener(type, g);
+
+    if (!fired) {
+      fired = true;
+      listener.apply(this, arguments);
+    }
+  }
+
+  this.on(type, g);
+};
+
+EventEmitter.prototype.emit = function() {
+  var type = arguments[0];
+  var listeners = this._listeners[type];
+  if (!listeners) {
+    return;
+  }
+  // equivalent of Array.prototype.slice.call(arguments, 1);
+  var l = arguments.length;
+  var args = new Array(l - 1);
+  for (var ai = 1; ai < l; ai++) {
+    args[ai - 1] = arguments[ai];
+  }
+  for (var i = 0; i < listeners.length; i++) {
+    listeners[i].apply(this, args);
+  }
+};
+
+EventEmitter.prototype.on = EventEmitter.prototype.addListener = EventTarget.prototype.addEventListener;
+EventEmitter.prototype.removeListener = EventTarget.prototype.removeEventListener;
+
+module.exports.EventEmitter = EventEmitter;
+
+},{"./eventtarget":5,"inherits":57}],4:[function(require,module,exports){
+'use strict';
+
+function Event(eventType) {
+  this.type = eventType;
+}
+
+Event.prototype.initEvent = function(eventType, canBubble, cancelable) {
+  this.type = eventType;
+  this.bubbles = canBubble;
+  this.cancelable = cancelable;
+  this.timeStamp = +new Date();
+  return this;
+};
+
+Event.prototype.stopPropagation = function() {};
+Event.prototype.preventDefault = function() {};
+
+Event.CAPTURING_PHASE = 1;
+Event.AT_TARGET = 2;
+Event.BUBBLING_PHASE = 3;
+
+module.exports = Event;
+
+},{}],5:[function(require,module,exports){
+'use strict';
+
+/* Simplified implementation of DOM2 EventTarget.
+ *   http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventTarget
+ */
+
+function EventTarget() {
+  this._listeners = {};
+}
+
+EventTarget.prototype.addEventListener = function(eventType, listener) {
+  if (!(eventType in this._listeners)) {
+    this._listeners[eventType] = [];
+  }
+  var arr = this._listeners[eventType];
+  // #4
+  if (arr.indexOf(listener) === -1) {
+    // Make a copy so as not to interfere with a current dispatchEvent.
+    arr = arr.concat([listener]);
+  }
+  this._listeners[eventType] = arr;
+};
+
+EventTarget.prototype.removeEventListener = function(eventType, listener) {
+  var arr = this._listeners[eventType];
+  if (!arr) {
+    return;
+  }
+  var idx = arr.indexOf(listener);
+  if (idx !== -1) {
+    if (arr.length > 1) {
+      // Make a copy so as not to interfere with a current dispatchEvent.
+      this._listeners[eventType] = arr.slice(0, idx).concat(arr.slice(idx + 1));
+    } else {
+      delete this._listeners[eventType];
+    }
+    return;
+  }
+};
+
+EventTarget.prototype.dispatchEvent = function() {
+  var event = arguments[0];
+  var t = event.type;
+  // equivalent of Array.prototype.slice.call(arguments, 0);
+  var args = arguments.length === 1 ? [event] : Array.apply(null, arguments);
+  // TODO: This doesn't match the real behavior; per spec, onfoo get
+  // their place in line from the /first/ time they're set from
+  // non-null. Although WebKit bumps it to the end every time it's
+  // set.
+  if (this['on' + t]) {
+    this['on' + t].apply(this, args);
+  }
+  if (t in this._listeners) {
+    // Grab a reference to the listeners list. removeEventListener may alter the list.
+    var listeners = this._listeners[t];
+    for (var i = 0; i < listeners.length; i++) {
+      listeners[i].apply(this, args);
+    }
+  }
+};
+
+module.exports = EventTarget;
+
+},{}],6:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , Event = require('./event')
+  ;
+
+function TransportMessageEvent(data) {
+  Event.call(this);
+  this.initEvent('message', false, false);
+  this.data = data;
+}
+
+inherits(TransportMessageEvent, Event);
+
+module.exports = TransportMessageEvent;
+
+},{"./event":4,"inherits":57}],7:[function(require,module,exports){
+'use strict';
+
+var iframeUtils = require('./utils/iframe')
+  ;
+
+function FacadeJS(transport) {
+  this._transport = transport;
+  transport.on('message', this._transportMessage.bind(this));
+  transport.on('close', this._transportClose.bind(this));
+}
+
+FacadeJS.prototype._transportClose = function(code, reason) {
+  iframeUtils.postMessage('c', JSON.stringify([code, reason]));
+};
+FacadeJS.prototype._transportMessage = function(frame) {
+  iframeUtils.postMessage('t', frame);
+};
+FacadeJS.prototype._send = function(data) {
+  this._transport.send(data);
+};
+FacadeJS.prototype._close = function() {
+  this._transport.close();
+  this._transport.removeAllListeners();
+};
+
+module.exports = FacadeJS;
+
+},{"./utils/iframe":47}],8:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var urlUtils = require('./utils/url')
+  , eventUtils = require('./utils/event')
+  , FacadeJS = require('./facade')
+  , InfoIframeReceiver = require('./info-iframe-receiver')
+  , iframeUtils = require('./utils/iframe')
+  , loc = require('./location')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:iframe-bootstrap');
+}
+
+module.exports = function(SockJS, availableTransports) {
+  var transportMap = {};
+  availableTransports.forEach(function(at) {
+    if (at.facadeTransport) {
+      transportMap[at.facadeTransport.transportName] = at.facadeTransport;
+    }
+  });
+
+  // hard-coded for the info iframe
+  // TODO see if we can make this more dynamic
+  transportMap[InfoIframeReceiver.transportName] = InfoIframeReceiver;
+  var parentOrigin;
+
+  /* eslint-disable camelcase */
+  SockJS.bootstrap_iframe = function() {
+    /* eslint-enable camelcase */
+    var facade;
+    iframeUtils.currentWindowId = loc.hash.slice(1);
+    var onMessage = function(e) {
+      if (e.source !== parent) {
+        return;
+      }
+      if (typeof parentOrigin === 'undefined') {
+        parentOrigin = e.origin;
+      }
+      if (e.origin !== parentOrigin) {
+        return;
+      }
+
+      var iframeMessage;
+      try {
+        iframeMessage = JSON.parse(e.data);
+      } catch (ignored) {
+        debug('bad json', e.data);
+        return;
+      }
+
+      if (iframeMessage.windowId !== iframeUtils.currentWindowId) {
+        return;
+      }
+      switch (iframeMessage.type) {
+      case 's':
+        var p;
+        try {
+          p = JSON.parse(iframeMessage.data);
+        } catch (ignored) {
+          debug('bad json', iframeMessage.data);
+          break;
+        }
+        var version = p[0];
+        var transport = p[1];
+        var transUrl = p[2];
+        var baseUrl = p[3];
+        debug(version, transport, transUrl, baseUrl);
+        // change this to semver logic
+        if (version !== SockJS.version) {
+          throw new Error('Incompatible SockJS! Main site uses:' +
+                    ' "' + version + '", the iframe:' +
+                    ' "' + SockJS.version + '".');
+        }
+
+        if (!urlUtils.isOriginEqual(transUrl, loc.href) ||
+            !urlUtils.isOriginEqual(baseUrl, loc.href)) {
+          throw new Error('Can\'t connect to different domain from within an ' +
+                    'iframe. (' + loc.href + ', ' + transUrl + ', ' + baseUrl + ')');
+        }
+        facade = new FacadeJS(new transportMap[transport](transUrl, baseUrl));
+        break;
+      case 'm':
+        facade._send(iframeMessage.data);
+        break;
+      case 'c':
+        if (facade) {
+          facade._close();
+        }
+        facade = null;
+        break;
+      }
+    };
+
+    eventUtils.attachEvent('message', onMessage);
+
+    // Start
+    iframeUtils.postMessage('s');
+  };
+};
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"./facade":7,"./info-iframe-receiver":10,"./location":13,"./utils/event":46,"./utils/iframe":47,"./utils/url":52,"debug":55}],9:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var EventEmitter = require('events').EventEmitter
+  , inherits = require('inherits')
+  , objectUtils = require('./utils/object')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:info-ajax');
+}
+
+function InfoAjax(url, AjaxObject) {
+  EventEmitter.call(this);
+
+  var self = this;
+  var t0 = +new Date();
+  this.xo = new AjaxObject('GET', url);
+
+  this.xo.once('finish', function(status, text) {
+    var info, rtt;
+    if (status === 200) {
+      rtt = (+new Date()) - t0;
+      if (text) {
+        try {
+          info = JSON.parse(text);
+        } catch (e) {
+          debug('bad json', text);
+        }
+      }
+
+      if (!objectUtils.isObject(info)) {
+        info = {};
+      }
+    }
+    self.emit('finish', info, rtt);
+    self.removeAllListeners();
+  });
+}
+
+inherits(InfoAjax, EventEmitter);
+
+InfoAjax.prototype.close = function() {
+  this.removeAllListeners();
+  this.xo.close();
+};
+
+module.exports = InfoAjax;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"./utils/object":49,"debug":55,"events":3,"inherits":57}],10:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  , XHRLocalObject = require('./transport/sender/xhr-local')
+  , InfoAjax = require('./info-ajax')
+  ;
+
+function InfoReceiverIframe(transUrl) {
+  var self = this;
+  EventEmitter.call(this);
+
+  this.ir = new InfoAjax(transUrl, XHRLocalObject);
+  this.ir.once('finish', function(info, rtt) {
+    self.ir = null;
+    self.emit('message', JSON.stringify([info, rtt]));
+  });
+}
+
+inherits(InfoReceiverIframe, EventEmitter);
+
+InfoReceiverIframe.transportName = 'iframe-info-receiver';
+
+InfoReceiverIframe.prototype.close = function() {
+  if (this.ir) {
+    this.ir.close();
+    this.ir = null;
+  }
+  this.removeAllListeners();
+};
+
+module.exports = InfoReceiverIframe;
+
+},{"./info-ajax":9,"./transport/sender/xhr-local":37,"events":3,"inherits":57}],11:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var EventEmitter = require('events').EventEmitter
+  , inherits = require('inherits')
+  , utils = require('./utils/event')
+  , IframeTransport = require('./transport/iframe')
+  , InfoReceiverIframe = require('./info-iframe-receiver')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:info-iframe');
+}
+
+function InfoIframe(baseUrl, url) {
+  var self = this;
+  EventEmitter.call(this);
+
+  var go = function() {
+    var ifr = self.ifr = new IframeTransport(InfoReceiverIframe.transportName, url, baseUrl);
+
+    ifr.once('message', function(msg) {
+      if (msg) {
+        var d;
+        try {
+          d = JSON.parse(msg);
+        } catch (e) {
+          debug('bad json', msg);
+          self.emit('finish');
+          self.close();
+          return;
+        }
+
+        var info = d[0], rtt = d[1];
+        self.emit('finish', info, rtt);
+      }
+      self.close();
+    });
+
+    ifr.once('close', function() {
+      self.emit('finish');
+      self.close();
+    });
+  };
+
+  // TODO this seems the same as the 'needBody' from transports
+  if (!global.document.body) {
+    utils.attachEvent('load', go);
+  } else {
+    go();
+  }
+}
+
+inherits(InfoIframe, EventEmitter);
+
+InfoIframe.enabled = function() {
+  return IframeTransport.enabled();
+};
+
+InfoIframe.prototype.close = function() {
+  if (this.ifr) {
+    this.ifr.close();
+  }
+  this.removeAllListeners();
+  this.ifr = null;
+};
+
+module.exports = InfoIframe;
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"./info-iframe-receiver":10,"./transport/iframe":22,"./utils/event":46,"debug":55,"events":3,"inherits":57}],12:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var EventEmitter = require('events').EventEmitter
+  , inherits = require('inherits')
+  , urlUtils = require('./utils/url')
+  , XDR = require('./transport/sender/xdr')
+  , XHRCors = require('./transport/sender/xhr-cors')
+  , XHRLocal = require('./transport/sender/xhr-local')
+  , XHRFake = require('./transport/sender/xhr-fake')
+  , InfoIframe = require('./info-iframe')
+  , InfoAjax = require('./info-ajax')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:info-receiver');
+}
+
+function InfoReceiver(baseUrl, urlInfo) {
+  debug(baseUrl);
+  var self = this;
+  EventEmitter.call(this);
+
+  setTimeout(function() {
+    self.doXhr(baseUrl, urlInfo);
+  }, 0);
+}
+
+inherits(InfoReceiver, EventEmitter);
+
+// TODO this is currently ignoring the list of available transports and the whitelist
+
+InfoReceiver._getReceiver = function(baseUrl, url, urlInfo) {
+  // determine method of CORS support (if needed)
+  if (urlInfo.sameOrigin) {
+    return new InfoAjax(url, XHRLocal);
+  }
+  if (XHRCors.enabled) {
+    return new InfoAjax(url, XHRCors);
+  }
+  if (XDR.enabled && urlInfo.sameScheme) {
+    return new InfoAjax(url, XDR);
+  }
+  if (InfoIframe.enabled()) {
+    return new InfoIframe(baseUrl, url);
+  }
+  return new InfoAjax(url, XHRFake);
+};
+
+InfoReceiver.prototype.doXhr = function(baseUrl, urlInfo) {
+  var self = this
+    , url = urlUtils.addPath(baseUrl, '/info')
+    ;
+  debug('doXhr', url);
+
+  this.xo = InfoReceiver._getReceiver(baseUrl, url, urlInfo);
+
+  this.timeoutRef = setTimeout(function() {
+    debug('timeout');
+    self._cleanup(false);
+    self.emit('finish');
+  }, InfoReceiver.timeout);
+
+  this.xo.once('finish', function(info, rtt) {
+    debug('finish', info, rtt);
+    self._cleanup(true);
+    self.emit('finish', info, rtt);
+  });
+};
+
+InfoReceiver.prototype._cleanup = function(wasClean) {
+  debug('_cleanup');
+  clearTimeout(this.timeoutRef);
+  this.timeoutRef = null;
+  if (!wasClean && this.xo) {
+    this.xo.close();
+  }
+  this.xo = null;
+};
+
+InfoReceiver.prototype.close = function() {
+  debug('close');
+  this.removeAllListeners();
+  this._cleanup(false);
+};
+
+InfoReceiver.timeout = 8000;
+
+module.exports = InfoReceiver;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"./info-ajax":9,"./info-iframe":11,"./transport/sender/xdr":34,"./transport/sender/xhr-cors":35,"./transport/sender/xhr-fake":36,"./transport/sender/xhr-local":37,"./utils/url":52,"debug":55,"events":3,"inherits":57}],13:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+module.exports = global.location || {
+  origin: 'http://localhost:80'
+, protocol: 'http:'
+, host: 'localhost'
+, port: 80
+, href: 'http://localhost/'
+, hash: ''
+};
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{}],14:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+require('./shims');
+
+var URL = require('url-parse')
+  , inherits = require('inherits')
+  , random = require('./utils/random')
+  , escape = require('./utils/escape')
+  , urlUtils = require('./utils/url')
+  , eventUtils = require('./utils/event')
+  , transport = require('./utils/transport')
+  , objectUtils = require('./utils/object')
+  , browser = require('./utils/browser')
+  , log = require('./utils/log')
+  , Event = require('./event/event')
+  , EventTarget = require('./event/eventtarget')
+  , loc = require('./location')
+  , CloseEvent = require('./event/close')
+  , TransportMessageEvent = require('./event/trans-message')
+  , InfoReceiver = require('./info-receiver')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:main');
+}
+
+var transports;
+
+// follow constructor steps defined at http://dev.w3.org/html5/websockets/#the-websocket-interface
+function SockJS(url, protocols, options) {
+  if (!(this instanceof SockJS)) {
+    return new SockJS(url, protocols, options);
+  }
+  if (arguments.length < 1) {
+    throw new TypeError("Failed to construct 'SockJS: 1 argument required, but only 0 present");
+  }
+  EventTarget.call(this);
+
+  this.readyState = SockJS.CONNECTING;
+  this.extensions = '';
+  this.protocol = '';
+
+  // non-standard extension
+  options = options || {};
+  if (options.protocols_whitelist) {
+    log.warn("'protocols_whitelist' is DEPRECATED. Use 'transports' instead.");
+  }
+  this._transportsWhitelist = options.transports;
+  this._transportOptions = options.transportOptions || {};
+  this._timeout = options.timeout || 0;
+
+  var sessionId = options.sessionId || 8;
+  if (typeof sessionId === 'function') {
+    this._generateSessionId = sessionId;
+  } else if (typeof sessionId === 'number') {
+    this._generateSessionId = function() {
+      return random.string(sessionId);
+    };
+  } else {
+    throw new TypeError('If sessionId is used in the options, it needs to be a number or a function.');
+  }
+
+  this._server = options.server || random.numberString(1000);
+
+  // Step 1 of WS spec - parse and validate the url. Issue #8
+  var parsedUrl = new URL(url);
+  if (!parsedUrl.host || !parsedUrl.protocol) {
+    throw new SyntaxError("The URL '" + url + "' is invalid");
+  } else if (parsedUrl.hash) {
+    throw new SyntaxError('The URL must not contain a fragment');
+  } else if (parsedUrl.protocol !== 'http:' && parsedUrl.protocol !== 'https:') {
+    throw new SyntaxError("The URL's scheme must be either 'http:' or 'https:'. '" + parsedUrl.protocol + "' is not allowed.");
+  }
+
+  var secure = parsedUrl.protocol === 'https:';
+  // Step 2 - don't allow secure origin with an insecure protocol
+  if (loc.protocol === 'https:' && !secure) {
+    // exception is 127.0.0.0/8 and ::1 urls
+    if (!urlUtils.isLoopbackAddr(parsedUrl.hostname)) {
+      throw new Error('SecurityError: An insecure SockJS connection may not be initiated from a page loaded over HTTPS');
+    }
+  }
+
+  // Step 3 - check port access - no need here
+  // Step 4 - parse protocols argument
+  if (!protocols) {
+    protocols = [];
+  } else if (!Array.isArray(protocols)) {
+    protocols = [protocols];
+  }
+
+  // Step 5 - check protocols argument
+  var sortedProtocols = protocols.sort();
+  sortedProtocols.forEach(function(proto, i) {
+    if (!proto) {
+      throw new SyntaxError("The protocols entry '" + proto + "' is invalid.");
+    }
+    if (i < (sortedProtocols.length - 1) && proto === sortedProtocols[i + 1]) {
+      throw new SyntaxError("The protocols entry '" + proto + "' is duplicated.");
+    }
+  });
+
+  // Step 6 - convert origin
+  var o = urlUtils.getOrigin(loc.href);
+  this._origin = o ? o.toLowerCase() : null;
+
+  // remove the trailing slash
+  parsedUrl.set('pathname', parsedUrl.pathname.replace(/\/+$/, ''));
+
+  // store the sanitized url
+  this.url = parsedUrl.href;
+  debug('using url', this.url);
+
+  // Step 7 - start connection in background
+  // obtain server info
+  // http://sockjs.github.io/sockjs-protocol/sockjs-protocol-0.3.3.html#section-26
+  this._urlInfo = {
+    nullOrigin: !browser.hasDomain()
+  , sameOrigin: urlUtils.isOriginEqual(this.url, loc.href)
+  , sameScheme: urlUtils.isSchemeEqual(this.url, loc.href)
+  };
+
+  this._ir = new InfoReceiver(this.url, this._urlInfo);
+  this._ir.once('finish', this._receiveInfo.bind(this));
+}
+
+inherits(SockJS, EventTarget);
+
+function userSetCode(code) {
+  return code === 1000 || (code >= 3000 && code <= 4999);
+}
+
+SockJS.prototype.close = function(code, reason) {
+  // Step 1
+  if (code && !userSetCode(code)) {
+    throw new Error('InvalidAccessError: Invalid code');
+  }
+  // Step 2.4 states the max is 123 bytes, but we are just checking length
+  if (reason && reason.length > 123) {
+    throw new SyntaxError('reason argument has an invalid length');
+  }
+
+  // Step 3.1
+  if (this.readyState === SockJS.CLOSING || this.readyState === SockJS.CLOSED) {
+    return;
+  }
+
+  // TODO look at docs to determine how to set this
+  var wasClean = true;
+  this._close(code || 1000, reason || 'Normal closure', wasClean);
+};
+
+SockJS.prototype.send = function(data) {
+  // #13 - convert anything non-string to string
+  // TODO this currently turns objects into [object Object]
+  if (typeof data !== 'string') {
+    data = '' + data;
+  }
+  if (this.readyState === SockJS.CONNECTING) {
+    throw new Error('InvalidStateError: The connection has not been established yet');
+  }
+  if (this.readyState !== SockJS.OPEN) {
+    return;
+  }
+  this._transport.send(escape.quote(data));
+};
+
+SockJS.version = require('./version');
+
+SockJS.CONNECTING = 0;
+SockJS.OPEN = 1;
+SockJS.CLOSING = 2;
+SockJS.CLOSED = 3;
+
+SockJS.prototype._receiveInfo = function(info, rtt) {
+  debug('_receiveInfo', rtt);
+  this._ir = null;
+  if (!info) {
+    this._close(1002, 'Cannot connect to server');
+    return;
+  }
+
+  // establish a round-trip timeout (RTO) based on the
+  // round-trip time (RTT)
+  this._rto = this.countRTO(rtt);
+  // allow server to override url used for the actual transport
+  this._transUrl = info.base_url ? info.base_url : this.url;
+  info = objectUtils.extend(info, this._urlInfo);
+  debug('info', info);
+  // determine list of desired and supported transports
+  var enabledTransports = transports.filterToEnabled(this._transportsWhitelist, info);
+  this._transports = enabledTransports.main;
+  debug(this._transports.length + ' enabled transports');
+
+  this._connect();
+};
+
+SockJS.prototype._connect = function() {
+  for (var Transport = this._transports.shift(); Transport; Transport = this._transports.shift()) {
+    debug('attempt', Transport.transportName);
+    if (Transport.needBody) {
+      if (!global.document.body ||
+          (typeof global.document.readyState !== 'undefined' &&
+            global.document.readyState !== 'complete' &&
+            global.document.readyState !== 'interactive')) {
+        debug('waiting for body');
+        this._transports.unshift(Transport);
+        eventUtils.attachEvent('load', this._connect.bind(this));
+        return;
+      }
+    }
+
+    // calculate timeout based on RTO and round trips. Default to 5s
+    var timeoutMs = Math.max(this._timeout, (this._rto * Transport.roundTrips) || 5000);
+    this._transportTimeoutId = setTimeout(this._transportTimeout.bind(this), timeoutMs);
+    debug('using timeout', timeoutMs);
+
+    var transportUrl = urlUtils.addPath(this._transUrl, '/' + this._server + '/' + this._generateSessionId());
+    var options = this._transportOptions[Transport.transportName];
+    debug('transport url', transportUrl);
+    var transportObj = new Transport(transportUrl, this._transUrl, options);
+    transportObj.on('message', this._transportMessage.bind(this));
+    transportObj.once('close', this._transportClose.bind(this));
+    transportObj.transportName = Transport.transportName;
+    this._transport = transportObj;
+
+    return;
+  }
+  this._close(2000, 'All transports failed', false);
+};
+
+SockJS.prototype._transportTimeout = function() {
+  debug('_transportTimeout');
+  if (this.readyState === SockJS.CONNECTING) {
+    if (this._transport) {
+      this._transport.close();
+    }
+
+    this._transportClose(2007, 'Transport timed out');
+  }
+};
+
+SockJS.prototype._transportMessage = function(msg) {
+  debug('_transportMessage', msg);
+  var self = this
+    , type = msg.slice(0, 1)
+    , content = msg.slice(1)
+    , payload
+    ;
+
+  // first check for messages that don't need a payload
+  switch (type) {
+    case 'o':
+      this._open();
+      return;
+    case 'h':
+      this.dispatchEvent(new Event('heartbeat'));
+      debug('heartbeat', this.transport);
+      return;
+  }
+
+  if (content) {
+    try {
+      payload = JSON.parse(content);
+    } catch (e) {
+      debug('bad json', content);
+    }
+  }
+
+  if (typeof payload === 'undefined') {
+    debug('empty payload', content);
+    return;
+  }
+
+  switch (type) {
+    case 'a':
+      if (Array.isArray(payload)) {
+        payload.forEach(function(p) {
+          debug('message', self.transport, p);
+          self.dispatchEvent(new TransportMessageEvent(p));
+        });
+      }
+      break;
+    case 'm':
+      debug('message', this.transport, payload);
+      this.dispatchEvent(new TransportMessageEvent(payload));
+      break;
+    case 'c':
+      if (Array.isArray(payload) && payload.length === 2) {
+        this._close(payload[0], payload[1], true);
+      }
+      break;
+  }
+};
+
+SockJS.prototype._transportClose = function(code, reason) {
+  debug('_transportClose', this.transport, code, reason);
+  if (this._transport) {
+    this._transport.removeAllListeners();
+    this._transport = null;
+    this.transport = null;
+  }
+
+  if (!userSetCode(code) && code !== 2000 && this.readyState === SockJS.CONNECTING) {
+    this._connect();
+    return;
+  }
+
+  this._close(code, reason);
+};
+
+SockJS.prototype._open = function() {
+  debug('_open', this._transport && this._transport.transportName, this.readyState);
+  if (this.readyState === SockJS.CONNECTING) {
+    if (this._transportTimeoutId) {
+      clearTimeout(this._transportTimeoutId);
+      this._transportTimeoutId = null;
+    }
+    this.readyState = SockJS.OPEN;
+    this.transport = this._transport.transportName;
+    this.dispatchEvent(new Event('open'));
+    debug('connected', this.transport);
+  } else {
+    // The server might have been restarted, and lost track of our
+    // connection.
+    this._close(1006, 'Server lost session');
+  }
+};
+
+SockJS.prototype._close = function(code, reason, wasClean) {
+  debug('_close', this.transport, code, reason, wasClean, this.readyState);
+  var forceFail = false;
+
+  if (this._ir) {
+    forceFail = true;
+    this._ir.close();
+    this._ir = null;
+  }
+  if (this._transport) {
+    this._transport.close();
+    this._transport = null;
+    this.transport = null;
+  }
+
+  if (this.readyState === SockJS.CLOSED) {
+    throw new Error('InvalidStateError: SockJS has already been closed');
+  }
+
+  this.readyState = SockJS.CLOSING;
+  setTimeout(function() {
+    this.readyState = SockJS.CLOSED;
+
+    if (forceFail) {
+      this.dispatchEvent(new Event('error'));
+    }
+
+    var e = new CloseEvent('close');
+    e.wasClean = wasClean || false;
+    e.code = code || 1000;
+    e.reason = reason;
+
+    this.dispatchEvent(e);
+    this.onmessage = this.onclose = this.onerror = null;
+    debug('disconnected');
+  }.bind(this), 0);
+};
+
+// See: http://www.erg.abdn.ac.uk/~gerrit/dccp/notes/ccid2/rto_estimator/
+// and RFC 2988.
+SockJS.prototype.countRTO = function(rtt) {
+  // In a local environment, when using IE8/9 and the `jsonp-polling`
+  // transport the time needed to establish a connection (the time that pass
+  // from the opening of the transport to the call of `_dispatchOpen`) is
+  // around 200msec (the lower bound used in the article above) and this
+  // causes spurious timeouts. For this reason we calculate a value slightly
+  // larger than that used in the article.
+  if (rtt > 100) {
+    return 4 * rtt; // rto > 400msec
+  }
+  return 300 + rtt; // 300msec < rto <= 400msec
+};
+
+module.exports = function(availableTransports) {
+  transports = transport(availableTransports);
+  require('./iframe-bootstrap')(SockJS, availableTransports);
+  return SockJS;
+};
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"./event/close":2,"./event/event":4,"./event/eventtarget":5,"./event/trans-message":6,"./iframe-bootstrap":8,"./info-receiver":12,"./location":13,"./shims":15,"./utils/browser":44,"./utils/escape":45,"./utils/event":46,"./utils/log":48,"./utils/object":49,"./utils/random":50,"./utils/transport":51,"./utils/url":52,"./version":53,"debug":55,"inherits":57,"url-parse":60}],15:[function(require,module,exports){
+/* eslint-disable */
+/* jscs: disable */
+'use strict';
+
+// pulled specific shims from https://github.com/es-shims/es5-shim
+
+var ArrayPrototype = Array.prototype;
+var ObjectPrototype = Object.prototype;
+var FunctionPrototype = Function.prototype;
+var StringPrototype = String.prototype;
+var array_slice = ArrayPrototype.slice;
+
+var _toString = ObjectPrototype.toString;
+var isFunction = function (val) {
+    return ObjectPrototype.toString.call(val) === '[object Function]';
+};
+var isArray = function isArray(obj) {
+    return _toString.call(obj) === '[object Array]';
+};
+var isString = function isString(obj) {
+    return _toString.call(obj) === '[object String]';
+};
+
+var supportsDescriptors = Object.defineProperty && (function () {
+    try {
+        Object.defineProperty({}, 'x', {});
+        return true;
+    } catch (e) { /* this is ES3 */
+        return false;
+    }
+}());
+
+// Define configurable, writable and non-enumerable props
+// if they don't exist.
+var defineProperty;
+if (supportsDescriptors) {
+    defineProperty = function (object, name, method, forceAssign) {
+        if (!forceAssign && (name in object)) { return; }
+        Object.defineProperty(object, name, {
+            configurable: true,
+            enumerable: false,
+            writable: true,
+            value: method
+        });
+    };
+} else {
+    defineProperty = function (object, name, method, forceAssign) {
+        if (!forceAssign && (name in object)) { return; }
+        object[name] = method;
+    };
+}
+var defineProperties = function (object, map, forceAssign) {
+    for (var name in map) {
+        if (ObjectPrototype.hasOwnProperty.call(map, name)) {
+          defineProperty(object, name, map[name], forceAssign);
+        }
+    }
+};
+
+var toObject = function (o) {
+    if (o == null) { // this matches both null and undefined
+        throw new TypeError("can't convert " + o + ' to object');
+    }
+    return Object(o);
+};
+
+//
+// Util
+// ======
+//
+
+// ES5 9.4
+// http://es5.github.com/#x9.4
+// http://jsperf.com/to-integer
+
+function toInteger(num) {
+    var n = +num;
+    if (n !== n) { // isNaN
+        n = 0;
+    } else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0)) {
+        n = (n > 0 || -1) * Math.floor(Math.abs(n));
+    }
+    return n;
+}
+
+function ToUint32(x) {
+    return x >>> 0;
+}
+
+//
+// Function
+// ========
+//
+
+// ES-5 15.3.4.5
+// http://es5.github.com/#x15.3.4.5
+
+function Empty() {}
+
+defineProperties(FunctionPrototype, {
+    bind: function bind(that) { // .length is 1
+        // 1. Let Target be the this value.
+        var target = this;
+        // 2. If IsCallable(Target) is false, throw a TypeError exception.
+        if (!isFunction(target)) {
+            throw new TypeError('Function.prototype.bind called on incompatible ' + target);
+        }
+        // 3. Let A be a new (possibly empty) internal list of all of the
+        //   argument values provided after thisArg (arg1, arg2 etc), in order.
+        // XXX slicedArgs will stand in for "A" if used
+        var args = array_slice.call(arguments, 1); // for normal call
+        // 4. Let F be a new native ECMAScript object.
+        // 11. Set the [[Prototype]] internal property of F to the standard
+        //   built-in Function prototype object as specified in 15.3.3.1.
+        // 12. Set the [[Call]] internal property of F as described in
+        //   15.3.4.5.1.
+        // 13. Set the [[Construct]] internal property of F as described in
+        //   15.3.4.5.2.
+        // 14. Set the [[HasInstance]] internal property of F as described in
+        //   15.3.4.5.3.
+        var binder = function () {
+
+            if (this instanceof bound) {
+                // 15.3.4.5.2 [[Construct]]
+                // When the [[Construct]] internal method of a function object,
+                // F that was created using the bind function is called with a
+                // list of arguments ExtraArgs, the following steps are taken:
+                // 1. Let target be the value of F's [[TargetFunction]]
+                //   internal property.
+                // 2. If target has no [[Construct]] internal method, a
+                //   TypeError exception is thrown.
+                // 3. Let boundArgs be the value of F's [[BoundArgs]] internal
+                //   property.
+                // 4. Let args be a new list containing the same values as the
+                //   list boundArgs in the same order followed by the same
+                //   values as the list ExtraArgs in the same order.
+                // 5. Return the result of calling the [[Construct]] internal
+                //   method of target providing args as the arguments.
+
+                var result = target.apply(
+                    this,
+                    args.concat(array_slice.call(arguments))
+                );
+                if (Object(result) === result) {
+                    return result;
+                }
+                return this;
+
+            } else {
+                // 15.3.4.5.1 [[Call]]
+                // When the [[Call]] internal method of a function object, F,
+                // which was created using the bind function is called with a
+                // this value and a list of arguments ExtraArgs, the following
+                // steps are taken:
+                // 1. Let boundArgs be the value of F's [[BoundArgs]] internal
+                //   property.
+                // 2. Let boundThis be the value of F's [[BoundThis]] internal
+                //   property.
+                // 3. Let target be the value of F's [[TargetFunction]] internal
+                //   property.
+                // 4. Let args be a new list containing the same values as the
+                //   list boundArgs in the same order followed by the same
+                //   values as the list ExtraArgs in the same order.
+                // 5. Return the result of calling the [[Call]] internal method
+                //   of target providing boundThis as the this value and
+                //   providing args as the arguments.
+
+                // equiv: target.call(this, ...boundArgs, ...args)
+                return target.apply(
+                    that,
+                    args.concat(array_slice.call(arguments))
+                );
+
+            }
+
+        };
+
+        // 15. If the [[Class]] internal property of Target is "Function", then
+        //     a. Let L be the length property of Target minus the length of A.
+        //     b. Set the length own property of F to either 0 or L, whichever is
+        //       larger.
+        // 16. Else set the length own property of F to 0.
+
+        var boundLength = Math.max(0, target.length - args.length);
+
+        // 17. Set the attributes of the length own property of F to the values
+        //   specified in 15.3.5.1.
+        var boundArgs = [];
+        for (var i = 0; i < boundLength; i++) {
+            boundArgs.push('$' + i);
+        }
+
+        // XXX Build a dynamic function with desired amount of arguments is the only
+        // way to set the length property of a function.
+        // In environments where Content Security Policies enabled (Chrome extensions,
+        // for ex.) all use of eval or Function costructor throws an exception.
+        // However in all of these environments Function.prototype.bind exists
+        // and so this code will never be executed.
+        var bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this, arguments); }')(binder);
+
+        if (target.prototype) {
+            Empty.prototype = target.prototype;
+            bound.prototype = new Empty();
+            // Clean up dangling references.
+            Empty.prototype = null;
+        }
+
+        // TODO
+        // 18. Set the [[Extensible]] internal property of F to true.
+
+        // TODO
+        // 19. Let thrower be the [[ThrowTypeError]] function Object (13.2.3).
+        // 20. Call the [[DefineOwnProperty]] internal method of F with
+        //   arguments "caller", PropertyDescriptor {[[Get]]: thrower, [[Set]]:
+        //   thrower, [[Enumerable]]: false, [[Configurable]]: false}, and
+        //   false.
+        // 21. Call the [[DefineOwnProperty]] internal method of F with
+        //   arguments "arguments", PropertyDescriptor {[[Get]]: thrower,
+        //   [[Set]]: thrower, [[Enumerable]]: false, [[Configurable]]: false},
+        //   and false.
+
+        // TODO
+        // NOTE Function objects created using Function.prototype.bind do not
+        // have a prototype property or the [[Code]], [[FormalParameters]], and
+        // [[Scope]] internal properties.
+        // XXX can't delete prototype in pure-js.
+
+        // 22. Return F.
+        return bound;
+    }
+});
+
+//
+// Array
+// =====
+//
+
+// ES5 15.4.3.2
+// http://es5.github.com/#x15.4.3.2
+// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/isArray
+defineProperties(Array, { isArray: isArray });
+
+
+var boxedString = Object('a');
+var splitString = boxedString[0] !== 'a' || !(0 in boxedString);
+
+var properlyBoxesContext = function properlyBoxed(method) {
+    // Check node 0.6.21 bug where third parameter is not boxed
+    var properlyBoxesNonStrict = true;
+    var properlyBoxesStrict = true;
+    if (method) {
+        method.call('foo', function (_, __, context) {
+            if (typeof context !== 'object') { properlyBoxesNonStrict = false; }
+        });
+
+        method.call([1], function () {
+            'use strict';
+            properlyBoxesStrict = typeof this === 'string';
+        }, 'x');
+    }
+    return !!method && properlyBoxesNonStrict && properlyBoxesStrict;
+};
+
+defineProperties(ArrayPrototype, {
+    forEach: function forEach(fun /*, thisp*/) {
+        var object = toObject(this),
+            self = splitString && isString(this) ? this.split('') : object,
+            thisp = arguments[1],
+            i = -1,
+            length = self.length >>> 0;
+
+        // If no callback function or if callback is not a callable function
+        if (!isFunction(fun)) {
+            throw new TypeError(); // TODO message
+        }
+
+        while (++i < length) {
+            if (i in self) {
+                // Invoke the callback function with call, passing arguments:
+                // context, property value, property key, thisArg object
+                // context
+                fun.call(thisp, self[i], i, object);
+            }
+        }
+    }
+}, !properlyBoxesContext(ArrayPrototype.forEach));
+
+// ES5 15.4.4.14
+// http://es5.github.com/#x15.4.4.14
+// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/indexOf
+var hasFirefox2IndexOfBug = Array.prototype.indexOf && [0, 1].indexOf(1, 2) !== -1;
+defineProperties(ArrayPrototype, {
+    indexOf: function indexOf(sought /*, fromIndex */ ) {
+        var self = splitString && isString(this) ? this.split('') : toObject(this),
+            length = self.length >>> 0;
+
+        if (!length) {
+            return -1;
+        }
+
+        var i = 0;
+        if (arguments.length > 1) {
+            i = toInteger(arguments[1]);
+        }
+
+        // handle negative indices
+        i = i >= 0 ? i : Math.max(0, length + i);
+        for (; i < length; i++) {
+            if (i in self && self[i] === sought) {
+                return i;
+            }
+        }
+        return -1;
+    }
+}, hasFirefox2IndexOfBug);
+
+//
+// String
+// ======
+//
+
+// ES5 15.5.4.14
+// http://es5.github.com/#x15.5.4.14
+
+// [bugfix, IE lt 9, firefox 4, Konqueror, Opera, obscure browsers]
+// Many browsers do not split properly with regular expressions or they
+// do not perform the split correctly under obscure conditions.
+// See http://blog.stevenlevithan.com/archives/cross-browser-split
+// I've tested in many browsers and this seems to cover the deviant ones:
+//    'ab'.split(/(?:ab)*/) should be ["", ""], not [""]
+//    '.'.split(/(.?)(.?)/) should be ["", ".", "", ""], not ["", ""]
+//    'tesst'.split(/(s)*/) should be ["t", undefined, "e", "s", "t"], not
+//       [undefined, "t", undefined, "e", ...]
+//    ''.split(/.?/) should be [], not [""]
+//    '.'.split(/()()/) should be ["."], not ["", "", "."]
+
+var string_split = StringPrototype.split;
+if (
+    'ab'.split(/(?:ab)*/).length !== 2 ||
+    '.'.split(/(.?)(.?)/).length !== 4 ||
+    'tesst'.split(/(s)*/)[1] === 't' ||
+    'test'.split(/(?:)/, -1).length !== 4 ||
+    ''.split(/.?/).length ||
+    '.'.split(/()()/).length > 1
+) {
+    (function () {
+        var compliantExecNpcg = /()??/.exec('')[1] === void 0; // NPCG: nonparticipating capturing group
+
+        StringPrototype.split = function (separator, limit) {
+            var string = this;
+            if (separator === void 0 && limit === 0) {
+                return [];
+            }
+
+            // If `separator` is not a regex, use native split
+            if (_toString.call(separator) !== '[object RegExp]') {
+                return string_split.call(this, separator, limit);
+            }
+
+            var output = [],
+                flags = (separator.ignoreCase ? 'i' : '') +
+                        (separator.multiline  ? 'm' : '') +
+                        (separator.extended   ? 'x' : '') + // Proposed for ES6
+                        (separator.sticky     ? 'y' : ''), // Firefox 3+
+                lastLastIndex = 0,
+                // Make `global` and avoid `lastIndex` issues by working with a copy
+                separator2, match, lastIndex, lastLength;
+            separator = new RegExp(separator.source, flags + 'g');
+            string += ''; // Type-convert
+            if (!compliantExecNpcg) {
+                // Doesn't need flags gy, but they don't hurt
+                separator2 = new RegExp('^' + separator.source + '$(?!\\s)', flags);
+            }
+            /* Values for `limit`, per the spec:
+             * If undefined: 4294967295 // Math.pow(2, 32) - 1
+             * If 0, Infinity, or NaN: 0
+             * If positive number: limit = Math.floor(limit); if (limit > 4294967295) limit -= 4294967296;
+             * If negative number: 4294967296 - Math.floor(Math.abs(limit))
+             * If other: Type-convert, then use the above rules
+             */
+            limit = limit === void 0 ?
+                -1 >>> 0 : // Math.pow(2, 32) - 1
+                ToUint32(limit);
+            while (match = separator.exec(string)) {
+                // `separator.lastIndex` is not reliable cross-browser
+                lastIndex = match.index + match[0].length;
+                if (lastIndex > lastLastIndex) {
+                    output.push(string.slice(lastLastIndex, match.index));
+                    // Fix browsers whose `exec` methods don't consistently return `undefined` for
+                    // nonparticipating capturing groups
+                    if (!compliantExecNpcg && match.length > 1) {
+                        match[0].replace(separator2, function () {
+                            for (var i = 1; i < arguments.length - 2; i++) {
+                                if (arguments[i] === void 0) {
+                                    match[i] = void 0;
+                                }
+                            }
+                        });
+                    }
+                    if (match.length > 1 && match.index < string.length) {
+                        ArrayPrototype.push.apply(output, match.slice(1));
+                    }
+                    lastLength = match[0].length;
+                    lastLastIndex = lastIndex;
+                    if (output.length >= limit) {
+                        break;
+                    }
+                }
+                if (separator.lastIndex === match.index) {
+                    separator.lastIndex++; // Avoid an infinite loop
+                }
+            }
+            if (lastLastIndex === string.length) {
+                if (lastLength || !separator.test('')) {
+                    output.push('');
+                }
+            } else {
+                output.push(string.slice(lastLastIndex));
+            }
+            return output.length > limit ? output.slice(0, limit) : output;
+        };
+    }());
+
+// [bugfix, chrome]
+// If separator is undefined, then the result array contains just one String,
+// which is the this value (converted to a String). If limit is not undefined,
+// then the output array is truncated so that it contains no more than limit
+// elements.
+// "0".split(undefined, 0) -> []
+} else if ('0'.split(void 0, 0).length) {
+    StringPrototype.split = function split(separator, limit) {
+        if (separator === void 0 && limit === 0) { return []; }
+        return string_split.call(this, separator, limit);
+    };
+}
+
+// ECMA-262, 3rd B.2.3
+// Not an ECMAScript standard, although ECMAScript 3rd Edition has a
+// non-normative section suggesting uniform semantics and it should be
+// normalized across all browsers
+// [bugfix, IE lt 9] IE < 9 substr() with negative value not working in IE
+var string_substr = StringPrototype.substr;
+var hasNegativeSubstrBug = ''.substr && '0b'.substr(-1) !== 'b';
+defineProperties(StringPrototype, {
+    substr: function substr(start, length) {
+        return string_substr.call(
+            this,
+            start < 0 ? ((start = this.length + start) < 0 ? 0 : start) : start,
+            length
+        );
+    }
+}, hasNegativeSubstrBug);
+
+},{}],16:[function(require,module,exports){
+'use strict';
+
+module.exports = [
+  // streaming transports
+  require('./transport/websocket')
+, require('./transport/xhr-streaming')
+, require('./transport/xdr-streaming')
+, require('./transport/eventsource')
+, require('./transport/lib/iframe-wrap')(require('./transport/eventsource'))
+
+  // polling transports
+, require('./transport/htmlfile')
+, require('./transport/lib/iframe-wrap')(require('./transport/htmlfile'))
+, require('./transport/xhr-polling')
+, require('./transport/xdr-polling')
+, require('./transport/lib/iframe-wrap')(require('./transport/xhr-polling'))
+, require('./transport/jsonp-polling')
+];
+
+},{"./transport/eventsource":20,"./transport/htmlfile":21,"./transport/jsonp-polling":23,"./transport/lib/iframe-wrap":26,"./transport/websocket":38,"./transport/xdr-polling":39,"./transport/xdr-streaming":40,"./transport/xhr-polling":41,"./transport/xhr-streaming":42}],17:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var EventEmitter = require('events').EventEmitter
+  , inherits = require('inherits')
+  , utils = require('../../utils/event')
+  , urlUtils = require('../../utils/url')
+  , XHR = global.XMLHttpRequest
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:browser:xhr');
+}
+
+function AbstractXHRObject(method, url, payload, opts) {
+  debug(method, url);
+  var self = this;
+  EventEmitter.call(this);
+
+  setTimeout(function () {
+    self._start(method, url, payload, opts);
+  }, 0);
+}
+
+inherits(AbstractXHRObject, EventEmitter);
+
+AbstractXHRObject.prototype._start = function(method, url, payload, opts) {
+  var self = this;
+
+  try {
+    this.xhr = new XHR();
+  } catch (x) {
+    // intentionally empty
+  }
+
+  if (!this.xhr) {
+    debug('no xhr');
+    this.emit('finish', 0, 'no xhr support');
+    this._cleanup();
+    return;
+  }
+
+  // several browsers cache POSTs
+  url = urlUtils.addQuery(url, 't=' + (+new Date()));
+
+  // Explorer tends to keep connection open, even after the
+  // tab gets closed: http://bugs.jquery.com/ticket/5280
+  this.unloadRef = utils.unloadAdd(function() {
+    debug('unload cleanup');
+    self._cleanup(true);
+  });
+  try {
+    this.xhr.open(method, url, true);
+    if (this.timeout && 'timeout' in this.xhr) {
+      this.xhr.timeout = this.timeout;
+      this.xhr.ontimeout = function() {
+        debug('xhr timeout');
+        self.emit('finish', 0, '');
+        self._cleanup(false);
+      };
+    }
+  } catch (e) {
+    debug('exception', e);
+    // IE raises an exception on wrong port.
+    this.emit('finish', 0, '');
+    this._cleanup(false);
+    return;
+  }
+
+  if ((!opts || !opts.noCredentials) && AbstractXHRObject.supportsCORS) {
+    debug('withCredentials');
+    // Mozilla docs says https://developer.mozilla.org/en/XMLHttpRequest :
+    // "This never affects same-site requests."
+
+    this.xhr.withCredentials = true;
+  }
+  if (opts && opts.headers) {
+    for (var key in opts.headers) {
+      this.xhr.setRequestHeader(key, opts.headers[key]);
+    }
+  }
+
+  this.xhr.onreadystatechange = function() {
+    if (self.xhr) {
+      var x = self.xhr;
+      var text, status;
+      debug('readyState', x.readyState);
+      switch (x.readyState) {
+      case 3:
+        // IE doesn't like peeking into responseText or status
+        // on Microsoft.XMLHTTP and readystate=3
+        try {
+          status = x.status;
+          text = x.responseText;
+        } catch (e) {
+          // intentionally empty
+        }
+        debug('status', status);
+        // IE returns 1223 for 204: http://bugs.jquery.com/ticket/1450
+        if (status === 1223) {
+          status = 204;
+        }
+
+        // IE does return readystate == 3 for 404 answers.
+        if (status === 200 && text && text.length > 0) {
+          debug('chunk');
+          self.emit('chunk', status, text);
+        }
+        break;
+      case 4:
+        status = x.status;
+        debug('status', status);
+        // IE returns 1223 for 204: http://bugs.jquery.com/ticket/1450
+        if (status === 1223) {
+          status = 204;
+        }
+        // IE returns this for a bad port
+        // http://msdn.microsoft.com/en-us/library/windows/desktop/aa383770(v=vs.85).aspx
+        if (status === 12005 || status === 12029) {
+          status = 0;
+        }
+
+        debug('finish', status, x.responseText);
+        self.emit('finish', status, x.responseText);
+        self._cleanup(false);
+        break;
+      }
+    }
+  };
+
+  try {
+    self.xhr.send(payload);
+  } catch (e) {
+    self.emit('finish', 0, '');
+    self._cleanup(false);
+  }
+};
+
+AbstractXHRObject.prototype._cleanup = function(abort) {
+  debug('cleanup');
+  if (!this.xhr) {
+    return;
+  }
+  this.removeAllListeners();
+  utils.unloadDel(this.unloadRef);
+
+  // IE needs this field to be a function
+  this.xhr.onreadystatechange = function() {};
+  if (this.xhr.ontimeout) {
+    this.xhr.ontimeout = null;
+  }
+
+  if (abort) {
+    try {
+      this.xhr.abort();
+    } catch (x) {
+      // intentionally empty
+    }
+  }
+  this.unloadRef = this.xhr = null;
+};
+
+AbstractXHRObject.prototype.close = function() {
+  debug('close');
+  this._cleanup(true);
+};
+
+AbstractXHRObject.enabled = !!XHR;
+// override XMLHttpRequest for IE6/7
+// obfuscate to avoid firewalls
+var axo = ['Active'].concat('Object').join('X');
+if (!AbstractXHRObject.enabled && (axo in global)) {
+  debug('overriding xmlhttprequest');
+  XHR = function() {
+    try {
+      return new global[axo]('Microsoft.XMLHTTP');
+    } catch (e) {
+      return null;
+    }
+  };
+  AbstractXHRObject.enabled = !!new XHR();
+}
+
+var cors = false;
+try {
+  cors = 'withCredentials' in new XHR();
+} catch (ignored) {
+  // intentionally empty
+}
+
+AbstractXHRObject.supportsCORS = cors;
+
+module.exports = AbstractXHRObject;
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../../utils/event":46,"../../utils/url":52,"debug":55,"events":3,"inherits":57}],18:[function(require,module,exports){
+(function (global){(function (){
+module.exports = global.EventSource;
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{}],19:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var Driver = global.WebSocket || global.MozWebSocket;
+if (Driver) {
+	module.exports = function WebSocketBrowserDriver(url) {
+		return new Driver(url);
+	};
+} else {
+	module.exports = undefined;
+}
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{}],20:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , AjaxBasedTransport = require('./lib/ajax-based')
+  , EventSourceReceiver = require('./receiver/eventsource')
+  , XHRCorsObject = require('./sender/xhr-cors')
+  , EventSourceDriver = require('eventsource')
+  ;
+
+function EventSourceTransport(transUrl) {
+  if (!EventSourceTransport.enabled()) {
+    throw new Error('Transport created when disabled');
+  }
+
+  AjaxBasedTransport.call(this, transUrl, '/eventsource', EventSourceReceiver, XHRCorsObject);
+}
+
+inherits(EventSourceTransport, AjaxBasedTransport);
+
+EventSourceTransport.enabled = function() {
+  return !!EventSourceDriver;
+};
+
+EventSourceTransport.transportName = 'eventsource';
+EventSourceTransport.roundTrips = 2;
+
+module.exports = EventSourceTransport;
+
+},{"./lib/ajax-based":24,"./receiver/eventsource":29,"./sender/xhr-cors":35,"eventsource":18,"inherits":57}],21:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , HtmlfileReceiver = require('./receiver/htmlfile')
+  , XHRLocalObject = require('./sender/xhr-local')
+  , AjaxBasedTransport = require('./lib/ajax-based')
+  ;
+
+function HtmlFileTransport(transUrl) {
+  if (!HtmlfileReceiver.enabled) {
+    throw new Error('Transport created when disabled');
+  }
+  AjaxBasedTransport.call(this, transUrl, '/htmlfile', HtmlfileReceiver, XHRLocalObject);
+}
+
+inherits(HtmlFileTransport, AjaxBasedTransport);
+
+HtmlFileTransport.enabled = function(info) {
+  return HtmlfileReceiver.enabled && info.sameOrigin;
+};
+
+HtmlFileTransport.transportName = 'htmlfile';
+HtmlFileTransport.roundTrips = 2;
+
+module.exports = HtmlFileTransport;
+
+},{"./lib/ajax-based":24,"./receiver/htmlfile":30,"./sender/xhr-local":37,"inherits":57}],22:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+// Few cool transports do work only for same-origin. In order to make
+// them work cross-domain we shall use iframe, served from the
+// remote domain. New browsers have capabilities to communicate with
+// cross domain iframe using postMessage(). In IE it was implemented
+// from IE 8+, but of course, IE got some details wrong:
+//    http://msdn.microsoft.com/en-us/library/cc197015(v=VS.85).aspx
+//    http://stevesouders.com/misc/test-postmessage.php
+
+var inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  , version = require('../version')
+  , urlUtils = require('../utils/url')
+  , iframeUtils = require('../utils/iframe')
+  , eventUtils = require('../utils/event')
+  , random = require('../utils/random')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:transport:iframe');
+}
+
+function IframeTransport(transport, transUrl, baseUrl) {
+  if (!IframeTransport.enabled()) {
+    throw new Error('Transport created when disabled');
+  }
+  EventEmitter.call(this);
+
+  var self = this;
+  this.origin = urlUtils.getOrigin(baseUrl);
+  this.baseUrl = baseUrl;
+  this.transUrl = transUrl;
+  this.transport = transport;
+  this.windowId = random.string(8);
+
+  var iframeUrl = urlUtils.addPath(baseUrl, '/iframe.html') + '#' + this.windowId;
+  debug(transport, transUrl, iframeUrl);
+
+  this.iframeObj = iframeUtils.createIframe(iframeUrl, function(r) {
+    debug('err callback');
+    self.emit('close', 1006, 'Unable to load an iframe (' + r + ')');
+    self.close();
+  });
+
+  this.onmessageCallback = this._message.bind(this);
+  eventUtils.attachEvent('message', this.onmessageCallback);
+}
+
+inherits(IframeTransport, EventEmitter);
+
+IframeTransport.prototype.close = function() {
+  debug('close');
+  this.removeAllListeners();
+  if (this.iframeObj) {
+    eventUtils.detachEvent('message', this.onmessageCallback);
+    try {
+      // When the iframe is not loaded, IE raises an exception
+      // on 'contentWindow'.
+      this.postMessage('c');
+    } catch (x) {
+      // intentionally empty
+    }
+    this.iframeObj.cleanup();
+    this.iframeObj = null;
+    this.onmessageCallback = this.iframeObj = null;
+  }
+};
+
+IframeTransport.prototype._message = function(e) {
+  debug('message', e.data);
+  if (!urlUtils.isOriginEqual(e.origin, this.origin)) {
+    debug('not same origin', e.origin, this.origin);
+    return;
+  }
+
+  var iframeMessage;
+  try {
+    iframeMessage = JSON.parse(e.data);
+  } catch (ignored) {
+    debug('bad json', e.data);
+    return;
+  }
+
+  if (iframeMessage.windowId !== this.windowId) {
+    debug('mismatched window id', iframeMessage.windowId, this.windowId);
+    return;
+  }
+
+  switch (iframeMessage.type) {
+  case 's':
+    this.iframeObj.loaded();
+    // window global dependency
+    this.postMessage('s', JSON.stringify([
+      version
+    , this.transport
+    , this.transUrl
+    , this.baseUrl
+    ]));
+    break;
+  case 't':
+    this.emit('message', iframeMessage.data);
+    break;
+  case 'c':
+    var cdata;
+    try {
+      cdata = JSON.parse(iframeMessage.data);
+    } catch (ignored) {
+      debug('bad json', iframeMessage.data);
+      return;
+    }
+    this.emit('close', cdata[0], cdata[1]);
+    this.close();
+    break;
+  }
+};
+
+IframeTransport.prototype.postMessage = function(type, data) {
+  debug('postMessage', type, data);
+  this.iframeObj.post(JSON.stringify({
+    windowId: this.windowId
+  , type: type
+  , data: data || ''
+  }), this.origin);
+};
+
+IframeTransport.prototype.send = function(message) {
+  debug('send', message);
+  this.postMessage('m', message);
+};
+
+IframeTransport.enabled = function() {
+  return iframeUtils.iframeEnabled;
+};
+
+IframeTransport.transportName = 'iframe';
+IframeTransport.roundTrips = 2;
+
+module.exports = IframeTransport;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"../utils/event":46,"../utils/iframe":47,"../utils/random":50,"../utils/url":52,"../version":53,"debug":55,"events":3,"inherits":57}],23:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+// The simplest and most robust transport, using the well-know cross
+// domain hack - JSONP. This transport is quite inefficient - one
+// message could use up to one http request. But at least it works almost
+// everywhere.
+// Known limitations:
+//   o you will get a spinning cursor
+//   o for Konqueror a dumb timer is needed to detect errors
+
+var inherits = require('inherits')
+  , SenderReceiver = require('./lib/sender-receiver')
+  , JsonpReceiver = require('./receiver/jsonp')
+  , jsonpSender = require('./sender/jsonp')
+  ;
+
+function JsonPTransport(transUrl) {
+  if (!JsonPTransport.enabled()) {
+    throw new Error('Transport created when disabled');
+  }
+  SenderReceiver.call(this, transUrl, '/jsonp', jsonpSender, JsonpReceiver);
+}
+
+inherits(JsonPTransport, SenderReceiver);
+
+JsonPTransport.enabled = function() {
+  return !!global.document;
+};
+
+JsonPTransport.transportName = 'jsonp-polling';
+JsonPTransport.roundTrips = 1;
+JsonPTransport.needBody = true;
+
+module.exports = JsonPTransport;
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"./lib/sender-receiver":28,"./receiver/jsonp":31,"./sender/jsonp":33,"inherits":57}],24:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , urlUtils = require('../../utils/url')
+  , SenderReceiver = require('./sender-receiver')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:ajax-based');
+}
+
+function createAjaxSender(AjaxObject) {
+  return function(url, payload, callback) {
+    debug('create ajax sender', url, payload);
+    var opt = {};
+    if (typeof payload === 'string') {
+      opt.headers = {'Content-type': 'text/plain'};
+    }
+    var ajaxUrl = urlUtils.addPath(url, '/xhr_send');
+    var xo = new AjaxObject('POST', ajaxUrl, payload, opt);
+    xo.once('finish', function(status) {
+      debug('finish', status);
+      xo = null;
+
+      if (status !== 200 && status !== 204) {
+        return callback(new Error('http status ' + status));
+      }
+      callback();
+    });
+    return function() {
+      debug('abort');
+      xo.close();
+      xo = null;
+
+      var err = new Error('Aborted');
+      err.code = 1000;
+      callback(err);
+    };
+  };
+}
+
+function AjaxBasedTransport(transUrl, urlSuffix, Receiver, AjaxObject) {
+  SenderReceiver.call(this, transUrl, urlSuffix, createAjaxSender(AjaxObject), Receiver, AjaxObject);
+}
+
+inherits(AjaxBasedTransport, SenderReceiver);
+
+module.exports = AjaxBasedTransport;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"../../utils/url":52,"./sender-receiver":28,"debug":55,"inherits":57}],25:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:buffered-sender');
+}
+
+function BufferedSender(url, sender) {
+  debug(url);
+  EventEmitter.call(this);
+  this.sendBuffer = [];
+  this.sender = sender;
+  this.url = url;
+}
+
+inherits(BufferedSender, EventEmitter);
+
+BufferedSender.prototype.send = function(message) {
+  debug('send', message);
+  this.sendBuffer.push(message);
+  if (!this.sendStop) {
+    this.sendSchedule();
+  }
+};
+
+// For polling transports in a situation when in the message callback,
+// new message is being send. If the sending connection was started
+// before receiving one, it is possible to saturate the network and
+// timeout due to the lack of receiving socket. To avoid that we delay
+// sending messages by some small time, in order to let receiving
+// connection be started beforehand. This is only a halfmeasure and
+// does not fix the big problem, but it does make the tests go more
+// stable on slow networks.
+BufferedSender.prototype.sendScheduleWait = function() {
+  debug('sendScheduleWait');
+  var self = this;
+  var tref;
+  this.sendStop = function() {
+    debug('sendStop');
+    self.sendStop = null;
+    clearTimeout(tref);
+  };
+  tref = setTimeout(function() {
+    debug('timeout');
+    self.sendStop = null;
+    self.sendSchedule();
+  }, 25);
+};
+
+BufferedSender.prototype.sendSchedule = function() {
+  debug('sendSchedule', this.sendBuffer.length);
+  var self = this;
+  if (this.sendBuffer.length > 0) {
+    var payload = '[' + this.sendBuffer.join(',') + ']';
+    this.sendStop = this.sender(this.url, payload, function(err) {
+      self.sendStop = null;
+      if (err) {
+        debug('error', err);
+        self.emit('close', err.code || 1006, 'Sending error: ' + err);
+        self.close();
+      } else {
+        self.sendScheduleWait();
+      }
+    });
+    this.sendBuffer = [];
+  }
+};
+
+BufferedSender.prototype._cleanup = function() {
+  debug('_cleanup');
+  this.removeAllListeners();
+};
+
+BufferedSender.prototype.close = function() {
+  debug('close');
+  this._cleanup();
+  if (this.sendStop) {
+    this.sendStop();
+    this.sendStop = null;
+  }
+};
+
+module.exports = BufferedSender;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"debug":55,"events":3,"inherits":57}],26:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , IframeTransport = require('../iframe')
+  , objectUtils = require('../../utils/object')
+  ;
+
+module.exports = function(transport) {
+
+  function IframeWrapTransport(transUrl, baseUrl) {
+    IframeTransport.call(this, transport.transportName, transUrl, baseUrl);
+  }
+
+  inherits(IframeWrapTransport, IframeTransport);
+
+  IframeWrapTransport.enabled = function(url, info) {
+    if (!global.document) {
+      return false;
+    }
+
+    var iframeInfo = objectUtils.extend({}, info);
+    iframeInfo.sameOrigin = true;
+    return transport.enabled(iframeInfo) && IframeTransport.enabled();
+  };
+
+  IframeWrapTransport.transportName = 'iframe-' + transport.transportName;
+  IframeWrapTransport.needBody = true;
+  IframeWrapTransport.roundTrips = IframeTransport.roundTrips + transport.roundTrips - 1; // html, javascript (2) + transport - no CORS (1)
+
+  IframeWrapTransport.facadeTransport = transport;
+
+  return IframeWrapTransport;
+};
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../../utils/object":49,"../iframe":22,"inherits":57}],27:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:polling');
+}
+
+function Polling(Receiver, receiveUrl, AjaxObject) {
+  debug(receiveUrl);
+  EventEmitter.call(this);
+  this.Receiver = Receiver;
+  this.receiveUrl = receiveUrl;
+  this.AjaxObject = AjaxObject;
+  this._scheduleReceiver();
+}
+
+inherits(Polling, EventEmitter);
+
+Polling.prototype._scheduleReceiver = function() {
+  debug('_scheduleReceiver');
+  var self = this;
+  var poll = this.poll = new this.Receiver(this.receiveUrl, this.AjaxObject);
+
+  poll.on('message', function(msg) {
+    debug('message', msg);
+    self.emit('message', msg);
+  });
+
+  poll.once('close', function(code, reason) {
+    debug('close', code, reason, self.pollIsClosing);
+    self.poll = poll = null;
+
+    if (!self.pollIsClosing) {
+      if (reason === 'network') {
+        self._scheduleReceiver();
+      } else {
+        self.emit('close', code || 1006, reason);
+        self.removeAllListeners();
+      }
+    }
+  });
+};
+
+Polling.prototype.abort = function() {
+  debug('abort');
+  this.removeAllListeners();
+  this.pollIsClosing = true;
+  if (this.poll) {
+    this.poll.abort();
+  }
+};
+
+module.exports = Polling;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"debug":55,"events":3,"inherits":57}],28:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , urlUtils = require('../../utils/url')
+  , BufferedSender = require('./buffered-sender')
+  , Polling = require('./polling')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:sender-receiver');
+}
+
+function SenderReceiver(transUrl, urlSuffix, senderFunc, Receiver, AjaxObject) {
+  var pollUrl = urlUtils.addPath(transUrl, urlSuffix);
+  debug(pollUrl);
+  var self = this;
+  BufferedSender.call(this, transUrl, senderFunc);
+
+  this.poll = new Polling(Receiver, pollUrl, AjaxObject);
+  this.poll.on('message', function(msg) {
+    debug('poll message', msg);
+    self.emit('message', msg);
+  });
+  this.poll.once('close', function(code, reason) {
+    debug('poll close', code, reason);
+    self.poll = null;
+    self.emit('close', code, reason);
+    self.close();
+  });
+}
+
+inherits(SenderReceiver, BufferedSender);
+
+SenderReceiver.prototype.close = function() {
+  BufferedSender.prototype.close.call(this);
+  debug('close');
+  this.removeAllListeners();
+  if (this.poll) {
+    this.poll.abort();
+    this.poll = null;
+  }
+};
+
+module.exports = SenderReceiver;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"../../utils/url":52,"./buffered-sender":25,"./polling":27,"debug":55,"inherits":57}],29:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  , EventSourceDriver = require('eventsource')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:receiver:eventsource');
+}
+
+function EventSourceReceiver(url) {
+  debug(url);
+  EventEmitter.call(this);
+
+  var self = this;
+  var es = this.es = new EventSourceDriver(url);
+  es.onmessage = function(e) {
+    debug('message', e.data);
+    self.emit('message', decodeURI(e.data));
+  };
+  es.onerror = function(e) {
+    debug('error', es.readyState, e);
+    // ES on reconnection has readyState = 0 or 1.
+    // on network error it's CLOSED = 2
+    var reason = (es.readyState !== 2 ? 'network' : 'permanent');
+    self._cleanup();
+    self._close(reason);
+  };
+}
+
+inherits(EventSourceReceiver, EventEmitter);
+
+EventSourceReceiver.prototype.abort = function() {
+  debug('abort');
+  this._cleanup();
+  this._close('user');
+};
+
+EventSourceReceiver.prototype._cleanup = function() {
+  debug('cleanup');
+  var es = this.es;
+  if (es) {
+    es.onmessage = es.onerror = null;
+    es.close();
+    this.es = null;
+  }
+};
+
+EventSourceReceiver.prototype._close = function(reason) {
+  debug('close', reason);
+  var self = this;
+  // Safari and chrome < 15 crash if we close window before
+  // waiting for ES cleanup. See:
+  // https://code.google.com/p/chromium/issues/detail?id=89155
+  setTimeout(function() {
+    self.emit('close', null, reason);
+    self.removeAllListeners();
+  }, 200);
+};
+
+module.exports = EventSourceReceiver;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"debug":55,"events":3,"eventsource":18,"inherits":57}],30:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , iframeUtils = require('../../utils/iframe')
+  , urlUtils = require('../../utils/url')
+  , EventEmitter = require('events').EventEmitter
+  , random = require('../../utils/random')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:receiver:htmlfile');
+}
+
+function HtmlfileReceiver(url) {
+  debug(url);
+  EventEmitter.call(this);
+  var self = this;
+  iframeUtils.polluteGlobalNamespace();
+
+  this.id = 'a' + random.string(6);
+  url = urlUtils.addQuery(url, 'c=' + decodeURIComponent(iframeUtils.WPrefix + '.' + this.id));
+
+  debug('using htmlfile', HtmlfileReceiver.htmlfileEnabled);
+  var constructFunc = HtmlfileReceiver.htmlfileEnabled ?
+      iframeUtils.createHtmlfile : iframeUtils.createIframe;
+
+  global[iframeUtils.WPrefix][this.id] = {
+    start: function() {
+      debug('start');
+      self.iframeObj.loaded();
+    }
+  , message: function(data) {
+      debug('message', data);
+      self.emit('message', data);
+    }
+  , stop: function() {
+      debug('stop');
+      self._cleanup();
+      self._close('network');
+    }
+  };
+  this.iframeObj = constructFunc(url, function() {
+    debug('callback');
+    self._cleanup();
+    self._close('permanent');
+  });
+}
+
+inherits(HtmlfileReceiver, EventEmitter);
+
+HtmlfileReceiver.prototype.abort = function() {
+  debug('abort');
+  this._cleanup();
+  this._close('user');
+};
+
+HtmlfileReceiver.prototype._cleanup = function() {
+  debug('_cleanup');
+  if (this.iframeObj) {
+    this.iframeObj.cleanup();
+    this.iframeObj = null;
+  }
+  delete global[iframeUtils.WPrefix][this.id];
+};
+
+HtmlfileReceiver.prototype._close = function(reason) {
+  debug('_close', reason);
+  this.emit('close', null, reason);
+  this.removeAllListeners();
+};
+
+HtmlfileReceiver.htmlfileEnabled = false;
+
+// obfuscate to avoid firewalls
+var axo = ['Active'].concat('Object').join('X');
+if (axo in global) {
+  try {
+    HtmlfileReceiver.htmlfileEnabled = !!new global[axo]('htmlfile');
+  } catch (x) {
+    // intentionally empty
+  }
+}
+
+HtmlfileReceiver.enabled = HtmlfileReceiver.htmlfileEnabled || iframeUtils.iframeEnabled;
+
+module.exports = HtmlfileReceiver;
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../../utils/iframe":47,"../../utils/random":50,"../../utils/url":52,"debug":55,"events":3,"inherits":57}],31:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var utils = require('../../utils/iframe')
+  , random = require('../../utils/random')
+  , browser = require('../../utils/browser')
+  , urlUtils = require('../../utils/url')
+  , inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:receiver:jsonp');
+}
+
+function JsonpReceiver(url) {
+  debug(url);
+  var self = this;
+  EventEmitter.call(this);
+
+  utils.polluteGlobalNamespace();
+
+  this.id = 'a' + random.string(6);
+  var urlWithId = urlUtils.addQuery(url, 'c=' + encodeURIComponent(utils.WPrefix + '.' + this.id));
+
+  global[utils.WPrefix][this.id] = this._callback.bind(this);
+  this._createScript(urlWithId);
+
+  // Fallback mostly for Konqueror - stupid timer, 35 seconds shall be plenty.
+  this.timeoutId = setTimeout(function() {
+    debug('timeout');
+    self._abort(new Error('JSONP script loaded abnormally (timeout)'));
+  }, JsonpReceiver.timeout);
+}
+
+inherits(JsonpReceiver, EventEmitter);
+
+JsonpReceiver.prototype.abort = function() {
+  debug('abort');
+  if (global[utils.WPrefix][this.id]) {
+    var err = new Error('JSONP user aborted read');
+    err.code = 1000;
+    this._abort(err);
+  }
+};
+
+JsonpReceiver.timeout = 35000;
+JsonpReceiver.scriptErrorTimeout = 1000;
+
+JsonpReceiver.prototype._callback = function(data) {
+  debug('_callback', data);
+  this._cleanup();
+
+  if (this.aborting) {
+    return;
+  }
+
+  if (data) {
+    debug('message', data);
+    this.emit('message', data);
+  }
+  this.emit('close', null, 'network');
+  this.removeAllListeners();
+};
+
+JsonpReceiver.prototype._abort = function(err) {
+  debug('_abort', err);
+  this._cleanup();
+  this.aborting = true;
+  this.emit('close', err.code, err.message);
+  this.removeAllListeners();
+};
+
+JsonpReceiver.prototype._cleanup = function() {
+  debug('_cleanup');
+  clearTimeout(this.timeoutId);
+  if (this.script2) {
+    this.script2.parentNode.removeChild(this.script2);
+    this.script2 = null;
+  }
+  if (this.script) {
+    var script = this.script;
+    // Unfortunately, you can't really abort script loading of
+    // the script.
+    script.parentNode.removeChild(script);
+    script.onreadystatechange = script.onerror =
+        script.onload = script.onclick = null;
+    this.script = null;
+  }
+  delete global[utils.WPrefix][this.id];
+};
+
+JsonpReceiver.prototype._scriptError = function() {
+  debug('_scriptError');
+  var self = this;
+  if (this.errorTimer) {
+    return;
+  }
+
+  this.errorTimer = setTimeout(function() {
+    if (!self.loadedOkay) {
+      self._abort(new Error('JSONP script loaded abnormally (onerror)'));
+    }
+  }, JsonpReceiver.scriptErrorTimeout);
+};
+
+JsonpReceiver.prototype._createScript = function(url) {
+  debug('_createScript', url);
+  var self = this;
+  var script = this.script = global.document.createElement('script');
+  var script2;  // Opera synchronous load trick.
+
+  script.id = 'a' + random.string(8);
+  script.src = url;
+  script.type = 'text/javascript';
+  script.charset = 'UTF-8';
+  script.onerror = this._scriptError.bind(this);
+  script.onload = function() {
+    debug('onload');
+    self._abort(new Error('JSONP script loaded abnormally (onload)'));
+  };
+
+  // IE9 fires 'error' event after onreadystatechange or before, in random order.
+  // Use loadedOkay to determine if actually errored
+  script.onreadystatechange = function() {
+    debug('onreadystatechange', script.readyState);
+    if (/loaded|closed/.test(script.readyState)) {
+      if (script && script.htmlFor && script.onclick) {
+        self.loadedOkay = true;
+        try {
+          // In IE, actually execute the script.
+          script.onclick();
+        } catch (x) {
+          // intentionally empty
+        }
+      }
+      if (script) {
+        self._abort(new Error('JSONP script loaded abnormally (onreadystatechange)'));
+      }
+    }
+  };
+  // IE: event/htmlFor/onclick trick.
+  // One can't rely on proper order for onreadystatechange. In order to
+  // make sure, set a 'htmlFor' and 'event' properties, so that
+  // script code will be installed as 'onclick' handler for the
+  // script object. Later, onreadystatechange, manually execute this
+  // code. FF and Chrome doesn't work with 'event' and 'htmlFor'
+  // set. For reference see:
+  //   http://jaubourg.net/2010/07/loading-script-as-onclick-handler-of.html
+  // Also, read on that about script ordering:
+  //   http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order
+  if (typeof script.async === 'undefined' && global.document.attachEvent) {
+    // According to mozilla docs, in recent browsers script.async defaults
+    // to 'true', so we may use it to detect a good browser:
+    // https://developer.mozilla.org/en/HTML/Element/script
+    if (!browser.isOpera()) {
+      // Naively assume we're in IE
+      try {
+        script.htmlFor = script.id;
+        script.event = 'onclick';
+      } catch (x) {
+        // intentionally empty
+      }
+      script.async = true;
+    } else {
+      // Opera, second sync script hack
+      script2 = this.script2 = global.document.createElement('script');
+      script2.text = "try{var a = document.getElementById('" + script.id + "'); if(a)a.onerror();}catch(x){};";
+      script.async = script2.async = false;
+    }
+  }
+  if (typeof script.async !== 'undefined') {
+    script.async = true;
+  }
+
+  var head = global.document.getElementsByTagName('head')[0];
+  head.insertBefore(script, head.firstChild);
+  if (script2) {
+    head.insertBefore(script2, head.firstChild);
+  }
+};
+
+module.exports = JsonpReceiver;
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../../utils/browser":44,"../../utils/iframe":47,"../../utils/random":50,"../../utils/url":52,"debug":55,"events":3,"inherits":57}],32:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:receiver:xhr');
+}
+
+function XhrReceiver(url, AjaxObject) {
+  debug(url);
+  EventEmitter.call(this);
+  var self = this;
+
+  this.bufferPosition = 0;
+
+  this.xo = new AjaxObject('POST', url, null);
+  this.xo.on('chunk', this._chunkHandler.bind(this));
+  this.xo.once('finish', function(status, text) {
+    debug('finish', status, text);
+    self._chunkHandler(status, text);
+    self.xo = null;
+    var reason = status === 200 ? 'network' : 'permanent';
+    debug('close', reason);
+    self.emit('close', null, reason);
+    self._cleanup();
+  });
+}
+
+inherits(XhrReceiver, EventEmitter);
+
+XhrReceiver.prototype._chunkHandler = function(status, text) {
+  debug('_chunkHandler', status);
+  if (status !== 200 || !text) {
+    return;
+  }
+
+  for (var idx = -1; ; this.bufferPosition += idx + 1) {
+    var buf = text.slice(this.bufferPosition);
+    idx = buf.indexOf('\n');
+    if (idx === -1) {
+      break;
+    }
+    var msg = buf.slice(0, idx);
+    if (msg) {
+      debug('message', msg);
+      this.emit('message', msg);
+    }
+  }
+};
+
+XhrReceiver.prototype._cleanup = function() {
+  debug('_cleanup');
+  this.removeAllListeners();
+};
+
+XhrReceiver.prototype.abort = function() {
+  debug('abort');
+  if (this.xo) {
+    this.xo.close();
+    debug('close');
+    this.emit('close', null, 'user');
+    this.xo = null;
+  }
+  this._cleanup();
+};
+
+module.exports = XhrReceiver;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"debug":55,"events":3,"inherits":57}],33:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var random = require('../../utils/random')
+  , urlUtils = require('../../utils/url')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:sender:jsonp');
+}
+
+var form, area;
+
+function createIframe(id) {
+  debug('createIframe', id);
+  try {
+    // ie6 dynamic iframes with target="" support (thanks Chris Lambacher)
+    return global.document.createElement('<iframe name="' + id + '">');
+  } catch (x) {
+    var iframe = global.document.createElement('iframe');
+    iframe.name = id;
+    return iframe;
+  }
+}
+
+function createForm() {
+  debug('createForm');
+  form = global.document.createElement('form');
+  form.style.display = 'none';
+  form.style.position = 'absolute';
+  form.method = 'POST';
+  form.enctype = 'application/x-www-form-urlencoded';
+  form.acceptCharset = 'UTF-8';
+
+  area = global.document.createElement('textarea');
+  area.name = 'd';
+  form.appendChild(area);
+
+  global.document.body.appendChild(form);
+}
+
+module.exports = function(url, payload, callback) {
+  debug(url, payload);
+  if (!form) {
+    createForm();
+  }
+  var id = 'a' + random.string(8);
+  form.target = id;
+  form.action = urlUtils.addQuery(urlUtils.addPath(url, '/jsonp_send'), 'i=' + id);
+
+  var iframe = createIframe(id);
+  iframe.id = id;
+  iframe.style.display = 'none';
+  form.appendChild(iframe);
+
+  try {
+    area.value = payload;
+  } catch (e) {
+    // seriously broken browsers get here
+  }
+  form.submit();
+
+  var completed = function(err) {
+    debug('completed', id, err);
+    if (!iframe.onerror) {
+      return;
+    }
+    iframe.onreadystatechange = iframe.onerror = iframe.onload = null;
+    // Opera mini doesn't like if we GC iframe
+    // immediately, thus this timeout.
+    setTimeout(function() {
+      debug('cleaning up', id);
+      iframe.parentNode.removeChild(iframe);
+      iframe = null;
+    }, 500);
+    area.value = '';
+    // It is not possible to detect if the iframe succeeded or
+    // failed to submit our form.
+    callback(err);
+  };
+  iframe.onerror = function() {
+    debug('onerror', id);
+    completed();
+  };
+  iframe.onload = function() {
+    debug('onload', id);
+    completed();
+  };
+  iframe.onreadystatechange = function(e) {
+    debug('onreadystatechange', id, iframe.readyState, e);
+    if (iframe.readyState === 'complete') {
+      completed();
+    }
+  };
+  return function() {
+    debug('aborted', id);
+    completed(new Error('Aborted'));
+  };
+};
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../../utils/random":50,"../../utils/url":52,"debug":55}],34:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var EventEmitter = require('events').EventEmitter
+  , inherits = require('inherits')
+  , eventUtils = require('../../utils/event')
+  , browser = require('../../utils/browser')
+  , urlUtils = require('../../utils/url')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:sender:xdr');
+}
+
+// References:
+//   http://ajaxian.com/archives/100-line-ajax-wrapper
+//   http://msdn.microsoft.com/en-us/library/cc288060(v=VS.85).aspx
+
+function XDRObject(method, url, payload) {
+  debug(method, url);
+  var self = this;
+  EventEmitter.call(this);
+
+  setTimeout(function() {
+    self._start(method, url, payload);
+  }, 0);
+}
+
+inherits(XDRObject, EventEmitter);
+
+XDRObject.prototype._start = function(method, url, payload) {
+  debug('_start');
+  var self = this;
+  var xdr = new global.XDomainRequest();
+  // IE caches even POSTs
+  url = urlUtils.addQuery(url, 't=' + (+new Date()));
+
+  xdr.onerror = function() {
+    debug('onerror');
+    self._error();
+  };
+  xdr.ontimeout = function() {
+    debug('ontimeout');
+    self._error();
+  };
+  xdr.onprogress = function() {
+    debug('progress', xdr.responseText);
+    self.emit('chunk', 200, xdr.responseText);
+  };
+  xdr.onload = function() {
+    debug('load');
+    self.emit('finish', 200, xdr.responseText);
+    self._cleanup(false);
+  };
+  this.xdr = xdr;
+  this.unloadRef = eventUtils.unloadAdd(function() {
+    self._cleanup(true);
+  });
+  try {
+    // Fails with AccessDenied if port number is bogus
+    this.xdr.open(method, url);
+    if (this.timeout) {
+      this.xdr.timeout = this.timeout;
+    }
+    this.xdr.send(payload);
+  } catch (x) {
+    this._error();
+  }
+};
+
+XDRObject.prototype._error = function() {
+  this.emit('finish', 0, '');
+  this._cleanup(false);
+};
+
+XDRObject.prototype._cleanup = function(abort) {
+  debug('cleanup', abort);
+  if (!this.xdr) {
+    return;
+  }
+  this.removeAllListeners();
+  eventUtils.unloadDel(this.unloadRef);
+
+  this.xdr.ontimeout = this.xdr.onerror = this.xdr.onprogress = this.xdr.onload = null;
+  if (abort) {
+    try {
+      this.xdr.abort();
+    } catch (x) {
+      // intentionally empty
+    }
+  }
+  this.unloadRef = this.xdr = null;
+};
+
+XDRObject.prototype.close = function() {
+  debug('close');
+  this._cleanup(true);
+};
+
+// IE 8/9 if the request target uses the same scheme - #79
+XDRObject.enabled = !!(global.XDomainRequest && browser.hasDomain());
+
+module.exports = XDRObject;
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../../utils/browser":44,"../../utils/event":46,"../../utils/url":52,"debug":55,"events":3,"inherits":57}],35:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , XhrDriver = require('../driver/xhr')
+  ;
+
+function XHRCorsObject(method, url, payload, opts) {
+  XhrDriver.call(this, method, url, payload, opts);
+}
+
+inherits(XHRCorsObject, XhrDriver);
+
+XHRCorsObject.enabled = XhrDriver.enabled && XhrDriver.supportsCORS;
+
+module.exports = XHRCorsObject;
+
+},{"../driver/xhr":17,"inherits":57}],36:[function(require,module,exports){
+'use strict';
+
+var EventEmitter = require('events').EventEmitter
+  , inherits = require('inherits')
+  ;
+
+function XHRFake(/* method, url, payload, opts */) {
+  var self = this;
+  EventEmitter.call(this);
+
+  this.to = setTimeout(function() {
+    self.emit('finish', 200, '{}');
+  }, XHRFake.timeout);
+}
+
+inherits(XHRFake, EventEmitter);
+
+XHRFake.prototype.close = function() {
+  clearTimeout(this.to);
+};
+
+XHRFake.timeout = 2000;
+
+module.exports = XHRFake;
+
+},{"events":3,"inherits":57}],37:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , XhrDriver = require('../driver/xhr')
+  ;
+
+function XHRLocalObject(method, url, payload /*, opts */) {
+  XhrDriver.call(this, method, url, payload, {
+    noCredentials: true
+  });
+}
+
+inherits(XHRLocalObject, XhrDriver);
+
+XHRLocalObject.enabled = XhrDriver.enabled;
+
+module.exports = XHRLocalObject;
+
+},{"../driver/xhr":17,"inherits":57}],38:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var utils = require('../utils/event')
+  , urlUtils = require('../utils/url')
+  , inherits = require('inherits')
+  , EventEmitter = require('events').EventEmitter
+  , WebsocketDriver = require('./driver/websocket')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:websocket');
+}
+
+function WebSocketTransport(transUrl, ignore, options) {
+  if (!WebSocketTransport.enabled()) {
+    throw new Error('Transport created when disabled');
+  }
+
+  EventEmitter.call(this);
+  debug('constructor', transUrl);
+
+  var self = this;
+  var url = urlUtils.addPath(transUrl, '/websocket');
+  if (url.slice(0, 5) === 'https') {
+    url = 'wss' + url.slice(5);
+  } else {
+    url = 'ws' + url.slice(4);
+  }
+  this.url = url;
+
+  this.ws = new WebsocketDriver(this.url, [], options);
+  this.ws.onmessage = function(e) {
+    debug('message event', e.data);
+    self.emit('message', e.data);
+  };
+  // Firefox has an interesting bug. If a websocket connection is
+  // created after onunload, it stays alive even when user
+  // navigates away from the page. In such situation let's lie -
+  // let's not open the ws connection at all. See:
+  // https://github.com/sockjs/sockjs-client/issues/28
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=696085
+  this.unloadRef = utils.unloadAdd(function() {
+    debug('unload');
+    self.ws.close();
+  });
+  this.ws.onclose = function(e) {
+    debug('close event', e.code, e.reason);
+    self.emit('close', e.code, e.reason);
+    self._cleanup();
+  };
+  this.ws.onerror = function(e) {
+    debug('error event', e);
+    self.emit('close', 1006, 'WebSocket connection broken');
+    self._cleanup();
+  };
+}
+
+inherits(WebSocketTransport, EventEmitter);
+
+WebSocketTransport.prototype.send = function(data) {
+  var msg = '[' + data + ']';
+  debug('send', msg);
+  this.ws.send(msg);
+};
+
+WebSocketTransport.prototype.close = function() {
+  debug('close');
+  var ws = this.ws;
+  this._cleanup();
+  if (ws) {
+    ws.close();
+  }
+};
+
+WebSocketTransport.prototype._cleanup = function() {
+  debug('_cleanup');
+  var ws = this.ws;
+  if (ws) {
+    ws.onmessage = ws.onclose = ws.onerror = null;
+  }
+  utils.unloadDel(this.unloadRef);
+  this.unloadRef = this.ws = null;
+  this.removeAllListeners();
+};
+
+WebSocketTransport.enabled = function() {
+  debug('enabled');
+  return !!WebsocketDriver;
+};
+WebSocketTransport.transportName = 'websocket';
+
+// In theory, ws should require 1 round trip. But in chrome, this is
+// not very stable over SSL. Most likely a ws connection requires a
+// separate SSL connection, in which case 2 round trips are an
+// absolute minumum.
+WebSocketTransport.roundTrips = 2;
+
+module.exports = WebSocketTransport;
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"../utils/event":46,"../utils/url":52,"./driver/websocket":19,"debug":55,"events":3,"inherits":57}],39:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , AjaxBasedTransport = require('./lib/ajax-based')
+  , XdrStreamingTransport = require('./xdr-streaming')
+  , XhrReceiver = require('./receiver/xhr')
+  , XDRObject = require('./sender/xdr')
+  ;
+
+function XdrPollingTransport(transUrl) {
+  if (!XDRObject.enabled) {
+    throw new Error('Transport created when disabled');
+  }
+  AjaxBasedTransport.call(this, transUrl, '/xhr', XhrReceiver, XDRObject);
+}
+
+inherits(XdrPollingTransport, AjaxBasedTransport);
+
+XdrPollingTransport.enabled = XdrStreamingTransport.enabled;
+XdrPollingTransport.transportName = 'xdr-polling';
+XdrPollingTransport.roundTrips = 2; // preflight, ajax
+
+module.exports = XdrPollingTransport;
+
+},{"./lib/ajax-based":24,"./receiver/xhr":32,"./sender/xdr":34,"./xdr-streaming":40,"inherits":57}],40:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , AjaxBasedTransport = require('./lib/ajax-based')
+  , XhrReceiver = require('./receiver/xhr')
+  , XDRObject = require('./sender/xdr')
+  ;
+
+// According to:
+//   http://stackoverflow.com/questions/1641507/detect-browser-support-for-cross-domain-xmlhttprequests
+//   http://hacks.mozilla.org/2009/07/cross-site-xmlhttprequest-with-cors/
+
+function XdrStreamingTransport(transUrl) {
+  if (!XDRObject.enabled) {
+    throw new Error('Transport created when disabled');
+  }
+  AjaxBasedTransport.call(this, transUrl, '/xhr_streaming', XhrReceiver, XDRObject);
+}
+
+inherits(XdrStreamingTransport, AjaxBasedTransport);
+
+XdrStreamingTransport.enabled = function(info) {
+  if (info.cookie_needed || info.nullOrigin) {
+    return false;
+  }
+  return XDRObject.enabled && info.sameScheme;
+};
+
+XdrStreamingTransport.transportName = 'xdr-streaming';
+XdrStreamingTransport.roundTrips = 2; // preflight, ajax
+
+module.exports = XdrStreamingTransport;
+
+},{"./lib/ajax-based":24,"./receiver/xhr":32,"./sender/xdr":34,"inherits":57}],41:[function(require,module,exports){
+'use strict';
+
+var inherits = require('inherits')
+  , AjaxBasedTransport = require('./lib/ajax-based')
+  , XhrReceiver = require('./receiver/xhr')
+  , XHRCorsObject = require('./sender/xhr-cors')
+  , XHRLocalObject = require('./sender/xhr-local')
+  ;
+
+function XhrPollingTransport(transUrl) {
+  if (!XHRLocalObject.enabled && !XHRCorsObject.enabled) {
+    throw new Error('Transport created when disabled');
+  }
+  AjaxBasedTransport.call(this, transUrl, '/xhr', XhrReceiver, XHRCorsObject);
+}
+
+inherits(XhrPollingTransport, AjaxBasedTransport);
+
+XhrPollingTransport.enabled = function(info) {
+  if (info.nullOrigin) {
+    return false;
+  }
+
+  if (XHRLocalObject.enabled && info.sameOrigin) {
+    return true;
+  }
+  return XHRCorsObject.enabled;
+};
+
+XhrPollingTransport.transportName = 'xhr-polling';
+XhrPollingTransport.roundTrips = 2; // preflight, ajax
+
+module.exports = XhrPollingTransport;
+
+},{"./lib/ajax-based":24,"./receiver/xhr":32,"./sender/xhr-cors":35,"./sender/xhr-local":37,"inherits":57}],42:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var inherits = require('inherits')
+  , AjaxBasedTransport = require('./lib/ajax-based')
+  , XhrReceiver = require('./receiver/xhr')
+  , XHRCorsObject = require('./sender/xhr-cors')
+  , XHRLocalObject = require('./sender/xhr-local')
+  , browser = require('../utils/browser')
+  ;
+
+function XhrStreamingTransport(transUrl) {
+  if (!XHRLocalObject.enabled && !XHRCorsObject.enabled) {
+    throw new Error('Transport created when disabled');
+  }
+  AjaxBasedTransport.call(this, transUrl, '/xhr_streaming', XhrReceiver, XHRCorsObject);
+}
+
+inherits(XhrStreamingTransport, AjaxBasedTransport);
+
+XhrStreamingTransport.enabled = function(info) {
+  if (info.nullOrigin) {
+    return false;
+  }
+  // Opera doesn't support xhr-streaming #60
+  // But it might be able to #92
+  if (browser.isOpera()) {
+    return false;
+  }
+
+  return XHRCorsObject.enabled;
+};
+
+XhrStreamingTransport.transportName = 'xhr-streaming';
+XhrStreamingTransport.roundTrips = 2; // preflight, ajax
+
+// Safari gets confused when a streaming ajax request is started
+// before onload. This causes the load indicator to spin indefinetely.
+// Only require body when used in a browser
+XhrStreamingTransport.needBody = !!global.document;
+
+module.exports = XhrStreamingTransport;
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"../utils/browser":44,"./lib/ajax-based":24,"./receiver/xhr":32,"./sender/xhr-cors":35,"./sender/xhr-local":37,"inherits":57}],43:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+if (global.crypto && global.crypto.getRandomValues) {
+  module.exports.randomBytes = function(length) {
+    var bytes = new Uint8Array(length);
+    global.crypto.getRandomValues(bytes);
+    return bytes;
+  };
+} else {
+  module.exports.randomBytes = function(length) {
+    var bytes = new Array(length);
+    for (var i = 0; i < length; i++) {
+      bytes[i] = Math.floor(Math.random() * 256);
+    }
+    return bytes;
+  };
+}
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{}],44:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+module.exports = {
+  isOpera: function() {
+    return global.navigator &&
+      /opera/i.test(global.navigator.userAgent);
+  }
+
+, isKonqueror: function() {
+    return global.navigator &&
+      /konqueror/i.test(global.navigator.userAgent);
+  }
+
+  // #187 wrap document.domain in try/catch because of WP8 from file:///
+, hasDomain: function () {
+    // non-browser client always has a domain
+    if (!global.document) {
+      return true;
+    }
+
+    try {
+      return !!global.document.domain;
+    } catch (e) {
+      return false;
+    }
+  }
+};
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{}],45:[function(require,module,exports){
+'use strict';
+
+// Some extra characters that Chrome gets wrong, and substitutes with
+// something else on the wire.
+// eslint-disable-next-line no-control-regex, no-misleading-character-class
+var extraEscapable = /[\x00-\x1f\ud800-\udfff\ufffe\uffff\u0300-\u0333\u033d-\u0346\u034a-\u034c\u0350-\u0352\u0357-\u0358\u035c-\u0362\u0374\u037e\u0387\u0591-\u05af\u05c4\u0610-\u0617\u0653-\u0654\u0657-\u065b\u065d-\u065e\u06df-\u06e2\u06eb-\u06ec\u0730\u0732-\u0733\u0735-\u0736\u073a\u073d\u073f-\u0741\u0743\u0745\u0747\u07eb-\u07f1\u0951\u0958-\u095f\u09dc-\u09dd\u09df\u0a33\u0a36\u0a59-\u0a5b\u0a5e\u0b5c-\u0b5d\u0e38-\u0e39\u0f43\u0f4d\u0f52\u0f57\u0f5c\u0f69\u0f72-\u0f76\u0f78\u0f80-\u0f83\u0f93\u0f9d\u0fa2\u0fa7\u0fac\u0fb9\u1939-\u193a\u1a17\u1b6b\u1cda-\u1cdb\u1dc0-\u1dcf\u1dfc\u1dfe\u1f71\u1f73\u1f75\u1f77\u1f79\u1f7b\u1f7d\u1fbb\u1fbe\u1fc9\u1fcb\u1fd3\u1fdb\u1fe3\u1feb\u1fee-\u1fef\u1ff9\u1ffb\u1ffd\u2000-\u2001\u20d0-\u20d1\u20d4-\u20d7\u20e7-\u20e9\u2126\u212a-\u212b\u2329-\u232a\u2adc\u302b-\u302c\uaab2-\uaab3\uf900-\ufa0d\ufa10\ufa12\ufa15-\ufa1e\ufa20\ufa22\ufa25-\ufa26\ufa2a-\ufa2d\ufa30-\ufa6d\ufa70-\ufad9\ufb1d\ufb1f\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufb4e\ufff0-\uffff]/g
+  , extraLookup;
+
+// This may be quite slow, so let's delay until user actually uses bad
+// characters.
+var unrollLookup = function(escapable) {
+  var i;
+  var unrolled = {};
+  var c = [];
+  for (i = 0; i < 65536; i++) {
+    c.push( String.fromCharCode(i) );
+  }
+  escapable.lastIndex = 0;
+  c.join('').replace(escapable, function(a) {
+    unrolled[ a ] = '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+    return '';
+  });
+  escapable.lastIndex = 0;
+  return unrolled;
+};
+
+// Quote string, also taking care of unicode characters that browsers
+// often break. Especially, take care of unicode surrogates:
+// http://en.wikipedia.org/wiki/Mapping_of_Unicode_characters#Surrogates
+module.exports = {
+  quote: function(string) {
+    var quoted = JSON.stringify(string);
+
+    // In most cases this should be very fast and good enough.
+    extraEscapable.lastIndex = 0;
+    if (!extraEscapable.test(quoted)) {
+      return quoted;
+    }
+
+    if (!extraLookup) {
+      extraLookup = unrollLookup(extraEscapable);
+    }
+
+    return quoted.replace(extraEscapable, function(a) {
+      return extraLookup[a];
+    });
+  }
+};
+
+},{}],46:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var random = require('./random');
+
+var onUnload = {}
+  , afterUnload = false
+    // detect google chrome packaged apps because they don't allow the 'unload' event
+  , isChromePackagedApp = global.chrome && global.chrome.app && global.chrome.app.runtime
+  ;
+
+module.exports = {
+  attachEvent: function(event, listener) {
+    if (typeof global.addEventListener !== 'undefined') {
+      global.addEventListener(event, listener, false);
+    } else if (global.document && global.attachEvent) {
+      // IE quirks.
+      // According to: http://stevesouders.com/misc/test-postmessage.php
+      // the message gets delivered only to 'document', not 'window'.
+      global.document.attachEvent('on' + event, listener);
+      // I get 'window' for ie8.
+      global.attachEvent('on' + event, listener);
+    }
+  }
+
+, detachEvent: function(event, listener) {
+    if (typeof global.addEventListener !== 'undefined') {
+      global.removeEventListener(event, listener, false);
+    } else if (global.document && global.detachEvent) {
+      global.document.detachEvent('on' + event, listener);
+      global.detachEvent('on' + event, listener);
+    }
+  }
+
+, unloadAdd: function(listener) {
+    if (isChromePackagedApp) {
+      return null;
+    }
+
+    var ref = random.string(8);
+    onUnload[ref] = listener;
+    if (afterUnload) {
+      setTimeout(this.triggerUnloadCallbacks, 0);
+    }
+    return ref;
+  }
+
+, unloadDel: function(ref) {
+    if (ref in onUnload) {
+      delete onUnload[ref];
+    }
+  }
+
+, triggerUnloadCallbacks: function() {
+    for (var ref in onUnload) {
+      onUnload[ref]();
+      delete onUnload[ref];
+    }
+  }
+};
+
+var unloadTriggered = function() {
+  if (afterUnload) {
+    return;
+  }
+  afterUnload = true;
+  module.exports.triggerUnloadCallbacks();
+};
+
+// 'unload' alone is not reliable in opera within an iframe, but we
+// can't use `beforeunload` as IE fires it on javascript: links.
+if (!isChromePackagedApp) {
+  module.exports.attachEvent('unload', unloadTriggered);
+}
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"./random":50}],47:[function(require,module,exports){
+(function (process,global){(function (){
+'use strict';
+
+var eventUtils = require('./event')
+  , browser = require('./browser')
+  ;
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:utils:iframe');
+}
+
+module.exports = {
+  WPrefix: '_jp'
+, currentWindowId: null
+
+, polluteGlobalNamespace: function() {
+    if (!(module.exports.WPrefix in global)) {
+      global[module.exports.WPrefix] = {};
+    }
+  }
+
+, postMessage: function(type, data) {
+    if (global.parent !== global) {
+      global.parent.postMessage(JSON.stringify({
+        windowId: module.exports.currentWindowId
+      , type: type
+      , data: data || ''
+      }), '*');
+    } else {
+      debug('Cannot postMessage, no parent window.', type, data);
+    }
+  }
+
+, createIframe: function(iframeUrl, errorCallback) {
+    var iframe = global.document.createElement('iframe');
+    var tref, unloadRef;
+    var unattach = function() {
+      debug('unattach');
+      clearTimeout(tref);
+      // Explorer had problems with that.
+      try {
+        iframe.onload = null;
+      } catch (x) {
+        // intentionally empty
+      }
+      iframe.onerror = null;
+    };
+    var cleanup = function() {
+      debug('cleanup');
+      if (iframe) {
+        unattach();
+        // This timeout makes chrome fire onbeforeunload event
+        // within iframe. Without the timeout it goes straight to
+        // onunload.
+        setTimeout(function() {
+          if (iframe) {
+            iframe.parentNode.removeChild(iframe);
+          }
+          iframe = null;
+        }, 0);
+        eventUtils.unloadDel(unloadRef);
+      }
+    };
+    var onerror = function(err) {
+      debug('onerror', err);
+      if (iframe) {
+        cleanup();
+        errorCallback(err);
+      }
+    };
+    var post = function(msg, origin) {
+      debug('post', msg, origin);
+      setTimeout(function() {
+        try {
+          // When the iframe is not loaded, IE raises an exception
+          // on 'contentWindow'.
+          if (iframe && iframe.contentWindow) {
+            iframe.contentWindow.postMessage(msg, origin);
+          }
+        } catch (x) {
+          // intentionally empty
+        }
+      }, 0);
+    };
+
+    iframe.src = iframeUrl;
+    iframe.style.display = 'none';
+    iframe.style.position = 'absolute';
+    iframe.onerror = function() {
+      onerror('onerror');
+    };
+    iframe.onload = function() {
+      debug('onload');
+      // `onload` is triggered before scripts on the iframe are
+      // executed. Give it few seconds to actually load stuff.
+      clearTimeout(tref);
+      tref = setTimeout(function() {
+        onerror('onload timeout');
+      }, 2000);
+    };
+    global.document.body.appendChild(iframe);
+    tref = setTimeout(function() {
+      onerror('timeout');
+    }, 15000);
+    unloadRef = eventUtils.unloadAdd(cleanup);
+    return {
+      post: post
+    , cleanup: cleanup
+    , loaded: unattach
+    };
+  }
+
+/* eslint no-undef: "off", new-cap: "off" */
+, createHtmlfile: function(iframeUrl, errorCallback) {
+    var axo = ['Active'].concat('Object').join('X');
+    var doc = new global[axo]('htmlfile');
+    var tref, unloadRef;
+    var iframe;
+    var unattach = function() {
+      clearTimeout(tref);
+      iframe.onerror = null;
+    };
+    var cleanup = function() {
+      if (doc) {
+        unattach();
+        eventUtils.unloadDel(unloadRef);
+        iframe.parentNode.removeChild(iframe);
+        iframe = doc = null;
+        CollectGarbage();
+      }
+    };
+    var onerror = function(r) {
+      debug('onerror', r);
+      if (doc) {
+        cleanup();
+        errorCallback(r);
+      }
+    };
+    var post = function(msg, origin) {
+      try {
+        // When the iframe is not loaded, IE raises an exception
+        // on 'contentWindow'.
+        setTimeout(function() {
+          if (iframe && iframe.contentWindow) {
+              iframe.contentWindow.postMessage(msg, origin);
+          }
+        }, 0);
+      } catch (x) {
+        // intentionally empty
+      }
+    };
+
+    doc.open();
+    doc.write('<html><s' + 'cript>' +
+              'document.domain="' + global.document.domain + '";' +
+              '</s' + 'cript></html>');
+    doc.close();
+    doc.parentWindow[module.exports.WPrefix] = global[module.exports.WPrefix];
+    var c = doc.createElement('div');
+    doc.body.appendChild(c);
+    iframe = doc.createElement('iframe');
+    c.appendChild(iframe);
+    iframe.src = iframeUrl;
+    iframe.onerror = function() {
+      onerror('onerror');
+    };
+    tref = setTimeout(function() {
+      onerror('timeout');
+    }, 15000);
+    unloadRef = eventUtils.unloadAdd(cleanup);
+    return {
+      post: post
+    , cleanup: cleanup
+    , loaded: unattach
+    };
+  }
+};
+
+module.exports.iframeEnabled = false;
+if (global.document) {
+  // postMessage misbehaves in konqueror 4.6.5 - the messages are delivered with
+  // huge delay, or not at all.
+  module.exports.iframeEnabled = (typeof global.postMessage === 'function' ||
+    typeof global.postMessage === 'object') && (!browser.isKonqueror());
+}
+
+}).call(this)}).call(this,{ env: {} },typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"./browser":44,"./event":46,"debug":55}],48:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var logObject = {};
+['log', 'debug', 'warn'].forEach(function (level) {
+  var levelExists;
+
+  try {
+    levelExists = global.console && global.console[level] && global.console[level].apply;
+  } catch(e) {
+    // do nothing
+  }
+
+  logObject[level] = levelExists ? function () {
+    return global.console[level].apply(global.console, arguments);
+  } : (level === 'log' ? function () {} : logObject.log);
+});
+
+module.exports = logObject;
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{}],49:[function(require,module,exports){
+'use strict';
+
+module.exports = {
+  isObject: function(obj) {
+    var type = typeof obj;
+    return type === 'function' || type === 'object' && !!obj;
+  }
+
+, extend: function(obj) {
+    if (!this.isObject(obj)) {
+      return obj;
+    }
+    var source, prop;
+    for (var i = 1, length = arguments.length; i < length; i++) {
+      source = arguments[i];
+      for (prop in source) {
+        if (Object.prototype.hasOwnProperty.call(source, prop)) {
+          obj[prop] = source[prop];
+        }
+      }
+    }
+    return obj;
+  }
+};
+
+},{}],50:[function(require,module,exports){
+'use strict';
+
+var crypto = require('crypto');
+
+// This string has length 32, a power of 2, so the modulus doesn't introduce a
+// bias.
+var _randomStringChars = 'abcdefghijklmnopqrstuvwxyz012345';
+module.exports = {
+  string: function(length) {
+    var max = _randomStringChars.length;
+    var bytes = crypto.randomBytes(length);
+    var ret = [];
+    for (var i = 0; i < length; i++) {
+      ret.push(_randomStringChars.substr(bytes[i] % max, 1));
+    }
+    return ret.join('');
+  }
+
+, number: function(max) {
+    return Math.floor(Math.random() * max);
+  }
+
+, numberString: function(max) {
+    var t = ('' + (max - 1)).length;
+    var p = new Array(t + 1).join('0');
+    return (p + this.number(max)).slice(-t);
+  }
+};
+
+},{"crypto":43}],51:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:utils:transport');
+}
+
+module.exports = function(availableTransports) {
+  return {
+    filterToEnabled: function(transportsWhitelist, info) {
+      var transports = {
+        main: []
+      , facade: []
+      };
+      if (!transportsWhitelist) {
+        transportsWhitelist = [];
+      } else if (typeof transportsWhitelist === 'string') {
+        transportsWhitelist = [transportsWhitelist];
+      }
+
+      availableTransports.forEach(function(trans) {
+        if (!trans) {
+          return;
+        }
+
+        if (trans.transportName === 'websocket' && info.websocket === false) {
+          debug('disabled from server', 'websocket');
+          return;
+        }
+
+        if (transportsWhitelist.length &&
+            transportsWhitelist.indexOf(trans.transportName) === -1) {
+          debug('not in whitelist', trans.transportName);
+          return;
+        }
+
+        if (trans.enabled(info)) {
+          debug('enabled', trans.transportName);
+          transports.main.push(trans);
+          if (trans.facadeTransport) {
+            transports.facade.push(trans.facadeTransport);
+          }
+        } else {
+          debug('disabled', trans.transportName);
+        }
+      });
+      return transports;
+    }
+  };
+};
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"debug":55}],52:[function(require,module,exports){
+(function (process){(function (){
+'use strict';
+
+var URL = require('url-parse');
+
+var debug = function() {};
+if (process.env.NODE_ENV !== 'production') {
+  debug = require('debug')('sockjs-client:utils:url');
+}
+
+module.exports = {
+  getOrigin: function(url) {
+    if (!url) {
+      return null;
+    }
+
+    var p = new URL(url);
+    if (p.protocol === 'file:') {
+      return null;
+    }
+
+    var port = p.port;
+    if (!port) {
+      port = (p.protocol === 'https:') ? '443' : '80';
+    }
+
+    return p.protocol + '//' + p.hostname + ':' + port;
+  }
+
+, isOriginEqual: function(a, b) {
+    var res = this.getOrigin(a) === this.getOrigin(b);
+    debug('same', a, b, res);
+    return res;
+  }
+
+, isSchemeEqual: function(a, b) {
+    return (a.split(':')[0] === b.split(':')[0]);
+  }
+
+, addPath: function (url, path) {
+    var qs = url.split('?');
+    return qs[0] + path + (qs[1] ? '?' + qs[1] : '');
+  }
+
+, addQuery: function (url, q) {
+    return url + (url.indexOf('?') === -1 ? ('?' + q) : ('&' + q));
+  }
+
+, isLoopbackAddr: function (addr) {
+    return /^127\.([0-9]{1,3})\.([0-9]{1,3})\.([0-9]{1,3})$/i.test(addr) || /^\[::1\]$/.test(addr);
+  }
+};
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"debug":55,"url-parse":60}],53:[function(require,module,exports){
+module.exports = '1.6.0';
+
+},{}],54:[function(require,module,exports){
+/**
+ * Helpers.
+ */
+
+var s = 1000;
+var m = s * 60;
+var h = m * 60;
+var d = h * 24;
+var w = d * 7;
+var y = d * 365.25;
+
+/**
+ * Parse or format the given `val`.
+ *
+ * Options:
+ *
+ *  - `long` verbose formatting [false]
+ *
+ * @param {String|Number} val
+ * @param {Object} [options]
+ * @throws {Error} throw an error if val is not a non-empty string or a number
+ * @return {String|Number}
+ * @api public
+ */
+
+module.exports = function(val, options) {
+  options = options || {};
+  var type = typeof val;
+  if (type === 'string' && val.length > 0) {
+    return parse(val);
+  } else if (type === 'number' && isFinite(val)) {
+    return options.long ? fmtLong(val) : fmtShort(val);
+  }
+  throw new Error(
+    'val is not a non-empty string or a valid number. val=' +
+      JSON.stringify(val)
+  );
+};
+
+/**
+ * Parse the given `str` and return milliseconds.
+ *
+ * @param {String} str
+ * @return {Number}
+ * @api private
+ */
+
+function parse(str) {
+  str = String(str);
+  if (str.length > 100) {
+    return;
+  }
+  var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
+    str
+  );
+  if (!match) {
+    return;
+  }
+  var n = parseFloat(match[1]);
+  var type = (match[2] || 'ms').toLowerCase();
+  switch (type) {
+    case 'years':
+    case 'year':
+    case 'yrs':
+    case 'yr':
+    case 'y':
+      return n * y;
+    case 'weeks':
+    case 'week':
+    case 'w':
+      return n * w;
+    case 'days':
+    case 'day':
+    case 'd':
+      return n * d;
+    case 'hours':
+    case 'hour':
+    case 'hrs':
+    case 'hr':
+    case 'h':
+      return n * h;
+    case 'minutes':
+    case 'minute':
+    case 'mins':
+    case 'min':
+    case 'm':
+      return n * m;
+    case 'seconds':
+    case 'second':
+    case 'secs':
+    case 'sec':
+    case 's':
+      return n * s;
+    case 'milliseconds':
+    case 'millisecond':
+    case 'msecs':
+    case 'msec':
+    case 'ms':
+      return n;
+    default:
+      return undefined;
+  }
+}
+
+/**
+ * Short format for `ms`.
+ *
+ * @param {Number} ms
+ * @return {String}
+ * @api private
+ */
+
+function fmtShort(ms) {
+  var msAbs = Math.abs(ms);
+  if (msAbs >= d) {
+    return Math.round(ms / d) + 'd';
+  }
+  if (msAbs >= h) {
+    return Math.round(ms / h) + 'h';
+  }
+  if (msAbs >= m) {
+    return Math.round(ms / m) + 'm';
+  }
+  if (msAbs >= s) {
+    return Math.round(ms / s) + 's';
+  }
+  return ms + 'ms';
+}
+
+/**
+ * Long format for `ms`.
+ *
+ * @param {Number} ms
+ * @return {String}
+ * @api private
+ */
+
+function fmtLong(ms) {
+  var msAbs = Math.abs(ms);
+  if (msAbs >= d) {
+    return plural(ms, msAbs, d, 'day');
+  }
+  if (msAbs >= h) {
+    return plural(ms, msAbs, h, 'hour');
+  }
+  if (msAbs >= m) {
+    return plural(ms, msAbs, m, 'minute');
+  }
+  if (msAbs >= s) {
+    return plural(ms, msAbs, s, 'second');
+  }
+  return ms + ' ms';
+}
+
+/**
+ * Pluralization helper.
+ */
+
+function plural(ms, msAbs, n, name) {
+  var isPlural = msAbs >= n * 1.5;
+  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
+}
+
+},{}],55:[function(require,module,exports){
+(function (process){(function (){
+"use strict";
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+/* eslint-env browser */
+
+/**
+ * This is the web browser implementation of `debug()`.
+ */
+exports.log = log;
+exports.formatArgs = formatArgs;
+exports.save = save;
+exports.load = load;
+exports.useColors = useColors;
+exports.storage = localstorage();
+/**
+ * Colors.
+ */
+
+exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
+/**
+ * Currently only WebKit-based Web Inspectors, Firefox >= v31,
+ * and the Firebug extension (any Firefox version) are known
+ * to support "%c" CSS customizations.
+ *
+ * TODO: add a `localStorage` variable to explicitly enable/disable colors
+ */
+// eslint-disable-next-line complexity
+
+function useColors() {
+  // NB: In an Electron preload script, document will be defined but not fully
+  // initialized. Since we know we're in Chrome, we'll just detect this case
+  // explicitly
+  if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
+    return true;
+  } // Internet Explorer and Edge do not support colors.
+
+
+  if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
+    return false;
+  } // Is webkit? http://stackoverflow.com/a/16459606/376773
+  // document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
+
+
+  return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || // Is firebug? http://stackoverflow.com/a/398120/376773
+  typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || // Is firefox >= v31?
+  // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+  typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || // Double check webkit in userAgent just in case we are in a worker
+  typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
+}
+/**
+ * Colorize log arguments if enabled.
+ *
+ * @api public
+ */
+
+
+function formatArgs(args) {
+  args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
+
+  if (!this.useColors) {
+    return;
+  }
+
+  var c = 'color: ' + this.color;
+  args.splice(1, 0, c, 'color: inherit'); // The final "%c" is somewhat tricky, because there could be other
+  // arguments passed either before or after the %c, so we need to
+  // figure out the correct index to insert the CSS into
+
+  var index = 0;
+  var lastC = 0;
+  args[0].replace(/%[a-zA-Z%]/g, function (match) {
+    if (match === '%%') {
+      return;
+    }
+
+    index++;
+
+    if (match === '%c') {
+      // We only are interested in the *last* %c
+      // (the user may have provided their own)
+      lastC = index;
+    }
+  });
+  args.splice(lastC, 0, c);
+}
+/**
+ * Invokes `console.log()` when available.
+ * No-op when `console.log` is not a "function".
+ *
+ * @api public
+ */
+
+
+function log() {
+  var _console;
+
+  // This hackery is required for IE8/9, where
+  // the `console.log` function doesn't have 'apply'
+  return (typeof console === "undefined" ? "undefined" : _typeof(console)) === 'object' && console.log && (_console = console).log.apply(_console, arguments);
+}
+/**
+ * Save `namespaces`.
+ *
+ * @param {String} namespaces
+ * @api private
+ */
+
+
+function save(namespaces) {
+  try {
+    if (namespaces) {
+      exports.storage.setItem('debug', namespaces);
+    } else {
+      exports.storage.removeItem('debug');
+    }
+  } catch (error) {// Swallow
+    // XXX (@Qix-) should we be logging these?
+  }
+}
+/**
+ * Load `namespaces`.
+ *
+ * @return {String} returns the previously persisted debug modes
+ * @api private
+ */
+
+
+function load() {
+  var r;
+
+  try {
+    r = exports.storage.getItem('debug');
+  } catch (error) {} // Swallow
+  // XXX (@Qix-) should we be logging these?
+  // If debug isn't set in LS, and we're in Electron, try to load $DEBUG
+
+
+  if (!r && typeof process !== 'undefined' && 'env' in process) {
+    r = process.env.DEBUG;
+  }
+
+  return r;
+}
+/**
+ * Localstorage attempts to return the localstorage.
+ *
+ * This is necessary because safari throws
+ * when a user disables cookies/localstorage
+ * and you attempt to access it.
+ *
+ * @return {LocalStorage}
+ * @api private
+ */
+
+
+function localstorage() {
+  try {
+    // TVMLKit (Apple TV JS Runtime) does not have a window object, just localStorage in the global context
+    // The Browser also has localStorage in the global context.
+    return localStorage;
+  } catch (error) {// Swallow
+    // XXX (@Qix-) should we be logging these?
+  }
+}
+
+module.exports = require('./common')(exports);
+var formatters = module.exports.formatters;
+/**
+ * Map %j to `JSON.stringify()`, since no Web Inspectors do that by default.
+ */
+
+formatters.j = function (v) {
+  try {
+    return JSON.stringify(v);
+  } catch (error) {
+    return '[UnexpectedJSONParseError]: ' + error.message;
+  }
+};
+
+
+}).call(this)}).call(this,{ env: {} })
+
+},{"./common":56}],56:[function(require,module,exports){
+"use strict";
+
+/**
+ * This is the common logic for both the Node.js and web browser
+ * implementations of `debug()`.
+ */
+function setup(env) {
+  createDebug.debug = createDebug;
+  createDebug.default = createDebug;
+  createDebug.coerce = coerce;
+  createDebug.disable = disable;
+  createDebug.enable = enable;
+  createDebug.enabled = enabled;
+  createDebug.humanize = require('ms');
+  Object.keys(env).forEach(function (key) {
+    createDebug[key] = env[key];
+  });
+  /**
+  * Active `debug` instances.
+  */
+
+  createDebug.instances = [];
+  /**
+  * The currently active debug mode names, and names to skip.
+  */
+
+  createDebug.names = [];
+  createDebug.skips = [];
+  /**
+  * Map of special "%n" handling functions, for the debug "format" argument.
+  *
+  * Valid key names are a single, lower or upper-case letter, i.e. "n" and "N".
+  */
+
+  createDebug.formatters = {};
+  /**
+  * Selects a color for a debug namespace
+  * @param {String} namespace The namespace string for the for the debug instance to be colored
+  * @return {Number|String} An ANSI color code for the given namespace
+  * @api private
+  */
+
+  function selectColor(namespace) {
+    var hash = 0;
+
+    for (var i = 0; i < namespace.length; i++) {
+      hash = (hash << 5) - hash + namespace.charCodeAt(i);
+      hash |= 0; // Convert to 32bit integer
+    }
+
+    return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
+  }
+
+  createDebug.selectColor = selectColor;
+  /**
+  * Create a debugger with the given `namespace`.
+  *
+  * @param {String} namespace
+  * @return {Function}
+  * @api public
+  */
+
+  function createDebug(namespace) {
+    var prevTime;
+
+    function debug() {
+      // Disabled?
+      if (!debug.enabled) {
+        return;
+      }
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var self = debug; // Set `diff` timestamp
+
+      var curr = Number(new Date());
+      var ms = curr - (prevTime || curr);
+      self.diff = ms;
+      self.prev = prevTime;
+      self.curr = curr;
+      prevTime = curr;
+      args[0] = createDebug.coerce(args[0]);
+
+      if (typeof args[0] !== 'string') {
+        // Anything else let's inspect with %O
+        args.unshift('%O');
+      } // Apply any `formatters` transformations
+
+
+      var index = 0;
+      args[0] = args[0].replace(/%([a-zA-Z%])/g, function (match, format) {
+        // If we encounter an escaped % then don't increase the array index
+        if (match === '%%') {
+          return match;
+        }
+
+        index++;
+        var formatter = createDebug.formatters[format];
+
+        if (typeof formatter === 'function') {
+          var val = args[index];
+          match = formatter.call(self, val); // Now we need to remove `args[index]` since it's inlined in the `format`
+
+          args.splice(index, 1);
+          index--;
+        }
+
+        return match;
+      }); // Apply env-specific formatting (colors, etc.)
+
+      createDebug.formatArgs.call(self, args);
+      var logFn = self.log || createDebug.log;
+      logFn.apply(self, args);
+    }
+
+    debug.namespace = namespace;
+    debug.enabled = createDebug.enabled(namespace);
+    debug.useColors = createDebug.useColors();
+    debug.color = selectColor(namespace);
+    debug.destroy = destroy;
+    debug.extend = extend; // Debug.formatArgs = formatArgs;
+    // debug.rawLog = rawLog;
+    // env-specific initialization logic for debug instances
+
+    if (typeof createDebug.init === 'function') {
+      createDebug.init(debug);
+    }
+
+    createDebug.instances.push(debug);
+    return debug;
+  }
+
+  function destroy() {
+    var index = createDebug.instances.indexOf(this);
+
+    if (index !== -1) {
+      createDebug.instances.splice(index, 1);
+      return true;
+    }
+
+    return false;
+  }
+
+  function extend(namespace, delimiter) {
+    return createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
+  }
+  /**
+  * Enables a debug mode by namespaces. This can include modes
+  * separated by a colon and wildcards.
+  *
+  * @param {String} namespaces
+  * @api public
+  */
+
+
+  function enable(namespaces) {
+    createDebug.save(namespaces);
+    createDebug.names = [];
+    createDebug.skips = [];
+    var i;
+    var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
+    var len = split.length;
+
+    for (i = 0; i < len; i++) {
+      if (!split[i]) {
+        // ignore empty strings
+        continue;
+      }
+
+      namespaces = split[i].replace(/\*/g, '.*?');
+
+      if (namespaces[0] === '-') {
+        createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
+      } else {
+        createDebug.names.push(new RegExp('^' + namespaces + '$'));
+      }
+    }
+
+    for (i = 0; i < createDebug.instances.length; i++) {
+      var instance = createDebug.instances[i];
+      instance.enabled = createDebug.enabled(instance.namespace);
+    }
+  }
+  /**
+  * Disable debug output.
+  *
+  * @api public
+  */
+
+
+  function disable() {
+    createDebug.enable('');
+  }
+  /**
+  * Returns true if the given mode name is enabled, false otherwise.
+  *
+  * @param {String} name
+  * @return {Boolean}
+  * @api public
+  */
+
+
+  function enabled(name) {
+    if (name[name.length - 1] === '*') {
+      return true;
+    }
+
+    var i;
+    var len;
+
+    for (i = 0, len = createDebug.skips.length; i < len; i++) {
+      if (createDebug.skips[i].test(name)) {
+        return false;
+      }
+    }
+
+    for (i = 0, len = createDebug.names.length; i < len; i++) {
+      if (createDebug.names[i].test(name)) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+  /**
+  * Coerce `val`.
+  *
+  * @param {Mixed} val
+  * @return {Mixed}
+  * @api private
+  */
+
+
+  function coerce(val) {
+    if (val instanceof Error) {
+      return val.stack || val.message;
+    }
+
+    return val;
+  }
+
+  createDebug.enable(createDebug.load());
+  return createDebug;
+}
+
+module.exports = setup;
+
+
+},{"ms":54}],57:[function(require,module,exports){
+if (typeof Object.create === 'function') {
+  // implementation from standard node.js 'util' module
+  module.exports = function inherits(ctor, superCtor) {
+    if (superCtor) {
+      ctor.super_ = superCtor
+      ctor.prototype = Object.create(superCtor.prototype, {
+        constructor: {
+          value: ctor,
+          enumerable: false,
+          writable: true,
+          configurable: true
+        }
+      })
+    }
+  };
+} else {
+  // old school shim for old browsers
+  module.exports = function inherits(ctor, superCtor) {
+    if (superCtor) {
+      ctor.super_ = superCtor
+      var TempCtor = function () {}
+      TempCtor.prototype = superCtor.prototype
+      ctor.prototype = new TempCtor()
+      ctor.prototype.constructor = ctor
+    }
+  }
+}
+
+},{}],58:[function(require,module,exports){
+'use strict';
+
+var has = Object.prototype.hasOwnProperty
+  , undef;
+
+/**
+ * Decode a URI encoded string.
+ *
+ * @param {String} input The URI encoded string.
+ * @returns {String|Null} The decoded string.
+ * @api private
+ */
+function decode(input) {
+  try {
+    return decodeURIComponent(input.replace(/\+/g, ' '));
+  } catch (e) {
+    return null;
+  }
+}
+
+/**
+ * Attempts to encode a given input.
+ *
+ * @param {String} input The string that needs to be encoded.
+ * @returns {String|Null} The encoded string.
+ * @api private
+ */
+function encode(input) {
+  try {
+    return encodeURIComponent(input);
+  } catch (e) {
+    return null;
+  }
+}
+
+/**
+ * Simple query string parser.
+ *
+ * @param {String} query The query string that needs to be parsed.
+ * @returns {Object}
+ * @api public
+ */
+function querystring(query) {
+  var parser = /([^=?&]+)=?([^&]*)/g
+    , result = {}
+    , part;
+
+  while (part = parser.exec(query)) {
+    var key = decode(part[1])
+      , value = decode(part[2]);
+
+    //
+    // Prevent overriding of existing properties. This ensures that build-in
+    // methods like `toString` or __proto__ are not overriden by malicious
+    // querystrings.
+    //
+    // In the case if failed decoding, we want to omit the key/value pairs
+    // from the result.
+    //
+    if (key === null || value === null || key in result) continue;
+    result[key] = value;
+  }
+
+  return result;
+}
+
+/**
+ * Transform a query string to an object.
+ *
+ * @param {Object} obj Object that should be transformed.
+ * @param {String} prefix Optional prefix.
+ * @returns {String}
+ * @api public
+ */
+function querystringify(obj, prefix) {
+  prefix = prefix || '';
+
+  var pairs = []
+    , value
+    , key;
+
+  //
+  // Optionally prefix with a '?' if needed
+  //
+  if ('string' !== typeof prefix) prefix = '?';
+
+  for (key in obj) {
+    if (has.call(obj, key)) {
+      value = obj[key];
+
+      //
+      // Edge cases where we actually want to encode the value to an empty
+      // string instead of the stringified value.
+      //
+      if (!value && (value === null || value === undef || isNaN(value))) {
+        value = '';
+      }
+
+      key = encodeURIComponent(key);
+      value = encodeURIComponent(value);
+
+      //
+      // If we failed to encode the strings, we should bail out as we don't
+      // want to add invalid strings to the query.
+      //
+      if (key === null || value === null) continue;
+      pairs.push(key +'='+ value);
+    }
+  }
+
+  return pairs.length ? prefix + pairs.join('&') : '';
+}
+
+//
+// Expose the module.
+//
+exports.stringify = querystringify;
+exports.parse = querystring;
+
+},{}],59:[function(require,module,exports){
+'use strict';
+
+/**
+ * Check if we're required to add a port number.
+ *
+ * @see https://url.spec.whatwg.org/#default-port
+ * @param {Number|String} port Port number we need to check
+ * @param {String} protocol Protocol we need to check against.
+ * @returns {Boolean} Is it a default port for the given protocol
+ * @api private
+ */
+module.exports = function required(port, protocol) {
+  protocol = protocol.split(':')[0];
+  port = +port;
+
+  if (!port) return false;
+
+  switch (protocol) {
+    case 'http':
+    case 'ws':
+    return port !== 80;
+
+    case 'https':
+    case 'wss':
+    return port !== 443;
+
+    case 'ftp':
+    return port !== 21;
+
+    case 'gopher':
+    return port !== 70;
+
+    case 'file':
+    return false;
+  }
+
+  return port !== 0;
+};
+
+},{}],60:[function(require,module,exports){
+(function (global){(function (){
+'use strict';
+
+var required = require('requires-port')
+  , qs = require('querystringify')
+  , controlOrWhitespace = /^[\x00-\x20\u00a0\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]+/
+  , CRHTLF = /[\n\r\t]/g
+  , slashes = /^[A-Za-z][A-Za-z0-9+-.]*:\/\//
+  , port = /:\d+$/
+  , protocolre = /^([a-z][a-z0-9.+-]*:)?(\/\/)?([\\/]+)?([\S\s]*)/i
+  , windowsDriveLetter = /^[a-zA-Z]:/;
+
+/**
+ * Remove control characters and whitespace from the beginning of a string.
+ *
+ * @param {Object|String} str String to trim.
+ * @returns {String} A new string representing `str` stripped of control
+ *     characters and whitespace from its beginning.
+ * @public
+ */
+function trimLeft(str) {
+  return (str ? str : '').toString().replace(controlOrWhitespace, '');
+}
+
+/**
+ * These are the parse rules for the URL parser, it informs the parser
+ * about:
+ *
+ * 0. The char it Needs to parse, if it's a string it should be done using
+ *    indexOf, RegExp using exec and NaN means set as current value.
+ * 1. The property we should set when parsing this value.
+ * 2. Indication if it's backwards or forward parsing, when set as number it's
+ *    the value of extra chars that should be split off.
+ * 3. Inherit from location if non existing in the parser.
+ * 4. `toLowerCase` the resulting value.
+ */
+var rules = [
+  ['#', 'hash'],                        // Extract from the back.
+  ['?', 'query'],                       // Extract from the back.
+  function sanitize(address, url) {     // Sanitize what is left of the address
+    return isSpecial(url.protocol) ? address.replace(/\\/g, '/') : address;
+  },
+  ['/', 'pathname'],                    // Extract from the back.
+  ['@', 'auth', 1],                     // Extract from the front.
+  [NaN, 'host', undefined, 1, 1],       // Set left over value.
+  [/:(\d*)$/, 'port', undefined, 1],    // RegExp the back.
+  [NaN, 'hostname', undefined, 1, 1]    // Set left over.
+];
+
+/**
+ * These properties should not be copied or inherited from. This is only needed
+ * for all non blob URL's as a blob URL does not include a hash, only the
+ * origin.
+ *
+ * @type {Object}
+ * @private
+ */
+var ignore = { hash: 1, query: 1 };
+
+/**
+ * The location object differs when your code is loaded through a normal page,
+ * Worker or through a worker using a blob. And with the blobble begins the
+ * trouble as the location object will contain the URL of the blob, not the
+ * location of the page where our code is loaded in. The actual origin is
+ * encoded in the `pathname` so we can thankfully generate a good "default"
+ * location from it so we can generate proper relative URL's again.
+ *
+ * @param {Object|String} loc Optional default location object.
+ * @returns {Object} lolcation object.
+ * @public
+ */
+function lolcation(loc) {
+  var globalVar;
+
+  if (typeof window !== 'undefined') globalVar = window;
+  else if (typeof global !== 'undefined') globalVar = global;
+  else if (typeof self !== 'undefined') globalVar = self;
+  else globalVar = {};
+
+  var location = globalVar.location || {};
+  loc = loc || location;
+
+  var finaldestination = {}
+    , type = typeof loc
+    , key;
+
+  if ('blob:' === loc.protocol) {
+    finaldestination = new Url(unescape(loc.pathname), {});
+  } else if ('string' === type) {
+    finaldestination = new Url(loc, {});
+    for (key in ignore) delete finaldestination[key];
+  } else if ('object' === type) {
+    for (key in loc) {
+      if (key in ignore) continue;
+      finaldestination[key] = loc[key];
+    }
+
+    if (finaldestination.slashes === undefined) {
+      finaldestination.slashes = slashes.test(loc.href);
+    }
+  }
+
+  return finaldestination;
+}
+
+/**
+ * Check whether a protocol scheme is special.
+ *
+ * @param {String} The protocol scheme of the URL
+ * @return {Boolean} `true` if the protocol scheme is special, else `false`
+ * @private
+ */
+function isSpecial(scheme) {
+  return (
+    scheme === 'file:' ||
+    scheme === 'ftp:' ||
+    scheme === 'http:' ||
+    scheme === 'https:' ||
+    scheme === 'ws:' ||
+    scheme === 'wss:'
+  );
+}
+
+/**
+ * @typedef ProtocolExtract
+ * @type Object
+ * @property {String} protocol Protocol matched in the URL, in lowercase.
+ * @property {Boolean} slashes `true` if protocol is followed by "//", else `false`.
+ * @property {String} rest Rest of the URL that is not part of the protocol.
+ */
+
+/**
+ * Extract protocol information from a URL with/without double slash ("//").
+ *
+ * @param {String} address URL we want to extract from.
+ * @param {Object} location
+ * @return {ProtocolExtract} Extracted information.
+ * @private
+ */
+function extractProtocol(address, location) {
+  address = trimLeft(address);
+  address = address.replace(CRHTLF, '');
+  location = location || {};
+
+  var match = protocolre.exec(address);
+  var protocol = match[1] ? match[1].toLowerCase() : '';
+  var forwardSlashes = !!match[2];
+  var otherSlashes = !!match[3];
+  var slashesCount = 0;
+  var rest;
+
+  if (forwardSlashes) {
+    if (otherSlashes) {
+      rest = match[2] + match[3] + match[4];
+      slashesCount = match[2].length + match[3].length;
+    } else {
+      rest = match[2] + match[4];
+      slashesCount = match[2].length;
+    }
+  } else {
+    if (otherSlashes) {
+      rest = match[3] + match[4];
+      slashesCount = match[3].length;
+    } else {
+      rest = match[4]
+    }
+  }
+
+  if (protocol === 'file:') {
+    if (slashesCount >= 2) {
+      rest = rest.slice(2);
+    }
+  } else if (isSpecial(protocol)) {
+    rest = match[4];
+  } else if (protocol) {
+    if (forwardSlashes) {
+      rest = rest.slice(2);
+    }
+  } else if (slashesCount >= 2 && isSpecial(location.protocol)) {
+    rest = match[4];
+  }
+
+  return {
+    protocol: protocol,
+    slashes: forwardSlashes || isSpecial(protocol),
+    slashesCount: slashesCount,
+    rest: rest
+  };
+}
+
+/**
+ * Resolve a relative URL pathname against a base URL pathname.
+ *
+ * @param {String} relative Pathname of the relative URL.
+ * @param {String} base Pathname of the base URL.
+ * @return {String} Resolved pathname.
+ * @private
+ */
+function resolve(relative, base) {
+  if (relative === '') return base;
+
+  var path = (base || '/').split('/').slice(0, -1).concat(relative.split('/'))
+    , i = path.length
+    , last = path[i - 1]
+    , unshift = false
+    , up = 0;
+
+  while (i--) {
+    if (path[i] === '.') {
+      path.splice(i, 1);
+    } else if (path[i] === '..') {
+      path.splice(i, 1);
+      up++;
+    } else if (up) {
+      if (i === 0) unshift = true;
+      path.splice(i, 1);
+      up--;
+    }
+  }
+
+  if (unshift) path.unshift('');
+  if (last === '.' || last === '..') path.push('');
+
+  return path.join('/');
+}
+
+/**
+ * The actual URL instance. Instead of returning an object we've opted-in to
+ * create an actual constructor as it's much more memory efficient and
+ * faster and it pleases my OCD.
+ *
+ * It is worth noting that we should not use `URL` as class name to prevent
+ * clashes with the global URL instance that got introduced in browsers.
+ *
+ * @constructor
+ * @param {String} address URL we want to parse.
+ * @param {Object|String} [location] Location defaults for relative paths.
+ * @param {Boolean|Function} [parser] Parser for the query string.
+ * @private
+ */
+function Url(address, location, parser) {
+  address = trimLeft(address);
+  address = address.replace(CRHTLF, '');
+
+  if (!(this instanceof Url)) {
+    return new Url(address, location, parser);
+  }
+
+  var relative, extracted, parse, instruction, index, key
+    , instructions = rules.slice()
+    , type = typeof location
+    , url = this
+    , i = 0;
+
+  //
+  // The following if statements allows this module two have compatibility with
+  // 2 different API:
+  //
+  // 1. Node.js's `url.parse` api which accepts a URL, boolean as arguments
+  //    where the boolean indicates that the query string should also be parsed.
+  //
+  // 2. The `URL` interface of the browser which accepts a URL, object as
+  //    arguments. The supplied object will be used as default values / fall-back
+  //    for relative paths.
+  //
+  if ('object' !== type && 'string' !== type) {
+    parser = location;
+    location = null;
+  }
+
+  if (parser && 'function' !== typeof parser) parser = qs.parse;
+
+  location = lolcation(location);
+
+  //
+  // Extract protocol information before running the instructions.
+  //
+  extracted = extractProtocol(address || '', location);
+  relative = !extracted.protocol && !extracted.slashes;
+  url.slashes = extracted.slashes || relative && location.slashes;
+  url.protocol = extracted.protocol || location.protocol || '';
+  address = extracted.rest;
+
+  //
+  // When the authority component is absent the URL starts with a path
+  // component.
+  //
+  if (
+    extracted.protocol === 'file:' && (
+      extracted.slashesCount !== 2 || windowsDriveLetter.test(address)) ||
+    (!extracted.slashes &&
+      (extracted.protocol ||
+        extracted.slashesCount < 2 ||
+        !isSpecial(url.protocol)))
+  ) {
+    instructions[3] = [/(.*)/, 'pathname'];
+  }
+
+  for (; i < instructions.length; i++) {
+    instruction = instructions[i];
+
+    if (typeof instruction === 'function') {
+      address = instruction(address, url);
+      continue;
+    }
+
+    parse = instruction[0];
+    key = instruction[1];
+
+    if (parse !== parse) {
+      url[key] = address;
+    } else if ('string' === typeof parse) {
+      index = parse === '@'
+        ? address.lastIndexOf(parse)
+        : address.indexOf(parse);
+
+      if (~index) {
+        if ('number' === typeof instruction[2]) {
+          url[key] = address.slice(0, index);
+          address = address.slice(index + instruction[2]);
+        } else {
+          url[key] = address.slice(index);
+          address = address.slice(0, index);
+        }
+      }
+    } else if ((index = parse.exec(address))) {
+      url[key] = index[1];
+      address = address.slice(0, index.index);
+    }
+
+    url[key] = url[key] || (
+      relative && instruction[3] ? location[key] || '' : ''
+    );
+
+    //
+    // Hostname, host and protocol should be lowercased so they can be used to
+    // create a proper `origin`.
+    //
+    if (instruction[4]) url[key] = url[key].toLowerCase();
+  }
+
+  //
+  // Also parse the supplied query string in to an object. If we're supplied
+  // with a custom parser as function use that instead of the default build-in
+  // parser.
+  //
+  if (parser) url.query = parser(url.query);
+
+  //
+  // If the URL is relative, resolve the pathname against the base URL.
+  //
+  if (
+      relative
+    && location.slashes
+    && url.pathname.charAt(0) !== '/'
+    && (url.pathname !== '' || location.pathname !== '')
+  ) {
+    url.pathname = resolve(url.pathname, location.pathname);
+  }
+
+  //
+  // Default to a / for pathname if none exists. This normalizes the URL
+  // to always have a /
+  //
+  if (url.pathname.charAt(0) !== '/' && isSpecial(url.protocol)) {
+    url.pathname = '/' + url.pathname;
+  }
+
+  //
+  // We should not add port numbers if they are already the default port number
+  // for a given protocol. As the host also contains the port number we're going
+  // override it with the hostname which contains no port number.
+  //
+  if (!required(url.port, url.protocol)) {
+    url.host = url.hostname;
+    url.port = '';
+  }
+
+  //
+  // Parse down the `auth` for the username and password.
+  //
+  url.username = url.password = '';
+
+  if (url.auth) {
+    index = url.auth.indexOf(':');
+
+    if (~index) {
+      url.username = url.auth.slice(0, index);
+      url.username = encodeURIComponent(decodeURIComponent(url.username));
+
+      url.password = url.auth.slice(index + 1);
+      url.password = encodeURIComponent(decodeURIComponent(url.password))
+    } else {
+      url.username = encodeURIComponent(decodeURIComponent(url.auth));
+    }
+
+    url.auth = url.password ? url.username +':'+ url.password : url.username;
+  }
+
+  url.origin = url.protocol !== 'file:' && isSpecial(url.protocol) && url.host
+    ? url.protocol +'//'+ url.host
+    : 'null';
+
+  //
+  // The href is just the compiled result.
+  //
+  url.href = url.toString();
+}
+
+/**
+ * This is convenience method for changing properties in the URL instance to
+ * insure that they all propagate correctly.
+ *
+ * @param {String} part          Property we need to adjust.
+ * @param {Mixed} value          The newly assigned value.
+ * @param {Boolean|Function} fn  When setting the query, it will be the function
+ *                               used to parse the query.
+ *                               When setting the protocol, double slash will be
+ *                               removed from the final url if it is true.
+ * @returns {URL} URL instance for chaining.
+ * @public
+ */
+function set(part, value, fn) {
+  var url = this;
+
+  switch (part) {
+    case 'query':
+      if ('string' === typeof value && value.length) {
+        value = (fn || qs.parse)(value);
+      }
+
+      url[part] = value;
+      break;
+
+    case 'port':
+      url[part] = value;
+
+      if (!required(value, url.protocol)) {
+        url.host = url.hostname;
+        url[part] = '';
+      } else if (value) {
+        url.host = url.hostname +':'+ value;
+      }
+
+      break;
+
+    case 'hostname':
+      url[part] = value;
+
+      if (url.port) value += ':'+ url.port;
+      url.host = value;
+      break;
+
+    case 'host':
+      url[part] = value;
+
+      if (port.test(value)) {
+        value = value.split(':');
+        url.port = value.pop();
+        url.hostname = value.join(':');
+      } else {
+        url.hostname = value;
+        url.port = '';
+      }
+
+      break;
+
+    case 'protocol':
+      url.protocol = value.toLowerCase();
+      url.slashes = !fn;
+      break;
+
+    case 'pathname':
+    case 'hash':
+      if (value) {
+        var char = part === 'pathname' ? '/' : '#';
+        url[part] = value.charAt(0) !== char ? char + value : value;
+      } else {
+        url[part] = value;
+      }
+      break;
+
+    case 'username':
+    case 'password':
+      url[part] = encodeURIComponent(value);
+      break;
+
+    case 'auth':
+      var index = value.indexOf(':');
+
+      if (~index) {
+        url.username = value.slice(0, index);
+        url.username = encodeURIComponent(decodeURIComponent(url.username));
+
+        url.password = value.slice(index + 1);
+        url.password = encodeURIComponent(decodeURIComponent(url.password));
+      } else {
+        url.username = encodeURIComponent(decodeURIComponent(value));
+      }
+  }
+
+  for (var i = 0; i < rules.length; i++) {
+    var ins = rules[i];
+
+    if (ins[4]) url[ins[1]] = url[ins[1]].toLowerCase();
+  }
+
+  url.auth = url.password ? url.username +':'+ url.password : url.username;
+
+  url.origin = url.protocol !== 'file:' && isSpecial(url.protocol) && url.host
+    ? url.protocol +'//'+ url.host
+    : 'null';
+
+  url.href = url.toString();
+
+  return url;
+}
+
+/**
+ * Transform the properties back in to a valid and full URL string.
+ *
+ * @param {Function} stringify Optional query stringify function.
+ * @returns {String} Compiled version of the URL.
+ * @public
+ */
+function toString(stringify) {
+  if (!stringify || 'function' !== typeof stringify) stringify = qs.stringify;
+
+  var query
+    , url = this
+    , host = url.host
+    , protocol = url.protocol;
+
+  if (protocol && protocol.charAt(protocol.length - 1) !== ':') protocol += ':';
+
+  var result =
+    protocol +
+    ((url.protocol && url.slashes) || isSpecial(url.protocol) ? '//' : '');
+
+  if (url.username) {
+    result += url.username;
+    if (url.password) result += ':'+ url.password;
+    result += '@';
+  } else if (url.password) {
+    result += ':'+ url.password;
+    result += '@';
+  } else if (
+    url.protocol !== 'file:' &&
+    isSpecial(url.protocol) &&
+    !host &&
+    url.pathname !== '/'
+  ) {
+    //
+    // Add back the empty userinfo, otherwise the original invalid URL
+    // might be transformed into a valid one with `url.pathname` as host.
+    //
+    result += '@';
+  }
+
+  //
+  // Trailing colon is removed from `url.host` when it is parsed. If it still
+  // ends with a colon, then add back the trailing colon that was removed. This
+  // prevents an invalid URL from being transformed into a valid one.
+  //
+  if (host[host.length - 1] === ':' || (port.test(url.hostname) && !url.port)) {
+    host += ':';
+  }
+
+  result += host + url.pathname;
+
+  query = 'object' === typeof url.query ? stringify(url.query) : url.query;
+  if (query) result += '?' !== query.charAt(0) ? '?'+ query : query;
+
+  if (url.hash) result += url.hash;
+
+  return result;
+}
+
+Url.prototype = { set: set, toString: toString };
+
+//
+// Expose the URL parser and some additional properties that might be useful for
+// others or testing.
+//
+Url.extractProtocol = extractProtocol;
+Url.location = lolcation;
+Url.trimLeft = trimLeft;
+Url.qs = qs;
+
+module.exports = Url;
+
+}).call(this)}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+
+},{"querystringify":58,"requires-port":59}]},{},[1])(1)
+});
+
+
+//# sourceMappingURL=sockjs.js.map

src/main/resources/static/libs/stomp/stomp-node.js

@@ -0,0 +1,108 @@
+// Generated by CoffeeScript 1.7.1
+
+/*
+   Stomp Over WebSocket http://www.jmesnil.net/stomp-websocket/doc/ | Apache License V2.0
+
+   Copyright (C) 2013 [Jeff Mesnil](http://jmesnil.net/)
+ */
+
+(function() {
+  var Stomp, net, overTCP, overWS, wrapTCP, wrapWS;
+
+  Stomp = require('./stomp');
+
+  net = require('net');
+
+  Stomp.Stomp.setInterval = function(interval, f) {
+    return setInterval(f, interval);
+  };
+
+  Stomp.Stomp.clearInterval = function(id) {
+    return clearInterval(id);
+  };
+
+  wrapTCP = function(port, host) {
+    var socket, ws;
+    socket = null;
+    ws = {
+      url: 'tcp:// ' + host + ':' + port,
+      send: function(d) {
+        return socket.write(d);
+      },
+      close: function() {
+        return socket.end();
+      }
+    };
+    socket = net.connect(port, host, function(e) {
+      return ws.onopen();
+    });
+    socket.on('error', function(e) {
+      return typeof ws.onclose === "function" ? ws.onclose(e) : void 0;
+    });
+    socket.on('close', function(e) {
+      return typeof ws.onclose === "function" ? ws.onclose(e) : void 0;
+    });
+    socket.on('data', function(data) {
+      var event;
+      event = {
+        'data': data.toString()
+      };
+      return ws.onmessage(event);
+    });
+    return ws;
+  };
+
+  wrapWS = function(url) {
+    var WebSocketClient, connection, socket, ws;
+    WebSocketClient = require('websocket').client;
+    connection = null;
+    ws = {
+      url: url,
+      send: function(d) {
+        return connection.sendUTF(d);
+      },
+      close: function() {
+        return connection.close();
+      }
+    };
+    socket = new WebSocketClient();
+    socket.on('connect', function(conn) {
+      connection = conn;
+      ws.onopen();
+      connection.on('error', function(error) {
+        return typeof ws.onclose === "function" ? ws.onclose(error) : void 0;
+      });
+      connection.on('close', function() {
+        return typeof ws.onclose === "function" ? ws.onclose() : void 0;
+      });
+      return connection.on('message', function(message) {
+        var event;
+        if (message.type === 'utf8') {
+          event = {
+            'data': message.utf8Data
+          };
+          return ws.onmessage(event);
+        }
+      });
+    });
+    socket.connect(url);
+    return ws;
+  };
+
+  overTCP = function(host, port) {
+    var socket;
+    socket = wrapTCP(port, host);
+    return Stomp.Stomp.over(socket);
+  };
+
+  overWS = function(url) {
+    var socket;
+    socket = wrapWS(url);
+    return Stomp.Stomp.over(socket);
+  };
+
+  exports.overTCP = overTCP;
+
+  exports.overWS = overWS;
+
+}).call(this);

src/main/resources/static/libs/stomp/stomp.js

@@ -0,0 +1,501 @@
+// Generated by CoffeeScript 1.7.1
+
+/*
+   Stomp Over WebSocket http://www.jmesnil.net/stomp-websocket/doc/ | Apache License V2.0
+
+   Copyright (C) 2010-2013 [Jeff Mesnil](http://jmesnil.net/)
+   Copyright (C) 2012 [FuseSource, Inc.](http://fusesource.com)
+ */
+
+(function() {
+  var Byte, Client, Frame, Stomp,
+    __hasProp = {}.hasOwnProperty,
+    __slice = [].slice;
+
+  Byte = {
+    LF: '\x0A',
+    NULL: '\x00'
+  };
+
+  Frame = (function() {
+    var unmarshallSingle;
+
+    function Frame(command, headers, body) {
+      this.command = command;
+      this.headers = headers != null ? headers : {};
+      this.body = body != null ? body : '';
+    }
+
+    Frame.prototype.toString = function() {
+      var lines, name, skipContentLength, value, _ref;
+      lines = [this.command];
+      skipContentLength = this.headers['content-length'] === false ? true : false;
+      if (skipContentLength) {
+        delete this.headers['content-length'];
+      }
+      _ref = this.headers;
+      for (name in _ref) {
+        if (!__hasProp.call(_ref, name)) continue;
+        value = _ref[name];
+        lines.push("" + name + ":" + value);
+      }
+      if (this.body && !skipContentLength) {
+        lines.push("content-length:" + (Frame.sizeOfUTF8(this.body)));
+      }
+      lines.push(Byte.LF + this.body);
+      return lines.join(Byte.LF);
+    };
+
+    Frame.sizeOfUTF8 = function(s) {
+      if (s) {
+        return encodeURI(s).match(/%..|./g).length;
+      } else {
+        return 0;
+      }
+    };
+
+    unmarshallSingle = function(data) {
+      var body, chr, command, divider, headerLines, headers, i, idx, len, line, start, trim, _i, _j, _len, _ref, _ref1;
+      divider = data.search(RegExp("" + Byte.LF + Byte.LF));
+      headerLines = data.substring(0, divider).split(Byte.LF);
+      command = headerLines.shift();
+      headers = {};
+      trim = function(str) {
+        return str.replace(/^\s+|\s+$/g, '');
+      };
+      _ref = headerLines.reverse();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        line = _ref[_i];
+        idx = line.indexOf(':');
+        headers[trim(line.substring(0, idx))] = trim(line.substring(idx + 1));
+      }
+      body = '';
+      start = divider + 2;
+      if (headers['content-length']) {
+        len = parseInt(headers['content-length']);
+        body = ('' + data).substring(start, start + len);
+      } else {
+        chr = null;
+        for (i = _j = start, _ref1 = data.length; start <= _ref1 ? _j < _ref1 : _j > _ref1; i = start <= _ref1 ? ++_j : --_j) {
+          chr = data.charAt(i);
+          if (chr === Byte.NULL) {
+            break;
+          }
+          body += chr;
+        }
+      }
+      return new Frame(command, headers, body);
+    };
+
+    Frame.unmarshall = function(datas) {
+      var frame, frames, last_frame, r;
+      frames = datas.split(RegExp("" + Byte.NULL + Byte.LF + "*"));
+      r = {
+        frames: [],
+        partial: ''
+      };
+      r.frames = (function() {
+        var _i, _len, _ref, _results;
+        _ref = frames.slice(0, -1);
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          frame = _ref[_i];
+          _results.push(unmarshallSingle(frame));
+        }
+        return _results;
+      })();
+      last_frame = frames.slice(-1)[0];
+      if (last_frame === Byte.LF || (last_frame.search(RegExp("" + Byte.NULL + Byte.LF + "*$"))) !== -1) {
+        r.frames.push(unmarshallSingle(last_frame));
+      } else {
+        r.partial = last_frame;
+      }
+      return r;
+    };
+
+    Frame.marshall = function(command, headers, body) {
+      var frame;
+      frame = new Frame(command, headers, body);
+      return frame.toString() + Byte.NULL;
+    };
+
+    return Frame;
+
+  })();
+
+  Client = (function() {
+    var now;
+
+    function Client(ws) {
+      this.ws = ws;
+      this.ws.binaryType = "arraybuffer";
+      this.counter = 0;
+      this.connected = false;
+      this.heartbeat = {
+        outgoing: 10000,
+        incoming: 10000
+      };
+      this.maxWebSocketFrameSize = 16 * 1024;
+      this.subscriptions = {};
+      this.partialData = '';
+    }
+
+    Client.prototype.debug = function(message) {
+      var _ref;
+      return typeof window !== "undefined" && window !== null ? (_ref = window.console) != null ? _ref.log(message) : void 0 : void 0;
+    };
+
+    now = function() {
+      if (Date.now) {
+        return Date.now();
+      } else {
+        return new Date().valueOf;
+      }
+    };
+
+    Client.prototype._transmit = function(command, headers, body) {
+      var out;
+      out = Frame.marshall(command, headers, body);
+      if (typeof this.debug === "function") {
+        this.debug(">>> " + out);
+      }
+      while (true) {
+        if (out.length > this.maxWebSocketFrameSize) {
+          this.ws.send(out.substring(0, this.maxWebSocketFrameSize));
+          out = out.substring(this.maxWebSocketFrameSize);
+          if (typeof this.debug === "function") {
+            this.debug("remaining = " + out.length);
+          }
+        } else {
+          return this.ws.send(out);
+        }
+      }
+    };
+
+    Client.prototype._setupHeartbeat = function(headers) {
+      var serverIncoming, serverOutgoing, ttl, v, _ref, _ref1;
+      if ((_ref = headers.version) !== Stomp.VERSIONS.V1_1 && _ref !== Stomp.VERSIONS.V1_2) {
+        return;
+      }
+      _ref1 = (function() {
+        var _i, _len, _ref1, _results;
+        _ref1 = headers['heart-beat'].split(",");
+        _results = [];
+        for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+          v = _ref1[_i];
+          _results.push(parseInt(v));
+        }
+        return _results;
+      })(), serverOutgoing = _ref1[0], serverIncoming = _ref1[1];
+      if (!(this.heartbeat.outgoing === 0 || serverIncoming === 0)) {
+        ttl = Math.max(this.heartbeat.outgoing, serverIncoming);
+        if (typeof this.debug === "function") {
+          this.debug("send PING every " + ttl + "ms");
+        }
+        this.pinger = Stomp.setInterval(ttl, (function(_this) {
+          return function() {
+            _this.ws.send(Byte.LF);
+            return typeof _this.debug === "function" ? _this.debug(">>> PING") : void 0;
+          };
+        })(this));
+      }
+      if (!(this.heartbeat.incoming === 0 || serverOutgoing === 0)) {
+        ttl = Math.max(this.heartbeat.incoming, serverOutgoing);
+        if (typeof this.debug === "function") {
+          this.debug("check PONG every " + ttl + "ms");
+        }
+        return this.ponger = Stomp.setInterval(ttl, (function(_this) {
+          return function() {
+            var delta;
+            delta = now() - _this.serverActivity;
+            if (delta > ttl * 2) {
+              if (typeof _this.debug === "function") {
+                _this.debug("did not receive server activity for the last " + delta + "ms");
+              }
+              return _this.ws.close();
+            }
+          };
+        })(this));
+      }
+    };
+
+    Client.prototype._parseConnect = function() {
+      var args, connectCallback, errorCallback, headers;
+      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      headers = {};
+      switch (args.length) {
+        case 2:
+          headers = args[0], connectCallback = args[1];
+          break;
+        case 3:
+          if (args[1] instanceof Function) {
+            headers = args[0], connectCallback = args[1], errorCallback = args[2];
+          } else {
+            headers.login = args[0], headers.passcode = args[1], connectCallback = args[2];
+          }
+          break;
+        case 4:
+          headers.login = args[0], headers.passcode = args[1], connectCallback = args[2], errorCallback = args[3];
+          break;
+        default:
+          headers.login = args[0], headers.passcode = args[1], connectCallback = args[2], errorCallback = args[3], headers.host = args[4];
+      }
+      return [headers, connectCallback, errorCallback];
+    };
+
+    Client.prototype.connect = function() {
+      var args, errorCallback, headers, out;
+      args = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+      out = this._parseConnect.apply(this, args);
+      headers = out[0], this.connectCallback = out[1], errorCallback = out[2];
+      if (typeof this.debug === "function") {
+        this.debug("Opening Web Socket...");
+      }
+      this.ws.onmessage = (function(_this) {
+        return function(evt) {
+          var arr, c, client, data, frame, messageID, onreceive, subscription, unmarshalledData, _i, _len, _ref, _results;
+          data = typeof ArrayBuffer !== 'undefined' && evt.data instanceof ArrayBuffer ? (arr = new Uint8Array(evt.data), typeof _this.debug === "function" ? _this.debug("--- got data length: " + arr.length) : void 0, ((function() {
+            var _i, _len, _results;
+            _results = [];
+            for (_i = 0, _len = arr.length; _i < _len; _i++) {
+              c = arr[_i];
+              _results.push(String.fromCharCode(c));
+            }
+            return _results;
+          })()).join('')) : evt.data;
+          _this.serverActivity = now();
+          if (data === Byte.LF) {
+            if (typeof _this.debug === "function") {
+              _this.debug("<<< PONG");
+            }
+            return;
+          }
+          if (typeof _this.debug === "function") {
+            _this.debug("<<< " + data);
+          }
+          unmarshalledData = Frame.unmarshall(_this.partialData + data);
+          _this.partialData = unmarshalledData.partial;
+          _ref = unmarshalledData.frames;
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            frame = _ref[_i];
+            switch (frame.command) {
+              case "CONNECTED":
+                if (typeof _this.debug === "function") {
+                  _this.debug("connected to server " + frame.headers.server);
+                }
+                _this.connected = true;
+                _this._setupHeartbeat(frame.headers);
+                _results.push(typeof _this.connectCallback === "function" ? _this.connectCallback(frame) : void 0);
+                break;
+              case "MESSAGE":
+                subscription = frame.headers.subscription;
+                onreceive = _this.subscriptions[subscription] || _this.onreceive;
+                if (onreceive) {
+                  client = _this;
+                  messageID = frame.headers["message-id"];
+                  frame.ack = function(headers) {
+                    if (headers == null) {
+                      headers = {};
+                    }
+                    return client.ack(messageID, subscription, headers);
+                  };
+                  frame.nack = function(headers) {
+                    if (headers == null) {
+                      headers = {};
+                    }
+                    return client.nack(messageID, subscription, headers);
+                  };
+                  _results.push(onreceive(frame));
+                } else {
+                  _results.push(typeof _this.debug === "function" ? _this.debug("Unhandled received MESSAGE: " + frame) : void 0);
+                }
+                break;
+              case "RECEIPT":
+                _results.push(typeof _this.onreceipt === "function" ? _this.onreceipt(frame) : void 0);
+                break;
+              case "ERROR":
+                _results.push(typeof errorCallback === "function" ? errorCallback(frame) : void 0);
+                break;
+              default:
+                _results.push(typeof _this.debug === "function" ? _this.debug("Unhandled frame: " + frame) : void 0);
+            }
+          }
+          return _results;
+        };
+      })(this);
+      this.ws.onclose = (function(_this) {
+        return function() {
+          var msg;
+          msg = "Whoops! Lost connection to " + _this.ws.url;
+          if (typeof _this.debug === "function") {
+            _this.debug(msg);
+          }
+          _this._cleanUp();
+          return typeof errorCallback === "function" ? errorCallback(msg) : void 0;
+        };
+      })(this);
+      return this.ws.onopen = (function(_this) {
+        return function() {
+          if (typeof _this.debug === "function") {
+            _this.debug('Web Socket Opened...');
+          }
+          headers["accept-version"] = Stomp.VERSIONS.supportedVersions();
+          headers["heart-beat"] = [_this.heartbeat.outgoing, _this.heartbeat.incoming].join(',');
+          return _this._transmit("CONNECT", headers);
+        };
+      })(this);
+    };
+
+    Client.prototype.disconnect = function(disconnectCallback, headers) {
+      if (headers == null) {
+        headers = {};
+      }
+      this._transmit("DISCONNECT", headers);
+      this.ws.onclose = null;
+      this.ws.close();
+      this._cleanUp();
+      return typeof disconnectCallback === "function" ? disconnectCallback() : void 0;
+    };
+
+    Client.prototype._cleanUp = function() {
+      this.connected = false;
+      if (this.pinger) {
+        Stomp.clearInterval(this.pinger);
+      }
+      if (this.ponger) {
+        return Stomp.clearInterval(this.ponger);
+      }
+    };
+
+    Client.prototype.send = function(destination, headers, body) {
+      if (headers == null) {
+        headers = {};
+      }
+      if (body == null) {
+        body = '';
+      }
+      headers.destination = destination;
+      return this._transmit("SEND", headers, body);
+    };
+
+    Client.prototype.subscribe = function(destination, callback, headers) {
+      var client;
+      if (headers == null) {
+        headers = {};
+      }
+      if (!headers.id) {
+        headers.id = "sub-" + this.counter++;
+      }
+      headers.destination = destination;
+      this.subscriptions[headers.id] = callback;
+      this._transmit("SUBSCRIBE", headers);
+      client = this;
+      return {
+        id: headers.id,
+        unsubscribe: function() {
+          return client.unsubscribe(headers.id);
+        }
+      };
+    };
+
+    Client.prototype.unsubscribe = function(id) {
+      delete this.subscriptions[id];
+      return this._transmit("UNSUBSCRIBE", {
+        id: id
+      });
+    };
+
+    Client.prototype.begin = function(transaction) {
+      var client, txid;
+      txid = transaction || "tx-" + this.counter++;
+      this._transmit("BEGIN", {
+        transaction: txid
+      });
+      client = this;
+      return {
+        id: txid,
+        commit: function() {
+          return client.commit(txid);
+        },
+        abort: function() {
+          return client.abort(txid);
+        }
+      };
+    };
+
+    Client.prototype.commit = function(transaction) {
+      return this._transmit("COMMIT", {
+        transaction: transaction
+      });
+    };
+
+    Client.prototype.abort = function(transaction) {
+      return this._transmit("ABORT", {
+        transaction: transaction
+      });
+    };
+
+    Client.prototype.ack = function(messageID, subscription, headers) {
+      if (headers == null) {
+        headers = {};
+      }
+      headers["message-id"] = messageID;
+      headers.subscription = subscription;
+      return this._transmit("ACK", headers);
+    };
+
+    Client.prototype.nack = function(messageID, subscription, headers) {
+      if (headers == null) {
+        headers = {};
+      }
+      headers["message-id"] = messageID;
+      headers.subscription = subscription;
+      return this._transmit("NACK", headers);
+    };
+
+    return Client;
+
+  })();
+
+  Stomp = {
+    VERSIONS: {
+      V1_0: '1.0',
+      V1_1: '1.1',
+      V1_2: '1.2',
+      supportedVersions: function() {
+        return '1.1,1.0';
+      }
+    },
+    client: function(url, protocols) {
+      var klass, ws;
+      if (protocols == null) {
+        protocols = ['v10.stomp', 'v11.stomp'];
+      }
+      klass = Stomp.WebSocketClass || WebSocket;
+      ws = new klass(url, protocols);
+      return new Client(ws);
+    },
+    over: function(ws) {
+      return new Client(ws);
+    },
+    Frame: Frame
+  };
+
+  if (typeof exports !== "undefined" && exports !== null) {
+    exports.Stomp = Stomp;
+  }
+
+  if (typeof window !== "undefined" && window !== null) {
+    Stomp.setInterval = function(interval, f) {
+      return window.setInterval(f, interval);
+    };
+    Stomp.clearInterval = function(id) {
+      return window.clearInterval(id);
+    };
+    window.Stomp = Stomp;
+  } else if (!exports) {
+    self.Stomp = Stomp;
+  }
+
+}).call(this);

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/Exif2Geojson.js

@@ -0,0 +1,76 @@
+//TODO: rewrite exif2geojson module and export
+/** Convert a list of image file or a list of image into geojson 
+* reading location in the EXIF tags
+* @constructor
+* @param {Array<Image|File>} img the array to process
+* @param {} options
+*	  @param {boolean} camera true to get camera info
+*	  @param {boolean} options.date true to get photo date
+*	  @param {boolean} options.image true to get image info
+*	  @param {function} options.loading a callback function that take the number of image to process
+*	  @param {function} options.onLoad callback function that takes a geojson when loaded
+* @require Exif-JS [https://github.com/exif-js/exif-js] 
+*/
+/* global EXIF */
+var exif2geojson;
+(function(){
+// Get fractionnal number
+function getNumber(n) { return n.numerator / n.denominator; }
+// Convert to DMS
+function getDMS(l) {
+  if (l) return getNumber(l[0]) + getNumber(l[1]) /60 + getNumber(l[2]) /3600;
+  else return null;
+}
+// Constructor
+exif2geojson = function (img, options) {
+  options = options || {};
+  if (typeof(options.loading) !== "function") options.loading = function(){};
+  if (typeof(options.onLoad) !== "function") options.onLoad = function(json){ console.log(json); };
+  //
+  var json = {
+    "type": "FeatureCollection",
+    "features": []
+  };
+  var nb = img.length;
+  for (var i=0, f; f=img[i]; i++) {
+    EXIF.getData(f, function() {
+      // console.log(this);
+      if (this.exifdata.GPSLongitudeRef) {
+        // json feature
+        var fjs = {
+          "type": "Feature",
+          "properties": {},
+          "geometry": {
+            "type": "Point",
+            "coordinates": []
+          }
+        };
+        json.features.push (fjs)
+        fjs.geometry.coordinates = [
+          (this.exifdata.GPSLongitudeRef=='E'? 1: -1) * getDMS(this.exifdata.GPSLongitude),
+          (this.exifdata.GPSLatitudeRef=='N'? 1: -1) * getDMS(this.exifdata.GPSLatitude)
+        ];
+        if (this.exifdata.GPSAltitude) fjs.geometry.coordinates.push (getNumber(this.exifdata.GPSAltitude));
+        fjs.properties.url = this.src || this.name;
+        if (this.exifdata.ImageDescription) fjs.properties.description = this.exifdata.ImageDescription;
+        if (options.date && this.exifdata.DateTime) fjs.properties.date = this.exifdata.DateTime;
+        // Camera info
+        if (options.camera) {
+          if (this.exifdata.Make) fjs.properties.make = this.exifdata.Make;
+          if (this.exifdata.Model) fjs.properties.model = this.exifdata.Model.replace(new RegExp(String.fromCharCode(0),'g'),"");
+        }
+        // Image info
+        if (options.image) {
+          fjs.properties.size = this.size;
+          fjs.properties.type = this.type;
+          if (this.exifdata.ImageHeight) fjs.properties.height = this.exifdata.ImageHeight;
+          if (this.exifdata.ImageWidth) fjs.properties.width = this.exifdata.ImageWidth;
+        }
+      }
+      nb--;
+      options.loading(nb)
+      if (!nb) options.onLoad(json);
+    });
+  }
+}
+})();

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/ExportMap.js

@@ -0,0 +1,84 @@
+//TODO: Rewrite pdf 
+/** Function to 
+ *
+ * Export PDF :
+ * @uses jspdf
+ * by gingerik
+ * https://github.com/gingerik/ol3/blob/gh-pages/examples/export-pdf.html
+ * http://gingerik.github.io/ol3/examples/export-pdf.html
+ *
+ * @param: {Array<HTMLElement>} elements an array of <A> elements with a download attribute
+ * @param: {ol.Map} map the map to export
+ * @param: {Object=} options
+ *  @param {String} option.format image format: png/jpeg/webp, default find the extension in the download attribut
+ *	@param {Number} options.quality quality between 0 and 1 indicating image quality if the requested type is jpeg or webp
+*  @param {Number} options.dpi resolution of the map
+*/
+var exportMap = function(elements, map, options){
+  if (!options) options={};
+  function saveCanvas(input, canvas, ext) {
+    if (ext=='pdf') {
+      var data = canvas.toDataURL('image/jpeg');
+      var size, w, h, orient, format = 'a4';
+      var margin = input.getAttribute('data-margin') ? Number(input.getAttribute('data-margin')) : 0;
+      // Calculate size
+      if (canvas.width > canvas.height) {
+        orient = 'landscape';
+        size = [297,210];
+      } else {
+        orient = 'portrait';
+        size = [210,297];
+      }
+      var sc = Math.min ((size[0]-2*margin)/canvas.width,(size[1]-2*margin)/canvas.height);
+      w = sc * canvas.width;
+      h = sc * canvas.height;
+      // Center
+      var mx = (size[0] - w)/2;
+      var my = (size[1] - h)/2;
+      // Export!
+      var pdf = new jsPDF(orient, "mm", format);
+      pdf.addImage(data, 'JPEG', mx, my, w, h);
+      // pdf.save('map.pdf');
+      input.href = pdf.output('datauristring');
+    }
+    else input.href = canvas.toDataURL('image/'+(options.format||ext), options.quality);
+  }
+  if (elements.length == 0) return;
+  return elements.forEach(function(element) {
+    // Force download on HTML5
+    if ('download' in element && element.download.length > 0) {
+      var self = element;
+      element.addEventListener('click',function() {
+        // Get extension in the download
+        var ext = element.download.split('.').pop();
+        if (ext=='jpg') ext = 'jpeg';
+        // Try to change resolution
+        if (options.dpi) {
+          map.once('precompose', function(event){
+            var canvas = event.context.canvas;
+            var scaleFactor = options.dpi / 96;
+            canvas.width = Math.ceil(canvas.width * scaleFactor);
+            canvas.height = Math.ceil(canvas.height * scaleFactor);
+            event.context.scale(scaleFactor, scaleFactor);
+          });
+        }
+        // Draw a white background before draw (transparent background)
+        if (ext!='png') {
+          map.once('precompose', function(e) {
+            e.context.fillStyle = "white";
+            e.context.fillRect(0,0,e.context.canvas.width,e.context.canvas.height);
+          })
+        }
+        // Copy the map
+        map.once('postcompose', function(event) {
+          saveCanvas (self, event.context.canvas, ext);
+          // Redraw map (if dpi change)
+          setTimeout(function(){ try { map.renderSync(); } catch(e) { /* ok */ } }, 500);
+        });
+        try { map.renderSync(); } catch(e) { /* ok */ }
+      });
+    } else {
+      element.addEventListener('click',function(){ alert ("Export functions are not supported by your browser...");});
+    }
+  });
+};

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/FontAwesome5Def.js

@@ -0,0 +1,681 @@
+ol.style.FontSymbol.addDefs({
+  "font":"\"Font Awesome 5 Free\"",
+  "name":"FontAwesome5",
+  "copyright":"SIL OFL 1.1",
+  "prefix": "fa"
+},{
+  "fa-glass": "\uf000",
+  "fa-music": "\uf001",
+  "fa-search": "\uf002",
+  "fa-envelope-o": "\uf003",
+  "fa-heart": "\uf004",
+  "fa-star": "\uf005",
+  "fa-star-o": "\uf006",
+  "fa-user": "\uf007",
+  "fa-film": "\uf008",
+  "fa-th-large": "\uf009",
+  "fa-th": "\uf00a",
+  "fa-th-list": "\uf00b",
+  "fa-check": "\uf00c",
+  "fa-remove":"\uf00d",
+  "fa-close":"\uf00d",
+  "fa-times": "\uf00d",
+  "fa-search-plus": "\uf00e",
+  "fa-search-minus": "\uf010",
+  "fa-power-off": "\uf011",
+  "fa-signal": "\uf012",
+  "fa-gear": "\uf013",
+  "fa-cog": "\uf013",
+  "fa-trash-o": "\uf014",
+  "fa-home": "\uf015",
+  "fa-file-o": "\uf016",
+  "fa-clock-o": "\uf017",
+  "fa-road": "\uf018",
+  "fa-download": "\uf019",
+  "fa-arrow-circle-o-down": "\uf01a",
+  "fa-arrow-circle-o-up": "\uf01b",
+  "fa-inbox": "\uf01c",
+  "fa-play-circle-o": "\uf01d",
+  "fa-rotate-right": "\uf01e",
+  "fa-repeat": "\uf01e",
+  "fa-refresh": "\uf021",
+  "fa-list-alt": "\uf022",
+  "fa-lock": "\uf023",
+  "fa-flag": "\uf024",
+  "fa-headphones": "\uf025",
+  "fa-volume-off": "\uf026",
+  "fa-volume-down": "\uf027",
+  "fa-volume-up": "\uf028",
+  "fa-qrcode": "\uf029",
+  "fa-barcode": "\uf02a",
+  "fa-tag": "\uf02b",
+  "fa-tags": "\uf02c",
+  "fa-book": "\uf02d",
+  "fa-bookmark": "\uf02e",
+  "fa-print": "\uf02f",
+  "fa-camera": "\uf030",
+  "fa-font": "\uf031",
+  "fa-bold": "\uf032",
+  "fa-italic": "\uf033",
+  "fa-text-height": "\uf034",
+  "fa-text-width": "\uf035",
+  "fa-align-left": "\uf036",
+  "fa-align-center": "\uf037",
+  "fa-align-right": "\uf038",
+  "fa-align-justify": "\uf039",
+  "fa-list": "\uf03a",
+  "fa-dedent": "\uf03b",
+  "fa-outdent": "\uf03b",
+  "fa-indent": "\uf03c",
+  "fa-video-camera": "\uf03d",
+  "fa-photo": "\uf03e",
+  "fa-image": "\uf03e",
+  "fa-picture-o": "\uf03e",
+  "fa-pencil": "\uf040",
+  "fa-map-marker": "\uf041",
+  "fa-adjust": "\uf042",
+  "fa-tint": "\uf043",
+  "fa-edit": "\uf044",
+  "fa-pencil-square-o": "\uf044",
+  "fa-share-square-o": "\uf045",
+  "fa-check-square-o": "\uf046",
+  "fa-arrows": "\uf047",
+  "fa-step-backward": "\uf048",
+  "fa-fast-backward": "\uf049",
+  "fa-backward": "\uf04a",
+  "fa-play": "\uf04b",
+  "fa-pause": "\uf04c",
+  "fa-stop": "\uf04d",
+  "fa-forward": "\uf04e",
+  "fa-fast-forward": "\uf050",
+  "fa-step-forward": "\uf051",
+  "fa-eject": "\uf052",
+  "fa-chevron-left": "\uf053",
+  "fa-chevron-right": "\uf054",
+  "fa-plus-circle": "\uf055",
+  "fa-minus-circle": "\uf056",
+  "fa-times-circle": "\uf057",
+  "fa-check-circle": "\uf058",
+  "fa-question-circle": "\uf059",
+  "fa-info-circle": "\uf05a",
+  "fa-crosshairs": "\uf05b",
+  "fa-times-circle-o": "\uf05c",
+  "fa-check-circle-o": "\uf05d",
+  "fa-ban": "\uf05e",
+  "fa-arrow-left": "\uf060",
+  "fa-arrow-right": "\uf061",
+  "fa-arrow-up": "\uf062",
+  "fa-arrow-down": "\uf063",
+  "fa-mail-forward": "\uf064",
+  "fa-share": "\uf064",
+  "fa-expand": "\uf065",
+  "fa-compress": "\uf066",
+  "fa-plus": "\uf067",
+  "fa-minus": "\uf068",
+  "fa-asterisk": "\uf069",
+  "fa-exclamation-circle": "\uf06a",
+  "fa-gift": "\uf06b",
+  "fa-leaf": "\uf06c",
+  "fa-fire": "\uf06d",
+  "fa-eye": "\uf06e",
+  "fa-eye-slash": "\uf070",
+  "fa-warning": "\uf071",
+  "fa-exclamation-triangle": "\uf071",
+  "fa-plane": "\uf072",
+  "fa-calendar": "\uf073",
+  "fa-random": "\uf074",
+  "fa-comment": "\uf075",
+  "fa-magnet": "\uf076",
+  "fa-chevron-up": "\uf077",
+  "fa-chevron-down": "\uf078",
+  "fa-retweet": "\uf079",
+  "fa-shopping-cart": "\uf07a",
+  "fa-folder": "\uf07b",
+  "fa-folder-open": "\uf07c",
+  "fa-arrows-v": "\uf07d",
+  "fa-arrows-h": "\uf07e",
+  "fa-bar-t-o": "\uf080",
+  "fa-bar-t": "\uf080",
+  "fa-twitter-square": "\uf081",
+  "fa-facebook-square": "\uf082",
+  "fa-camera-retro": "\uf083",
+  "fa-key": "\uf084",
+  "fa-gears": "\uf085",
+  "fa-cogs": "\uf085",
+  "fa-comments": "\uf086",
+  "fa-thumbs-o-up": "\uf087",
+  "fa-thumbs-o-down": "\uf088",
+  "fa-star-half": "\uf089",
+  "fa-heart-o": "\uf08a",
+  "fa-sign-out": "\uf08b",
+  "fa-linkedin-square": "\uf08c",
+  "fa-thumb-tack": "\uf08d",
+  "fa-external-link": "\uf08e",
+  "fa-sign-in": "\uf090",
+  "fa-trophy": "\uf091",
+  "fa-github-square": "\uf092",
+  "fa-upload": "\uf093",
+  "fa-lemon-o": "\uf094",
+  "fa-phone": "\uf095",
+  "fa-square-o": "\uf096",
+  "fa-bookmark-o": "\uf097",
+  "fa-phone-square": "\uf098",
+  "fa-twitter": "\uf099",
+  "fa-facebook-f": "\uf09a",
+  "fa-facebook": "\uf09a",
+  "fa-github": "\uf09b",
+  "fa-unlock": "\uf09c",
+  "fa-credit-card": "\uf09d",
+  "fa-feed": "\uf09e",
+  "fa-rss": "\uf09e",
+  "fa-hdd-o": "\uf0a0",
+  "fa-bullhorn": "\uf0a1",
+  "fa-bell": "\uf0f3",
+  "fa-certificate": "\uf0a3",
+  "fa-hand-o-right": "\uf0a4",
+  "fa-hand-o-left": "\uf0a5",
+  "fa-hand-o-up": "\uf0a6",
+  "fa-hand-o-down": "\uf0a7",
+  "fa-arrow-circle-left": "\uf0a8",
+  "fa-arrow-circle-right": "\uf0a9",
+  "fa-arrow-circle-up": "\uf0aa",
+  "fa-arrow-circle-down": "\uf0ab",
+  "fa-globe": "\uf0ac",
+  "fa-wrench": "\uf0ad",
+  "fa-tasks": "\uf0ae",
+  "fa-filter": "\uf0b0",
+  "fa-briefcase": "\uf0b1",
+  "fa-arrows-alt": "\uf0b2",
+  "fa-group": "\uf0c0",
+  "fa-users": "\uf0c0",
+  "fa-chain": "\uf0c1",
+  "fa-link": "\uf0c1",
+  "fa-cloud": "\uf0c2",
+  "fa-flask": "\uf0c3",
+  "fa-cut": "\uf0c4",
+  "fa-scissors": "\uf0c4",
+  "fa-copy": "\uf0c5",
+  "fa-files-o": "\uf0c5",
+  "fa-paperclip": "\uf0c6",
+  "fa-save": "\uf0c7",
+  "fa-floppy-o": "\uf0c7",
+  "fa-square": "\uf0c8",
+  "fa-navicon": "\uf0c9",
+  "fa-reorder": "\uf0c9",
+  "fa-bars": "\uf0c9",
+  "fa-list-ul": "\uf0ca",
+  "fa-list-ol": "\uf0cb",
+  "fa-strikethrough": "\uf0cc",
+  "fa-underline": "\uf0cd",
+  "fa-table": "\uf0ce",
+  "fa-magic": "\uf0d0",
+  "fa-truck": "\uf0d1",
+  "fa-pinterest": "\uf0d2",
+  "fa-pinterest-square": "\uf0d3",
+  "fa-google-plus-square": "\uf0d4",
+  "fa-google-plus": "\uf0d5",
+  "fa-money": "\uf0d6",
+  "fa-caret-down": "\uf0d7",
+  "fa-caret-up": "\uf0d8",
+  "fa-caret-left": "\uf0d9",
+  "fa-caret-right": "\uf0da",
+  "fa-columns": "\uf0db",
+  "fa-unsorted": "\uf0dc",
+  "fa-sort": "\uf0dc",
+  "fa-sort-down":  "\uf0dd",
+  "fa-sort-desc": "\uf0dd",
+  "fa-sort-up": "\uf0de",
+  "fa-sort-asc": "\uf0de",
+  "fa-envelope": "\uf0e0",
+  "fa-linkedin": "\uf0e1",
+  "fa-rotate-left": "\uf0e2",
+  "fa-undo": "\uf0e2",
+  "fa-legal": "\uf0e3",
+  "fa-gavel": "\uf0e3",
+  "fa-dashboard": "\uf0e4",
+  "fa-tachometer": "\uf0e4",
+  "fa-comment-o": "\uf0e5",
+  "fa-comments-o": "\uf0e6",
+  "fa-flash": "\uf0e7",
+  "fa-bolt": "\uf0e7",
+  "fa-sitemap": "\uf0e8",
+  "fa-umbrella": "\uf0e9",
+  "fa-paste": "\uf0ea",
+  "fa-clipboard": "\uf0ea",
+  "fa-lightbulb-o": "\uf0eb",
+  "fa-exchange": "\uf0ec",
+  "fa-cloud-download": "\uf0ed",
+  "fa-cloud-upload": "\uf0ee",
+  "fa-user-md": "\uf0f0",
+  "fa-stethoscope": "\uf0f1",
+  "fa-suitcase": "\uf0f2",
+  "fa-bell-o": "\uf0a2",
+  "fa-coffee": "\uf0f4",
+  "fa-cutlery": "\uf0f5",
+  "fa-file-text-o": "\uf0f6",
+  "fa-building-o": "\uf0f7",
+  "fa-hospital-o": "\uf0f8",
+  "fa-ambulance": "\uf0f9",
+  "fa-medkit": "\uf0fa",
+  "fa-fighter-jet": "\uf0fb",
+  "fa-beer": "\uf0fc",
+  "fa-h-square": "\uf0fd",
+  "fa-plus-square": "\uf0fe",
+  "fa-angle-double-left": "\uf100",
+  "fa-angle-double-right": "\uf101",
+  "fa-angle-double-up": "\uf102",
+  "fa-angle-double-down": "\uf103",
+  "fa-angle-left": "\uf104",
+  "fa-angle-right": "\uf105",
+  "fa-angle-up": "\uf106",
+  "fa-angle-down": "\uf107",
+  "fa-desktop": "\uf108",
+  "fa-laptop": "\uf109",
+  "fa-tablet": "\uf10a",
+  "fa-mobile-phone": "\uf10b",
+  "fa-mobile": "\uf10b",
+  "fa-circle-o": "\uf10c",
+  "fa-quote-left": "\uf10d",
+  "fa-quote-right": "\uf10e",
+  "fa-spinner": "\uf110",
+  "fa-circle": "\uf111",
+  "fa-mail-reply": "\uf112",
+  "fa-reply": "\uf112",
+  "fa-github-alt": "\uf113",
+  "fa-folder-o": "\uf114",
+  "fa-folder-open-o": "\uf115",
+  "fa-smile-o": "\uf118",
+  "fa-frown-o": "\uf119",
+  "fa-meh-o": "\uf11a",
+  "fa-gamepad": "\uf11b",
+  "fa-keyboard-o": "\uf11c",
+  "fa-flag-o": "\uf11d",
+  "fa-flag-checkered": "\uf11e",
+  "fa-terminal": "\uf120",
+  "fa-code": "\uf121",
+  "fa-mail-reply-all": "\uf122",
+  "fa-reply-all": "\uf122",
+  "fa-star-half-empty": "\uf123",
+  "fa-star-half-full": "\uf123",
+  "fa-star-half-o": "\uf123",
+  "fa-location-arrow": "\uf124",
+  "fa-crop": "\uf125",
+  "fa-code-fork": "\uf126",
+  "fa-unlink": "\uf127",
+  "fa-chain-broken": "\uf127",
+  "fa-question": "\uf128",
+  "fa-info": "\uf129",
+  "fa-exclamation": "\uf12a",
+  "fa-superscript": "\uf12b",
+  "fa-subscript": "\uf12c",
+  "fa-eraser": "\uf12d",
+  "fa-puzzle-piece": "\uf12e",
+  "fa-microphone": "\uf130",
+  "fa-microphone-slash": "\uf131",
+  "fa-shield": "\uf132",
+  "fa-calendar-o": "\uf133",
+  "fa-fire-extinguisher": "\uf134",
+  "fa-rocket": "\uf135",
+  "fa-maxcdn": "\uf136",
+  "fa-chevron-circle-left": "\uf137",
+  "fa-chevron-circle-right": "\uf138",
+  "fa-chevron-circle-up": "\uf139",
+  "fa-chevron-circle-down": "\uf13a",
+  "fa-html5": "\uf13b",
+  "fa-css3": "\uf13c",
+  "fa-anchor": "\uf13d",
+  "fa-unlock-alt": "\uf13e",
+  "fa-bullseye": "\uf140",
+  "fa-ellipsis-h": "\uf141",
+  "fa-ellipsis-v": "\uf142",
+  "fa-rss-square": "\uf143",
+  "fa-play-circle": "\uf144",
+  "fa-ticket": "\uf145",
+  "fa-minus-square": "\uf146",
+  "fa-minus-square-o": "\uf147",
+  "fa-level-up": "\uf148",
+  "fa-level-down": "\uf149",
+  "fa-check-square": "\uf14a",
+  "fa-pencil-square": "\uf14b",
+  "fa-external-link-square": "\uf14c",
+  "fa-share-square": "\uf14d",
+  "fa-compass": "\uf14e",
+  "fa-toggle-down": "\uf150",
+  "fa-caret-square-o-down": "\uf150",
+  "fa-toggle-up": "\uf151",
+  "fa-caret-square-o-up": "\uf151",
+  "fa-toggle-right": "\uf152",
+  "fa-caret-square-o-right": "\uf152",
+  "fa-euro": "\uf153",
+  "fa-eur": "\uf153",
+  "fa-gbp": "\uf154",
+  "fa-dollar": "\uf155",
+  "fa-usd": "\uf155",
+  "fa-rupee": "\uf156",
+  "fa-inr": "\uf156",
+  "fa-cny": "\uf157",
+  "fa-rmb": "\uf157",
+  "fa-yen": "\uf157",
+  "fa-jpy": "\uf157",
+  "fa-ruble": "\uf158",
+  "fa-rouble": "\uf158",
+  "fa-rub": "\uf158",
+  "fa-won": "\uf159",
+  "fa-krw": "\uf159",
+  "fa-bitcoin": "\uf15a",
+  "fa-btc": "\uf15a",
+  "fa-file": "\uf15b",
+  "fa-file-text": "\uf15c",
+  "fa-sort-alpha-asc": "\uf15d",
+  "fa-sort-alpha-desc": "\uf15e",
+  "fa-sort-amount-asc": "\uf160",
+  "fa-sort-amount-desc": "\uf161",
+  "fa-sort-numeric-asc": "\uf162",
+  "fa-sort-numeric-desc": "\uf163",
+  "fa-thumbs-up": "\uf164",
+  "fa-thumbs-down": "\uf165",
+  "fa-youtube-square": "\uf166",
+  "fa-youtube": "\uf167",
+  "fa-xing": "\uf168",
+  "fa-xing-square": "\uf169",
+  "fa-youtube-play": "\uf16a",
+  "fa-dropbox": "\uf16b",
+  "fa-stack-overflow": "\uf16c",
+  "fa-instagram": "\uf16d",
+  "fa-flickr": "\uf16e",
+  "fa-adn": "\uf170",
+  "fa-bitbucket": "\uf171",
+  "fa-bitbucket-square": "\uf172",
+  "fa-tumblr": "\uf173",
+  "fa-tumblr-square": "\uf174",
+  "fa-long-arrow-down": "\uf175",
+  "fa-long-arrow-up": "\uf176",
+  "fa-long-arrow-left": "\uf177",
+  "fa-long-arrow-right": "\uf178",
+  "fa-apple": "\uf179",
+  "fa-windows": "\uf17a",
+  "fa-android": "\uf17b",
+  "fa-linux": "\uf17c",
+  "fa-dribbble": "\uf17d",
+  "fa-skype": "\uf17e",
+  "fa-foursquare": "\uf180",
+  "fa-trello": "\uf181",
+  "fa-female": "\uf182",
+  "fa-male": "\uf183",
+  "fa-gittip": "\uf184",
+  "fa-gratipay": "\uf184",
+  "fa-sun-o": "\uf185",
+  "fa-moon-o": "\uf186",
+  "fa-archive": "\uf187",
+  "fa-bug": "\uf188",
+  "fa-vk": "\uf189",
+  "fa-weibo": "\uf18a",
+  "fa-renren": "\uf18b",
+  "fa-pagelines": "\uf18c",
+  "fa-stack-exchange": "\uf18d",
+  "fa-arrow-circle-o-right": "\uf18e",
+  "fa-arrow-circle-o-left": "\uf190",
+  "fa-toggle-left": "\uf191",
+  "fa-caret-square-o-left": "\uf191",
+  "fa-dot-circle-o": "\uf192",
+  "fa-wheelchair": "\uf193",
+  "fa-vimeo-square": "\uf194",
+  "fa-turkish-lira": "\uf195",
+  "fa-try": "\uf195",
+  "fa-plus-square-o": "\uf196",
+  "fa-space-shuttle": "\uf197",
+  "fa-slack": "\uf198",
+  "fa-envelope-square": "\uf199",
+  "fa-wordpress": "\uf19a",
+  "fa-openid": "\uf19b",
+  "fa-institution": "\uf19c",
+  "fa-bank": "\uf19c",
+  "fa-university": "\uf19c",
+  "fa-mortar-board": "\uf19d",
+  "fa-graduation-cap": "\uf19d",
+  "fa-yahoo": "\uf19e",
+  "fa-google": "\uf1a0",
+  "fa-reddit": "\uf1a1",
+  "fa-reddit-square": "\uf1a2",
+  "fa-stumbleupon-circle": "\uf1a3",
+  "fa-stumbleupon": "\uf1a4",
+  "fa-delicious": "\uf1a5",
+  "fa-digg": "\uf1a6",
+  "fa-pied-piper": "\uf1a7",
+  "fa-pied-piper-alt": "\uf1a8",
+  "fa-drupal": "\uf1a9",
+  "fa-joomla": "\uf1aa",
+  "fa-language": "\uf1ab",
+  "fa-fax": "\uf1ac",
+  "fa-building": "\uf1ad",
+  "fa-child": "\uf1ae",
+  "fa-paw": "\uf1b0",
+  "fa-spoon": "\uf1b1",
+  "fa-cube": "\uf1b2",
+  "fa-cubes": "\uf1b3",
+  "fa-behance": "\uf1b4",
+  "fa-behance-square": "\uf1b5",
+  "fa-steam": "\uf1b6",
+  "fa-steam-square": "\uf1b7",
+  "fa-recycle": "\uf1b8",
+  "fa-automobile": "\uf1b9",
+  "fa-car": "\uf1b9",
+  "fa-cab": "\uf1ba",
+  "fa-taxi": "\uf1ba",
+  "fa-tree": "\uf1bb",
+  "fa-spotify": "\uf1bc",
+  "fa-deviantart": "\uf1bd",
+  "fa-soundcloud": "\uf1be",
+  "fa-database": "\uf1c0",
+  "fa-file-pdf-o": "\uf1c1",
+  "fa-file-word-o": "\uf1c2",
+  "fa-file-excel-o": "\uf1c3",
+  "fa-file-powerpoint-o": "\uf1c4",
+  "fa-file-photo-o": "\uf1c5",
+  "fa-file-picture-o": "\uf1c5",
+  "fa-file-image-o": "\uf1c5",
+  "fa-file-zip-o": "\uf1c6",
+  "fa-file-archive-o": "\uf1c6",
+  "fa-file-sound-o": "\uf1c7",
+  "fa-file-audio-o": "\uf1c7",
+  "fa-file-movie-o": "\uf1c8",
+  "fa-file-video-o": "\uf1c8",
+  "fa-file-code-o": "\uf1c9",
+  "fa-vine": "\uf1ca",
+  "fa-codepen": "\uf1cb",
+  "fa-jsfiddle": "\uf1cc",
+  "fa-life-bouy": "\uf1cd",
+  "fa-life-buoy": "\uf1cd",
+  "fa-life-saver": "\uf1cd",
+  "fa-support": "\uf1cd",
+  "fa-life-ring": "\uf1cd",
+  "fa-circle-o-notch": "\uf1ce",
+  "fa-ra": "\uf1d0",
+  "fa-rebel": "\uf1d0",
+  "fa-ge": "\uf1d1",
+  "fa-empire": "\uf1d1",
+  "fa-git-square": "\uf1d2",
+  "fa-git": "\uf1d3",
+  "fa-y-combinator-square": "\uf1d4",
+  "fa-yc-square": "\uf1d4",
+  "fa-hacker-news": "\uf1d4",
+  "fa-tencent-weibo": "\uf1d5",
+  "fa-qq": "\uf1d6",
+  "fa-wechat": "\uf1d7",
+  "fa-weixin": "\uf1d7",
+  "fa-send": "\uf1d8",
+  "fa-paper-plane": "\uf1d8",
+  "fa-send-o": "\uf1d9",
+  "fa-paper-plane-o": "\uf1d9",
+  "fa-history": "\uf1da",
+  "fa-circle-thin": "\uf1db",
+  "fa-header": "\uf1dc",
+  "fa-paragraph": "\uf1dd",
+  "fa-sliders": "\uf1de",
+  "fa-share-alt": "\uf1e0",
+  "fa-share-alt-square": "\uf1e1",
+  "fa-bomb": "\uf1e2",
+  "fa-soccer-ball-o": "\uf1e3",
+  "fa-futbol-o": "\uf1e3",
+  "fa-tty": "\uf1e4",
+  "fa-binoculars": "\uf1e5",
+  "fa-plug": "\uf1e6",
+  "fa-slideshare": "\uf1e7",
+  "fa-twitch": "\uf1e8",
+  "fa-yelp": "\uf1e9",
+  "fa-newspaper-o": "\uf1ea",
+  "fa-wifi": "\uf1eb",
+  "fa-calculator": "\uf1ec",
+  "fa-paypal": "\uf1ed",
+  "fa-google-wallet": "\uf1ee",
+  "fa-cc-visa": "\uf1f0",
+  "fa-cc-mastercard": "\uf1f1",
+  "fa-cc-discover": "\uf1f2",
+  "fa-cc-amex": "\uf1f3",
+  "fa-cc-paypal": "\uf1f4",
+  "fa-cc-stripe": "\uf1f5",
+  "fa-bell-slash": "\uf1f6",
+  "fa-bell-slash-o": "\uf1f7",
+  "fa-trash": "\uf1f8",
+  "fa-copyright": "\uf1f9",
+  "fa-at": "\uf1fa",
+  "fa-eyedropper": "\uf1fb",
+  "fa-paint-brush": "\uf1fc",
+  "fa-birthday-cake": "\uf1fd",
+  "fa-area-t": "\uf1fe",
+  "fa-pie-t": "\uf200",
+  "fa-line-t": "\uf201",
+  "fa-lastfm": "\uf202",
+  "fa-lastfm-square": "\uf203",
+  "fa-toggle-off": "\uf204",
+  "fa-toggle-on": "\uf205",
+  "fa-bicycle": "\uf206",
+  "fa-bus": "\uf207",
+  "fa-ioxhost": "\uf208",
+  "fa-angellist": "\uf209",
+  "fa-cc": "\uf20a",
+  "fa-shekel": "\uf20b",
+  "fa-sheqel": "\uf20b",
+  "fa-ils": "\uf20b",
+  "fa-meanpath": "\uf20c",
+  "fa-buysellads": "\uf20d",
+  "fa-connectdevelop": "\uf20e",
+  "fa-dashcube": "\uf210",
+  "fa-forumbee": "\uf211",
+  "fa-leanpub": "\uf212",
+  "fa-sellsy": "\uf213",
+  "fa-shirtsinbulk": "\uf214",
+  "fa-simplybuilt": "\uf215",
+  "fa-skyatlas": "\uf216",
+  "fa-cart-plus": "\uf217",
+  "fa-cart-arrow-down": "\uf218",
+  "fa-diamond": "\uf219",
+  "fa-ship": "\uf21a",
+  "fa-user-secret": "\uf21b",
+  "fa-motorcycle": "\uf21c",
+  "fa-street-view": "\uf21d",
+  "fa-heartbeat": "\uf21e",
+  "fa-venus": "\uf221",
+  "fa-mars": "\uf222",
+  "fa-mercury": "\uf223",
+  "fa-intersex": "\uf224",
+  "fa-transgender": "\uf224",
+  "fa-transgender-alt": "\uf225",
+  "fa-venus-double": "\uf226",
+  "fa-mars-double": "\uf227",
+  "fa-venus-mars": "\uf228",
+  "fa-mars-stroke": "\uf229",
+  "fa-mars-stroke-v": "\uf22a",
+  "fa-mars-stroke-h": "\uf22b",
+  "fa-neuter": "\uf22c",
+  "fa-genderless": "\uf22d",
+  "fa-facebook-official": "\uf230",
+  "fa-pinterest-p": "\uf231",
+  "fa-whatsapp": "\uf232",
+  "fa-server": "\uf233",
+  "fa-user-plus": "\uf234",
+  "fa-user-times": "\uf235",
+  "fa-hotel": "\uf236",
+  "fa-bed": "\uf236",
+  "fa-viacoin": "\uf237",
+  "fa-train": "\uf238",
+  "fa-subway": "\uf239",
+  "fa-medium": "\uf23a",
+  "fa-yc": "\uf23b",
+  "fa-y-combinator": "\uf23b",
+  "fa-optin-monster": "\uf23c",
+  "fa-opencart": "\uf23d",
+  "fa-expeditedssl": "\uf23e",
+  "fa-battery-4": "\uf240",
+  "fa-battery-full": "\uf240",
+  "fa-battery-3": "\uf241",
+  "fa-battery-three-quarters": "\uf241",
+  "fa-battery-2": "\uf242",
+  "fa-battery-half": "\uf242",
+  "fa-battery-1": "\uf243",
+  "fa-battery-quarter": "\uf243",
+  "fa-battery-0": "\uf244",
+  "fa-battery-empty": "\uf244",
+  "fa-mouse-pointer": "\uf245",
+  "fa-i-cursor": "\uf246",
+  "fa-object-group": "\uf247",
+  "fa-object-ungroup": "\uf248",
+  "fa-sticky-note": "\uf249",
+  "fa-sticky-note-o": "\uf24a",
+  "fa-cc-jcb": "\uf24b",
+  "fa-cc-diners-club": "\uf24c",
+  "fa-clone": "\uf24d",
+  "fa-balance-scale": "\uf24e",
+  "fa-hourglass-o": "\uf250",
+  "fa-hourglass-1": "\uf251",
+  "fa-hourglass-start": "\uf251",
+  "fa-hourglass-2": "\uf252",
+  "fa-hourglass-half": "\uf252",
+  "fa-hourglass-3": "\uf253",
+  "fa-hourglass-end": "\uf253",
+  "fa-hourglass": "\uf254",
+  "fa-hand-grab-o": "\uf255",
+  "fa-hand-rock-o": "\uf255",
+  "fa-hand-stop-o": "\uf256",
+  "fa-hand-paper-o": "\uf256",
+  "fa-hand-scissors-o": "\uf257",
+  "fa-hand-lizard-o": "\uf258",
+  "fa-hand-spock-o": "\uf259",
+  "fa-hand-pointer-o": "\uf25a",
+  "fa-hand-peace-o": "\uf25b",
+  "fa-trademark": "\uf25c",
+  "fa-registered": "\uf25d",
+  "fa-creative-commons": "\uf25e",
+  "fa-gg": "\uf260",
+  "fa-gg-circle": "\uf261",
+  "fa-tripadvisor": "\uf262",
+  "fa-odnoklassniki": "\uf263",
+  "fa-odnoklassniki-square": "\uf264",
+  "fa-get-pocket": "\uf265",
+  "fa-wikipedia-w": "\uf266",
+  "fa-safari": "\uf267",
+  "fa-chrome": "\uf268",
+  "fa-firefox": "\uf269",
+  "fa-opera": "\uf26a",
+  "fa-internet-explorer": "\uf26b",
+  "fa-tv": "\uf26c",
+  "fa-television": "\uf26c",
+  "fa-contao": "\uf26d",
+  "fa-500px": "\uf26e",
+  "fa-amazon": "\uf270",
+  "fa-calendar-plus-o": "\uf271",
+  "fa-calendar-minus-o": "\uf272",
+  "fa-calendar-times-o": "\uf273",
+  "fa-calendar-check-o": "\uf274",
+  "fa-industry": "\uf275",
+  "fa-map-pin": "\uf276",
+  "fa-map-signs": "\uf277",
+  "fa-map-o": "\uf278",
+  "fa-map": "\uf279",
+  "fa-commenting": "\uf27a",
+  "fa-commenting-o": "\uf27b",
+  "fa-houzz": "\uf27c",
+  "fa-vimeo": "\uf27d",
+  "fa-black-tie": "\uf27e",
+  "fa-fonticons": "\uf280"
+});

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/FontAwesomeDef.js

@@ -0,0 +1,681 @@
+ol.style.FontSymbol.addDefs(
+{	"font":"FontAwesome",
+	"name":"FontAwesome",
+	"copyright":"SIL OFL 1.1",
+	"prefix": "fa"
+},
+{	"fa-glass": "\uf000",
+	"fa-music": "\uf001",
+	"fa-search": "\uf002",
+	"fa-envelope-o": "\uf003",
+	"fa-heart": "\uf004",
+	"fa-star": "\uf005",
+	"fa-star-o": "\uf006",
+	"fa-user": "\uf007",
+	"fa-film": "\uf008",
+	"fa-th-large": "\uf009",
+	"fa-th": "\uf00a",
+	"fa-th-list": "\uf00b",
+	"fa-check": "\uf00c",
+	"fa-remove":"\uf00d",
+	"fa-close":"\uf00d",
+	"fa-times": "\uf00d",
+	"fa-search-plus": "\uf00e",
+	"fa-search-minus": "\uf010",
+	"fa-power-off": "\uf011",
+	"fa-signal": "\uf012",
+	"fa-gear": "\uf013",
+	"fa-cog": "\uf013",
+	"fa-trash-o": "\uf014",
+	"fa-home": "\uf015",
+	"fa-file-o": "\uf016",
+	"fa-clock-o": "\uf017",
+	"fa-road": "\uf018",
+	"fa-download": "\uf019",
+	"fa-arrow-circle-o-down": "\uf01a",
+	"fa-arrow-circle-o-up": "\uf01b",
+	"fa-inbox": "\uf01c",
+	"fa-play-circle-o": "\uf01d",
+	"fa-rotate-right": "\uf01e",
+	"fa-repeat": "\uf01e",
+	"fa-refresh": "\uf021",
+	"fa-list-alt": "\uf022",
+	"fa-lock": "\uf023",
+	"fa-flag": "\uf024",
+	"fa-headphones": "\uf025",
+	"fa-volume-off": "\uf026",
+	"fa-volume-down": "\uf027",
+	"fa-volume-up": "\uf028",
+	"fa-qrcode": "\uf029",
+	"fa-barcode": "\uf02a",
+	"fa-tag": "\uf02b",
+	"fa-tags": "\uf02c",
+	"fa-book": "\uf02d",
+	"fa-bookmark": "\uf02e",
+	"fa-print": "\uf02f",
+	"fa-camera": "\uf030",
+	"fa-font": "\uf031",
+	"fa-bold": "\uf032",
+	"fa-italic": "\uf033",
+	"fa-text-height": "\uf034",
+	"fa-text-width": "\uf035",
+	"fa-align-left": "\uf036",
+	"fa-align-center": "\uf037",
+	"fa-align-right": "\uf038",
+	"fa-align-justify": "\uf039",
+	"fa-list": "\uf03a",
+	"fa-dedent": "\uf03b",
+	"fa-outdent": "\uf03b",
+	"fa-indent": "\uf03c",
+	"fa-video-camera": "\uf03d",
+	"fa-photo": "\uf03e",
+	"fa-image": "\uf03e",
+	"fa-picture-o": "\uf03e",
+	"fa-pencil": "\uf040",
+	"fa-map-marker": "\uf041",
+	"fa-adjust": "\uf042",
+	"fa-tint": "\uf043",
+	"fa-edit": "\uf044",
+	"fa-pencil-square-o": "\uf044",
+	"fa-share-square-o": "\uf045",
+	"fa-check-square-o": "\uf046",
+	"fa-arrows": "\uf047",
+	"fa-step-backward": "\uf048",
+	"fa-fast-backward": "\uf049",
+	"fa-backward": "\uf04a",
+	"fa-play": "\uf04b",
+	"fa-pause": "\uf04c",
+	"fa-stop": "\uf04d",
+	"fa-forward": "\uf04e",
+	"fa-fast-forward": "\uf050",
+	"fa-step-forward": "\uf051",
+	"fa-eject": "\uf052",
+	"fa-chevron-left": "\uf053",
+	"fa-chevron-right": "\uf054",
+	"fa-plus-circle": "\uf055",
+	"fa-minus-circle": "\uf056",
+	"fa-times-circle": "\uf057",
+	"fa-check-circle": "\uf058",
+	"fa-question-circle": "\uf059",
+	"fa-info-circle": "\uf05a",
+	"fa-crosshairs": "\uf05b",
+	"fa-times-circle-o": "\uf05c",
+	"fa-check-circle-o": "\uf05d",
+	"fa-ban": "\uf05e",
+	"fa-arrow-left": "\uf060",
+	"fa-arrow-right": "\uf061",
+	"fa-arrow-up": "\uf062",
+	"fa-arrow-down": "\uf063",
+	"fa-mail-forward": "\uf064",
+	"fa-share": "\uf064",
+	"fa-expand": "\uf065",
+	"fa-compress": "\uf066",
+	"fa-plus": "\uf067",
+	"fa-minus": "\uf068",
+	"fa-asterisk": "\uf069",
+	"fa-exclamation-circle": "\uf06a",
+	"fa-gift": "\uf06b",
+	"fa-leaf": "\uf06c",
+	"fa-fire": "\uf06d",
+	"fa-eye": "\uf06e",
+	"fa-eye-slash": "\uf070",
+	"fa-warning": "\uf071",
+	"fa-exclamation-triangle": "\uf071",
+	"fa-plane": "\uf072",
+	"fa-calendar": "\uf073",
+	"fa-random": "\uf074",
+	"fa-comment": "\uf075",
+	"fa-magnet": "\uf076",
+	"fa-chevron-up": "\uf077",
+	"fa-chevron-down": "\uf078",
+	"fa-retweet": "\uf079",
+	"fa-shopping-cart": "\uf07a",
+	"fa-folder": "\uf07b",
+	"fa-folder-open": "\uf07c",
+	"fa-arrows-v": "\uf07d",
+	"fa-arrows-h": "\uf07e",
+	"fa-bar-t-o": "\uf080",
+	"fa-bar-t": "\uf080",
+	"fa-twitter-square": "\uf081",
+	"fa-facebook-square": "\uf082",
+	"fa-camera-retro": "\uf083",
+	"fa-key": "\uf084",
+	"fa-gears": "\uf085",
+	"fa-cogs": "\uf085",
+	"fa-comments": "\uf086",
+	"fa-thumbs-o-up": "\uf087",
+	"fa-thumbs-o-down": "\uf088",
+	"fa-star-half": "\uf089",
+	"fa-heart-o": "\uf08a",
+	"fa-sign-out": "\uf08b",
+	"fa-linkedin-square": "\uf08c",
+	"fa-thumb-tack": "\uf08d",
+	"fa-external-link": "\uf08e",
+	"fa-sign-in": "\uf090",
+	"fa-trophy": "\uf091",
+	"fa-github-square": "\uf092",
+	"fa-upload": "\uf093",
+	"fa-lemon-o": "\uf094",
+	"fa-phone": "\uf095",
+	"fa-square-o": "\uf096",
+	"fa-bookmark-o": "\uf097",
+	"fa-phone-square": "\uf098",
+	"fa-twitter": "\uf099",
+	"fa-facebook-f": "\uf09a",
+	"fa-facebook": "\uf09a",
+	"fa-github": "\uf09b",
+	"fa-unlock": "\uf09c",
+	"fa-credit-card": "\uf09d",
+	"fa-feed": "\uf09e",
+	"fa-rss": "\uf09e",
+	"fa-hdd-o": "\uf0a0",
+	"fa-bullhorn": "\uf0a1",
+	"fa-bell": "\uf0f3",
+	"fa-certificate": "\uf0a3",
+	"fa-hand-o-right": "\uf0a4",
+	"fa-hand-o-left": "\uf0a5",
+	"fa-hand-o-up": "\uf0a6",
+	"fa-hand-o-down": "\uf0a7",
+	"fa-arrow-circle-left": "\uf0a8",
+	"fa-arrow-circle-right": "\uf0a9",
+	"fa-arrow-circle-up": "\uf0aa",
+	"fa-arrow-circle-down": "\uf0ab",
+	"fa-globe": "\uf0ac",
+	"fa-wrench": "\uf0ad",
+	"fa-tasks": "\uf0ae",
+	"fa-filter": "\uf0b0",
+	"fa-briefcase": "\uf0b1",
+	"fa-arrows-alt": "\uf0b2",
+	"fa-group": "\uf0c0",
+	"fa-users": "\uf0c0",
+	"fa-chain": "\uf0c1",
+	"fa-link": "\uf0c1",
+	"fa-cloud": "\uf0c2",
+	"fa-flask": "\uf0c3",
+	"fa-cut": "\uf0c4",
+	"fa-scissors": "\uf0c4",
+	"fa-copy": "\uf0c5",
+	"fa-files-o": "\uf0c5",
+	"fa-paperclip": "\uf0c6",
+	"fa-save": "\uf0c7",
+	"fa-floppy-o": "\uf0c7",
+	"fa-square": "\uf0c8",
+	"fa-navicon": "\uf0c9",
+	"fa-reorder": "\uf0c9",
+	"fa-bars": "\uf0c9",
+	"fa-list-ul": "\uf0ca",
+	"fa-list-ol": "\uf0cb",
+	"fa-strikethrough": "\uf0cc",
+	"fa-underline": "\uf0cd",
+	"fa-table": "\uf0ce",
+	"fa-magic": "\uf0d0",
+	"fa-truck": "\uf0d1",
+	"fa-pinterest": "\uf0d2",
+	"fa-pinterest-square": "\uf0d3",
+	"fa-google-plus-square": "\uf0d4",
+	"fa-google-plus": "\uf0d5",
+	"fa-money": "\uf0d6",
+	"fa-caret-down": "\uf0d7",
+	"fa-caret-up": "\uf0d8",
+	"fa-caret-left": "\uf0d9",
+	"fa-caret-right": "\uf0da",
+	"fa-columns": "\uf0db",
+	"fa-unsorted": "\uf0dc",
+	"fa-sort": "\uf0dc",
+	"fa-sort-down":  "\uf0dd",
+	"fa-sort-desc": "\uf0dd",
+	"fa-sort-up": "\uf0de",
+	"fa-sort-asc": "\uf0de",
+	"fa-envelope": "\uf0e0",
+	"fa-linkedin": "\uf0e1",
+	"fa-rotate-left": "\uf0e2",
+	"fa-undo": "\uf0e2",
+	"fa-legal": "\uf0e3",
+	"fa-gavel": "\uf0e3",
+	"fa-dashboard": "\uf0e4",
+	"fa-tachometer": "\uf0e4",
+	"fa-comment-o": "\uf0e5",
+	"fa-comments-o": "\uf0e6",
+	"fa-flash": "\uf0e7",
+	"fa-bolt": "\uf0e7",
+	"fa-sitemap": "\uf0e8",
+	"fa-umbrella": "\uf0e9",
+	"fa-paste": "\uf0ea",
+	"fa-clipboard": "\uf0ea",
+	"fa-lightbulb-o": "\uf0eb",
+	"fa-exchange": "\uf0ec",
+	"fa-cloud-download": "\uf0ed",
+	"fa-cloud-upload": "\uf0ee",
+	"fa-user-md": "\uf0f0",
+	"fa-stethoscope": "\uf0f1",
+	"fa-suitcase": "\uf0f2",
+	"fa-bell-o": "\uf0a2",
+	"fa-coffee": "\uf0f4",
+	"fa-cutlery": "\uf0f5",
+	"fa-file-text-o": "\uf0f6",
+	"fa-building-o": "\uf0f7",
+	"fa-hospital-o": "\uf0f8",
+	"fa-ambulance": "\uf0f9",
+	"fa-medkit": "\uf0fa",
+	"fa-fighter-jet": "\uf0fb",
+	"fa-beer": "\uf0fc",
+	"fa-h-square": "\uf0fd",
+	"fa-plus-square": "\uf0fe",
+	"fa-angle-double-left": "\uf100",
+	"fa-angle-double-right": "\uf101",
+	"fa-angle-double-up": "\uf102",
+	"fa-angle-double-down": "\uf103",
+	"fa-angle-left": "\uf104",
+	"fa-angle-right": "\uf105",
+	"fa-angle-up": "\uf106",
+	"fa-angle-down": "\uf107",
+	"fa-desktop": "\uf108",
+	"fa-laptop": "\uf109",
+	"fa-tablet": "\uf10a",
+	"fa-mobile-phone": "\uf10b",
+	"fa-mobile": "\uf10b",
+	"fa-circle-o": "\uf10c",
+	"fa-quote-left": "\uf10d",
+	"fa-quote-right": "\uf10e",
+	"fa-spinner": "\uf110",
+	"fa-circle": "\uf111",
+	"fa-mail-reply": "\uf112",
+	"fa-reply": "\uf112",
+	"fa-github-alt": "\uf113",
+	"fa-folder-o": "\uf114",
+	"fa-folder-open-o": "\uf115",
+	"fa-smile-o": "\uf118",
+	"fa-frown-o": "\uf119",
+	"fa-meh-o": "\uf11a",
+	"fa-gamepad": "\uf11b",
+	"fa-keyboard-o": "\uf11c",
+	"fa-flag-o": "\uf11d",
+	"fa-flag-checkered": "\uf11e",
+	"fa-terminal": "\uf120",
+	"fa-code": "\uf121",
+	"fa-mail-reply-all": "\uf122",
+	"fa-reply-all": "\uf122",
+	"fa-star-half-empty": "\uf123",
+	"fa-star-half-full": "\uf123",
+	"fa-star-half-o": "\uf123",
+	"fa-location-arrow": "\uf124",
+	"fa-crop": "\uf125",
+	"fa-code-fork": "\uf126",
+	"fa-unlink": "\uf127",
+	"fa-chain-broken": "\uf127",
+	"fa-question": "\uf128",
+	"fa-info": "\uf129",
+	"fa-exclamation": "\uf12a",
+	"fa-superscript": "\uf12b",
+	"fa-subscript": "\uf12c",
+	"fa-eraser": "\uf12d",
+	"fa-puzzle-piece": "\uf12e",
+	"fa-microphone": "\uf130",
+	"fa-microphone-slash": "\uf131",
+	"fa-shield": "\uf132",
+	"fa-calendar-o": "\uf133",
+	"fa-fire-extinguisher": "\uf134",
+	"fa-rocket": "\uf135",
+	"fa-maxcdn": "\uf136",
+	"fa-chevron-circle-left": "\uf137",
+	"fa-chevron-circle-right": "\uf138",
+	"fa-chevron-circle-up": "\uf139",
+	"fa-chevron-circle-down": "\uf13a",
+	"fa-html5": "\uf13b",
+	"fa-css3": "\uf13c",
+	"fa-anchor": "\uf13d",
+	"fa-unlock-alt": "\uf13e",
+	"fa-bullseye": "\uf140",
+	"fa-ellipsis-h": "\uf141",
+	"fa-ellipsis-v": "\uf142",
+	"fa-rss-square": "\uf143",
+	"fa-play-circle": "\uf144",
+	"fa-ticket": "\uf145",
+	"fa-minus-square": "\uf146",
+	"fa-minus-square-o": "\uf147",
+	"fa-level-up": "\uf148",
+	"fa-level-down": "\uf149",
+	"fa-check-square": "\uf14a",
+	"fa-pencil-square": "\uf14b",
+	"fa-external-link-square": "\uf14c",
+	"fa-share-square": "\uf14d",
+	"fa-compass": "\uf14e",
+	"fa-toggle-down": "\uf150",
+	"fa-caret-square-o-down": "\uf150",
+	"fa-toggle-up": "\uf151",
+	"fa-caret-square-o-up": "\uf151",
+	"fa-toggle-right": "\uf152",
+	"fa-caret-square-o-right": "\uf152",
+	"fa-euro": "\uf153",
+	"fa-eur": "\uf153",
+	"fa-gbp": "\uf154",
+	"fa-dollar": "\uf155",
+	"fa-usd": "\uf155",
+	"fa-rupee": "\uf156",
+	"fa-inr": "\uf156",
+	"fa-cny": "\uf157",
+	"fa-rmb": "\uf157",
+	"fa-yen": "\uf157",
+	"fa-jpy": "\uf157",
+	"fa-ruble": "\uf158",
+	"fa-rouble": "\uf158",
+	"fa-rub": "\uf158",
+	"fa-won": "\uf159",
+	"fa-krw": "\uf159",
+	"fa-bitcoin": "\uf15a",
+	"fa-btc": "\uf15a",
+	"fa-file": "\uf15b",
+	"fa-file-text": "\uf15c",
+	"fa-sort-alpha-asc": "\uf15d",
+	"fa-sort-alpha-desc": "\uf15e",
+	"fa-sort-amount-asc": "\uf160",
+	"fa-sort-amount-desc": "\uf161",
+	"fa-sort-numeric-asc": "\uf162",
+	"fa-sort-numeric-desc": "\uf163",
+	"fa-thumbs-up": "\uf164",
+	"fa-thumbs-down": "\uf165",
+	"fa-youtube-square": "\uf166",
+	"fa-youtube": "\uf167",
+	"fa-xing": "\uf168",
+	"fa-xing-square": "\uf169",
+	"fa-youtube-play": "\uf16a",
+	"fa-dropbox": "\uf16b",
+	"fa-stack-overflow": "\uf16c",
+	"fa-instagram": "\uf16d",
+	"fa-flickr": "\uf16e",
+	"fa-adn": "\uf170",
+	"fa-bitbucket": "\uf171",
+	"fa-bitbucket-square": "\uf172",
+	"fa-tumblr": "\uf173",
+	"fa-tumblr-square": "\uf174",
+	"fa-long-arrow-down": "\uf175",
+	"fa-long-arrow-up": "\uf176",
+	"fa-long-arrow-left": "\uf177",
+	"fa-long-arrow-right": "\uf178",
+	"fa-apple": "\uf179",
+	"fa-windows": "\uf17a",
+	"fa-android": "\uf17b",
+	"fa-linux": "\uf17c",
+	"fa-dribbble": "\uf17d",
+	"fa-skype": "\uf17e",
+	"fa-foursquare": "\uf180",
+	"fa-trello": "\uf181",
+	"fa-female": "\uf182",
+	"fa-male": "\uf183",
+	"fa-gittip": "\uf184",
+	"fa-gratipay": "\uf184",
+	"fa-sun-o": "\uf185",
+	"fa-moon-o": "\uf186",
+	"fa-archive": "\uf187",
+	"fa-bug": "\uf188",
+	"fa-vk": "\uf189",
+	"fa-weibo": "\uf18a",
+	"fa-renren": "\uf18b",
+	"fa-pagelines": "\uf18c",
+	"fa-stack-exchange": "\uf18d",
+	"fa-arrow-circle-o-right": "\uf18e",
+	"fa-arrow-circle-o-left": "\uf190",
+	"fa-toggle-left": "\uf191",
+	"fa-caret-square-o-left": "\uf191",
+	"fa-dot-circle-o": "\uf192",
+	"fa-wheelchair": "\uf193",
+	"fa-vimeo-square": "\uf194",
+	"fa-turkish-lira": "\uf195",
+	"fa-try": "\uf195",
+	"fa-plus-square-o": "\uf196",
+	"fa-space-shuttle": "\uf197",
+	"fa-slack": "\uf198",
+	"fa-envelope-square": "\uf199",
+	"fa-wordpress": "\uf19a",
+	"fa-openid": "\uf19b",
+	"fa-institution": "\uf19c",
+	"fa-bank": "\uf19c",
+	"fa-university": "\uf19c",
+	"fa-mortar-board": "\uf19d",
+	"fa-graduation-cap": "\uf19d",
+	"fa-yahoo": "\uf19e",
+	"fa-google": "\uf1a0",
+	"fa-reddit": "\uf1a1",
+	"fa-reddit-square": "\uf1a2",
+	"fa-stumbleupon-circle": "\uf1a3",
+	"fa-stumbleupon": "\uf1a4",
+	"fa-delicious": "\uf1a5",
+	"fa-digg": "\uf1a6",
+	"fa-pied-piper": "\uf1a7",
+	"fa-pied-piper-alt": "\uf1a8",
+	"fa-drupal": "\uf1a9",
+	"fa-joomla": "\uf1aa",
+	"fa-language": "\uf1ab",
+	"fa-fax": "\uf1ac",
+	"fa-building": "\uf1ad",
+	"fa-child": "\uf1ae",
+	"fa-paw": "\uf1b0",
+	"fa-spoon": "\uf1b1",
+	"fa-cube": "\uf1b2",
+	"fa-cubes": "\uf1b3",
+	"fa-behance": "\uf1b4",
+	"fa-behance-square": "\uf1b5",
+	"fa-steam": "\uf1b6",
+	"fa-steam-square": "\uf1b7",
+	"fa-recycle": "\uf1b8",
+	"fa-automobile": "\uf1b9",
+	"fa-car": "\uf1b9",
+	"fa-cab": "\uf1ba",
+	"fa-taxi": "\uf1ba",
+	"fa-tree": "\uf1bb",
+	"fa-spotify": "\uf1bc",
+	"fa-deviantart": "\uf1bd",
+	"fa-soundcloud": "\uf1be",
+	"fa-database": "\uf1c0",
+	"fa-file-pdf-o": "\uf1c1",
+	"fa-file-word-o": "\uf1c2",
+	"fa-file-excel-o": "\uf1c3",
+	"fa-file-powerpoint-o": "\uf1c4",
+	"fa-file-photo-o": "\uf1c5",
+	"fa-file-picture-o": "\uf1c5",
+	"fa-file-image-o": "\uf1c5",
+	"fa-file-zip-o": "\uf1c6",
+	"fa-file-archive-o": "\uf1c6",
+	"fa-file-sound-o": "\uf1c7",
+	"fa-file-audio-o": "\uf1c7",
+	"fa-file-movie-o": "\uf1c8",
+	"fa-file-video-o": "\uf1c8",
+	"fa-file-code-o": "\uf1c9",
+	"fa-vine": "\uf1ca",
+	"fa-codepen": "\uf1cb",
+	"fa-jsfiddle": "\uf1cc",
+	"fa-life-bouy": "\uf1cd",
+	"fa-life-buoy": "\uf1cd",
+	"fa-life-saver": "\uf1cd",
+	"fa-support": "\uf1cd",
+	"fa-life-ring": "\uf1cd",
+	"fa-circle-o-notch": "\uf1ce",
+	"fa-ra": "\uf1d0",
+	"fa-rebel": "\uf1d0",
+	"fa-ge": "\uf1d1",
+	"fa-empire": "\uf1d1",
+	"fa-git-square": "\uf1d2",
+	"fa-git": "\uf1d3",
+	"fa-y-combinator-square": "\uf1d4",
+	"fa-yc-square": "\uf1d4",
+	"fa-hacker-news": "\uf1d4",
+	"fa-tencent-weibo": "\uf1d5",
+	"fa-qq": "\uf1d6",
+	"fa-wechat": "\uf1d7",
+	"fa-weixin": "\uf1d7",
+	"fa-send": "\uf1d8",
+	"fa-paper-plane": "\uf1d8",
+	"fa-send-o": "\uf1d9",
+	"fa-paper-plane-o": "\uf1d9",
+	"fa-history": "\uf1da",
+	"fa-circle-thin": "\uf1db",
+	"fa-header": "\uf1dc",
+	"fa-paragraph": "\uf1dd",
+	"fa-sliders": "\uf1de",
+	"fa-share-alt": "\uf1e0",
+	"fa-share-alt-square": "\uf1e1",
+	"fa-bomb": "\uf1e2",
+	"fa-soccer-ball-o": "\uf1e3",
+	"fa-futbol-o": "\uf1e3",
+	"fa-tty": "\uf1e4",
+	"fa-binoculars": "\uf1e5",
+	"fa-plug": "\uf1e6",
+	"fa-slideshare": "\uf1e7",
+	"fa-twitch": "\uf1e8",
+	"fa-yelp": "\uf1e9",
+	"fa-newspaper-o": "\uf1ea",
+	"fa-wifi": "\uf1eb",
+	"fa-calculator": "\uf1ec",
+	"fa-paypal": "\uf1ed",
+	"fa-google-wallet": "\uf1ee",
+	"fa-cc-visa": "\uf1f0",
+	"fa-cc-mastercard": "\uf1f1",
+	"fa-cc-discover": "\uf1f2",
+	"fa-cc-amex": "\uf1f3",
+	"fa-cc-paypal": "\uf1f4",
+	"fa-cc-stripe": "\uf1f5",
+	"fa-bell-slash": "\uf1f6",
+	"fa-bell-slash-o": "\uf1f7",
+	"fa-trash": "\uf1f8",
+	"fa-copyright": "\uf1f9",
+	"fa-at": "\uf1fa",
+	"fa-eyedropper": "\uf1fb",
+	"fa-paint-brush": "\uf1fc",
+	"fa-birthday-cake": "\uf1fd",
+	"fa-area-t": "\uf1fe",
+	"fa-pie-t": "\uf200",
+	"fa-line-t": "\uf201",
+	"fa-lastfm": "\uf202",
+	"fa-lastfm-square": "\uf203",
+	"fa-toggle-off": "\uf204",
+	"fa-toggle-on": "\uf205",
+	"fa-bicycle": "\uf206",
+	"fa-bus": "\uf207",
+	"fa-ioxhost": "\uf208",
+	"fa-angellist": "\uf209",
+	"fa-cc": "\uf20a",
+	"fa-shekel": "\uf20b",
+	"fa-sheqel": "\uf20b",
+	"fa-ils": "\uf20b",
+	"fa-meanpath": "\uf20c",
+	"fa-buysellads": "\uf20d",
+	"fa-connectdevelop": "\uf20e",
+	"fa-dashcube": "\uf210",
+	"fa-forumbee": "\uf211",
+	"fa-leanpub": "\uf212",
+	"fa-sellsy": "\uf213",
+	"fa-shirtsinbulk": "\uf214",
+	"fa-simplybuilt": "\uf215",
+	"fa-skyatlas": "\uf216",
+	"fa-cart-plus": "\uf217",
+	"fa-cart-arrow-down": "\uf218",
+	"fa-diamond": "\uf219",
+	"fa-ship": "\uf21a",
+	"fa-user-secret": "\uf21b",
+	"fa-motorcycle": "\uf21c",
+	"fa-street-view": "\uf21d",
+	"fa-heartbeat": "\uf21e",
+	"fa-venus": "\uf221",
+	"fa-mars": "\uf222",
+	"fa-mercury": "\uf223",
+	"fa-intersex": "\uf224",
+	"fa-transgender": "\uf224",
+	"fa-transgender-alt": "\uf225",
+	"fa-venus-double": "\uf226",
+	"fa-mars-double": "\uf227",
+	"fa-venus-mars": "\uf228",
+	"fa-mars-stroke": "\uf229",
+	"fa-mars-stroke-v": "\uf22a",
+	"fa-mars-stroke-h": "\uf22b",
+	"fa-neuter": "\uf22c",
+	"fa-genderless": "\uf22d",
+	"fa-facebook-official": "\uf230",
+	"fa-pinterest-p": "\uf231",
+	"fa-whatsapp": "\uf232",
+	"fa-server": "\uf233",
+	"fa-user-plus": "\uf234",
+	"fa-user-times": "\uf235",
+	"fa-hotel": "\uf236",
+	"fa-bed": "\uf236",
+	"fa-viacoin": "\uf237",
+	"fa-train": "\uf238",
+	"fa-subway": "\uf239",
+	"fa-medium": "\uf23a",
+	"fa-yc": "\uf23b",
+	"fa-y-combinator": "\uf23b",
+	"fa-optin-monster": "\uf23c",
+	"fa-opencart": "\uf23d",
+	"fa-expeditedssl": "\uf23e",
+	"fa-battery-4": "\uf240",
+	"fa-battery-full": "\uf240",
+	"fa-battery-3": "\uf241",
+	"fa-battery-three-quarters": "\uf241",
+	"fa-battery-2": "\uf242",
+	"fa-battery-half": "\uf242",
+	"fa-battery-1": "\uf243",
+	"fa-battery-quarter": "\uf243",
+	"fa-battery-0": "\uf244",
+	"fa-battery-empty": "\uf244",
+	"fa-mouse-pointer": "\uf245",
+	"fa-i-cursor": "\uf246",
+	"fa-object-group": "\uf247",
+	"fa-object-ungroup": "\uf248",
+	"fa-sticky-note": "\uf249",
+	"fa-sticky-note-o": "\uf24a",
+	"fa-cc-jcb": "\uf24b",
+	"fa-cc-diners-club": "\uf24c",
+	"fa-clone": "\uf24d",
+	"fa-balance-scale": "\uf24e",
+	"fa-hourglass-o": "\uf250",
+	"fa-hourglass-1": "\uf251",
+	"fa-hourglass-start": "\uf251",
+	"fa-hourglass-2": "\uf252",
+	"fa-hourglass-half": "\uf252",
+	"fa-hourglass-3": "\uf253",
+	"fa-hourglass-end": "\uf253",
+	"fa-hourglass": "\uf254",
+	"fa-hand-grab-o": "\uf255",
+	"fa-hand-rock-o": "\uf255",
+	"fa-hand-stop-o": "\uf256",
+	"fa-hand-paper-o": "\uf256",
+	"fa-hand-scissors-o": "\uf257",
+	"fa-hand-lizard-o": "\uf258",
+	"fa-hand-spock-o": "\uf259",
+	"fa-hand-pointer-o": "\uf25a",
+	"fa-hand-peace-o": "\uf25b",
+	"fa-trademark": "\uf25c",
+	"fa-registered": "\uf25d",
+	"fa-creative-commons": "\uf25e",
+	"fa-gg": "\uf260",
+	"fa-gg-circle": "\uf261",
+	"fa-tripadvisor": "\uf262",
+	"fa-odnoklassniki": "\uf263",
+	"fa-odnoklassniki-square": "\uf264",
+	"fa-get-pocket": "\uf265",
+	"fa-wikipedia-w": "\uf266",
+	"fa-safari": "\uf267",
+	"fa-chrome": "\uf268",
+	"fa-firefox": "\uf269",
+	"fa-opera": "\uf26a",
+	"fa-internet-explorer": "\uf26b",
+	"fa-tv": "\uf26c",
+	"fa-television": "\uf26c",
+	"fa-contao": "\uf26d",
+	"fa-500px": "\uf26e",
+	"fa-amazon": "\uf270",
+	"fa-calendar-plus-o": "\uf271",
+	"fa-calendar-minus-o": "\uf272",
+	"fa-calendar-times-o": "\uf273",
+	"fa-calendar-check-o": "\uf274",
+	"fa-industry": "\uf275",
+	"fa-map-pin": "\uf276",
+	"fa-map-signs": "\uf277",
+	"fa-map-o": "\uf278",
+	"fa-map": "\uf279",
+	"fa-commenting": "\uf27a",
+	"fa-commenting-o": "\uf27b",
+	"fa-houzz": "\uf27c",
+	"fa-vimeo": "\uf27d",
+	"fa-black-tie": "\uf27e",
+	"fa-fonticons": "\uf280"
+});

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/FontMaki2Def.js

@@ -0,0 +1,171 @@
+/* Copyright CC0 - MapBox - https://www.mapbox.com/maki/ - fontmaki2
+*
+* Font definiton to use with fontsymbols
+*/
+ol.style.FontSymbol.addDefs ({
+  "font": "fontmaki2",
+  "name": "Maki2",
+  "copyright": "CC0 - MapBox - https://www.mapbox.com/maki/",
+  "prefix": "maki2"
+},
+{	"maki2-aerialway": {"font": "fontmaki2","code": 59392,"name": "aerialway","search": "telepherique,ski,neige","theme": "transport"},
+  "maki2-airfield": {"font": "fontmaki2","code": 59393,"name": "airfield","search": "aerodrome,avion","theme": "transport"},
+  "maki2-airport": {"font": "fontmaki2","code": 59394,"name": "airport","search": "aeroport,avion","theme": "transport"},
+  "maki2-alcohol-shop": {"font": "fontmaki2","code": 59395,"theme": "commerce","name": "shop","search": "boisson,alcool,vin,verre"},
+  "maki2-america-football": {"font": "fontmaki2","code": 59396,"theme": "sport","name": "football","search": "fooball,rugby"},
+  "maki2-amusement-park": {"font": "fontmaki2","code": 59397,"theme": "loisir","name": "park","search": "pac,roue,attraction"},
+  "maki2-aquarium": {"font": "fontmaki2","code": 59398,"name": "aquarium","search": "aquarium,poison,mer,animal","theme": "loisir"},
+  "maki2-art-gallery": {"font": "fontmaki2","code": 59399,"theme": "loisir","name": "gallery","search": "art,gallerie,peinture"},
+  "maki2-attraction": {"font": "fontmaki2","code": 59400,"name": "attraction","search": "photo,attraction,camera","theme": "tourisme"},
+  "maki2-bakery": {"font": "fontmaki2","code": 59401,"name": "bakery","search": "boulangerie,croissant","theme": "commerce"},
+  "maki2-bank": {"font": "fontmaki2","code": 59402,"name": "bank","search": "banque,carte,paiment","theme": "service"},
+  "maki2-bar": {"font": "fontmaki2","code": 59403,"name": "bar","search": "bar,coupe,verre,boisson","theme": "commerce"},
+  "maki2-barrier": {"font": "fontmaki2","code": 59404,"name": "barrier","search": "barriere,travaux","theme": "service"},
+  "maki2-baseball": {"font": "fontmaki2","code": 59405,"name": "baseball","search": "baseball","theme": "sport"},
+  "maki2-basketball": {"font": "fontmaki2","code": 59406,"name": "basketball","search": "basketball,ballon","theme": "sport"},
+  "maki2-bbq": {"font": "fontmaki2","code": 59407,"name": "bbq","search": "bbq,barbecue,camping","theme": "loisir"},
+  "maki2-beer": {"font": "fontmaki2","code": 59408,"name": "beer","search": "biere,boisson,cafe","theme": "commerce"},
+  "maki2-bicycle": {"font": "fontmaki2","code": 59409,"name": "bicycle","search": "velo,cycle,bicyclette","theme": "transport"},
+  "maki2-bicycle-share": {"font": "fontmaki2","code": 59410,"theme": "transport","name": "share","search": "velo,cycle,bicyclette"},
+  "maki2-blood-bank": {"font": "fontmaki2","code": 59411,"theme": "service","name": "bank","search": "santé,sang,don"},
+  "maki2-buddhism": {"font": "fontmaki2","code": 59412,"name": "buddhism","search": "bouddhisme","theme": "religion"},
+  "maki2-building": {"font": "fontmaki2","code": 59413,"name": "building","search": "maison,batiment","theme": "construction"},
+  "maki2-building-alt1": {"font": "fontmaki2","code": 59414,"theme": "construction","name": "alt1","search": "building,tour,immeuble"},
+  "maki2-bus": {"font": "fontmaki2","code": 59415,"name": "bus","search": "bus","theme": "transport"},
+  "maki2-cafe": {"font": "fontmaki2","code": 59416,"name": "cafe","search": "cafe,bar","theme": "commerce"},
+  "maki2-campsite": {"font": "fontmaki2","code": 59417,"name": "campsite","search": "camping,tente","theme": "tourisme"},
+  "maki2-car": {"font": "fontmaki2","code": 59418,"name": "car","search": "voiture","theme": "transport"},
+  "maki2-car-rental": {"font": "fontmaki2","code": 59419,"theme": "service","name": "rental","search": "voiture,location,parking"},
+  "maki2-car-repair": {"font": "fontmaki2","code": 59420,"theme": "service","name": "repair","search": "voiture,reparation,mecanique"},
+  "maki2-casino": {"font": "fontmaki2","code": 59421,"name": "casino","search": "casino,carte,pique","theme": "loisir"},
+  "maki2-castle": {"font": "fontmaki2","code": 59422,"name": "castle","search": "chateau,tour","theme": "loisir"},
+  "maki2-cemetery": {"font": "fontmaki2","code": 59423,"name": "cemetery","search": "cimetiere,tombe","theme": "religion"},
+  "maki2-charging-station": {"font": "fontmaki2","code": 59424,"theme": "transport","name": "station","search": "voiture,chargement,electrique,station"},
+  "maki2-cinema": {"font": "fontmaki2","code": 59425,"name": "cinema","search": "cinema,film","theme": "tourisme"},
+  "maki2-circle": {"font": "fontmaki2","code": 59426,"name": "circle","search": "cercle","theme": "forme"},
+  "maki2-circle-stroked": {"font": "fontmaki2","code": 59427,"theme": "forme","name": "stroked","search": "cercle,rond"},
+  "maki2-city": {"font": "fontmaki2","code": 59428,"name": "city","search": "ville,batiment,hlm","theme": "construction"},
+  "maki2-clothing-store": {"font": "fontmaki2","code": 59429,"theme": "commerce","name": "store","search": "vetement,magasin"},
+  "maki2-college": {"font": "fontmaki2","code": 59430,"name": "college","search": "college,universite","theme": "education"},
+  "maki2-commercial": {"font": "fontmaki2","code": 59431,"name": "commercial","search": "commercial,tour","theme": "construction"},
+  "maki2-cricket": {"font": "fontmaki2","code": 59432,"name": "cricket","search": "cricket","theme": "sport"},
+  "maki2-cross": {"font": "fontmaki2","code": 59433,"name": "cross","search": "croix","theme": "forme"},
+  "maki2-dam": {"font": "fontmaki2","code": 59434,"name": "dam","search": "barrage,eau","theme": "industrie"},
+  "maki2-danger": {"font": "fontmaki2","code": 59435,"name": "danger","search": "danger,mort,tete","theme": "panneau"},
+  "maki2-defibrillator": {"font": "fontmaki2","code": 59436,"name": "defibrillator","search": "defibrillateur,medecin,sante","theme": "service"},
+  "maki2-dentist": {"font": "fontmaki2","code": 59437,"name": "dentist","search": "dentiste,sante","theme": "service"},
+  "maki2-doctor": {"font": "fontmaki2","code": 59438,"name": "doctor","search": "docteur,medecin,stetoscope","theme": "service"},
+  "maki2-dog-park": {"font": "fontmaki2","code": 59439,"theme": "service","name": "park","search": "chien,parc"},
+  "maki2-drinking-water": {"font": "fontmaki2","code": 59440,"theme": "service","name": "water","search": "eau,ba,boison,robinet"},
+  "maki2-embassy": {"font": "fontmaki2","code": 59441,"name": "embassy","search": "ambassade","theme": "service"},
+  "maki2-emergency-phone": {"font": "fontmaki2","code": 59442,"theme": "service","name": "phone","search": "urgence,sante,telephone"},
+  "maki2-entrance": {"font": "fontmaki2","code": 59443,"name": "entrance","search": "entree","theme": "construction"},
+  "maki2-entrance-alt1": {"font": "fontmaki2","code": 59444,"theme": "service","name": "alt1","search": "sortie,secours"},
+  "maki2-farm": {"font": "fontmaki2","code": 59445,"name": "farm","search": "ferme,batiment","theme": "construction"},
+  "maki2-fast-food": {"font": "fontmaki2","code": 59446,"theme": "commerce","name": "food","search": "fast food,retaurant,hamburger"},
+  "maki2-fence": {"font": "fontmaki2","code": 59447,"name": "fence","search": "herse,barriere","theme": "panneau"},
+  "maki2-ferry": {"font": "fontmaki2","code": 59448,"name": "ferry","search": "ferry,bac,bateau","theme": "transport"},
+  "maki2-fire-station": {"font": "fontmaki2","code": 59449,"theme": "service","name": "station","search": "pompier,feu,station"},
+  "maki2-florist": {"font": "fontmaki2","code": 59450,"name": "florist","search": "fleur,fleuriste,nature","theme": "commerce"},
+  "maki2-fuel": {"font": "fontmaki2","code": 59451,"name": "fuel","search": "pompe,essence","theme": "commerce"},
+  "maki2-furniture": {"font": "fontmaki2","code": 59452,"name": "furniture","search": "meuble,lampe,magazin","theme": "commerce"},
+  "maki2-gaming": {"font": "fontmaki2","code": 59453,"name": "gaming","search": "gaming,jeu,manette,console","theme": "commerce"},
+  "maki2-garden": {"font": "fontmaki2","code": 59454,"name": "garden","search": "jardin,fleur","theme": "loisir"},
+  "maki2-garden-center": {"font": "fontmaki2","code": 59455,"theme": "loisir","name": "center","search": "jardin,arrosoir,fleur"},
+  "maki2-gift": {"font": "fontmaki2","code": 59456,"name": "gift","search": "cadeau,achat","theme": "commerce"},
+  "maki2-globe": {"font": "fontmaki2","code": 59457,"name": "globe","search": "globe,terre","theme": "divers"},
+  "maki2-golf": {"font": "fontmaki2","code": 59458,"name": "golf","search": "golf","theme": "sport"},
+  "maki2-grocery": {"font": "fontmaki2","code": 59459,"name": "grocery","search": "caddy,super,marche","theme": "commerce"},
+  "maki2-hairdresser": {"font": "fontmaki2","code": 59460,"name": "hairdresser","search": "coiffeur","theme": "commerce"},
+  "maki2-harbor": {"font": "fontmaki2","code": 59461,"name": "harbor","search": "port,bateau,ancre","theme": "transport"},
+  "maki2-hardware": {"font": "fontmaki2","code": 59462,"name": "hardware","search": "mecanicien,outil","theme": "service"},
+  "maki2-heart": {"font": "fontmaki2","code": 59463,"name": "heart","search": "coeur,amour","theme": "forme"},
+  "maki2-heliport": {"font": "fontmaki2","code": 59464,"name": "heliport","search": "heliport,helicoptere","theme": "transport"},
+  "maki2-home": {"font": "fontmaki2","code": 59465,"name": "home","search": "maison,bati","theme": "construction"},
+  "maki2-horse-riding": {"font": "fontmaki2","code": 59466,"theme": "sport","name": "riding","search": "animal,cavalier,cheval"},
+  "maki2-hospital": {"font": "fontmaki2","code": 59467,"name": "hospital","search": "hopital,croix","theme": "service"},
+  "maki2-ice-cream": {"font": "fontmaki2","code": 59468,"theme": "loisir","name": "cream","search": "glace,cornet,enfant"},
+  "maki2-industry": {"font": "fontmaki2","code": 59469,"name": "industry","search": "industrie,usine,cheminee","theme": "industrie"},
+  "maki2-information": {"font": "fontmaki2","code": 59470,"name": "information","search": "information,i","theme": "tourisme"},
+  "maki2-jewelry": {"font": "fontmaki2","code": 59471,"name": "jewelry","search": "bijoutier,bague,or","theme": "commerce"},
+  "maki2-karaoke": {"font": "fontmaki2","code": 59472,"name": "karaoke","search": "karaoke,micro,chant","theme": "commerce"},
+  "maki2-landmark": {"font": "fontmaki2","code": 59473,"name": "landmark","search": "manege,info","theme": "service"},
+  "maki2-landuse": {"font": "fontmaki2","code": 59474,"name": "landuse","search": "paysage,maison","theme": "paysage"},
+  "maki2-laundry": {"font": "fontmaki2","code": 59475,"name": "laundry","search": "machine,laver,blanchisserie","theme": "commerce"},
+  "maki2-library": {"font": "fontmaki2","code": 59476,"name": "library","search": "livre,bibliotheque","theme": "service"},
+  "maki2-lighthouse": {"font": "fontmaki2","code": 59477,"name": "lighthouse","search": "phare,lumiere","theme": "transport"},
+  "maki2-lodging": {"font": "fontmaki2","code": 59478,"name": "lodging","search": "lit,hotel","theme": "hebergement"},
+  "maki2-logging": {"font": "fontmaki2","code": 59479,"name": "logging","search": "enregistrement","theme": "hebergement"},
+  "maki2-marker": {"font": "fontmaki2","code": 59480,"name": "marker","search": "marker,poi","theme": "forme"},
+  "maki2-marker-stroked": {"font": "fontmaki2","code": 59481,"theme": "forme","name": "stroked","search": "marker,poi"},
+  "maki2-mobile-phone": {"font": "fontmaki2","code": 59482,"theme": "divers","name": "phone","search": "mobile,telephone"},
+  "maki2-monument": {"font": "fontmaki2","code": 59483,"name": "monument","search": "monument,obelix,tour","theme": "construction"},
+  "maki2-mountain": {"font": "fontmaki2","code": 59484,"name": "mountain","search": "montagne,mont,neige","theme": "paysage"},
+  "maki2-museum": {"font": "fontmaki2","code": 59485,"name": "museum","search": "musee,maison","theme": "tourisme"},
+  "maki2-music": {"font": "fontmaki2","code": 59486,"name": "music","search": "musique,note","theme": "loisir"},
+  "maki2-natural": {"font": "fontmaki2","code": 59487,"name": "natural","search": "naturel,arbre","theme": "paysage"},
+  "maki2-optician": {"font": "fontmaki2","code": 59488,"name": "optician","search": "lunette,opticien","theme": "commerce"},
+  "maki2-paint": {"font": "fontmaki2","code": 59489,"name": "paint","search": "peintre,peinture,rouleau","theme": "commerce"},
+  "maki2-park": {"font": "fontmaki2","code": 59490,"name": "park","search": "parc,arbre,feuille","theme": "paysage"},
+  "maki2-park-alt1": {"font": "fontmaki2","code": 59491,"theme": "paysage","name": "alt1","search": "parc,arbre,sapin"},
+  "maki2-parking": {"font": "fontmaki2","code": 59492,"name": "parking","search": "parking,p","theme": "transport"},
+  "maki2-parking-garage": {"font": "fontmaki2","code": 59493,"theme": "transport","name": "garage","search": "parking,garage"},
+  "maki2-pharmacy": {"font": "fontmaki2","code": 59494,"name": "pharmacy","search": "pharmacie,medicament","theme": "service"},
+  "maki2-picnic-site": {"font": "fontmaki2","code": 59495,"theme": "loisir","name": "site","search": "picnic,site,halte,aire"},
+  "maki2-pitch": {"font": "fontmaki2","code": 59496,"name": "pitch","search": "saut,course","theme": "sport"},
+  "maki2-place-of-worship": {"font": "fontmaki2","code": 59497,"theme": "construction","name": "of","search": "place,immeuble,chateau"},
+  "maki2-playground": {"font": "fontmaki2","code": 59498,"name": "playground","search": "balancoire,enfant,jardin","theme": "loisir"},
+  "maki2-police": {"font": "fontmaki2","code": 59499,"name": "police","search": "police,kepi","theme": "service"},
+  "maki2-post": {"font": "fontmaki2","code": 59500,"name": "post","search": "poste,lettre","theme": "service"},
+  "maki2-prison": {"font": "fontmaki2","code": 59501,"name": "prison","search": "prison,herse,barriere","theme": "service"},
+  "maki2-rail": {"font": "fontmaki2","code": 59502,"name": "rail","search": "rail,fer","theme": "transport"},
+  "maki2-rail-light": {"font": "fontmaki2","code": 59503,"theme": "transport","name": "light","search": "transport,train,sncf,rail"},
+  "maki2-rail-metro": {"font": "fontmaki2","code": 59504,"theme": "transport","name": "metro","search": "transport,train,sncf,rail"},
+  "maki2-ranger-station": {"font": "fontmaki2","code": 59505,"theme": "construction","name": "station","search": "station,maison,ranger"},
+  "maki2-recycling": {"font": "fontmaki2","code": 59506,"name": "recycling","search": "recyclable,fleche","theme": "service"},
+  "maki2-religious-christian": {"font": "fontmaki2","code": 59507,"theme": "religion","name": "christian","search": "religion,chretien,coix"},
+  "maki2-religious-jewish": {"font": "fontmaki2","code": 59508,"theme": "religion","name": "jewish","search": "religion,juif,etoile"},
+  "maki2-religious-muslim": {"font": "fontmaki2","code": 59509,"theme": "religion","name": "muslim","search": "religion,musulman,etoile"},
+  "maki2-residential-community": {"font": "fontmaki2","code": 59510,"theme": "construction","name": "community","search": "residentiel,immeuble,tour"},
+  "maki2-restaurant": {"font": "fontmaki2","code": 59511,"name": "restaurant","search": "restaurant,fourchette,couteau","theme": "commerce"},
+  "maki2-roadblock": {"font": "fontmaki2","code": 59512,"name": "roadblock","search": "sens,interdit,panneau","theme": "transport"},
+  "maki2-rocket": {"font": "fontmaki2","code": 59513,"name": "rocket","search": "fusee","theme": "transport"},
+  "maki2-school": {"font": "fontmaki2","code": 59514,"name": "school","search": "education,ecole,enfant,primaire","theme": "education"},
+  "maki2-scooter": {"font": "fontmaki2","code": 59515,"name": "scooter","search": "scooter,velo","theme": "transport"},
+  "maki2-shelter": {"font": "fontmaki2","code": 59516,"name": "shelter","search": "barriere,pont","theme": "transport"},
+  "maki2-shoe": {"font": "fontmaki2","code": 59517,"name": "shoe","search": "chaussure,cordonnier","theme": "commerce"},
+  "maki2-shop": {"font": "fontmaki2","code": 59518,"name": "shop","search": "boutique,sac","theme": "commerce"},
+  "maki2-skiing": {"font": "fontmaki2","code": 59519,"name": "skiing","search": "ski,descente,montagne","theme": "sport"},
+  "maki2-slaughterhouse": {"font": "fontmaki2","code": 59520,"name": "slaughterhouse","search": "vache,animal,ferme,abatoire","theme": "industrie"},
+  "maki2-snowmobile": {"font": "fontmaki2","code": 59521,"name": "snowmobile","search": "neige,ski,skido,moto","theme": "transport"},
+  "maki2-soccer": {"font": "fontmaki2","code": 59522,"name": "soccer","search": "foot,ballon","theme": "sport"},
+  "maki2-square": {"font": "fontmaki2","code": 59523,"name": "square","search": "carre","theme": "forme"},
+  "maki2-square-stroked": {"font": "fontmaki2","code": 59524,"theme": "forme","name": "stroked","search": "carre"},
+  "maki2-stadium": {"font": "fontmaki2","code": 59525,"name": "stadium","search": "stade,drapeau,chapiteau","theme": "construction"},
+  "maki2-star": {"font": "fontmaki2","code": 59526,"name": "star","search": "etoile","theme": "forme"},
+  "maki2-star-stroked": {"font": "fontmaki2","code": 59527,"theme": "forme","name": "stroked","search": "etoile"},
+  "maki2-suitcase": {"font": "fontmaki2","code": 59528,"name": "suitcase","search": "valise,voyage","theme": "transport"},
+  "maki2-sushi": {"font": "fontmaki2","code": 59529,"name": "sushi","search": "sushi,restaurant,poison","theme": "commerce"},
+  "maki2-swimming": {"font": "fontmaki2","code": 59530,"name": "swimming","search": "eau,nage,piscine","theme": "sport"},
+  "maki2-teahouse": {"font": "fontmaki2","code": 59531,"name": "teahouse","search": "the,salon,tasse","theme": "commerce"},
+  "maki2-telephone": {"font": "fontmaki2","code": 59532,"name": "telephone","search": "telephone,urgence","theme": "service"},
+  "maki2-tennis": {"font": "fontmaki2","code": 59533,"name": "tennis","search": "tennis,balle,raquette","theme": "sport"},
+  "maki2-theatre": {"font": "fontmaki2","code": 59534,"name": "theatre","search": "theatre,culture","theme": "tourisme"},
+  "maki2-toilet": {"font": "fontmaki2","code": 59535,"name": "toilet","search": "toilettte,wc","theme": "service"},
+  "maki2-town": {"font": "fontmaki2","code": 59536,"name": "town","search": "ville,maisons","theme": "construction"},
+  "maki2-town-hall": {"font": "fontmaki2","code": 59537,"theme": "construction","name": "hall","search": "batiment,institution"},
+  "maki2-triangle": {"font": "fontmaki2","code": 59538,"name": "triangle","search": "triangle","theme": "forme"},
+  "maki2-triangle-stroked": {"font": "fontmaki2","code": 59539,"theme": "forme","name": "stroked","search": "triangle"},
+  "maki2-veterinary": {"font": "fontmaki2","code": 59540,"name": "veterinary","search": "animal,veterinaire,patte,empreinte","theme": "commerce"},
+  "maki2-village": {"font": "fontmaki2","code": 59541,"name": "village","search": "village,maison","theme": "construction"},
+  "maki2-volcano": {"font": "fontmaki2","code": 59542,"name": "volcano","search": "volcan,mont,feu","theme": "paysage"},
+  "maki2-warehouse": {"font": "fontmaki2","code": 59543,"name": "warehouse","search": "gite","theme": "construction"},
+  "maki2-waste-basket": {"font": "fontmaki2","code": 59544,"theme": "service","name": "basket","search": "poubelle,recyclage"},
+  "maki2-watch": {"font": "fontmaki2","code": 59545,"name": "watch","search": "montre,bijouterie,heure","theme": "commerce"},
+  "maki2-water": {"font": "fontmaki2","code": 59546,"name": "water","search": "eau,goutte","theme": "forme"},
+  "maki2-watermill": {"font": "fontmaki2","code": 59547,"name": "watermill","search": "moulin,eau","theme": "construction"},
+  "maki2-wetland": {"font": "fontmaki2","code": 59548,"name": "wetland","search": "humide,riziere,marecage","theme": "paysage"},
+  "maki2-wheelchair": {"font": "fontmaki2","code": 59549,"name": "wheelchair","search": "handicape,roue,fauteuil,sante","theme": "service"},
+  "maki2-windmill": {"font": "fontmaki2","code": 59550,"name": "windmill","search": "moulin,vent","theme": "construction"},
+  "maki2-zoo": {"font": "fontmaki2","code": 59551,"name": "zoo","search": "zoo,girafe,animal","theme": "loisir"}
+});

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/FontMakiDef.js

@@ -0,0 +1,131 @@
+/* Copyright (c) 2014 by Jean-Marc.Viglino [at]ign.fr
+* Dual-licensed under the CeCILL-B Licence (http://www.cecill.info/)
+* and the Beerware license (http://en.wikipedia.org/wiki/Beerware), 
+*
+* Font definiton to use with fontsymbols
+*/
+ol.style.FontSymbol.addDefs ({
+  "font":"fontmaki",
+  "name":"Maki",
+  "copyright":"CC0 - MapBox - https://www.mapbox.com/maki/",
+  "prefix":"maki"
+},
+{	"maki-bicycle": {"font":"fontmaki","code":59392,"name":"bicycle","search":"bicycle"},
+  "maki-building": {"font":"fontmaki","code":59393,"name":"building","search":"building"},
+  "maki-bus": {"font":"fontmaki","code":59394,"name":"bus","search":"bus"},
+  "maki-cafe": {"font":"fontmaki","code":59395,"name":"cafe","search":"cafe"},
+  "maki-camera": {"font":"fontmaki","code":59396,"name":"camera","search":"camera"},
+  "maki-campsite": {"font":"fontmaki","code":59397,"name":"campsite","search":"campsite"},
+  "maki-car": {"font":"fontmaki","code":59398,"name":"car","search":"car"},
+  "maki-cemetery": {"font":"fontmaki","code":59399,"name":"cemetery","search":"cemetery"},
+  "maki-chemist": {"font":"fontmaki","code":59400,"name":"chemist","search":"chemist"},
+  "maki-cinema": {"font":"fontmaki","code":59401,"name":"cinema","search":"cinema"},
+  "maki-circle": {"font":"fontmaki","code":59402,"name":"circle","search":"circle"},
+  "maki-circle_stroked": {"font":"fontmaki","code":59403,"name":"circle_stroked","search":"circle_stroked"},
+  "maki-city": {"font":"fontmaki","code":59404,"name":"city","search":"city"},
+  "maki-clothing_store": {"font":"fontmaki","code":59405,"name":"clothing_store","search":"clothing_store"},
+  "maki-college": {"font":"fontmaki","code":59406,"name":"college","search":"college"},
+  "maki-commercial": {"font":"fontmaki","code":59407,"name":"commercial","search":"commercial"},
+  "maki-cricket": {"font":"fontmaki","code":59408,"name":"cricket","search":"cricket"},
+  "maki-cross": {"font":"fontmaki","code":59409,"name":"cross","search":"cross"},
+  "maki-dam": {"font":"fontmaki","code":59410,"name":"dam","search":"dam"},
+  "maki-danger": {"font":"fontmaki","code":59411,"name":"danger","search":"danger"},
+  "maki-dentist": {"font":"fontmaki","code":59412,"name":"dentist","search":"dentist"},
+  "maki-disability": {"font":"fontmaki","code":59413,"name":"disability","search":"disability"},
+  "maki-dog_park": {"font":"fontmaki","code":59414,"name":"dog_park","search":"dog_park"},
+  "maki-embassy": {"font":"fontmaki","code":59415,"name":"embassy","search":"embassy"},
+  "maki-emergency_telephone": {"font":"fontmaki","code":59416,"name":"emergency_telephone","search":"emergency_telephone"},
+  "maki-entrance": {"font":"fontmaki","code":59417,"name":"entrance","search":"entrance"},
+  "maki-farm": {"font":"fontmaki","code":59418,"name":"farm","search":"farm"},
+  "maki-fast_food": {"font":"fontmaki","code":59419,"name":"fast_food","search":"fast_food"},
+  "maki-ferry": {"font":"fontmaki","code":59420,"name":"ferry","search":"ferry"},
+  "maki-fire_station": {"font":"fontmaki","code":59421,"name":"fire_station","search":"fire_station"},
+  "maki-fuel": {"font":"fontmaki","code":59422,"name":"fuel","search":"fuel"},
+  "maki-garden": {"font":"fontmaki","code":59423,"name":"garden","search":"garden"},
+  "maki-gift": {"font":"fontmaki","code":59424,"name":"gift","search":"gift"},
+  "maki-golf": {"font":"fontmaki","code":59425,"name":"golf","search":"golf"},
+  "maki-grocery": {"font":"fontmaki","code":59426,"name":"grocery","search":"grocery"},
+  "maki-hairdresser": {"font":"fontmaki","code":59427,"name":"hairdresser","search":"hairdresser"},
+  "maki-harbor": {"font":"fontmaki","code":59428,"name":"harbor","search":"harbor"},
+  "maki-heart": {"font":"fontmaki","code":59429,"name":"heart","search":"heart"},
+  "maki-heliport": {"font":"fontmaki","code":59430,"name":"heliport","search":"heliport"},
+  "maki-hospital": {"font":"fontmaki","code":59431,"name":"hospital","search":"hospital"},
+  "maki-ice_cream": {"font":"fontmaki","code":59432,"name":"ice_cream","search":"ice_cream"},
+  "maki-industrial": {"font":"fontmaki","code":59433,"name":"industrial","search":"industrial"},
+  "maki-land_use": {"font":"fontmaki","code":59434,"name":"land_use","search":"land_use"},
+  "maki-laundry": {"font":"fontmaki","code":59435,"name":"laundry","search":"laundry"},
+  "maki-library": {"font":"fontmaki","code":59436,"name":"library","search":"library"},
+  "maki-lighthouse": {"font":"fontmaki","code":59437,"name":"lighthouse","search":"lighthouse"},
+  "maki-lodging": {"font":"fontmaki","code":59438,"name":"lodging","search":"lodging"},
+  "maki-logging": {"font":"fontmaki","code":59439,"name":"logging","search":"logging"},
+  "maki-london_underground": {"font":"fontmaki","code":59440,"name":"london_underground","search":"london_underground"},
+  "maki-marker": {"font":"fontmaki","code":59441,"name":"marker","search":"marker"},
+  "maki-minefield": {"font":"fontmaki","code":59442,"name":"minefield","search":"minefield"},
+  "maki-marker_stroked": {"font":"fontmaki","code":59443,"name":"marker_stroked","search":"marker_stroked"},
+  "maki-mobilephone": {"font":"fontmaki","code":59444,"name":"mobilephone","search":"mobilephone"},
+  "maki-monument": {"font":"fontmaki","code":59445,"name":"monument","search":"monument"},
+  "maki-museum": {"font":"fontmaki","code":59446,"name":"museum","search":"museum"},
+  "maki-music": {"font":"fontmaki","code":59447,"name":"music","search":"music"},
+  "maki-oil_well": {"font":"fontmaki","code":59448,"name":"oil_well","search":"oil_well"},
+  "maki-park": {"font":"fontmaki","code":59449,"name":"park","search":"park"},
+  "maki-park2": {"font":"fontmaki","code":59450,"name":"park2","search":"park2"},
+  "maki-parking": {"font":"fontmaki","code":59451,"name":"parking","search":"parking"},
+  "maki-parking_garage": {"font":"fontmaki","code":59452,"name":"parking_garage","search":"parking_garage"},
+  "maki-pharmacy": {"font":"fontmaki","code":59453,"name":"pharmacy","search":"pharmacy"},
+  "maki-pitch": {"font":"fontmaki","code":59454,"name":"pitch","search":"pitch"},
+  "maki-playground": {"font":"fontmaki","code":59455,"name":"playground","search":"playground"},
+  "maki-police": {"font":"fontmaki","code":59456,"name":"police","search":"police"},
+  "maki-polling_place": {"font":"fontmaki","code":59457,"name":"polling_place","search":"polling_place"},
+  "maki-post": {"font":"fontmaki","code":59458,"name":"post","search":"post"},
+  "maki-prison": {"font":"fontmaki","code":59459,"name":"prison","search":"prison"},
+  "maki-rail": {"font":"fontmaki","code":59460,"name":"rail","search":"rail"},
+  "maki-rail_above": {"font":"fontmaki","code":59461,"name":"rail_above","search":"rail_above"},
+  "maki-rail_light": {"font":"fontmaki","code":59462,"name":"rail_light","search":"rail_light"},
+  "maki-rail_metro": {"font":"fontmaki","code":59463,"name":"rail_metro","search":"rail_metro"},
+  "maki-rail_underground": {"font":"fontmaki","code":59464,"name":"rail_underground","search":"rail_underground"},
+  "maki-religious-christian": {"font":"fontmaki","code":59465,"theme":"religious","name":"christian","search":"religious,christian"},
+  "maki-religious-jewish": {"font":"fontmaki","code":59466,"theme":"religious","name":"jewish","search":"religious,jewish"},
+  "maki-religious-muslim": {"font":"fontmaki","code":59467,"theme":"religious","name":"muslim","search":"religious,muslim"},
+  "maki-religious-place_of_worship": {"font":"fontmaki","code":59468,"theme":"religious","name":"place_of_worship","search":"religious,place_of_worship"},
+  "maki-restaurant": {"font":"fontmaki","code":59469,"name":"restaurant","search":"restaurant"},
+  "maki-roadblock": {"font":"fontmaki","code":59470,"name":"roadblock","search":"roadblock"},
+  "maki-rocket": {"font":"fontmaki","code":59471,"name":"rocket","search":"rocket"},
+  "maki-school": {"font":"fontmaki","code":59472,"name":"school","search":"school"},
+  "maki-scooter": {"font":"fontmaki","code":59473,"name":"scooter","search":"scooter"},
+  "maki-shop": {"font":"fontmaki","code":59474,"name":"shop","search":"shop"},
+  "maki-skiing": {"font":"fontmaki","code":59475,"name":"skiing","search":"skiing"},
+  "maki-slaughterhouse": {"font":"fontmaki","code":59476,"name":"slaughterhouse","search":"slaughterhouse"},
+  "maki-soccer": {"font":"fontmaki","code":59477,"name":"soccer","search":"soccer"},
+  "maki-square": {"font":"fontmaki","code":59478,"name":"square","search":"square"},
+  "maki-square_stroked": {"font":"fontmaki","code":59479,"name":"square_stroked","search":"square_stroked"},
+  "maki-star": {"font":"fontmaki","code":59480,"name":"star","search":"star"},
+  "maki-star_stroked": {"font":"fontmaki","code":59481,"name":"star_stroked","search":"star_stroked"},
+  "maki-suitcase": {"font":"fontmaki","code":59482,"name":"suitcase","search":"suitcase"},
+  "maki-swimming": {"font":"fontmaki","code":59483,"name":"swimming","search":"swimming"},
+  "maki-telephone": {"font":"fontmaki","code":59484,"name":"telephone","search":"telephone"},
+  "maki-tennis": {"font":"fontmaki","code":59485,"name":"tennis","search":"tennis"},
+  "maki-theatre": {"font":"fontmaki","code":59486,"name":"theatre","search":"theatre"},
+  "maki-toilets": {"font":"fontmaki","code":59487,"name":"toilets","search":"toilets"},
+  "maki-town": {"font":"fontmaki","code":59488,"name":"town","search":"town"},
+  "maki-town_hall": {"font":"fontmaki","code":59489,"name":"town_hall","search":"town_hall"},
+  "maki-triangle": {"font":"fontmaki","code":59490,"name":"triangle","search":"triangle"},
+  "maki-triangle_stroked": {"font":"fontmaki","code":59491,"name":"triangle_stroked","search":"triangle_stroked"},
+  "maki-village": {"font":"fontmaki","code":59492,"name":"village","search":"village"},
+  "maki-warehouse": {"font":"fontmaki","code":59493,"name":"warehouse","search":"warehouse"},
+  "maki-waste_basket": {"font":"fontmaki","code":59494,"name":"waste_basket","search":"waste_basket"},
+  "maki-water": {"font":"fontmaki","code":59495,"name":"water","search":"water"},
+  "maki-wetland": {"font":"fontmaki","code":59496,"name":"wetland","search":"wetland"},
+  "maki-zoo": {"font":"fontmaki","code":59497,"name":"zoo","search":"zoo"},
+  "maki-aerialway": {"font":"fontmaki","code":59498,"name":"aerialway","search":"aerialway"},
+  "maki-airfield": {"font":"fontmaki","code":59499,"name":"airfield","search":"airfield"},
+  "maki-airport": {"font":"fontmaki","code":59500,"name":"airport","search":"airport"},
+  "maki-alcohol_shop": {"font":"fontmaki","code":59501,"name":"alcohol_shop","search":"alcohol_shop"},
+  "maki-america_football": {"font":"fontmaki","code":59502,"name":"america_football","search":"america_football"},
+  "maki-art_gallery": {"font":"fontmaki","code":59503,"name":"art_gallery","search":"art_gallery"},
+  "maki-bakery": {"font":"fontmaki","code":59504,"name":"bakery","search":"bakery"},
+  "maki-bank": {"font":"fontmaki","code":59505,"name":"bank","search":"bank"},
+  "maki-bar": {"font":"fontmaki","code":59506,"name":"bar","search":"bar"},
+  "maki-baseball": {"font":"fontmaki","code":59507,"name":"baseball","search":"baseball"},
+  "maki-basketball": {"font":"fontmaki","code":59508,"name":"basketball","search":"basketball"},
+  "maki-beer": {"font":"fontmaki","code":59509,"name":"beer","search":"beer"},
+});

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/IFrameAPI.js

@@ -0,0 +1,107 @@
+/*global ol*/
+if (window.ol && !ol.ext) {
+  ol.ext = {};
+}
+/** IFrame API create an api and wait the target ready
+ * @constructor 
+ * @param {string} targetOrigin, default '*'
+ */
+ol.ext.IFrameAPI = function(targetOrigin) {
+  this.targetOrigin = targetOrigin || '*';
+  this.id = -1;
+  this.properties = {};
+  // Setter api
+  this.setter = {};
+  // Listener api
+  this.listener = {};
+  // Nothing to do there
+  if (window.parent === window) return;
+  // Wait for target ready
+  window.addEventListener('message', function(e) {
+    if (e.data.listener) {
+      if (this.listener[e.data.listener]) {
+        this.listener[e.data.listener].call(e.data.data);
+      }
+    } else {
+      switch (e.data.api) {
+        case 'ready': {
+          this.ready = true;
+          this.id = e.data.id;
+          window.parent.postMessage(e.data, this.targetOrigin);
+          break;
+        }
+        case 'getAPI': {
+          e.data.data = Object.keys(this.setter);
+          e.data.id = this.id;
+          window.parent.postMessage(e.data, this.targetOrigin);
+          break;
+        }
+        default: {
+          if (this.setter[e.data.api]) {
+            var data = this.setter[e.data.api].call(this, e.data.data);
+            if (data !== undefined) {
+              e.data.data = data;
+              e.data.id = this.id;
+              window.parent.postMessage(e.data, this.targetOrigin);
+            }
+          }
+          break;
+        }
+      }
+    }
+  }.bind(this), false);
+  // ready
+  window.parent.postMessage({
+    api: 'ready'
+  }, this.targetOrigin);
+}
+/** Add properties
+ * @param {string} key
+ * @param {*} value
+ */
+ol.ext.IFrameAPI.prototype.set = function(key, value) {
+  this.properties[key] = value;
+};
+/** Get properties
+ * @param {string} key
+ * @return {*}
+ */
+ol.ext.IFrameAPI.prototype.get = function(key) {
+  return this.properties[key];
+};
+/** 
+ * @typedef {Object} TemplateAPI
+ * @property {string} name api name
+ * @property {function} function if return a Transferable it will be send to the iFrame
+ */
+/** Add functions to the API 
+ * @param {Array<TemplateAPI>} list of functions to add to the api
+ */
+ol.ext.IFrameAPI.prototype.setAPI = function(api) {
+  if (/\bready\b|\bgetAPI\b|\bon\b|\bun\b|\baddInput\b/.test(api)) {
+    console.error('Bad API key: '+api);
+  } else {
+    for (var k in api) {
+      this.setter[k] = api[k];
+      window.parent.postMessage({
+        api: 'getAPI',
+        id: this.id,
+        data: [k]
+      }, this.targetOrigin);
+    }
+  }
+};
+/** Post a message to the iframe
+ * @param {string} name api name
+ * @param {Transferable } data object to transfer to the iframe
+ */
+ol.ext.IFrameAPI.prototype.postMessage = function(name, data) {
+  window.parent.postMessage({ 
+    api: name,
+    id: this.id,
+    data: data
+  }, this.targetOrigin);
+};
+ol.ext.IFrameAPI.prototype.addListener = function(name, listener) {
+  this.listener[name] = listener;
+};

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/MapIFrameAPI.js

@@ -0,0 +1,159 @@
+/** IFrame API 
+ * @constructor 
+ * @param {Window} win
+ * @param {number} id
+ * @param {string} targetOrigin
+ * @internal
+ */
+var MapIFrameAPI = function(win, id, targetOrigin) {
+  // IFrame
+  this.win = win;
+  // API id
+  this.id = id;
+  // 
+  this.targetOrigin = targetOrigin;
+  // Callback counter
+  this.counter = 0;
+  // List of function
+  this.fn = {
+    on: function(key, fn) {
+      return this.addIFrameListener(key, fn);
+    }.bind(this),
+    un: function(listener) {
+      return this.removeIFrameListener(listener);
+    }.bind(this),
+    mapInput: function(key, input, value) {
+      if (!(input instanceof Element)) {
+        input = document.getElementById(input);
+      }
+      if (input.tagName==='INPUT') {
+        if (value) input.value = value;
+        // Set change
+        this.addIFrameListener(key, function(data) {
+          input.value = data;
+        }, value);
+        // Get input change
+        input.addEventListener('change', function() {
+          this.call(key, input.value);
+        }.bind(this));
+      }
+    }.bind(this)
+  };
+  // list of listener
+  this.listener = {};
+  // Get API fn
+  window.addEventListener('message', function(e) {
+    if (e.data.id === this.id && e.data.api === 'getAPI') {
+      var name = e.data.data;
+      name.forEach(function(n) {
+        this.fn[n] = function(data, fn) {
+          this.call(n, data, fn);
+        }.bind(this)
+      }.bind(this));
+    }
+  }.bind(this), false);
+};
+/** 
+ * @param {string} key api function
+ * @param {Object|function} data argments or a callback function to get returned Transferable
+ * @param {function} fn callback function to get returned Transferable
+ */
+MapIFrameAPI.prototype.call = function(key, data, fn) {
+  if (typeof(data)==='function') { 
+    fn = data;
+    data = undefined;
+  }
+  if (typeof(fn) === 'function') {
+    var n = this.counter++;
+    var listener = function(e) {
+      if (e.data.id === this.id && e.data.counter === n) {
+        fn.call(this, e.data.data);
+        window.removeEventListener('message', listener);
+      }
+    }.bind(this);
+    window.addEventListener('message', listener, false);
+    this.win.postMessage({
+      api: key,
+      id: this.id,
+      counter: n,
+      data: data
+    }, this.targetOrigin);
+  } else {
+    this.win.postMessage({
+      api: key,
+      id: this.id,
+      data: data
+    }, this.targetOrigin);
+  }
+};
+/** Add iframe listener
+ * @param {string} key event key
+ * @param {function} fn callback function
+ * @return {function} IFrameListener
+ */
+MapIFrameAPI.prototype.addIFrameListener = function(key, fn, data) {
+  var callback = function(e) {
+    if (e.data.id === this.id && e.data.api === key) {
+      fn.call(this, e.data.data);
+    }
+  }.bind(this)
+  window.addEventListener('message', callback, false);
+  if (!this.listener[key]) {
+    this.listener[key] = data;
+  }
+  return callback;
+};
+/** Remove iframe listener
+ * @param {function} listener IFrameListener
+ */
+ MapIFrameAPI.prototype.removeIFrameListener = function(listener) {
+  window.removeEventListener('message', listener, false);
+};
+MapIFrameAPI.prototype.idAPI = 1;
+/** Get API whenready
+ * @param {string|Element} iframe the iframe or the iframe ID
+ * @param {function} ready a function that takes an api as first argument
+ * @param {string} targetOrigin
+ */
+MapIFrameAPI.ready = function(iframe, ready, targetOrigin) {
+  console.log('ready')
+  var idAPI = MapIFrameAPI.prototype.idAPI++;
+  targetOrigin = targetOrigin || '*';
+  var iframeWin;
+  if (typeof(iframe)==='string') {
+    iframeWin = document.getElementById(iframe).contentWindow;
+  } else {
+    iframeWin = iframe.contentWindow;
+  }
+  if (!iframeWin) {
+    console.error('ERROR: Can\'t access iframe content');
+    return;
+  }
+  function onready(e) {
+    if (e.data.api==='ready') {
+      if (!e.data.id)  {
+        iframeWin.postMessage({
+          api: 'ready',
+          id: idAPI
+        }, targetOrigin);
+      } else if (e.data.id===idAPI) {
+        var api = new MapIFrameAPI(iframeWin, idAPI, targetOrigin);
+        window.removeEventListener('message', onready);
+        api.call('getAPI', null,  function() {
+          ready(api.fn);
+          // register listeners
+          for (var k in api.listener) {
+            api.win.postMessage({
+              listener: k,
+              data: api.listener[k]
+            }, targetOrigin);
+          }
+        });
+      }
+    }
+  }
+  window.addEventListener('message', onready, false);
+  iframeWin.postMessage({
+    api: 'ready'
+  }, targetOrigin);
+};

src/main/resources/static/libs/v6.14.1-dist/ol-ext/extra/WSynchro.js

@@ -0,0 +1,68 @@
+//TODO: rewrite WSynchro module and export
+/** WSynchro object to synchronize windows
+*	- windows: array of windows to synchro (
+*	- source: the window source (undefined if first window)
+*/
+if (!window.WSynchro) {
+	var WSynchro = { windows: [] };
+}
+/** Open a new window to synchronize
+*	@param {url|undefined} url to open, default current window url
+*	@param {specs|undefined|null} specs (as for window.open), undefined to open in a new window, null to open in a new tab, default new window
+*/
+WSynchro.open = function (href, specs)
+{	var w = window.open (href || window.location.href, "_blank", typeof(specs)=="undefined"? "location=1,menubar=1,toolbar=1,scrollbars=1" : specs);
+	if (!w.WSynchro) w.WSynchro = { windows: [ window ], source:window };
+	else
+	{	w.WSynchro.windows = [ window ];
+		w.WSynchro.source = window;
+	}
+	this.windows.push(w);
+}
+/**	Trigger function 
+*	@param {synchronize} 
+*	@param {function} synchronize function
+*/
+WSynchro.on = function (e, syncFn)
+{	if (!this.syncFn_) this.syncFn_ = [];
+	if (e==='synchronize') this.syncFn_.push(syncFn);
+}
+/**	Synchronize windows
+*	@param {Object|undefined} if undefined stop synchro (when the window is synchronize)
+*/
+WSynchro.synchronize = function(params)
+{	this.synchronize_ (params);
+}
+/**	Synchronize windows: 
+*	@param {Array} array of arguments to use with fn
+*	@param {} internal syncrho time to avoid stnchro loops
+*	@private
+*/
+WSynchro.synchronize_ = function(args, sync) {
+	var i;
+	// Stop condition 
+	if (!sync) 
+	{	if (this.synchronizing) sync = this.sync;
+		else this.sync = sync = (new Date()).getTime();
+		this.synchronizing = false;
+	}
+	else 
+	{	// Don't synchronize twice
+		if (sync == this.sync) return;
+		this.sync = sync;
+		this.synchronizing = true;
+		try
+		{	if (WSynchro.syncFn_)
+			{	args.type = "synchronize";
+				for (i=0; i<WSynchro.syncFn_.length; i++) 
+				{	WSynchro.syncFn_[i].apply (null, [args]);
+				}
+			}
+		} catch(e) { /* */ }
+	}
+	if (args) for (i=0; i<this.windows.length; i++)
+	{	try
+		{	this.windows[i].WSynchro.synchronize_(args, sync); 
+		} catch(e) { /* */ }
+	}
+}

src/main/resources/static/libs/v6.14.1-dist/ol-ext/ol-ext.css

@@ -0,0 +1,6611 @@
+.ol-control i {
+  cursor: default;
+}
+
+/* Bar style */
+.ol-control.ol-bar {
+  left: 50%;
+  min-height: 1em;
+  min-width: 1em;
+  position: absolute;
+  top: 0.5em;
+  transform: translate(-50%,0);
+  -webkit-transform: translate(-50%,0);
+  white-space: nowrap;
+}
+
+/* Hide subbar when not inserted in a parent bar */
+.ol-control.ol-toggle .ol-option-bar {
+  display: none;
+}
+
+/* Default position for controls */
+.ol-control.ol-bar .ol-bar {
+  position: static;
+}
+.ol-control.ol-bar .ol-control {
+  position: relative;
+  top: auto;
+  left:auto;
+  right:auto;
+  bottom: auto;
+  display: inline-block;
+  vertical-align: middle;
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+  transform: none;
+  -webkit-transform: none;
+}
+.ol-control.ol-bar .ol-bar {
+  position: static;
+}
+.ol-control.ol-bar .ol-control button {
+  margin:2px 1px;
+  outline: none;
+}
+
+/* Positionning */
+.ol-control.ol-bar.ol-left {
+  left: 0.5em;
+  top: 50%;
+  -webkit-transform: translate(0px, -50%);
+          transform: translate(0px, -50%);
+}
+.ol-control.ol-bar.ol-left .ol-control {
+  display: block;
+}
+
+.ol-control.ol-bar.ol-right {
+  left: auto;
+  right: 0.5em;
+  top: 50%;
+  -webkit-transform: translate(0px, -50%);
+          transform: translate(0px, -50%);
+}
+.ol-control.ol-bar.ol-right .ol-control {
+  display: block;
+}
+
+.ol-control.ol-bar.ol-bottom {
+  top: auto;
+  bottom: 0.5em;
+}
+
+.ol-control.ol-bar.ol-top.ol-left,
+.ol-control.ol-bar.ol-top.ol-right {
+  top: 4.5em;
+  -webkit-transform:none;
+          transform:none;
+}
+.ol-touch .ol-control.ol-bar.ol-top.ol-left,
+.ol-touch .ol-control.ol-bar.ol-top.ol-right {
+  top: 5.5em;
+}
+.ol-control.ol-bar.ol-bottom.ol-left,
+.ol-control.ol-bar.ol-bottom.ol-right {
+  top: auto;
+  bottom: 0.5em;
+  -webkit-transform:none;
+          transform:none;
+}
+
+/* Group buttons */
+.ol-control.ol-bar.ol-group {
+  margin: 1px 1px 1px 0;
+}
+.ol-control.ol-bar.ol-right .ol-group,
+.ol-control.ol-bar.ol-left .ol-group {
+  margin: 1px 1px 0 1px;
+}
+
+.ol-control.ol-bar.ol-group button {
+  border-radius:0;
+  margin: 0 0 0 1px;
+}
+.ol-control.ol-bar.ol-right.ol-group button,
+.ol-control.ol-bar.ol-left.ol-group button,
+.ol-control.ol-bar.ol-right .ol-group button,
+.ol-control.ol-bar.ol-left .ol-group button {
+  margin: 0 0 1px 0;
+}
+.ol-control.ol-bar.ol-group .ol-control:first-child > button {
+  border-radius: 5px 0 0 5px;
+}
+.ol-control.ol-bar.ol-group .ol-control:last-child > button {
+  border-radius: 0 5px 5px 0;
+}
+.ol-control.ol-bar.ol-left.ol-group .ol-control:first-child > button,
+.ol-control.ol-bar.ol-right.ol-group .ol-control:first-child > button,
+.ol-control.ol-bar.ol-left .ol-group .ol-control:first-child > button,
+.ol-control.ol-bar.ol-right .ol-group .ol-control:first-child > button {
+  border-radius: 5px 5px 0 0;
+}
+.ol-control.ol-bar.ol-left.ol-group .ol-control:last-child > button,
+.ol-control.ol-bar.ol-right.ol-group .ol-control:last-child > button,
+.ol-control.ol-bar.ol-left .ol-group .ol-control:last-child > button,
+.ol-control.ol-bar.ol-right .ol-group .ol-control:last-child > button {
+  border-radius: 0 0 5px 5px;
+}
+
+/* */
+.ol-control.ol-bar .ol-rotate {
+  opacity:1;
+  visibility: visible;
+}
+.ol-control.ol-bar .ol-rotate button {
+  display: block
+}
+
+/* Active buttons */
+.ol-control.ol-bar .ol-toggle.ol-active > button {
+  background-color: rgba(60, 136, 0, 0.7)
+}
+.ol-control.ol-bar .ol-toggle.ol-active button:hover {
+  background-color: rgba(60, 136, 0, 0.7)
+}
+.ol-control.ol-toggle button:disabled {
+  background-color: rgba(0,60,136,.3);
+}
+
+/* Subbar toolbar */
+.ol-control.ol-bar .ol-control.ol-option-bar {
+  display: none;
+  position:absolute;
+  top:100%;
+  left:0;
+  margin: 5px 0;
+  border-radius: 0;
+  background-color: rgba(255,255,255, 0.8);
+  /* border: 1px solid rgba(0, 60, 136, 0.5); */
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.ol-control.ol-bar .ol-option-bar:before {
+  content: "";
+  border: 0.5em solid transparent;
+  border-color: transparent transparent rgba(0, 60, 136, 0.5);
+  position: absolute;
+  bottom: 100%;
+  left: 0.3em;
+}
+
+.ol-control.ol-bar .ol-option-bar .ol-control {
+  display: table-cell;
+}
+.ol-control.ol-bar .ol-control .ol-bar
+{	display: none;
+}
+.ol-control.ol-bar .ol-control.ol-active > .ol-option-bar {
+  display: block;
+}
+
+.ol-control.ol-bar .ol-control.ol-collapsed ul {
+  display: none;
+}
+
+.ol-control.ol-bar .ol-control.ol-text-button > div:hover,
+.ol-control.ol-bar .ol-control.ol-text-button > div {
+  background-color: transparent;
+  color: rgba(0, 60, 136, 0.5);
+  width: auto;
+  min-width: 1.375em;
+  margin: 0;
+}
+
+.ol-control.ol-bar .ol-control.ol-text-button {
+  font-size:0.9em;
+  border-left: 1px solid rgba(0, 60, 136, 0.8);
+  border-radius: 0;
+}
+.ol-control.ol-bar .ol-control.ol-text-button:first-child {
+  border-left:0;
+}
+.ol-control.ol-bar .ol-control.ol-text-button > div {
+  padding: .11em 0.3em;
+  font-weight: normal;
+  font-size: 1.14em;
+  font-family: Arial,Helvetica,sans-serif;
+}
+.ol-control.ol-bar .ol-control.ol-text-button div:hover {
+  color: rgba(0, 60, 136, 1);
+}
+
+.ol-control.ol-bar.ol-bottom .ol-option-bar {
+  top: auto;
+  bottom: 100%;
+}
+.ol-control.ol-bar.ol-bottom .ol-option-bar:before {
+  border-color: rgba(0, 60, 136, 0.5) transparent transparent ;
+  bottom: auto;
+  top: 100%;
+}
+
+.ol-control.ol-bar.ol-left .ol-option-bar {
+  left:100%;
+  top: 0;
+  bottom: auto;
+  margin: 0 5px;
+}
+.ol-control.ol-bar.ol-left .ol-option-bar:before {
+  border-color: transparent rgba(0, 60, 136, 0.5) transparent transparent;
+  bottom: auto;
+  right: 100%;
+  left: auto;
+  top: 0.3em;
+}
+.ol-control.ol-bar.ol-right .ol-option-bar {
+  right:100%;
+  left:auto;
+  top: 0;
+  bottom: auto;
+  margin: 0 5px;
+}
+.ol-control.ol-bar.ol-right .ol-option-bar:before {
+  border-color: transparent transparent transparent rgba(0, 60, 136, 0.5);
+  bottom: auto;
+  left: 100%;
+  top: 0.3em;
+}
+
+.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar,
+.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
+  top: 100%;
+  bottom: auto;
+  left: 0.3em;
+  right: auto;
+  margin: 5px 0;
+}
+.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
+  right: 0.3em;
+  left: auto;
+}
+.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar:before,
+.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
+  border-color: transparent transparent rgba(0, 60, 136, 0.5);
+  bottom: 100%;
+  top: auto;
+  left: 0.3em;
+  right: auto;
+}
+.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
+  right: 0.3em;
+  left: auto;
+}
+
+.ol-control-title {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.ol-center-position {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  background-color: rgba(255,255,255,.8);
+  padding: .1em 1em;
+}
+
+.ol-compassctrl {
+  display: none;
+  top: 1em;
+  left: auto;
+  right: 1em;
+}
+.ol-compassctrl.ol-visible {
+  display: block!important;
+}
+.ol-ext-dialog {
+  position: fixed;
+  top: -100%;
+  left: 0;
+  width: 150%;
+  height: 100%;
+  opacity: 0;
+  background-color: rgba(0,0,0,.5);
+  z-index: 1000;
+  pointer-events: none!important;
+  -webkit-transition: opacity .2s, top 0s .2s;
+  transition: opacity .2s, top 0s .2s;
+}
+.ol-ext-dialog.ol-visible {
+  opacity: 1;
+  top: 0;
+  pointer-events: all!important;
+  -webkit-transition: opacity .2s, top 0s;
+  transition: opacity .2s, top 0s;
+}
+
+.ol-viewport .ol-ext-dialog {
+  position: absolute;
+}
+.ol-ext-dialog > form > h2 {
+  margin: 0 .5em .5em 0;
+  display: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ol-ext-dialog > form.ol-title > h2 {
+  display: block;
+}
+.ol-ext-dialog > form {
+  position: absolute;
+  top: 0;
+  left: 33.33%;
+  min-width: 5em;
+  max-width: 60%;
+  min-height: 3em;
+  max-height: 100%;
+  background-color: #fff;
+  border: 1px solid #333;
+  -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.5);
+          box-shadow: 3px 3px 4px rgba(0,0,0, 0.5);
+  -webkit-transform: translate(-50%, -30%);
+          transform: translate(-50%, -30%);
+  -webkit-transition: top .2s, -webkit-transform .2s;
+  transition: top .2s, -webkit-transform .2s;
+  transition: top .2s, transform .2s;
+  transition: top .2s, transform .2s, -webkit-transform .2s;
+  padding: 1em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.ol-ext-dialog > form.ol-closebox {
+  padding-top: 1.5em;
+}
+.ol-ext-dialog > form.ol-title {
+  padding-top: 1em;
+}
+.ol-ext-dialog > form.ol-button {
+  padding-bottom: .5em;
+}
+
+.ol-ext-dialog.ol-zoom > form {
+  top: 30%;
+  -webkit-transform: translate(-50%, -30%) scale(0);
+          transform: translate(-50%, -30%) scale(0);
+}
+.ol-ext-dialog.ol-visible > form {
+  top: 30%;
+}
+.ol-ext-dialog.ol-zoom.ol-visible > form {
+  -webkit-transform: translate(-50%, -30%) scale(1);
+          transform: translate(-50%, -30%) scale(1);
+}
+
+.ol-ext-dialog > form .ol-content {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.ol-ext-dialog > form .ol-closebox {
+  position: absolute;
+  top: .5em;
+  right: .5em;
+  width: 1em;
+  height: 1em;
+  cursor: pointer;
+  display: none;
+}
+.ol-ext-dialog > form.ol-closebox .ol-closebox {
+  display: block;
+}
+.ol-ext-dialog > form .ol-closebox:before,
+.ol-ext-dialog > form .ol-closebox:after {
+  content: "";
+  position: absolute;
+  background-color: currentColor;
+  top: 50%;
+  left: 50%;
+  width: 1em;
+  height: .1em;
+  border-radius: .1em;
+  -webkit-transform: translate(-50%, -50%) rotate(45deg);
+          transform: translate(-50%, -50%) rotate(45deg);
+}
+.ol-ext-dialog > form .ol-closebox:before {
+  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ol-ext-dialog > form .ol-buttons {
+  text-align: right;
+  overflow-x: hidden;
+}
+.ol-ext-dialog > form .ol-buttons input {
+  margin-top: .5em;
+  padding: .5em;
+  background: none;
+  border: 0;
+  font-size: 1em;
+  color: rgba(0,60,136,1);
+  cursor: pointer;
+  border-radius: .25em;
+  outline-width: 0;
+}
+.ol-ext-dialog > form .ol-buttons input:hover {
+  background-color:  rgba(0,60,136,.1);
+}
+.ol-ext-dialog > form .ol-buttons input[type=submit] {
+  font-weight: bold;
+}
+
+.ol-ext-dialog .ol-progress-message {
+  font-size: .9em;
+  text-align: center;
+  padding-bottom: .5em;
+}
+.ol-ext-dialog .ol-progress-bar {
+  border: 1px solid #369;
+  width: 20em;
+  height: 1em;
+  max-width: 100%;
+  padding: 2px;
+  margin: .5em auto 0;
+  overflow: hidden;
+}
+.ol-ext-dialog .ol-progress-bar > div {
+  background: #369;
+  height: 100%;
+  width: 50%;
+  -webkit-transition: width .3s;
+  transition: width .3s;
+}
+.ol-ext-dialog .ol-progress-bar > div.notransition {
+  -webkit-transition: unset;
+  transition: unset;
+}
+
+/* full screen */
+.ol-ext-dialog.ol-fullscreen-dialog form {
+  top: 1em;
+  -webkit-transform: none;
+          transform: none;
+  left: 1em;
+  bottom: 1em;
+  right: 1em;
+  max-width: calc(66.6% - 2em);
+  text-align: center;
+  background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: none;
+  color: #fff;
+}
+.ol-ext-dialog.ol-fullscreen-dialog form .ol-closebox {
+  top: 0;
+  right: 0;
+  font-size: 2em;
+}
+.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:before,
+.ol-ext-dialog.ol-fullscreen-dialog .ol-closebox:after {
+  border: .1em solid currentColor;
+}
+.ol-ext-dialog.ol-fullscreen-dialog img,
+.ol-ext-dialog.ol-fullscreen-dialog video {
+  max-width: 100%;
+}
+
+/* Fullscreen dialog */
+body > .ol-ext-dialog .ol-content {
+  max-height: calc(100vh - 10em);
+}
+
+body > .ol-ext-dialog > form {
+  overflow: visible;
+}
+.ol-editbar .ol-button button {
+  position: relative;
+  display: inline-block;
+  font-style: normal;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  vertical-align: middle;
+}
+.ol-editbar .ol-button button:before, 
+.ol-editbar .ol-button button:after {
+  content: "";
+  border-width: 0;
+  position: absolute;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  background-color: currentColor;
+}
+.ol-editbar .ol-button button:focus {
+  outline: none;
+}
+
+.ol-editbar .ol-selection > button:before {
+  width: .6em;
+  height: 1em;
+  background-color: transparent;
+  border: .5em solid currentColor;
+  border-width: 0 .25em .65em;
+  border-color: currentColor transparent;
+  -webkit-box-shadow:0 0.6em 0 -0.23em;
+          box-shadow:0 0.6em 0 -0.23em;
+  top: .35em;
+  left: .5em;
+  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
+          transform: translate(-50%, -50%) rotate(-30deg);
+}
+.ol-editbar .ol-selection0 > button:after {
+  width: .28em;
+  height: .6em;
+  background-color: transparent;
+  border: .5em solid currentColor;
+  border-width: 0 .05em .7em;
+  border-color: currentColor transparent;
+  top: .5em;
+  left: .7em;
+  -webkit-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+}
+
+.ol-editbar .ol-delete button:after,
+.ol-editbar .ol-delete button:before {
+  width: 1em;
+  height: .2em;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(45deg);
+          transform: translate(-50%, -50%) rotate(45deg);
+}
+.ol-editbar .ol-delete button:after {
+  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ol-editbar .ol-info button:before {
+  width: .25em;
+  height: .6em;
+  border-radius: .03em;
+  top: .47em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ol-editbar .ol-info button:after {
+  width: .25em;
+  height: .2em;
+  border-radius: .03em;
+  -webkit-box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em;
+          box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em;
+  top: .12em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+
+.ol-editbar .ol-drawpoint button:before {
+  width: .7em;
+  height: .7em;
+  border-radius: 50%;
+  border: .15em solid currentColor;
+  background-color: transparent;
+  top: .2em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ol-editbar .ol-drawpoint button:after {
+  width: .4em;
+  height: .4em;
+  border: .15em solid currentColor;
+  border-color: currentColor transparent;
+  border-width: .4em .2em 0;
+  background-color: transparent;
+  top: .8em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+
+.ol-editbar .ol-drawline > button:before,
+.ol-editbar .ol-drawpolygon > button:before,
+.ol-editbar .ol-drawhole > button:before {
+  width: .8em;
+  height: .8em;
+  border: .13em solid currentColor;
+  background-color: transparent;
+  border-width: .2em .13em .09em;
+  top: .2em;
+  left: .25em;
+  -webkit-transform: rotate(10deg) perspective(1em) rotateX(40deg);
+          transform: rotate(10deg) perspective(1em) rotateX(40deg);
+}
+.ol-editbar .ol-drawline > button:before {
+  border-bottom: 0;
+}
+.ol-editbar .ol-drawline > button:after,
+.ol-editbar .ol-drawhole > button:after,
+.ol-editbar .ol-drawpolygon > button:after {
+  width: .3em;
+  height: .3em;
+  top: 0.2em;
+  left: .25em;
+  -webkit-box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em;
+          box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em;
+}
+.ol-editbar .ol-drawhole > button:after {
+  -webkit-box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em;
+          box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em;
+}
+
+
+.ol-editbar .ol-offset > button i,
+.ol-editbar .ol-transform > button i {
+  position: absolute;
+  width: .9em;
+  height: .9em;
+  overflow: hidden;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-editbar .ol-offset > button i{
+  width: .8em;
+  height: .8em;
+}
+
+.ol-editbar .ol-offset > button i:before,
+.ol-editbar .ol-transform > button i:before,
+.ol-editbar .ol-transform > button i:after {
+  content: "";
+  height: 1em;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(45deg);
+          transform: translate(-50%, -50%) rotate(45deg);
+  -webkit-box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em;
+          box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em;
+  width: .1em;
+  position: absolute;
+  background-color: currentColor;
+}
+.ol-editbar .ol-offset > button i:before{
+  -webkit-box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em;
+          box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em;
+}
+.ol-editbar .ol-transform > button i:after {
+  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ol-editbar .ol-split > button:before {
+  width: .3em;
+  height: .3em;
+  top: .81em;
+  left: .75em;
+  border-radius: 50%;
+  -webkit-box-shadow: 0.1em -0.4em, -0.15em -0.25em;
+          box-shadow: 0.1em -0.4em, -0.15em -0.25em;
+}
+.ol-editbar .ol-split > button:after {
+  width: .8em;
+  height: .8em;
+  top: .15em;
+  left: -.1em;
+  border: .1em solid currentColor;
+  border-width: 0 .2em .2em 0;
+  background-color: transparent;
+  border-radius: .1em;
+  -webkit-transform: rotate(20deg) scaleY(.6) rotate(-45deg);
+          transform: rotate(20deg) scaleY(.6) rotate(-45deg);
+}
+
+.ol-editbar .ol-drawregular > button:before {
+  width: .9em;
+  height: .9em;
+  top: 50%;
+  left: 50%;
+  border: .1em solid currentColor;
+  background-color: transparent;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div {
+  border: .5em solid currentColor;
+  border-color: transparent currentColor;
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: text-bottom;
+}
+.ol-editbar .ol-drawregular .ol-bar:before,
+.ol-control.ol-bar.ol-editbar .ol-drawregular .ol-bar {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ol-editbar .ol-drawregular .ol-bar .ol-text-button {
+  min-width: 6em;
+  text-align: center;
+}
+.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child {
+  border-width: .5em .5em .5em 0;
+  margin: 0 .5em 0 0;
+}
+.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child {
+  border-width: .5em 0 .5em .5em;
+  margin: 0 0 0 .5em;
+}
+
+.ol-gauge {
+  top: 0.5em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+}
+
+.ol-gauge > * {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ol-gauge > span {
+  margin: 0 0.5em;
+}
+.ol-gauge > div {
+  display: inline-block;
+  width: 200px;
+  border: 1px solid rgba(0,60,136,.5);
+  border-radius: 3px;
+  padding:1px;
+}
+.ol-gauge button {
+  height: 0.8em;
+  margin:0;
+  max-width:100%;
+}
+
+.ol-control.ol-bookmark 
+{	top: 0.5em;
+	left: 3em;
+}
+.ol-control.ol-bookmark button
+{	position: relative;
+}
+.ol-control.ol-bookmark > button::before
+{	content: "";
+	position: absolute;
+	border-width: 10px 5px 4px;
+	border-style: solid;
+	border-color: #fff;
+	border-bottom-color: transparent;
+	top: 50%;
+	left: 50%;
+	-webkit-transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%);
+	height: 0;
+}
+
+.ol-control.ol-bookmark > div
+{	display: none;
+	min-width: 5em;
+}
+.ol-control.ol-bookmark input
+{	font-size: 0.9em;
+	margin: 0.1em 0 ;
+	padding: 0 0.5em;
+}
+.ol-control.ol-bookmark ul
+{	margin:0;
+	padding: 0;
+	list-style: none;
+	min-width: 10em;
+}
+.ol-control.ol-bookmark li
+{	color: rgba(0,60,136,0.8);
+	font-size: 0.9em;
+	padding: 0 0.2em 0 0.5em;
+	cursor: default;
+	clear:both;
+}
+
+.ol-control.ol-bookmark li:hover
+{	background-color: rgba(0,60,136,.5);
+	color: #fff;
+}
+
+.ol-control.ol-bookmark > div button
+{	width: 1em;
+	height: 0.8em;
+	float: right;
+	background-color: transparent;
+	cursor: pointer;
+	border-radius: 0;
+}
+.ol-control.ol-bookmark > div button:before
+{	content: "\2A2F";
+    color: #936;
+	font-size: 1.2em;
+	line-height: 1em;
+	border-radius: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+
+.ol-bookmark ul li button,
+.ol-bookmark input
+{	display: none;
+}
+.ol-bookmark.ol-editable ul li button,
+.ol-bookmark.ol-editable input
+{	display: block;
+}
+
+
+.ol-control.ol-geobt {
+  top: auto;
+  left: auto;
+  right: .5em;
+  bottom: 3em;
+}
+.ol-touch .ol-control.ol-geobt {
+  bottom: 3.5em;
+}
+.ol-control.ol-geobt button:before {
+  content: "";
+  position: absolute;
+  background: transparent;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  border: .16em solid currentColor;
+  width: .4em;
+  height: .4em;
+  border-radius: 50%;
+}
+.ol-control.ol-geobt button:after {
+  content: "";
+  position: absolute;
+  width: .2em;
+  height: .2em;
+  background: transparent;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  -webkit-box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
+          box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
+}
+
+.ol-control.ol-bar.ol-geobar .ol-control {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.ol-control.ol-bar.ol-geobar .ol-bar {
+  display: none;
+}
+.ol-bar.ol-geobar.ol-active .ol-bar {
+  display: inline-block;
+}
+
+.ol-bar.ol-geobar .geolocBt button:before,
+.ol-bar.ol-geobar .geolocBt button:after {
+  content: "";
+  display: block;
+  position: absolute;
+  border: 1px solid transparent;
+  border-width: 0.3em 0.8em 0 0.2em;
+  border-color: #fff transparent transparent;
+  -webkit-transform: rotate(-30deg);
+  transform: rotate(-30deg);
+  top: .45em;
+  left: 0.15em;
+  font-size: 1.2em;
+}
+.ol-bar.ol-geobar .geolocBt button:after {
+  border-width: 0 0.8em .3em 0.2em;
+  border-color: transparent transparent #fff;
+	-webkit-transform: rotate(-61deg);
+	transform: rotate(-61deg);
+}
+
+.ol-bar.ol-geobar .startBt button:before {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 1em;
+  height: 1em;
+  background-color: #800;
+  border-radius: 50%;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+.ol-bar.ol-geobar .pauseBt button:before,
+.ol-bar.ol-geobar .pauseBt button:after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: .25em;
+  height: 1em;
+  background-color: #fff;
+  top: 50%;
+  left: 35%;
+  -webkit-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
+}
+.ol-bar.ol-geobar .pauseBt button:after {
+  left: 65%;
+}
+
+.ol-control.ol-bar.ol-geobar .centerBt,
+.ol-control.ol-bar.ol-geobar .pauseBt,
+.ol-bar.ol-geobar.pauseTrack .startBt,
+.ol-bar.ol-geobar.centerTrack .startBt,
+.ol-bar.ol-geobar.centerTrack.pauseTrack .pauseBt,
+.ol-bar.ol-geobar.centerTrack .pauseBt {
+  display: none;
+}
+.ol-bar.ol-geobar.pauseTrack .pauseBt,
+.ol-bar.ol-geobar.centerTrack .centerBt{
+  display: inline-block;
+}
+
+.ol-control.ol-globe
+{	position: absolute;
+	left: 0.5em;
+	bottom: 0.5em;
+	border-radius: 50%;
+	opacity: 0.7;
+	transform: scale(0.5);
+	transform-origin: 0 100%;
+	-webkit-transform: scale(0.5);
+	-webkit-transform-origin: 0 100%;
+}
+.ol-control.ol-globe:hover
+{	opacity: 0.9;
+}
+
+.ol-control.ol-globe .panel
+{	display:block;
+	width:170px;
+	height:170px;
+	background-color:#fff;
+	cursor: pointer;
+	border-radius: 50%;
+	overflow: hidden;
+	-webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
+	        box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
+}
+.ol-control.ol-globe .panel .ol-viewport
+{	border-radius: 50%;
+}
+
+.ol-control.ol-globe .ol-pointer
+{	display: block;
+	background-color: #fff;
+	width:10px;
+	height: 10px;
+	border:10px solid red;
+	position: absolute;
+	top: 50%;
+	left:50%;
+	transform: translate(-15px, -40px);
+	-webkit-transform: translate(-15px, -40px);
+	border-radius: 50%;
+	z-index:1;
+	transition: opacity 0.15s, top 0s, left 0s;
+	-webkit-transition: opacity 0.15s, top 0s, left 0s;
+}
+.ol-control.ol-globe .ol-pointer.hidden
+{	opacity:0;
+	transition: opacity 0.15s, top 3s, left 5s;
+	-webkit-transition: opacity 0.15s, top 3s, left 5s;
+}
+
+.ol-control.ol-globe .ol-pointer::before
+{	border-radius: 50%;
+	-webkit-box-shadow: 6px 6px 10px 5px #000;
+	        box-shadow: 6px 6px 10px 5px #000;
+	content: "";
+	display: block;
+	height: 0;
+	left: 0;
+	position: absolute;
+	top: 23px;
+	width: 0;
+}
+.ol-control.ol-globe .ol-pointer::after
+{	content:"";
+	width:0;
+	height:0;
+	display: block;
+	position: absolute;
+	border-width: 20px 10px 0;
+	border-color: red transparent;
+	border-style: solid;
+	left: -50%;
+	top: 100%;
+}
+
+.ol-control.ol-globe .panel::before {
+  border-radius: 50%;
+  -webkit-box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset;
+          box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset;
+  content: "";
+  display: block;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+.ol-control.ol-globe .panel::after {
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
+          box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
+  content: "";
+  display: block;
+  height: 0;
+  left: 23%;
+  position: absolute;
+  top: 20%;
+  -webkit-transform: rotate(-40deg);
+          transform: rotate(-40deg);
+  width: 20%;
+  z-index: 1;
+}
+
+
+.ol-control.ol-globe.ol-collapsed .panel
+{	display:none;
+}
+
+.ol-control-top.ol-globe
+{	bottom: auto;
+	top: 5em;
+	transform-origin: 0 0;
+	-webkit-transform-origin: 0 0;
+}
+.ol-control-right.ol-globe
+{	left: auto;
+	right: 0.5em;
+	transform-origin: 100% 100%;
+	-webkit-transform-origin: 100% 100%;
+}
+.ol-control-right.ol-control-top.ol-globe
+{	left: auto;
+	right: 0.5em;
+	transform-origin: 100% 0;
+	-webkit-transform-origin: 100% 0;
+}
+
+.ol-gridreference
+{	background: #fff;
+	border: 1px solid #000;
+	overflow: auto;
+	max-height: 100%;
+	top:0;
+	right:0;
+}
+.ol-gridreference input
+{	width:100%;
+}
+.ol-gridreference ul
+{	margin:0;
+	padding:0;
+	list-style: none;
+} 
+.ol-gridreference li
+{	padding: 0 0.5em;
+	cursor: pointer;
+}
+.ol-gridreference ul li:hover 
+{	background-color: #ccc;
+}
+.ol-gridreference li.ol-title,
+.ol-gridreference li.ol-title:hover
+{	background:rgba(0,60,136,.5);
+	color:#fff;
+	cursor:default;
+}
+.ol-gridreference ul li .ol-ref
+{	margin-left: 0.5em;
+}
+.ol-gridreference ul li .ol-ref:before
+{	content:"(";
+}
+.ol-gridreference ul li .ol-ref:after
+{	content:")";
+}
+
+.ol-control.ol-imageline {
+  bottom:0;
+  left: 0;
+  right: 0;
+  padding: 0;
+  overflow: visible;
+  -webkit-transition: .3s;
+  transition: .3s;
+  border-radius: 0;
+}
+.ol-control.ol-imageline.ol-collapsed {
+  -webkit-transform: translateY(100%);
+          transform: translateY(100%);
+}
+.ol-imageline > div {
+  height: 4em;
+  position: relative;
+  white-space: nowrap;
+  scroll-behavior: smooth;
+  overflow: hidden;
+  width: 100%;
+}
+.ol-imageline > div.ol-move {
+  scroll-behavior: unset;
+}
+
+.ol-control.ol-imageline button {
+  position: absolute;
+  top: -1em;
+  -webkit-transform: translateY(-100%);
+          transform: translateY(-100%);
+  margin: .65em;
+  -webkit-box-shadow: 0 0 0 0.15em rgba(255,255,255,.4);
+          box-shadow: 0 0 0 0.15em rgba(255,255,255,.4);
+}
+.ol-control.ol-imageline button:before {
+  content: '';
+  position: absolute;
+  -webkit-transform: translate(-50%, -50%) rotate(135deg);
+          transform: translate(-50%, -50%) rotate(135deg);
+  top: 40%;
+  left: 50%;
+  width: .4em;
+  height: .4em;
+  border: .1em solid currentColor;
+  border-width: .15em .15em 0 0;
+}
+.ol-control.ol-imageline.ol-collapsed button:before {
+  top: 60%;
+  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ol-imageline,
+.ol-imageline:hover {
+  background-color: rgba(0,0,0,.75);
+}
+
+.ol-imageline.ol-arrow:after,
+.ol-imageline.ol-arrow:before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: .2em;
+  border-color: #fff #000;
+  border-width: 1em .6em 1em 0;
+  border-style: solid;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  z-index: 1;
+  opacity: .8;
+  pointer-events: none;
+  -webkit-box-shadow: -0.6em 0 0 1em #fff;
+          box-shadow: -0.6em 0 0 1em #fff;
+}
+.ol-imageline.ol-arrow:after {
+  border-width: 1em 0 1em .6em;
+  left: auto;
+  right: .2em;
+  -webkit-box-shadow: 0.6em 0 0 1em #fff;
+          box-shadow: 0.6em 0 0 1em #fff;
+}
+.ol-imageline.ol-scroll0.ol-arrow:before {
+  display: none;
+}
+.ol-imageline.ol-scroll1.ol-arrow:after {
+  display: none;
+}
+
+
+.ol-imageline .ol-image {
+  position: relative;
+  height: 100%;
+  display: inline-block;
+  cursor: pointer;
+}
+.ol-imageline img {
+  max-height: 100%;
+  border: .25em solid transparent;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  opacity: 0;
+  -webkit-transition: 1s;
+  transition: 1s;
+}
+.ol-imageline img.ol-loaded {
+  opacity:1;
+}
+
+.ol-imageline .ol-image.select {
+  background-color: #fff;
+}
+.ol-imageline .ol-image span {
+  position: absolute;
+  width: 125%;
+  max-height: 2.4em;
+  left: 50%;
+  bottom: 0;
+  display: none;
+  color: #fff;
+  background-color: rgba(0,0,0,.5);
+  font-size: .8em;
+  overflow: hidden;
+  white-space: normal;
+  text-align: center;
+  line-height: 1.2em;
+  -webkit-transform: translateX(-50%) scaleX(.8);
+          transform: translateX(-50%) scaleX(.8);
+}
+/*
+.ol-imageline .ol-image.select span,
+*/
+.ol-imageline .ol-image:hover span {
+  display: block;
+}
+
+.ol-control.ol-routing.ol-isochrone .ol-method-time,
+.ol-control.ol-routing.ol-isochrone .ol-method-distance,
+.ol-control.ol-routing.ol-isochrone > button {
+  position: relative;
+}
+.ol-control.ol-routing.ol-isochrone .ol-method-time:before,
+.ol-control.ol-routing.ol-isochrone > button:before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  border: .1em solid currentColor;
+  width: .8em;
+  height: .8em;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em;
+          box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em;
+  clip: unset;
+}
+.ol-control.ol-routing.ol-isochrone .ol-method-time:after,
+.ol-control.ol-routing.ol-isochrone > button:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(-60deg);
+          transform: translate(-50%, -50%) rotate(-60deg);
+  border-radius: 50%;
+  border: .3em solid transparent;
+  border-right-color: currentColor;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  clip: unset;
+}
+
+.ol-control.ol-routing.ol-isochrone .ol-method-distance:before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
+          transform: translate(-50%, -50%) rotate(-30deg);
+  width: 1em;
+  height: .5em;
+  border: .1em solid currentColor;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box
+}
+.ol-control.ol-routing.ol-isochrone .ol-method-distance:after {
+  content: '';
+  position: absolute;
+  width: .1em;
+  height: .15em;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
+          transform: translate(-50%, -50%) rotate(-30deg);
+  -webkit-box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em;
+          box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em;
+}
+
+.ol-control.ol-routing.ol-isochrone .ol-direction-direct:before,
+.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 30%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  width: .3em;
+  height: .3em;
+  border-radius: 50%;
+  border: .1em solid currentColor;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-box-shadow: 0.25em 0 0 -0.05em;
+          box-shadow: 0.25em 0 0 -0.05em;
+}
+.ol-control.ol-routing.ol-isochrone .ol-direction-direct:after,
+.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 70%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  border: .4em solid transparent;
+  border-width: .4em 0 .4em .4em;
+  border-color: transparent currentColor;
+}
+.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
+  border-width: .4em .4em .4em 0;
+}
+
+.ol-control.ol-isochrone.ol-collapsed .content {
+  display: none;
+}
+.ol-control.ol-isochrone input[type="number"] {
+  width: 3em;
+  text-align: right;
+  margin: 0 .1em;
+}
+.ol-control.ol-isochrone .ol-distance input[type="number"] {
+  width: 5em;
+}
+
+.ol-isochrone .ol-time,
+.ol-isochrone .ol-distance {
+  display: none;
+}
+.ol-isochrone .ol-time.selected,
+.ol-isochrone .ol-distance.selected {
+  display: block;
+}
+
+.ol-control.ol-layerswitcher-popup {
+  position: absolute;
+  right: 0.5em;
+  text-align: left;
+  top: 3em;
+}
+.ol-control.ol-layerswitcher-popup .panel {
+  clear:both;
+  background:#fff;
+}
+
+.ol-layerswitcher-popup .panel {
+  list-style: none;
+  padding: 0.25em;
+  margin:0;
+  overflow: hidden;
+}
+
+.ol-layerswitcher-popup .panel ul {
+  list-style: none;
+  padding: 0 0 0 20px;
+  overflow: hidden;
+}
+
+.ol-layerswitcher-popup.ol-collapsed .panel {
+  display:none;
+}
+.ol-layerswitcher-popup.ol-forceopen .panel {
+  display:block;
+}
+
+.ol-layerswitcher-popup button  {
+  background-color: white;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==");
+  background-position: center;
+  background-repeat: no-repeat;
+  float: right;
+  height: 38px;
+  width: 38px;
+}
+
+.ol-layerswitcher-popup li {
+  color:#369;
+  padding:0.25em 1em;
+  font-family:"Trebuchet MS",Helvetica,sans-serif;
+  cursor:pointer;
+}
+.ol-layerswitcher-popup li.ol-header {
+  display: none;
+}
+.ol-layerswitcher-popup li.select,
+.ol-layerswitcher-popup li.ol-visible {
+  background:rgba(0, 60, 136, 0.7);
+  color:#fff;
+}
+.ol-layerswitcher-popup li:hover {
+  background:rgba(0, 60, 136, 0.9);
+  color:#fff;
+}
+
+.ol-control.ol-layerswitcher.ol-layer-shop {
+  height: calc(100% - 4em);
+  max-height: unset;
+  max-width: 16em;
+  background-color: transparent;
+  pointer-events: none!important;
+  overflow: visible;
+}
+.ol-control.ol-layerswitcher > * {
+  pointer-events: auto;
+}
+
+.ol-control.ol-layer-shop > button,
+.ol-control.ol-layer-shop .panel-container {
+  -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.5);
+          box-shadow: 0 0 0 3px rgba(255,255,255,.5);
+}
+.ol-control.ol-layerswitcher.ol-layer-shop .panel-container {
+  overflow-y: scroll;
+  max-height: calc(100% - 6.5em);
+  border: 2px solid #369;
+  border-width: 2px 0;
+  padding: 0;
+}
+.ol-control.ol-layer-shop .panel {
+  padding: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: .25em .5em;
+}
+.ol-control.ol-layerswitcher.ol-layer-shop .panel-container.ol-scrolldiv {
+  overflow: hidden;
+}
+.ol-control.ol-layer-shop .ol-scroll {
+  background-color: rgba(0,0,0,.3);
+  opacity: .5;
+}
+.ol-layerswitcher.ol-layer-shop ul.panel li.ol-header {
+  display: none;
+}
+.ol-layerswitcher.ol-layer-shop ul.panel li {
+  margin-right: 0;
+  padding-right: 0;
+}
+.ol-layerswitcher.ol-layer-shop .layerup {
+  height: 1.5em;
+  width: 1.4em;
+  margin: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: 3px;
+  background-color: transparent;
+  color: rgba(0,60,136,1);
+}
+.ol-layerswitcher.ol-layer-shop .layerup:hover {
+  background-color: rgba(0,60,136,.3);
+}
+.ol-layerswitcher.ol-layer-shop .layerup:before {
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  border: 0;
+  background-color: currentColor;
+  width: 1em;
+  height: 2px;
+  -webkit-box-shadow: 0 -4px, 0 4px;
+          box-shadow: 0 -4px, 0 4px;
+}
+.ol-layerswitcher.ol-layer-shop .layerup:after {
+  content: unset;
+}
+
+.ol-control.ol-layer-shop .ol-title-bar {
+  background-color: rgba(255,255,255,.5);
+  font-size: .9em;
+  height: calc(2.8em - 4px);
+  max-width: 14.6em;
+  padding: .7em .5em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+  -webkit-transform: scaleY(1.1);
+          transform: scaleY(1.1);
+  -webkit-transition: width 0s, -webkit-transform .1s;
+  transition: width 0s, -webkit-transform .1s;
+  transition: transform .1s, width 0s;
+  transition: transform .1s, width 0s, -webkit-transform .1s;
+  -webkit-transform-origin: 100% 0;
+          transform-origin: 100% 0;
+}
+.ol-control.ol-layer-shop:hover .ol-title-bar {
+  background-color: rgba(255,255,255,.7);
+}
+.ol-control.ol-layer-shop.ol-collapsed .ol-title-bar {
+  max-width: 10em;
+  -webkit-transform: scale(.9, 1.1);
+          transform: scale(.9, 1.1);
+}
+.ol-control.ol-layer-shop.ol-forceopen .ol-title-bar {
+  max-width: 14.6em;
+  -webkit-transform: scaleY(1.1);
+          transform: scaleY(1.1);
+}
+
+.ol-control.ol-layer-shop .ol-bar {
+  position: relative;
+  height: 1.75em;
+  clear: both;
+  -webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.5);
+          box-shadow: 0 0 0 3px rgba(255,255,255,.5);
+  background-color: #fff;
+  text-align: right;
+  z-index: 10;
+}
+.ol-control.ol-layer-shop.ol-collapsed .ol-scroll,
+.ol-control.ol-layer-shop.ol-collapsed .ol-bar {
+  border-width: 2px 0 0;
+  display: none;
+}
+.ol-control.ol-layer-shop.ol-forceopen .ol-scroll,
+.ol-control.ol-layer-shop.ol-forceopen .ol-bar  {
+  display: block;
+}
+.ol-control.ol-layer-shop .ol-bar > * {
+  font-size: .9em;
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: .25em;
+  background-color: transparent;
+}
+
+.ol-layer-shop .ol-bar .ol-button,
+.ol-touch .ol-layer-shop .ol-bar .ol-button {
+  position: relative;
+  top: unset;
+  left: unset;
+  bottom: unset;
+  right: unset;
+  margin: 0;
+}
+.ol-layer-shop .ol-bar button {
+  background-color: #fff;
+  color: rgba(0,60,136,1)
+}
+.ol-layer-shop .ol-bar button:hover {
+  background-color: rgba(0,60,136,.2);
+}
+
+/* Touch device */
+.ol-touch .ol-layerswitcher.ol-layer-shop > button {
+  font-size: 1.7em;
+}
+.ol-touch .ol-layer-shop .ol-bar {
+  height: 2em;
+}
+.ol-touch .ol-layer-shop .ol-control button {
+  font-size: 1.4em;
+}
+.ol-touch .ol-control.ol-layer-shop .panel {
+  max-height: calc(100% - 7em);
+}
+.ol-touch .ol-control.ol-layer-shop .panel label {
+  height: 1.8em;
+}
+.ol-touch .ol-control.ol-layer-shop .panel label span {
+  margin-left: .5em;
+  padding-top: .25em;
+}
+.ol-touch .ol-control.ol-layer-shop .panel label:before,
+.ol-touch .ol-control.ol-layer-shop .panel label:after {
+  font-size: 1.3em;
+  z-index: 1;
+}
+
+.ol-control.ol-layerswitcher {
+  position: absolute;
+  right: 0.5em;
+  text-align: left;
+  top: 3em;
+  max-height: calc(100% - 6em);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  overflow: hidden;
+}
+.ol-control.ol-layerswitcher .ol-switchertopdiv,
+.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
+  display: block
+}
+.ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv,
+.ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv {
+  display: none;
+}
+.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv,
+.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv {
+  display: block;
+}
+
+.ol-control.ol-layerswitcher .ol-switchertopdiv,
+.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
+  position: absolute;
+  top:0;
+  left:0;
+  right:0;
+  height: 45px;
+  background: #fff; 
+  z-index:2;
+  opacity:1;
+  cursor: pointer;
+  border-top:2px solid transparent;
+  border-bottom:2px solid #369;
+  margin:0 2px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-control.ol-layerswitcher .ol-switcherbottomdiv {
+  top: auto;
+  bottom: 0;
+  height: 2em;
+  border-top:2px solid #369;
+  border-bottom:2px solid transparent;
+}
+.ol-control.ol-layerswitcher .ol-switchertopdiv:before,
+.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before {
+  content:"";
+  position: absolute;
+  left:50%;
+  top:50%;
+  border:10px solid transparent;
+  width:0;
+  height:0;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  opacity:0.8;
+}
+
+.ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before,
+.ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before {
+  opacity:1;
+}
+.ol-control.ol-layerswitcher .ol-switchertopdiv:before {
+  border-bottom-color: #369;
+  border-top: 0;
+}
+.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before {
+  border-top-color: #369;
+  border-bottom: 0;
+}
+
+.ol-control.ol-layerswitcher .panel-container {
+  background-color: #fff;
+  border-radius: 0 0 2px 2px;
+  clear: both;
+  display: block; /* display:block to show panel on over */
+  padding: 0.5em 0.5em 0;
+}
+
+.ol-layerswitcher .panel {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  font-family: Tahoma,Geneva,sans-serif;
+  font-size:0.9em;
+  -webkit-transition: top 0.3s;
+  transition: top 0.3s;
+  position: relative;
+  top:0;
+}
+
+.ol-layerswitcher .panel ul {
+  list-style: none;
+  padding: 0 0 0 20px;
+  overflow: hidden;
+  clear: both;
+}
+
+/** Customize checkbox
+*/
+.ol-layerswitcher input[type="radio"],
+.ol-layerswitcher input[type="checkbox"] {
+  display:none;
+}
+
+.ol-layerswitcher .panel li {
+  -weblit-transition: -webkit-transform 0.2s linear;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  transition: -webkit-transform 0.2s linear;
+  transition: transform 0.2s linear;
+  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
+  clear: both;
+  display: block;
+  border:1px solid transparent;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-layerswitcher .panel li.ol-layer-select {
+  background-color: rgba(0,60,136,.2);
+  margin: 0 -.5em;
+  padding: 0 .5em
+}
+/* drag and drop */
+.ol-layerswitcher .panel li.drag {
+  opacity: 0.5;
+  transform:scale(0.8);
+  -webkit-transform:scale(0.8);
+}
+.ol-dragover {
+  background:rgba(51,102,153,0.5);
+  opacity:0.8;
+}
+.ol-layerswitcher .panel li.forbidden,
+.forbidden .ol-layerswitcher-buttons div,
+.forbidden .layerswitcher-opacity div {
+  background:rgba(255,0,0,0.5);
+  color:#f00!important;
+}
+
+/* cursor management */
+.ol-layerswitcher.drag,
+.ol-layerswitcher.drag * {
+  cursor:not-allowed!important;
+  cursor:no-drop!important;
+}
+.ol-layerswitcher.drag .panel li.dropover,
+.ol-layerswitcher.drag .panel li.dropover * {
+  cursor: pointer!important;
+  cursor: n-resize!important;
+  cursor: ns-resize!important;
+  cursor: -webkit-grab!important;
+  cursor: grab!important;
+  cursor: -webkit-grabbing!important;
+  cursor: grabbing!important;
+}
+
+.ol-layerswitcher .panel li.dropover {
+  background: rgba(51, 102, 153, 0.5);
+}
+
+.ol-layerswitcher .panel li label {
+  display: inline-block;
+  height: 1.4em;
+  max-width: 12em;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 0 0 0 1.7em;
+  position: relative;
+}
+
+.ol-layerswitcher .panel li label span {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-right: .2em;
+}
+.ol-layerswitcher [type="radio"] + label:before,
+.ol-layerswitcher [type="checkbox"] + label:before,
+.ol-layerswitcher [type="radio"]:checked + label:after,
+.ol-layerswitcher [type="checkbox"]:checked + label:after {
+  content: '';
+  position: absolute;
+  left: 0.1em; top: 0.1em;
+  width: 1.2em; height: 1.2em; 
+  border: 2px solid #369;
+  background: #fff;
+  -webkit-box-sizing:border-box;
+          box-sizing:border-box;
+}
+
+.ol-layerswitcher [type="radio"] + label:before,
+.ol-layerswitcher [type="radio"] + label:after {
+  border-radius: 50%;
+}
+
+.ol-layerswitcher [type="radio"]:checked + label:after {
+  background: #369 none repeat scroll 0 0;
+  margin: 0.3em;
+  width: 0.6em;
+  height: 0.6em;
+}
+
+.ol-layerswitcher [type="checkbox"]:checked + label:after {
+  background: transparent;
+  border-width: 0 3px 3px 0;
+  border-style: solid;
+  border-color: #369;
+    width: 0.7em;
+    height: 1em;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    left: 0.55em;
+    top: -0.05em;
+    -webkit-box-shadow: 1px 0px 1px 1px #fff;
+            box-shadow: 1px 0px 1px 1px #fff;
+}
+
+.ol-layerswitcher .panel li.ol-layer-hidden {
+  opacity: 0.6;
+}
+
+.ol-layerswitcher.ol-collapsed .panel-container {
+  display:none;
+}
+.ol-layerswitcher.ol-forceopen .panel-container {
+  display:block;
+}
+
+.ol-layerswitcher > button {
+  background-color: white;
+  float: right;
+  z-index: 10;
+  position: relative;
+  font-size: 1.7em;
+}
+.ol-touch .ol-layerswitcher > button {
+  font-size: 2.5em;
+}
+.ol-layerswitcher > button:before,
+.ol-layerswitcher > button:after {
+  content: "";
+  position:absolute;
+  width: .75em;
+  height: .75em;
+  border-radius: 0.15em;
+  -webkit-transform: scaleY(.8) rotate(45deg);
+  transform: scaleY(.8) rotate(45deg);
+}
+.ol-layerswitcher > button:before {
+  background: #e2e4e1;
+  top: .32em;
+  left: .34em;
+  -webkit-box-shadow: 0.1em 0.1em #325158;
+  box-shadow: 0.1em 0.1em #325158;
+}
+.ol-layerswitcher > button:after {
+  top: .22em;
+  left: .34em;
+  background: #83bcc5;
+  background-image: radial-gradient( circle at .85em .6em, #70b3be 0, #70b3be .65em, #83bcc5 .65em);
+}
+.ol-layerswitcher-buttons {
+  display:block;
+  float: right;
+  text-align:right;
+}
+.ol-layerswitcher-buttons > div {
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+  height:1em;
+  width:1em;
+  margin:2px;
+  line-height: 1em;
+    text-align: center;
+    background: #369;
+    vertical-align: middle;
+    color: #fff;
+}
+
+.ol-layerswitcher .panel li > div {
+  display: inline-block;
+  position: relative;
+}
+
+/* line break */
+.ol-layerswitcher .ol-separator {
+  display:block;
+  width:0;
+  height:0;
+  padding:0;
+  margin:0;
+}
+
+.ol-layerswitcher .layerup {
+  float: right;
+  height:2.5em;
+  background-color: #369;
+  opacity: 0.5;
+  cursor: move;
+  cursor: ns-resize;
+}
+
+.ol-layerswitcher .layerup:before,
+.ol-layerswitcher .layerup:after {
+  border-color: #fff transparent;
+  border-style: solid;
+  border-width: 0.4em 0.4em 0;
+  content: "";
+  height: 0;
+  position: absolute;
+  bottom: 3px;
+  left: 0.1em;
+  width: 0;
+}
+.ol-layerswitcher .layerup:after {
+  border-width: 0 0.4em 0.4em;
+  top:3px;
+  bottom: auto;
+}
+
+.ol-layerswitcher .layerInfo {
+  background: #369;
+  border-radius: 100%;
+}
+.ol-layerswitcher .layerInfo:before {
+  color: #fff;
+  content: "i";
+  display: block;
+  font-size: 0.8em;
+  font-weight: bold;
+  text-align: center;
+  width: 1.25em;
+  position:absolute;
+  left: 0;
+  top: 0;
+}
+
+.ol-layerswitcher .layerTrash {
+  background: #369;
+}
+.ol-layerswitcher .layerTrash:before {
+  color: #fff;
+  content: "\00d7";
+  font-size:1em;
+  top: 50%;
+  left: 0;
+  right: 0;
+  text-align: center;
+  line-height: 1em;
+  margin: -0.5em 0;
+  position: absolute;
+}
+
+.ol-layerswitcher .layerExtent {
+  background: #369;
+}
+.ol-layerswitcher .layerExtent:before {
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+  content: "";
+  display: block;
+  position: absolute;
+  left: 6px;
+  right: 2px;
+  top: 6px;
+  bottom: 3px;
+}
+.ol-layerswitcher .layerExtent:after {
+  border-left: 1px solid #fff;
+  border-top: 1px solid #fff;
+  content: "";
+  display: block;
+  position: absolute;
+  bottom: 6px;
+  left: 2px;
+  right: 6px;
+  top: 3px;
+}
+
+.ol-layerswitcher .expend-layers,
+.ol-layerswitcher .collapse-layers {
+  margin: 0 2px;
+  background-color: transparent;
+}
+.ol-layerswitcher .expend-layers:before,
+.ol-layerswitcher .collapse-layers:before {
+  content:"";
+  position:absolute;
+  top:50%;
+  left:0;
+  margin-top:-2px;
+  height:4px;
+  width:100%;
+  background:#369;
+}
+.ol-layerswitcher .expend-layers:after {
+  content:"";
+  position:absolute;
+  left:50%;
+  top:0;
+  margin-left:-2px;
+  width:4px;
+  height:100%;
+  background:#369;
+}
+/*
+.ol-layerswitcher .collapse-layers:before {
+  content:"";
+  position:absolute;
+  border:0.5em solid #369;
+  border-color: #369 transparent transparent;
+  margin-top:0.25em;
+}
+.ol-layerswitcher .expend-layers:before {
+  content:"";
+  position:absolute;
+  border:0.5em solid #369;
+  border-color: transparent transparent transparent #369 ;
+  margin-left:0.25em;
+}
+*/
+
+.ol-layerswitcher .layerswitcher-opacity {
+  position:relative;
+  border: 1px solid #369;
+  height: 3px;
+  width: 120px;
+  margin:5px 1em 10px 7px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: 3px;
+  background: #69c;
+  background: -webkit-gradient(linear, left top, right top, from(rgba(0,60,136,0)), to(rgba(0,60,136,0.6)));
+  background: linear-gradient(to right, rgba(0,60,136,0), rgba(0,60,136,0.6));
+  cursor: pointer;
+  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+          box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+}
+
+.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,
+.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  top: 50%;
+  left: 50%;
+  background: rgba(0,60,136,0.5);
+  border-radius: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before {
+  content: "";
+  position: absolute;
+  width: 50%;
+  height: 50%;
+}
+.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor {
+  width: 26px;
+  height: 26px;
+}
+
+.ol-layerswitcher .layerswitcher-opacity-label { 
+  display:none;
+  position: absolute;
+  right: -2.5em;
+  bottom: 5px;
+  font-size: 0.8em;
+}
+.ol-layerswitcher .layerswitcher-opacity-label::after {
+  content:"%";
+}
+
+.ol-layerswitcher .layerswitcher-progress {
+  display:block;
+  margin:-4px 1em 2px 7px;
+  width: 120px;
+}
+.ol-layerswitcher .layerswitcher-progress div {
+  background-color: #369;
+  height:2px;
+  display:block;
+  width:0;
+}
+
+.ol-control.ol-layerswitcher-image {
+  position: absolute;
+  right: 0.5em;
+  text-align: left;
+  top: 1em;
+  transition: all 0.2s ease 0s;
+  -webkit-transition: all 0.2s ease 0s;
+}
+.ol-control.ol-layerswitcher-image.ol-collapsed {
+  top:3em;
+  -webkit-transition: none;
+  transition: none;
+}
+
+.ol-layerswitcher-image .panel {
+  list-style: none;
+  padding: 0.25em;
+  margin:0;
+  overflow: hidden;
+}
+
+.ol-layerswitcher-image .panel ul {
+  list-style: none;
+  padding: 0 0 0 20px;
+  overflow: hidden;
+}
+
+.ol-layerswitcher-image.ol-collapsed .panel {
+  display:none;
+}
+.ol-layerswitcher-image.ol-forceopen .panel {
+  display:block;
+  clear:both;
+}
+
+.ol-layerswitcher-image button {
+  background-color: white;
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==");
+  background-position: center;
+  background-repeat: no-repeat;
+  float: right;
+  height: 38px;
+  width: 38px;
+  display:none;
+}
+
+.ol-layerswitcher-image.ol-collapsed button {
+  display:block;
+  position:relative;
+}
+
+.ol-layerswitcher-image li {
+  border-radius: 4px;
+  border: 3px solid transparent;
+  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
+          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
+  display: inline-block;
+  width: 64px;
+  height: 64px;
+  margin:2px;
+  position: relative;
+  background-color: #fff;
+  overflow: hidden;
+  vertical-align: middle;
+  cursor:pointer;
+}
+.ol-layerswitcher-image li.ol-layer-hidden {
+  opacity: 0.5;
+  border-color:#555;
+}
+.ol-layerswitcher-image li.ol-header {
+  display: none;
+}
+
+.ol-layerswitcher-image li img {
+  position:absolute;
+  max-width:100%;
+}
+.ol-layerswitcher-image li.select,
+.ol-layerswitcher-image li.ol-visible {
+  border: 3px solid red;
+}
+
+.ol-layerswitcher-image li p {
+  display:none;
+}
+.ol-layerswitcher-image li:hover p {
+  background-color: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  bottom: 0;
+  display: block;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  height:1.2em;
+  font-family:Verdana, Geneva, sans-serif;
+  font-size:0.8em;
+}
+.ol-control.ol-legend {
+  bottom: .5em;
+  left: .5em;
+  z-index: 1;
+  max-height: 90%;
+  max-width: 90%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.ol-control.ol-legend.ol-collapsed {
+  overflow: hidden;
+}
+.ol-control.ol-legend button {
+  position: relative;
+  display: none;
+}
+.ol-control.ol-legend.ol-collapsed button {
+  display: block;
+}
+.ol-control.ol-legend.ol-uncollapsible button {
+  display: none;
+}
+
+.ol-control.ol-legend button.ol-closebox {
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: none;
+  cursor: pointer;
+  z-index: 1;
+}
+.ol-control.ol-legend.ol-uncollapsible button.ol-closebox,
+.ol-control.ol-legend.ol-collapsed button.ol-closebox {
+  display: none;
+}
+.ol-control.ol-legend button.ol-closebox:before {
+  content: "\D7";
+  background: none;
+  color: rgba(0,60,136,.5);
+  font-size: 1.3em;
+}
+.ol-control.ol-legend button.ol-closebox:hover:before {
+  color: rgba(0,60,136,1);
+}
+.ol-control.ol-legend .ol-legendImg {
+  display: block;
+}
+.ol-control.ol-legend.ol-collapsed .ol-legendImg {
+  display: none;
+}
+.ol-control.ol-legend.ol-uncollapsible .ol-legendImg {
+  display: block;
+}
+
+.ol-control.ol-legend > button:first-child:before,
+.ol-control.ol-legend > button:first-child:after {
+  content: "";
+  position: absolute;
+  top: .25em;
+  left: .2em;
+  width: .2em;
+  height: .2em;
+  background-color: currentColor;
+  -webkit-box-shadow: 0 0.35em, 0 0.7em;
+          box-shadow: 0 0.35em, 0 0.7em;
+}
+.ol-control.ol-legend button:first-child:after {
+  top: .27em;
+  left: .55em;
+  height: .15em;
+  width: .6em;
+}
+
+ul.ol-legend {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ol-control.ol-legend.ol-collapsed ul {
+  display: none;
+}
+.ol-control.ol-legend.ol-uncollapsible ul {
+  display: block;
+}
+ul.ol-legend li.ol-title {
+  text-align: center;
+  font-weight: bold;
+}
+ul.ol-legend li.ol-title > div:first-child {
+  width: 0!important;
+}
+ul.ol-legend li {
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+}
+ul.ol-legend li div {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.ol-control.ol-legend .ol-legend {
+  display: inline-block;
+}
+.ol-control.ol-legend.ol-collapsed .ol-legend {
+  display: none;
+}
+.ol-control.ol-mapzone {
+  position: absolute;
+  right: 0.5em;
+  text-align: left;
+  top: .5em;
+  max-height: calc(100% - 6em);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  overflow: hidden;
+}
+
+.ol-control.ol-mapzone.ol-collapsed {
+  top: 3em;
+}
+
+.ol-control.ol-mapzone button {
+  position: relative;
+  float: right;
+  margin-top: 2.2em;
+}
+.ol-touch .ol-control.ol-mapzone button {
+  margin-top: 1.67em;
+}
+.ol-control.ol-mapzone.ol-collapsed button {
+  margin-top: 0;
+}
+
+.ol-control.ol-mapzone button i {
+  border: .1em solid currentColor;
+  border-radius: 50%;
+  width: .9em;
+  height: .9em; 
+  overflow: hidden;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-control.ol-mapzone button i:before {
+  content: "";
+  background-color: currentColor;
+  width: 0.4em;
+  height: .4em;
+  position: absolute;
+  left: .5em;
+  top: 0.3em;
+  border-radius: 50%;
+  -webkit-box-shadow: .05em .3em 0 -.051em currentColor,
+  	-.05em -.35em 0 -.1em currentColor,
+  	-.5em -.35em 0 0em currentColor,
+  	-.65em .1em 0 -.03em currentColor,
+  	-.65em -.05em 0 -.05em currentColor;
+          box-shadow: .05em .3em 0 -.051em currentColor,
+  	-.05em -.35em 0 -.1em currentColor,
+  	-.5em -.35em 0 0em currentColor,
+  	-.65em .1em 0 -.03em currentColor,
+  	-.65em -.05em 0 -.05em currentColor
+}
+
+.ol-mapzone > div {
+  position: relative;
+  display: inline-block;
+  width: 5em;
+  height: 5em;
+  margin: 0 .2em 0 0;
+}
+.ol-control.ol-mapzone.ol-collapsed > div {
+  display: none;
+}
+.ol-mapzone > div p {
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  /* background: rgba(255,255,255,.5); */
+  color: #fff;
+  font-weight: bold;
+  text-align: center;
+  width: 160%;
+  overflow: hidden;
+  font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
+  -webkit-transform: scaleX(.625);
+          transform: scaleX(.625);
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+  cursor: default;
+}
+
+.ol-notification {
+  width: 150%;
+  bottom: 0;
+  border: 0;
+  background: none;
+  margin: 0;
+  padding: 0;
+}
+.ol-notification > div,
+.ol-notification > div:hover {
+  position: absolute;
+  background-color: rgba(0,0,0,.8);
+  color: #fff;
+  bottom: 0;
+  left: 33.33%;
+  max-width: calc(66% - 4em);
+  min-width: 5em;
+  max-height: 5em;
+  min-height: 1em;
+  border-radius: 4px 4px 0 0;
+  padding: .2em .5em;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  -webkit-transition: .3s;
+  transition: .3s;
+  opacity: 1;
+}
+.ol-notification.ol-collapsed > div {
+  bottom: -5em;
+  opacity: 0;
+}
+
+.ol-notification a {
+  color: #9cf;
+  cursor: pointer;
+}
+
+.ol-notification .ol-close,
+.ol-notification .ol-close:hover {
+  padding-right: 1.5em;
+}
+
+.ol-notification .closeBox {
+  position: absolute;
+  top: 0;
+  right: 0.3em;
+}
+.ol-notification .closeBox:before {
+  content: '\00d7';
+}
+.ol-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width:100%;
+  height: 100%;
+  background-color: rgba(0,0,0,0.4);
+  padding: 1em;
+  color: #fff;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  z-index: 1;
+  opacity: 0;
+  display: none;
+  cursor: default;
+  overflow: hidden;
+  -webkit-transition: all 0.5s;
+  transition: all 0.5s;
+  pointer-events: none;
+}
+
+.ol-overlay.slide-up {
+  transform: translateY(100%);
+  -webkit-transform: translateY(100%);
+}
+.ol-overlay.slide-down {
+  -webkit-transform: translateY(-100%);
+  transform: translateY(-100%);
+}
+.ol-overlay.slide-left
+{	-webkit-transform: translateX(-100%);
+  transform: translateX(-100%);
+}
+.ol-overlay.slide-right {
+  -webkit-transform: translateX(100%);
+  transform: translateX(100%);
+}
+.ol-overlay.zoom {
+  top: 50%;
+  left: 50%;
+  opacity:0.5;
+  -webkit-transform: translate(-50%,-50%) scale(0);
+  transform: translate(-50%,-50%) scale(0);
+}
+.ol-overlay.zoomout {
+  -webkit-transform: scale(3);
+  transform: scale(3);
+}
+.ol-overlay.zoomrotate {
+  top: 50%;
+  left: 50%;
+  opacity:0.5;
+  -webkit-transform: translate(-50%,-50%) scale(0) rotate(360deg);
+  transform: translate(-50%,-50%) scale(0) rotate(360deg);
+}
+.ol-overlay.stretch {
+  top: 50%;
+  left: 50%;
+  opacity:0.5;
+  -webkit-transform: translate(-50%,-50%) scaleX(0);
+  transform: translate(-50%,-50%) scaleX(0) ;
+}
+.ol-overlay.stretchy {
+  top: 50%;
+  left: 50%;
+  opacity:0.5;
+  -webkit-transform: translate(-50%,-50%) scaleY(0);
+  transform: translate(-50%,-50%) scaleY(0) ;
+}
+.ol-overlay.wipe {
+  opacity: 1;
+  /* clip: must be set programmatically */
+  /* clip-path: use % but not crossplatform (IE) */
+}
+.ol-overlay.flip {
+  -webkit-transform: perspective(600px) rotateY(180deg);
+  transform: perspective(600px) rotateY(180deg);
+}
+.ol-overlay.card {
+  opacity: 0.5;
+  -webkit-transform: translate(-80%, 100%) rotate(-0.5turn);
+  transform: translate(-80%, 100%) rotate(-0.5turn);
+}
+.ol-overlay.book {
+  -webkit-transform: perspective(600px) rotateY(-180deg) scaleX(0.6);
+  transform: perspective(600px) rotateY(-180deg) scaleX(0.6) ;
+  -webkit-transform-origin: 10% 50%;
+  transform-origin: 10% 50%;
+}
+.ol-overlay.book.visible {
+  -webkit-transform-origin: 10% 50%;
+  transform-origin: 10% 50%;
+}
+
+.ol-overlay.ol-visible {
+  opacity:1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  -webkit-transform: none;
+  transform: none;
+  pointer-events: all;  
+}
+
+.ol-overlay .ol-closebox {
+  position: absolute;
+  top: 1em;
+  right: 1em;
+  width: 1em;
+  height: 1em;
+  cursor: pointer;
+  z-index:1;
+}
+.ol-overlay .ol-closebox:before {
+  content: "\274c";
+  display: block;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.ol-overlay .ol-fullscreen-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+.ol-overlay .ol-fullscreen-image img {
+  position: absolute;
+  max-width: 100%;
+  max-height: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 1em;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+.ol-overlay .ol-fullscreen-image.ol-has-title img {
+  padding-bottom: 3em;
+}
+.ol-overlay .ol-fullscreen-image p {
+  background-color: rgba(0,0,0,.5);
+  padding: .5em;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  text-align: center;
+}
+.ol-control.ol-overview
+{	position: absolute;
+	left: 0.5em;
+	text-align: left;
+	bottom: 0.5em;
+}
+
+.ol-control.ol-overview .panel
+{	display:block;
+	width:150px;
+	height:150px;
+	margin:2px;
+	background-color:#fff;
+	border:1px solid #369;
+	cursor: pointer;
+}
+
+.ol-overview:not(.ol-collapsed) button
+{	position:absolute;
+	bottom:2px;
+	left:2px;
+	z-index:2;
+}
+
+.ol-control.ol-overview.ol-collapsed .panel
+{	display:none;
+}
+
+.ol-overview.ol-collapsed button:before
+{	content:'\00bb';
+}
+.ol-overview button:before
+{	content:'\00ab';
+}
+
+
+.ol-control-right.ol-overview
+{	left: auto;
+	right: 0.5em;
+}
+.ol-control-right.ol-overview:not(.ol-collapsed) button
+{	left:auto;
+	right:2px;
+}
+.ol-control-right.ol-overview.ol-collapsed button:before
+{	content:'\00ab';
+}
+.ol-control-right.ol-overview button:before
+{	content:'\00bb';
+}
+
+.ol-control-top.ol-overview
+{	bottom: auto;
+	top: 5em;
+}
+.ol-control-top.ol-overview:not(.ol-collapsed) button
+{	bottom:auto;
+	top:2px;
+}
+
+.ol-permalink
+{	position: absolute;
+	top:0.5em;
+	right: 2.5em;
+}
+.ol-touch .ol-permalink
+{	right: 3em;
+}
+
+.ol-permalink button
+{	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcFBjYE1ZK03gAAAUlJREFUOMuVk71KA1EQhc/NaiP+gCRpFHwGBSFlCrFVfAsbwSJCBMv06QIGJOBziI3EYAgkjU8gIloIAasIn4WzMqx34zrN7J6de+6ZmbNSgQDSfADcATPgHbgCyvonSYv8KEzWdofegH3gwmG9Ikq67sAESFzNueHThTyiEIKAmr2OJCUhhO30Aou+5aUQU2Ik65K2JC1KegohPGfUBkmvksqShnntHEcGOs60NXHfjmKz6czZTsNqbhzW+muwY2ATWAWawCOwBgxcTfvnvCPxKx4Cy5bPgBWgauRpdL2ImNlGhp3MabETm8mh94nDk4yCNE5/KTGg7xxbyhYAG0AN2AEqURIDZ0a0Fxn+LXAPXDpzRqMk6cOedz1ubdYl1b6NHgZRJe72nuu/CdSBl+yKi/zZlTnbaeXOJIesClwDU+ATeEhtX5TkCwAWUyAsHH1QAAAAAElFTkSuQmCC');
+	background-position: center;
+	background-repeat: no-repeat;
+}
+.ol-control.ol-print {
+  top:.5em;
+  left: 3em;
+}
+.ol-control.ol-print button:before {
+  content: "";
+  width: .9em;
+  height: .35em;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  -webkit-box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em;
+          box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em;
+}
+.ol-control.ol-print button:after {
+  content: "";
+  width: .7em;
+  height: .6em;
+  position: absolute;
+  left: 50%;
+  top: 25%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  -webkit-box-shadow: inset 0 0 0 0.15em;
+          box-shadow: inset 0 0 0 0.15em;
+}
+.ol-ext-print-dialog {
+  width: 100%;
+  height: 100%;
+}
+.ol-ext-print-dialog > form .ol-closebox {
+  right: auto;
+  left: 16.5em;
+  z-index: 1;
+  color: #999;
+}
+.ol-ext-print-dialog .ol-content[data-status="printing"] {
+  opacity: .5;
+}
+.ol-ext-print-dialog .ol-content .ol-error {
+  display: none;
+  background: #b00;
+  color: yellow;
+  text-align: center;
+  padding: 1em .5em;
+  font-weight: bold;
+  margin: 0 -1em;
+}
+.ol-ext-print-dialog .ol-content[data-status="error"] .ol-error {
+  display: block;
+}
+
+
+.ol-ext-print-dialog > form,
+.ol-ext-print-dialog.ol-visible > form {
+  -webkit-transition: none;
+  transition: none;
+  top: 1em;
+  left: 1em;
+  bottom: 1em;
+  right: 1em;
+  -webkit-transform: none;
+          transform: none;
+  max-width: 100%;
+  max-height: 100%;
+  background-color: #eee;
+  padding: 0;
+}
+.ol-ext-print-dialog .ol-print-map {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: calc(100% - 18em);
+  overflow: hidden;
+}
+.ol-ext-print-dialog .ol-print-map .ol-page {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  background: #fff;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-ext-print-dialog .ol-print-map .ol-page.margin {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+.ol-ext-print-dialog .ol-map {
+  width: 100%;
+  height: 100%;
+}
+.ol-ext-print-dialog .ol-print-map .ol-control {
+  display: none!important;
+}
+
+.ol-ext-print-dialog .ol-print-param {
+  position: absolute;
+  overflow-x: hidden;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 18em;
+  background-color: #fff;
+  padding: 1em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.ol-ext-print-dialog .ol-print-param h2 {
+  display: block;
+  color: rgba(0,60,136,.7);
+  font-size: 1.1em;
+}
+.ol-ext-print-dialog .ol-print-param ul {
+  padding: 0;
+  list-style: none;
+}
+.ol-ext-print-dialog .ol-print-param li {
+  position: relative;
+  margin: .5em 0;
+  font-size: .9em;
+}
+.ol-ext-print-dialog .ol-print-param li.hidden {
+  display: none;
+}
+.ol-ext-print-dialog .ol-print-param label {
+  width: 8em;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.ol-ext-print-dialog select {
+  outline: none;
+  vertical-align: middle;
+}
+
+.ol-ext-print-dialog .ol-orientation {
+  text-align: center;
+}
+.ol-ext-print-dialog .ol-orientation label {
+  position: relative;
+  width: 7em;
+  cursor: pointer;
+}
+.ol-ext-print-dialog .ol-orientation input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.ol-ext-print-dialog .ol-orientation span {
+  position: relative;
+  width: 80%;
+  display: block;
+  padding: 3.5em 0 .2em;
+}
+.ol-ext-print-dialog .ol-orientation span:before {
+  content: "";
+  position: absolute;
+  width: 2em;
+  height: 2.6em;
+  bottom: 1.5em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  color: #333;
+  background-color: currentColor;
+  border: 1px solid currentColor;
+  border-radius: 0 1em 0 0;
+  opacity: .5;
+  overflow: hidden;
+  -webkit-box-shadow: inset 1.3em -1.91em #ddd;
+          box-shadow: inset 1.3em -1.91em #ddd;
+}
+
+.ol-ext-print-dialog .ol-orientation .landscape span:before {
+  width: 2.6em;
+  height: 2em;
+  margin: .2em 0;
+  -webkit-box-shadow: inset 1.91em -1.3em #ddd;
+          box-shadow: inset 1.91em -1.3em #ddd;
+}
+.ol-ext-print-dialog .ol-orientation input:checked + span {
+  opacity: 1;
+  -webkit-box-shadow: 0 0 .2em rgba(0,0,0,.5);
+          box-shadow: 0 0 .2em rgba(0,0,0,.5);
+}
+
+.ol-ext-print-dialog .ol-ext-toggle-switch span {
+  position: absolute;
+  right: -2em;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+
+.ol-print-title input[type=text] {
+  margin-top: .5em;
+  width: calc(100% - 6em);
+  margin-left: 6em;
+}
+
+.ol-ext-print-dialog .ol-size option:first-child {
+  font-style: italic;
+}
+
+.ol-ext-print-dialog .ol-saveas,
+.ol-ext-print-dialog .ol-savelegend {
+  text-align: center;
+}
+.ol-ext-print-dialog .ol-saveas select,
+.ol-ext-print-dialog .ol-savelegend select {
+  background-color: rgba(0,60,136,.7);
+  color: #fff;
+  padding: .5em;
+  margin: 1em 0 0;
+  font-size: 1em;
+  border: 0;
+  font-weight: bold;
+  max-width: 12em;
+}
+.ol-ext-print-dialog .ol-saveas select option,
+.ol-ext-print-dialog .ol-savelegend select option {
+  background-color: #fff;
+  color: #666;
+}
+.ol-ext-print-dialog .ol-savelegend select {
+  margin-top: 0;
+}
+
+.ol-ext-print-dialog .ol-ext-buttons {
+  text-align: right;
+  border-top: 1px solid #ccc;
+  padding: .8em .5em;
+  margin: 0 -1em;
+}
+.ol-ext-print-dialog button {
+  font-size: 1em;
+  margin: 0 .2em;
+  border: 1px solid #999;
+  background: none;
+  padding: .3em 1em;
+  color: #333;
+}
+.ol-ext-print-dialog button[type="submit"] {
+  background-color: rgba(0,60,136,.7);
+  color: #fff;
+  font-weight: bold;
+}
+
+.ol-ext-print-dialog .ol-clipboard-copy {
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  background-color: rgba(0,0,0,.5);
+  color: #fff;
+  padding: .5em 1em;
+  border-radius: 1em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  -webkit-transition: 0s;
+  transition: 0s;
+  opacity: 0;
+}
+.ol-ext-print-dialog .ol-clipboard-copy.visible {
+  -webkit-animation: 1s ol-clipboard-copy;
+          animation: 1s ol-clipboard-copy;
+}
+.ol-ext-print-dialog .ol-print-map .ol-control.ol-canvas-control {
+  display: block!important;
+}
+.ol-ext-print-dialog .ol-print-map .ol-control.ol-print-compass {
+  display: block!important;
+}
+.ol-ext-print-dialog .ol-print-map .ol-control.olext-print-compass {
+  top: 0;
+  right: 0;
+  width: 60px;
+  height: 60px;
+  margin: 20px;
+}
+
+@-webkit-keyframes ol-clipboard-copy { 
+  0% { opacity: 0; top: 0; }
+  80% { opacity: 1; top: -3em; }
+  100% { opacity: 0; top: -3em; }  
+}
+
+@keyframes ol-clipboard-copy { 
+  0% { opacity: 0; top: 0; }
+  80% { opacity: 1; top: -3em; }
+  100% { opacity: 0; top: -3em; }  
+}
+
+@media print {
+  body.ol-print-document {
+    margin: 0!important;
+    padding: 0!important;
+  }
+  body.ol-print-document > * {
+    display: none!important;
+  }
+  body.ol-print-document > .ol-ext-print-dialog {
+    display: block!important;
+  }
+  .ol-ext-print-dialog > form,
+  .ol-ext-print-dialog {
+    position: unset;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    background: none!important;
+    border: 0;
+  }
+  .ol-ext-print-dialog > form > *,
+  .ol-ext-print-dialog .ol-print-param {
+    display: none!important;
+    background: none;
+  } 
+  .ol-ext-print-dialog .ol-content {
+    display: block!important;
+    border: 0;
+    background: none;
+  }
+  .ol-ext-print-dialog .ol-print-map {
+    position: unset; 
+    background: none;
+    width: auto;
+    overflow: visible;
+  }
+  .ol-ext-print-dialog .ol-print-map .ol-page {
+    -webkit-transform: none!important;
+            transform: none!important;
+    -webkit-box-shadow: none!important;
+            box-shadow: none!important;
+    position: unset;
+  }
+}
+
+@media (max-width: 25em) {
+  .ol-ext-print-dialog .ol-print-param {
+    width: 13em;
+  }
+  .ol-ext-print-dialog .ol-print-map {
+    width: calc(100% - 13em);
+  }
+  .ol-ext-print-dialog .ol-print-param .ol-print-title input[type="text"] {
+    width: 100%;
+    margin: 0;
+  }
+}
+.ol-profil {
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ol-control.ol-profil {
+  position: absolute;
+  top: 0.5em;
+  right: 3em;
+  text-align: right;
+  overflow: hidden;
+}
+.ol-profil .ol-zoom-out {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  width: 1em;
+  height: 1em;
+  padding: 0;
+  border: 1px solid #000;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.ol-profil .ol-zoom-out:before {
+  content: '';
+  height: 2px;
+  width: 60%;
+  background: currentColor;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.ol-profil .ol-inner  {
+  position: relative;
+  padding: 0.5em;
+  font-size: 0.8em;
+}
+.ol-control.ol-profil .ol-inner {
+  display: block;
+  background-color: rgba(255,255,255,0.7);
+  margin: 2.3em 2px 2px;
+}
+.ol-control.ol-profil.ol-collapsed .ol-inner {
+  display: none;
+}
+
+.ol-profil canvas {
+  display: block;
+}
+.ol-profil button {
+  display: block;
+  position: absolute;
+  right: 2px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AgXCR4dn7j9TAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAz0lEQVQ4y7WTMU4CURRFz0xIpLUBEhdAY2tJYW1jaWlsXYVxDWyBhWCFCYugYgnDFPMOhTMJGf3AwHiqn/uTk5v/3gfAH6b0RH7sMiIe1Ts162z+q2lVVbd1XqijLuJk0zzP1/VxCGyApLgsy+HJphGx8DeFOm6L1bn6eVQaEW+m2amTRqx+1fkqKY2Ie0+zUx/U7WGYfNMsy57PmMMN8A1MWsWeUoPyivV8PWtPOzL7D+lYHfUtBXgHGLTCJfBxodD6k9Dsm8BLE17LobQ39nJC61aLVoVsAAAAAElFTkSuQmCC');
+}
+
+.ol-profil.ol-collapsed button {
+  position: static;
+}
+
+.ol-profil .ol-profilbar,
+.ol-profil .ol-profilcursor {
+  position:absolute;
+  pointer-events: none;
+  width: 1px;
+  display: none;
+}
+.ol-profil .ol-profilcursor {
+  width: 0;
+  height: 0;
+}
+.ol-profil .ol-profilcursor:before {
+  content:"";
+  pointer-events: none;
+  display: block;
+  margin: -2px;
+  width:5px;
+  height:5px;
+}
+.ol-profil .ol-profilbar,
+.ol-profil .ol-profilcursor:before {
+  background: red;
+}
+
+.ol-profil table {
+  text-align: center;
+  width: 100%;
+}
+
+.ol-profil table span {
+  display: block;
+}
+
+.ol-profilpopup {
+  background-color: rgba(255, 255, 255, 0.5);
+  margin: 0.5em;
+  padding: 0 0.5em;
+  position: absolute;
+  top:-1em;
+  white-space: nowrap;
+}
+.ol-profilpopup.ol-left {
+  right:0;
+}
+
+
+.ol-profil table td {
+  padding: 0 2px;
+}
+
+.ol-profil table .track-info {
+  display: table-row;
+}
+.ol-profil table .point-info {
+  display: none;
+}
+.ol-profil .over table .track-info {
+  display: none;
+}
+.ol-profil .over table .point-info {
+  display: table-row;
+}
+
+.ol-profil p {
+  text-align: center;
+  margin:0;
+}
+
+.ol-control.ol-progress-bar {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0;
+  pointer-events: none!important;
+  background-color: transparent;
+}
+
+.ol-control.ol-progress-bar > .ol-bar {
+  position: absolute;
+  background-color: rgba(0,60,136,.5);
+  left: 0;
+  bottom: 0;
+  height: .5em;
+  width: 0;
+  -webkit-transition: width .2s;
+  transition: width .2s;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.ol-progress-bar > .ol-waiting {
+  display: none;
+}
+
+.ol-viewport .ol-control.ol-progress-bar > .ol-waiting {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  color: #fff;
+  font-size: 2em;
+  display: block;
+  -webkit-animation: 1s linear infinite ol-progress-bar-blink;
+          animation: 1s linear infinite ol-progress-bar-blink;
+}
+
+@-webkit-keyframes ol-progress-bar-blink {
+  0%, 30% {
+    visibility: hidden;
+  }
+  100% {
+    visibility: visible;
+  }
+}
+
+@keyframes ol-progress-bar-blink {
+  0%, 30% {
+    visibility: hidden;
+  }
+  100% {
+    visibility: visible;
+  }
+}
+
+.ol-control.ol-routing {
+  top: 0.5em;
+  left: 3em;
+  max-height: 90%;
+  overflow-y: auto;
+}
+.ol-touch .ol-control.ol-routing {
+  left: 3.5em;
+}
+.ol-control.ol-routing.ol-searching {
+  opacity: .5;
+}
+
+.ol-control.ol-routing .ol-car,
+.ol-control.ol-routing > button {
+  position: relative;
+}
+.ol-control.ol-routing .ol-car:after,
+.ol-control.ol-routing > button:after {
+  content: "";
+  position: absolute;
+  width: .78em;
+  height: 0.6em;
+  border-radius: 40% 50% 0 0 / 50% 70% 0 0;
+  -webkit-box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em;
+          box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em;
+  clip: rect(0 1em .5em -1em);
+  top: .35em;
+  left: .4em;
+}
+.ol-control.ol-routing .ol-car:before,
+.ol-control.ol-routing > button:before {
+  content: "";
+  position: absolute;
+  width: .28em;
+  height: .28em;
+  border-radius: 50%;
+  -webkit-box-shadow: inset 0 0 0 1em, 0.65em 0;
+          box-shadow: inset 0 0 0 1em, 0.65em 0;
+  top: 0.73em;
+  left: .20em;
+}
+.ol-control.ol-routing .ol-pedestrian:after {
+  content: "";
+  position: absolute;
+  width: .3em;
+  height: .4em;
+  top: .25em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  -webkit-box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em;
+          box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em;
+  border-top: .2em solid transparent;
+}
+.ol-control.ol-routing .ol-pedestrian:before {
+  content: "";
+  position: absolute;
+  width: .3em;
+  height: .3em;
+  top: .1em;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  border-radius: 50%;
+  background-color: currentColor;
+}
+
+.ol-control.ol-routing.ol-collapsed .content {
+  display: none;
+}
+
+.ol-routing .ol-search.ol-collapsed ul {
+	display: none;
+}
+.ol-routing .ol-search ul .copy {
+  display: none;
+}
+.ol-routing .ol-search ul.history {
+  /* display: none; */
+}
+.ol-routing .content .search-input > div > * {
+  display: inline-block;
+  vertical-align: top;
+}
+.ol-routing .ol-result ul {
+  list-style: none;
+  display: block;
+}
+.ol-routing .ol-result li {
+  position: relative;
+  min-height: 1.65em;
+}
+.ol-routing .ol-result li i {
+  display: block;
+  font-size: .8em;
+  font-weight: bold;
+}
+
+.ol-routing .ol-result li:before {
+  content: "";
+  border: 5px solid transparent;
+  position: absolute;
+  left: -1.75em;
+  border-bottom-color: #369;
+  border-width: .6em .4em .6em;
+  -webkit-transform-origin: 50% 125%;
+          transform-origin: 50% 125%;
+  -webkit-box-shadow: 0 0.65em 0 -0.25em #369;
+          box-shadow: 0 0.65em 0 -0.25em #369;
+  top: -.8em;
+}
+.ol-routing .ol-result li:after {
+  content: "";
+  position: absolute;
+  width: 0.3em;
+  height: .6em;
+  left: -1.5em;
+  background: #369;
+  top: .6em;
+}
+.ol-routing .ol-result li.R:before {
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.ol-routing .ol-result li.FR:before {
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.ol-routing .ol-result li.L:before {
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}
+.ol-routing .ol-result li.FL:before {
+  -webkit-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+}
+
+.ol-routing .content > i {
+  vertical-align: middle;
+  margin: 0 .3em 0 .1em;
+  font-style: normal;
+}
+.ol-routing .ol-button,
+.ol-routing .ol-button:focus,
+.ol-routing .ol-pedestrian,
+.ol-routing .ol-car {
+  font-size: 1.1em;
+  position: relative;
+  display: inline-block;
+  width: 1.4em;
+  height: 1.4em;
+  color: rgba(0,60,136,1);
+  background-color: transparent;
+  margin: 0 .1em;
+  opacity: .5;
+  vertical-align: middle;
+  outline: none;
+  cursor: pointer;
+}
+.ol-routing .ol-button:hover,
+.ol-routing .ol-button.selected,
+.ol-routing i.selected {
+  opacity: 1;
+  background: transparent;
+}
+
+.ol-control.ol-routing:hover {
+  background-color: rgba(255,255,255,.85);
+}
+
+.search-input > div > button:before {
+  content: '\00b1';
+}
+.ol-viewport .ol-scale {
+	left: .5em;
+	bottom: 2.5em;
+	text-align: center;
+	-webkit-transform: scaleX(.8);
+	-webkit-transform-origin: 0 0;
+	transform: scaleX(.8);
+	transform-origin: 0 0;
+}
+.ol-viewport .ol-scale input {
+	background: none;
+    border: 0;
+    width: 8em;
+    text-align: center;
+}
+
+.ol-search{
+  top: 0.5em;
+  left: 3em;
+}
+.ol-touch .ol-search {
+  left: 3.5em;
+}
+.ol-search button {
+  top: 2px;
+  left: 2px;
+  float: left;
+}
+.ol-control.ol-search > button:before {
+  content: "";
+  position: absolute;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: .7em;
+  height: .7em;
+  background-color: transparent;
+  border: .12em solid currentColor;
+  border-radius: 100%;
+  top: .35em;
+  left: .35em;
+}
+.ol-control.ol-search > button:after {
+  content: "";
+  position: absolute;
+  top: 1.1em;
+  left: .95em;
+  width: .45em;
+  height: .15em;
+  background-color: currentColor;
+  border-radius: .05em;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+  -webkit-box-shadow: -0.18em 0 0 -0.03em;
+          box-shadow: -0.18em 0 0 -0.03em;
+}
+
+.ol-search button.ol-revers {
+  float: none;
+  background-image: none;
+  display: inline-block;
+  vertical-align: bottom;
+  position: relative;
+  top: 0;
+  left: 0;
+}
+.ol-search.ol-revers button.ol-revers {
+  background-color: rgba(0,136,60,.5)
+}
+
+.ol-control.ol-search.ol-collapsed button.ol-revers {
+  display: none;
+}
+.ol-search button.ol-revers:before {
+  content: "";
+  border: .1em solid currentColor;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%,-50%);
+          transform: translate(-50%,-50%);
+  border-radius: 50%;
+  width: .55em;
+  height: .55em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-search button.ol-revers:after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%,-50%);
+          transform: translate(-50%,-50%);
+  width: .2em;
+  height: .2em;
+  background-color: transparent;
+  -webkit-box-shadow: .35em 0 currentColor, 0 .35em currentColor, -.35em 0 currentColor, 0 -.35em currentColor;
+          box-shadow: .35em 0 currentColor, 0 .35em currentColor, -.35em 0 currentColor, 0 -.35em currentColor;
+}
+
+.ol-search input {
+  display: inline-block;
+  border: 0;
+  margin: 1px 1px 1px 2px;
+  font-size: 1.14em;
+  padding-left: 0.3em;
+  height: 1.375em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-transition: all 0.1s;
+  transition: all 0.1s;
+}
+.ol-touch .ol-search input,
+.ol-touch .ol-search ul {
+  font-size: 1.5em;
+}
+.ol-search.ol-revers > ul,
+.ol-control.ol-search.ol-collapsed > * {
+  display: none;
+}
+.ol-control.ol-search.ol-collapsed > button {
+  display: block;
+}
+
+.ol-search ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: block;
+  clear: both;
+  cursor: pointer;
+  max-width: 17em;
+  overflow-x: hidden;
+  z-index: 1;
+  background: #fff;
+}
+/*
+.ol-control.ol-search ul {
+  position: absolute;
+  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
+}
+*/
+.ol-search ul li {
+  padding: 0.1em 0.5em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ol-search ul li.select,
+.ol-search ul li:hover {
+  background-color: rgba(0,60,136,.5);
+  color: #fff;
+}
+.ol-search ul li img {
+  float: left;
+  max-height: 2em;
+}
+.ol-search li.copy {
+    background: rgba(0,0,0,.5);
+  color: #fff;
+}
+.ol-search li.copy a {
+  color: #fff;
+  text-decoration: none;
+}
+
+.ol-search.searching:before {
+  content: '';
+  position: absolute;
+  height: 3px;
+  left: 0;
+  top: 1.6em;
+  -webkit-animation: pulse .5s infinite alternate linear;
+          animation: pulse .5s infinite alternate linear;
+  background: red;
+  z-index: 2;
+}
+
+@-webkit-keyframes pulse {
+  0% { left:0; right: 95%; }
+  50% {	left: 30%; right: 30%; }
+  100% {	left: 95%; right: 0; }
+}
+
+@keyframes pulse {
+  0% { left:0; right: 95%; }
+  50% {	left: 30%; right: 30%; }
+  100% {	left: 95%; right: 0; }
+}
+
+
+.ol-search.IGNF-parcelle input {
+  width: 13.5em;
+}
+.ol-search.IGNF-parcelle input:-moz-read-only {
+  background: #ccc;
+  opacity: .8;
+}
+.ol-search.IGNF-parcelle input:read-only {
+  background: #ccc;
+  opacity: .8;
+}
+.ol-search.IGNF-parcelle.ol-collapsed-list > ul.autocomplete {
+  display: none;
+}
+
+.ol-search.IGNF-parcelle label {
+  display: block;
+  clear: both;
+}
+.ol-search.IGNF-parcelle > div input,
+.ol-search.IGNF-parcelle > div label {
+  width: 5em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: inline-block;
+  margin: .1em;
+  font-size: 1em;
+}
+.ol-search.IGNF-parcelle ul.autocomplete-page {
+  margin-top:.5em;
+  width:100%;
+  text-align: center;
+  display: none;
+}
+.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle,
+.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page {
+  display: block;
+}
+.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page,
+.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle,
+.ol-search.IGNF-parcelle ul.autocomplete-parcelle {
+  display: none;
+}
+.ol-search.IGNF-parcelle ul.autocomplete-page li {
+  display: inline-block;
+  color: #fff;
+  background: rgba(0,60,136,.5);
+  border-radius: 50%;
+  width: 1.3em;
+  height: 1.3em;
+  padding: .1em;
+  margin: 0 .1em;
+}
+.ol-search.IGNF-parcelle ul.autocomplete-page li.selected {
+  background: rgba(0,60,136,1);
+}
+
+/* GPS */
+.ol-searchgps input.search {
+  display: none;
+}
+.ol-control.ol-searchgps > button:first-child {
+  background-image: none;
+}
+.ol-control.ol-searchgps > button:first-child:before {
+  content: "x/y";
+  position: unset;
+  display: block;
+  -webkit-transform: scaleX(.8);
+          transform: scaleX(.8);
+  border: unset;
+  border-radius: 0;
+  width: auto;
+  height: auto;
+}
+.ol-control.ol-searchgps > button:first-child:after {
+  content: unset;
+}
+.ol-control.ol-searchgps .ol-latitude,
+.ol-control.ol-searchgps .ol-longitude {
+  clear: both;
+}
+.ol-control.ol-searchgps .ol-latitude label,
+.ol-control.ol-searchgps .ol-longitude label {
+  width: 5.5em;
+  display: inline-block;
+  text-align: right;
+  -webkit-transform: scaleX(.8);
+          transform: scaleX(.8);
+  margin: 0 -.8em 0 0;
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+}
+.ol-control.ol-searchgps .ol-latitude input,
+.ol-control.ol-searchgps .ol-longitude input {
+  max-width: 10em;
+}
+
+.ol-control.ol-searchgps .ol-ext-toggle-switch {
+  cursor: pointer;
+  float: right;
+  margin: .5em;
+  font-size: .9em;
+}
+
+.ol-searchgps .ol-decimal{
+  display: inline-block;
+  margin-right: .7em;
+}
+.ol-searchgps .ol-dms,
+.ol-searchgps.ol-dms .ol-decimal {
+  display: none;
+  width: 3em;
+  text-align: right;
+}
+.ol-searchgps.ol-dms .ol-dms {
+  display: inline-block;
+}
+
+.ol-searchgps span.ol-dms {
+  width: .5em;
+  text-align: left;
+}
+.ol-searchgps.ol-control.ol-collapsed button.ol-geoloc {
+  display: none;
+}
+.ol-searchgps button.ol-geoloc {
+  top: 0;
+  float: right;
+  margin-right: 3px;
+  background-image: none;
+  position: relative;
+}
+.ol-searchgps button.ol-geoloc:before {
+  content:"";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: .6em;
+  height: .6em;
+  border: .1em solid currentColor;
+  border-radius: 50%;
+  -webkit-transform: translate(-50%,-50%);
+          transform: translate(-50%,-50%);
+}
+.ol-searchgps button.ol-geoloc:after {
+  content:"";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: .2em;
+  height: .2em;
+  background-color: transparent;
+  -webkit-transform: translate(-50%,-50%);
+          transform: translate(-50%,-50%);
+  -webkit-box-shadow: 
+    .45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor,
+    .25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor;
+          box-shadow: 
+    .45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor,
+    .25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor;
+}
+.ol-control.ol-select {
+  top: .5em;
+  left: 3em;
+}
+.ol-touch .ol-control.ol-select {
+  left: 3.5em;
+}
+.ol-control.ol-select > button:before {
+  content: "A";
+  font-size: .6em;
+  font-weight: normal;
+  position: absolute;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  width: 1em;
+  height: 1em;
+  background-color: transparent;
+  border: .2em solid currentColor;
+  border-radius: 100%;
+  top: .5em;
+  left: .5em;
+  line-height: 1em;
+  text-align: center;
+}
+.ol-control.ol-select > button:after {
+  content: "";
+  position: absolute;
+  top: 1.15em;
+  left: 1em;
+  width: .45em;
+  height: .15em;
+  background-color: currentColor;
+  border-radius: .05em;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+  -webkit-box-shadow: -0.18em 0 0 -0.03em;
+          box-shadow: -0.18em 0 0 -0.03em;
+}
+.ol-select > div button {
+    width: auto;
+    padding: 0 .5em;
+    float: right;
+    font-weight: normal;
+}
+.ol-select .ol-delete {
+    width: 1.5em;
+  height: 1em;
+  vertical-align: middle;
+  display: inline-block;
+  position: relative;
+  cursor: pointer;
+}
+.ol-select .ol-delete:before {
+  content:'\00d7';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  width: 100%;
+  text-align: center;
+  font-weight: bold;
+}
+.ol-control.ol-select input {
+  font-size: 1em;
+}
+.ol-control.ol-select select {
+  font-size: 1em;
+  max-width: 10em;
+}
+.ol-control.ol-select select option.ol-default {
+  color: #999;
+  font-style: italic;
+}
+.ol-control.ol-select > div {
+  display: block;
+}
+.ol-control.ol-select.ol-collapsed > div {
+  display: none;
+}
+
+.ol-control.ol-select.ol-select-check {
+  max-width: 20em;
+}
+.ol-control.ol-select label.ol-ext-check {
+  margin-right: 1em;
+}
+.ol-control.ol-select label.ol-ext-toggle-switch span {
+  font-size: 1.1em;
+}
+
+.ol-select ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.ol-control.ol-select input[type="search"],
+.ol-control.ol-select input[type="text"]  {
+  width: 8em;
+}
+
+.ol-select .ol-autocomplete {
+  display: inline;
+}
+.ol-select .ol-autocomplete ul {
+  position: absolute;
+  display: block;
+  background: #fff;
+  border: 1px solid #999;
+  min-width: 10em;
+  font-size: .85em;
+}
+.ol-select .ol-autocomplete ul li {
+  padding: 0 .5em;
+}
+.ol-select .ol-autocomplete ul li:hover {
+  color: #fff;
+  background: rgba(0,60,136,.5);
+}
+.ol-select ul.ol-hidden {
+  display: none;
+}
+
+.ol-select-multi li > div:hover,
+.ol-select-multi li > div.ol-control.ol-select {
+  position: relative;
+  top: unset;
+  left: unset;
+  background: transparent;
+}
+.ol-select-multi li > div  > button,
+.ol-select-multi li > div  .ol-ok {
+  display: none;
+}
+.ol-select-multi li .ol-control.ol-select.ol-collapsed > div,
+.ol-select-multi li > div  > div {
+  display: block;
+}
+
+.ol-control.ol-status {
+  top: 0;
+  left: 0;
+  background: rgba(0,0,0,.2);
+  color: #fff;
+  font-size: .9em;
+  padding: .3em 3em;
+  border-radius: 0;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  pointer-events: none!important;
+  display: none;
+}
+.ol-control.ol-status.ol-visible {
+  display: initial;
+}
+.ol-control.ol-status.ol-bottom {
+  top: auto;
+  bottom: 0;
+}
+.ol-control.ol-status.ol-left {
+  top: 0;
+  bottom: 0;
+  padding: .3em .5em .3em 3em;
+  width: auto;
+}
+.ol-control.ol-status.ol-right {
+  top: 0;
+  bottom: 0;
+  left: auto;
+  right: 0;
+  padding: .3em 3em .3em .5em;
+  width: auto;
+}
+.ol-control.ol-status.ol-center {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+
+.ol-control.ol-storymap {
+  top: .5em;
+  left: .5em;
+  bottom: .5em;
+  max-width: 35%;
+  border-radius: .5em;
+  position: absolute;
+  height: auto;
+}
+.ol-storymap {
+  overflow: hidden;
+  padding: 0;
+  height: 100%;
+  position: relative;
+}
+.ol-storymap > div {
+  overflow: hidden;
+  padding: 0;
+  height: 100%;
+  position: relative;
+  scroll-behavior: smooth;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ol-storymap >div.ol-move {
+  scroll-behavior: unset;
+}
+
+.ol-control.ol-storymap .chapter {
+  padding: .5em;
+}
+.ol-storymap .chapter {
+  cursor: pointer;
+  opacity: .4;
+}
+.ol-storymap .chapter.ol-select {
+  cursor: default;
+  opacity: 1;
+}
+
+.ol-storymap .ol-scroll-top,
+.ol-storymap .ol-scroll-next {
+  position: relative;
+  min-height: 1.7em;
+  color: rgba(0,60,136,.5);
+  text-align: center;
+  cursor: pointer;
+}
+.ol-storymap .ol-scroll-next span {
+  padding-bottom: 1.4em;
+  display: block;
+}
+.ol-storymap .ol-scroll-top span {
+  padding-top: 1.4em;
+  display: block;
+}
+
+.ol-storymap .ol-scroll-top:before,
+.ol-storymap .ol-scroll-next:before {
+  content: "";
+  border: .3em solid currentColor;
+  border-radius: .3em;
+  border-color: transparent currentColor currentColor transparent;
+  width: .8em;
+  height: .8em;
+  display: block;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%) rotate(45deg);
+          transform: translateX(-50%) rotate(45deg);
+  -webkit-animation: ol-bounce-bottom 0.35s linear infinite alternate;
+          animation: ol-bounce-bottom 0.35s linear infinite alternate;
+  pointer-events: none;
+}
+.ol-storymap .ol-scroll-top:before {
+  border-color: currentColor transparent transparent currentColor;
+  -webkit-animation: ol-bounce-top 0.35s linear infinite alternate;
+          animation: ol-bounce-top 0.35s linear infinite alternate;
+}
+
+@-webkit-keyframes ol-bounce-top{
+  from {top: -.2em;}
+  to   {top: .5em;}
+}
+
+@keyframes ol-bounce-top{
+  from {top: -.2em;}
+  to   {top: .5em;}
+}
+@-webkit-keyframes ol-bounce-bottom{
+  from {bottom: -.2em;}
+  to   {bottom: .5em;}
+}
+@keyframes ol-bounce-bottom{
+  from {bottom: -.2em;}
+  to   {bottom: .5em;}
+}
+
+.ol-storymap img[data-title] {
+  cursor: pointer;
+}
+
+.ol-swipe {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  -ms-touch-action: none;
+      touch-action: none;
+}
+
+.ol-swipe:before {
+  content: "";
+  position: absolute;
+  top: -5000px;
+  bottom: -5000px;
+  left: 50%;
+  width: 4px;
+  background: #fff;
+  z-index:-1;
+  -webkit-transform: translate(-2px, 0);
+          transform: translate(-2px, 0);
+}
+.ol-swipe.horizontal:before {
+  left: -5000px;
+  right: -5000px;
+  top: 50%;
+  bottom: auto;
+  width: auto;
+  height: 4px;
+}
+
+.ol-swipe,
+.ol-swipe button {
+  cursor: ew-resize;
+}
+.ol-swipe.horizontal,
+.ol-swipe.horizontal button {
+  cursor: ns-resize;
+}
+
+.ol-swipe:after,
+.ol-swipe button:before,
+.ol-swipe button:after {
+  content: "";
+  position: absolute;
+  top: 25%;
+  bottom: 25%;
+  left: 50%;
+  width: 2px;
+  background: rgba(255,255,255,0.8);
+  transform: translate(-1px, 0);
+  -webkit-transform: translate(-1px, 0);
+}
+.ol-swipe button:after {
+  transform: translateX(5px);
+  -webkit-transform: translateX(5px);
+}
+.ol-swipe button:before {
+  transform: translateX(-7px);
+  -webkit-transform: translateX(-7px);
+}
+
+.ol-control.ol-timeline {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  -webkit-transition: .3s;
+  transition: .3s;
+}
+.ol-control.ol-timeline.ol-collapsed {
+  -webkit-transform: translateY(100%);
+          transform: translateY(100%);
+}
+.ol-timeline {
+  overflow: hidden;
+  padding: 2px 0 0;
+}
+.ol-timeline .ol-scroll {
+  overflow: hidden;
+  padding: 0;
+  scroll-behavior: smooth;
+  line-height: 1em;
+  height: 6em;
+  padding: 0 50%;
+}
+.ol-timeline .ol-scroll.ol-move {
+  scroll-behavior: unset;
+}
+
+.ol-timeline.ol-hasbutton .ol-scroll {
+  margin-left: 1.5em;
+  padding: 0 calc(50% - .75em);
+}
+.ol-timeline .ol-buttons {
+  display: none;
+  position: absolute;
+  top: 0;
+  background: rgba(255,255,255,.5);
+  width: 1.5em;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+}
+.ol-timeline.ol-hasbutton .ol-buttons {
+  display: block;
+}
+.ol-timeline .ol-buttons button {
+  font-size: 1em;
+  margin: 1px;
+  position: relative;
+}
+.ol-timeline .ol-buttons .ol-zoom-in:before,
+.ol-timeline .ol-buttons .ol-zoom-out:before {
+  content: "+";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-timeline .ol-buttons .ol-zoom-out:before{
+  content: '−';
+}
+
+.ol-timeline .ol-scroll > div {
+  height: 100%;
+  position: relative;
+}
+
+.ol-timeline .ol-scroll .ol-times {
+  background: rgba(255,255,255,.5);
+  height: 1em;
+  bottom: 0;
+  position: absolute;
+  left: -1000px;
+  right: -1000px;
+}
+.ol-timeline .ol-scroll .ol-time {
+  position: absolute;
+  font-size: .7em;
+  color: #999;
+  bottom: 0;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ol-timeline .ol-scroll .ol-time.ol-year {
+  color: #666;
+  z-index: 1;
+}
+.ol-timeline .ol-scroll .ol-time:before {
+  content: "";
+  position: absolute;
+  bottom: 1.2em;
+  left: 50%;
+  height: 500px;
+  border-left: 1px solid currentColor;
+}
+
+.ol-timeline .ol-scroll .ol-features {
+  position: absolute;
+  top: 0;
+  bottom: 1em;
+  left: -200px;
+  right: -1000px;
+  margin: 0 0 0 200px;
+  overflow: hidden;
+}
+
+.ol-timeline .ol-scroll .ol-feature {
+  position: absolute;
+  font-size: .7em;
+  color: #999;
+  top: 0;
+  background: #fff;
+  max-width: 3em;
+  max-height: 2.4em;
+  min-height: 1em;
+  line-height: 1.2em;
+  border: 1px solid #ccc;
+  overflow: hidden;
+  padding: 0 .5em 0 0;
+  -webkit-transition: all .3s;
+  transition: all .3s;
+  cursor: pointer;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.ol-timeline.ol-zoomhover .ol-scroll .ol-feature:hover,
+.ol-timeline.ol-zoomhover .ol-scroll .ol-feature.ol-select {
+  z-index: 1;
+  -webkit-transform: scale(1.2);
+          transform: scale(1.2);
+  background: #eee;
+  /* max-width: 14em!important; */
+}
+
+/* Center */
+.ol-timeline .ol-center-date {
+  display: none;
+  position: absolute;
+  left: 50%;
+  height: 100%;
+  width: 2px;
+  bottom: 0;
+  z-index: 2;
+  pointer-events: none;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  background-color: #f00;
+  opacity: .4;
+}
+.ol-timeline.ol-hasbutton .ol-center-date {
+  left: calc(50% + .75em);
+}
+
+/* Show center */ 
+.ol-timeline.ol-pointer .ol-center-date {
+  display: block;
+}
+.ol-timeline.ol-pointer .ol-center-date:before, 
+.ol-timeline.ol-pointer .ol-center-date:after {
+  content: '';
+  border: 0.3em solid transparent;
+  border-width: .3em .25em;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.ol-timeline.ol-pointer .ol-center-date:before {
+  border-top-color: #f00;
+  top: 0;
+}
+.ol-timeline.ol-pointer .ol-center-date:after {
+  border-bottom-color: #f00;
+  bottom: 0
+}
+
+/* show interval */
+.ol-timeline.ol-interval .ol-center-date {
+  display: block;
+  background-color: transparent;
+  border: 0 solid #000;
+  border-width: 0 10000px;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  opacity: .2;
+}
+.ol-control.ol-videorec {
+  top: 0;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.ol-control.ol-videorec button {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.ol-control.ol-videorec button:before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: .8em;
+  height: .8em;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  background-color: currentColor;
+}
+.ol-control.ol-videorec button.ol-start:before {
+  width: .9em;
+  height: .9em;
+  border-radius: 50%;
+  background-color: #c00;
+}
+.ol-control.ol-videorec button.ol-pause:before {
+  width: .2em;
+  background-color: transparent;
+  -webkit-box-shadow: -.2em 0, .2em 0;
+          box-shadow: -.2em 0, .2em 0;
+}
+.ol-control.ol-videorec button.ol-resume:before {
+  border-style: solid;
+  background: transparent;
+  width: auto;
+  border-width: .4em 0 .4em .6em;
+  border-color: transparent transparent transparent currentColor;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.ol-control.ol-videorec button.ol-stop,
+.ol-control.ol-videorec button.ol-pause,
+.ol-control.ol-videorec button.ol-resume,
+.ol-control.ol-videorec[data-state="rec"] .ol-start,
+.ol-control.ol-videorec[data-state="pause"] .ol-start {
+  display: none;
+}
+.ol-control.ol-videorec[data-state="rec"] .ol-stop,
+.ol-control.ol-videorec[data-state="pause"] .ol-stop,
+.ol-control.ol-videorec[data-state="rec"] .ol-pause,
+.ol-control.ol-videorec[data-state="pause"] .ol-resume {
+  display: inline-block;
+}
+
+.ol-control.ol-wmscapabilities {
+  top: .5em;
+  right: 2.5em;
+}
+.ol-touch .ol-control.ol-wmscapabilities {
+  right: 3em;
+}
+.ol-control.ol-wmscapabilities.ol-hidden {
+  display: none;
+}
+.ol-control.ol-wmscapabilities button:before {
+  content: "+";
+  position: absolute;
+  top: calc(50% - .35em);
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-control.ol-wmscapabilities button:after {
+  content: "";
+  width: .75em;
+  height: .75em;
+  position: absolute;
+  background: transparent;
+  top: calc(50% - .05em);
+  left: 50%;
+  -webkit-transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
+          transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
+  -webkit-box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor;
+          box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor;
+  border-radius: .1em 0;
+  border: .15em solid transparent;
+  border-width: 0 .15em .15em 0;
+}
+
+.ol-wmscapabilities .ol-searching {
+  opacity: .5;
+}
+.ol-wmscapabilities .ol-searching .ol-url:after{
+  content: "";
+  width: .7em;
+  height: .7em;
+  background-color: currentColor;
+  position: absolute;
+  top: 6em;
+  border-radius: 50%;
+  display: block;
+  left: calc(50% - .35em);
+  -webkit-box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor;
+          box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor;
+  -webkit-animation:ol-wmscapabilities-rotate 2s linear infinite;
+          animation:ol-wmscapabilities-rotate 2s linear infinite;
+}
+@-webkit-keyframes ol-wmscapabilities-rotate { 
+  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
+}
+@keyframes ol-wmscapabilities-rotate { 
+  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
+}
+
+.ol-wmscapabilities .ol-url input {
+  width: calc(100% - 10em);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  min-width: Min(100%, 20em);
+}
+.ol-wmscapabilities .ol-url select {
+  width: 2em;
+  height: 100%;
+  padding: 1px;
+}
+.ol-wmscapabilities .ol-url button {
+  width: 7.5em;
+  margin-left: .5em;
+}
+.ol-wmscapabilities .ol-result {
+  display: none;
+  margin-top: .5em;
+}
+.ol-wmscapabilities .ol-result.ol-visible {
+  display: block;
+}
+
+.ol-wmscapabilities .ol-select-list {
+  position: relative;
+  border: 1px solid #369;
+  overflow-x: hidden;
+  width: calc(100% - 120px);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  max-height: 14.5em;
+}
+.ol-wmscapabilities .ol-select-list div {
+  padding: 0 .5em;
+  cursor: pointer;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.ol-wmscapabilities .ol-select-list .level-1 {
+  padding-left: 1em;
+}
+.ol-wmscapabilities .ol-select-list .level-2 {
+  padding-left: 1.5em;
+}
+.ol-wmscapabilities .ol-select-list .level-3 {
+  padding-left: 2em;
+}
+.ol-wmscapabilities .ol-select-list .level-4 {
+  padding-left: 2.5em;
+}
+.ol-wmscapabilities .ol-select-list .level-5 {
+  padding-left: 3em;
+}
+
+.ol-wmscapabilities .ol-select-list .ol-info {
+  font-style: italic;
+}
+.ol-wmscapabilities .ol-select-list .ol-title {
+  background-color: rgba(0,60,136,.1);
+}
+.ol-wmscapabilities .ol-select-list div:hover {
+  background-color: rgba(0,60,136,.5);
+  color: #fff;
+}
+.ol-wmscapabilities .ol-select-list div.selected {
+  background-color: rgba(0,60,136,.7);
+  color: #fff;
+}
+
+.ol-wmscapabilities .ol-preview {
+  width: 100px;
+  float: right;
+  background: rgba(0,60,136,.1);
+  color: #666;
+  padding: 0 5px 5px;
+  text-align: center;
+  margin-left: 10px;
+}
+.ol-wmscapabilities .ol-preview.tainted {
+  width: 100px;
+  float: right;
+  background: rgba(136,0,60,.1);
+  color: #666;
+  padding: 0 5px 5px;
+  text-align: center;
+  margin-left: 10px;
+}
+.ol-wmscapabilities .ol-preview img {
+  width: 100%;
+  display: block;
+  background: #fff;
+}
+.ol-wmscapabilities .ol-legend {
+  max-width: 100%;
+  display: none;
+}
+.ol-wmscapabilities .ol-legend.visible {
+  display: block;
+}
+.ol-wmscapabilities .ol-buttons {
+  clear: both;
+  text-align: right;
+}
+.ol-wmscapabilities .ol-data p {
+  margin: 0;
+}
+.ol-wmscapabilities .ol-data p.ol-title {
+  font-weight: bold;
+  margin: 1em 0 .5em;
+}
+.ol-wmscapabilities .ol-error {
+  color: #800;
+}
+
+.ol-wmscapabilities ul.ol-wmsform {
+  display: none;
+  list-style: none;
+  padding: 0;
+}
+.ol-wmscapabilities ul.ol-wmsform.visible {
+  display: block;
+}
+.ol-wmscapabilities .ol-wmsform label {
+  display: inline-block;
+  text-align: right;
+  width: calc(40% - .5em);
+  margin-right: .5em;
+}
+.ol-wmscapabilities .ol-wmsform input {
+  display: inline-block;
+  width: 60%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-wmscapabilities .ol-wmsform input[type="checkbox"] {
+  width: auto;
+}
+.ol-wmscapabilities .ol-wmsform button {
+  float: right;
+  margin: 1em 0;
+}
+
+.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] input {
+  width: calc(60% - 2em);
+}
+.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button {
+  position: relative;
+  width: 2em;
+  height: 1.6em;
+  margin: 0;
+  vertical-align: middle;
+  color: #444;
+}
+.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:before,
+.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:after {
+  content: "";
+  position: absolute;
+  width: .25em;
+  height: .9em;
+  border: .1em solid currentColor;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) skewY(-15deg);
+          transform: translate(-50%, -50%) skewY(-15deg);
+}
+.ol-wmscapabilities ul.ol-wmsform li[data-param="extent"] button:after {
+  -webkit-transform: translateX(.4em) translate(-50%, -50%) skewY(15deg);
+          transform: translateX(.4em) translate(-50%, -50%) skewY(15deg);
+  -webkit-box-shadow: -0.8em 0.25em;
+          box-shadow: -0.8em 0.25em;
+}
+
+.ol-ext-dialog.ol-wmscapabilities form {
+  max-height: calc(85% - 1em);
+  width: 600px;
+  min-height: 15em;
+  top: 15%;
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
+}
+
+.ol-ext-dialog.ol-wmtscapabilities [data-param="map"] {
+  display: none;
+}
+.ol-ext-dialog [data-param="style"] {
+  display: none;
+}
+.ol-ext-dialog.ol-wmtscapabilities [data-param="style"] {
+  display: list-item;
+}
+.ol-ext-dialog.ol-wmtscapabilities [data-param="proj"],
+.ol-ext-dialog.ol-wmtscapabilities [data-param="version"] {
+  opacity: .6;
+  pointer-events: none;
+}
+
+.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform {
+  width: 1.8em;
+  text-align: center;
+}
+.ol-ext-dialog.ol-wmscapabilities button.ol-wmsform:before {
+  content: "+";
+}
+.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-wmsform:before {
+  content: "-";
+}
+
+.ol-ext-dialog.ol-wmscapabilities .ol-form button.ol-load,
+.ol-ext-dialog.ol-wmscapabilities .ol-form .ol-legend {
+  display: none;
+}
+.ol-ext-dialog.ol-wmscapabilities .ol-form ul.ol-wmsform {
+  display: block;
+  clear: both;
+}
+.ol-target-overlay .ol-target 
+{	border: 1px solid transparent;
+	-webkit-box-shadow: 0 0 1px 1px #fff;
+	        box-shadow: 0 0 1px 1px #fff;
+	display: block;
+	height: 20px;
+	width: 0;
+}
+
+.ol-target-overlay .ol-target:after,
+.ol-target-overlay .ol-target:before
+{	content:"";
+	border: 1px solid #369;
+	-webkit-box-shadow: 0 0 1px 1px #fff;
+	        box-shadow: 0 0 1px 1px #fff;
+	display: block;
+	width: 20px;
+	height: 0;
+	position:absolute;
+	top:10px;
+	left:-10px;
+}
+.ol-target-overlay .ol-target:after
+{	-webkit-box-shadow: none;	box-shadow: none;
+	height: 20px;
+	width: 0;
+	top:0px;
+	left:0px;
+}
+
+.ol-overlaycontainer .ol-touch-cursor {
+  /* human fingertips are typically 16x20 mm = 45x57 pixels
+    source: http://touchlab.mit.edu/publications/2003_009.pdf
+  */
+  width: 56px;
+  height: 56px;
+  margin: 6px;
+  border-radius: 50%;
+  cursor: pointer;
+  background: rgba(255,255,255,.4);
+  -webkit-box-shadow: inset 0 0 0 5px #369;
+          box-shadow: inset 0 0 0 5px #369;
+}
+
+.ol-overlaycontainer .ol-touch-cursor:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 50%;
+  background: radial-gradient(circle at 100% 100%, transparent, transparent 70%, #369 70%, #369)
+}
+
+.ol-overlaycontainer .ol-touch-cursor .ol-button {
+  position: absolute;
+  color: #369;
+  height: 55%;
+  width: 55%;
+  border-radius: 50%;
+  cursor: pointer;
+  background: rgba(255,255,255,.4);
+  -webkit-box-shadow: inset 0 0 0 3px currentColor;
+          box-shadow: inset 0 0 0 3px currentColor;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) scale(0);
+          transform: translate(-50%, -50%) scale(0);
+  -webkit-transition: all .5s, opacity 0s, background 0s;
+  transition: all .5s, opacity 0s, background 0s;
+  overflow: hidden;
+}
+.ol-overlaycontainer .ol-touch-cursor.active.disable .ol-button {
+  opacity: .8;
+  background: rgba(51, 102, 153, .2);
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button {
+  -webkit-transform: translate(-50%, -50%) scale(1);
+          transform: translate(-50%, -50%) scale(1);
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-0 {
+  top: -18%;
+  left: 118%;
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-1 {
+  top: 50%;
+  left: 140%;
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-2 {
+  top: 120%;
+  left: 120%;
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-3 {
+  top: 140%;
+  left: 50%;
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-4 {
+  top: 118%;
+  left: -18%;
+}
+/* extra buttons */
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-5 {
+  top: 50%;
+  left: -40%;
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-6 {
+  top: -18%;
+  left: -18%;
+}
+.ol-overlaycontainer .ol-touch-cursor.active .ol-button-7 {
+  top: -40%;
+  left: 50%;
+}
+
+.ol-overlaycontainer .ol-touch-cursor .ol-button:before {
+  content: "";
+  width: 1.5em;
+  height: 1em;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  line-height: 1em;
+  text-align: center;
+}
+.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before,
+.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-remove:before {
+  content: "−";
+  line-height: .95em;
+  font-size: 1.375em;
+  font-weight: bold;
+}
+.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before {
+  content: "+";
+}
+.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-x:before {
+  content: "\00D7";
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-move:before {
+  content: "\2725";
+  font-size: 1.2em;
+}
+.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-check:before {
+  content: "\2713";
+  font-weight: bold;
+}
+
+.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-x,
+.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-remove,
+.ol-overlaycontainer .ol-touch-cursor.nodrawing .ol-button.ol-button-check {
+  opacity: .8;
+  background: rgba(51, 102, 153, .2);
+}
+
+.ol-overlaycontainer .ol-touch-cursor .ol-button > div {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.ol-overlaycontainer .ol-touch-cursor .ol-button-type:before {
+  content: "\21CE";
+  font-weight: bold;
+}
+
+
+
+/* remove outline on focus */
+.mapboxgl-canvas:focus {
+  outline: none;
+}
+.ol-perspective-map {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 200%;
+  height: 200%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-perspective-map .ol-layer {
+  z-index: -1!important; /* bug using Chrome ? */
+}
+.ol-perspective-map .ol-layers {
+  -webkit-transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1);
+          transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1);
+}
+
+.ol-perspective-map .ol-overlaycontainer,
+.ol-perspective-map .ol-overlaycontainer-stopevent {
+  width: 50%!important;
+  height: 50%!important;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.ol-overlay-container .ol-magnify 
+{	background: rgba(0,0,0, 0.5);
+	border:3px solid #369;
+	border-radius: 50%;
+	height: 150px;
+	width: 150px;
+	overflow: hidden;
+	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	position:relative;
+	z-index:0;
+}
+
+.ol-overlay-container .ol-magnify:before 
+{	border-radius: 50%;
+	-webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
+	        box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
+	content: "";
+	display: block;
+	height: 100%;
+	left: 0;
+	position: absolute;
+	top: 0;
+	width: 100%;
+	z-index: 1;
+}
+
+.ol-overlay-container .ol-magnify:after 
+{
+	border-radius: 50%;
+	-webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
+	        box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
+	content: "";
+	display: block;
+	height: 0;
+	left: 23%;
+	position: absolute;
+	top: 20%;
+	width: 20%;
+	z-index: 1;
+	transform: rotate(-40deg);
+	-webkit-transform: rotate(-40deg);
+}
+/** popup animation using visible class
+*/
+.ol-popup.anim {
+  visibility: hidden;
+}
+
+.ol-popup.anim.visible {
+  visibility: visible;
+}
+/** No transform when visible 
+*/
+.ol-popup.anim.visible > div {
+  visibility: visible;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-animation: ol-popup_bounce 0.4s ease 1;
+          animation: ol-popup_bounce 0.4s ease 1;
+}
+
+@-webkit-keyframes ol-popup_bounce {
+  from { -webkit-transform: scale(0); transform: scale(0); }
+  50%  { -webkit-transform: scale(1.1); transform: scale(1.1) }
+  80%  { -webkit-transform: scale(0.95); transform: scale(0.95) }
+  to   { -webkit-transform: scale(1); transform: scale(1); }
+}
+
+@keyframes ol-popup_bounce {
+  from { -webkit-transform: scale(0); transform: scale(0); }
+  50%  { -webkit-transform: scale(1.1); transform: scale(1.1) }
+  80%  { -webkit-transform: scale(0.95); transform: scale(0.95) }
+  to   { -webkit-transform: scale(1); transform: scale(1); }
+}
+
+/** Transform Origin */
+.ol-popup.anim.ol-popup-bottom.ol-popup-left > div  {
+  -webkit-transform-origin:0 100%;
+          transform-origin:0 100%;
+}
+.ol-popup.anim.ol-popup-bottom.ol-popup-right > div {
+  -webkit-transform-origin:100% 100%;
+          transform-origin:100% 100%;
+}
+.ol-popup.anim.ol-popup-bottom.ol-popup-center > div {
+  -webkit-transform-origin:50% 100%;
+          transform-origin:50% 100%;
+}
+.ol-popup.anim.ol-popup-top.ol-popup-left > div {
+  -webkit-transform-origin:0 0;
+          transform-origin:0 0;
+}
+.ol-popup.anim.ol-popup-top.ol-popup-right > div {
+  -webkit-transform-origin:100% 0;
+          transform-origin:100% 0;
+}
+.ol-popup.anim.ol-popup-top.ol-popup-center > div {
+  -webkit-transform-origin:50% 0;
+          transform-origin:50% 0;
+}
+.ol-popup.anim.ol-popup-middle.ol-popup-left > div {
+  -webkit-transform-origin:0 50%;
+          transform-origin:0 50%;
+}
+.ol-popup.anim.ol-popup-middle.ol-popup-right > div {
+  -webkit-transform-origin:100% 50%;
+          transform-origin:100% 50%;
+}
+
+.ol-overlaycontainer-stopevent {
+  /* BOUG ol6.1 to enable DragOverlay interaction 
+  position: initial!important;
+  */
+}
+
+/** ol.popup */
+.ol-popup {
+  font-size:0.9em;
+  -webkit-user-select: none;  
+  -moz-user-select: none;    
+  -ms-user-select: none;      
+  user-select: none;
+}
+.ol-popup .ol-popup-content {
+  overflow:hidden;
+  cursor: default;
+  padding: 0.25em 0.5em;
+}
+.ol-popup.hasclosebox .ol-popup-content {
+  margin-right: 1.7em;
+}
+.ol-popup .ol-popup-content:after {
+  clear: both;
+  content: "";
+  display: block;
+  font-size: 0;
+  height: 0;
+}
+
+/** Anchor position */
+.ol-popup .anchor {
+  display: block;
+  width: 0px;
+  height: 0px;
+  background:red;
+  position: absolute;
+  margin: -11px 22px;
+  pointer-events: none;
+}
+.ol-popup .anchor:after,
+.ol-popup .anchor:before {
+  position:absolute;
+}
+.ol-popup-right .anchor:after,
+.ol-popup-right .anchor:before {
+  right:0;
+}
+.ol-popup-top .anchor { top:0; }
+.ol-popup-bottom .anchor { bottom:0; }
+.ol-popup-right .anchor { right:0; }
+.ol-popup-left .anchor { left:0; }
+.ol-popup-center .anchor { 
+  left:50%; 
+  margin-left: 0!important;
+}
+.ol-popup-middle .anchor { 
+  top:50%; 
+  margin-top: 0!important;
+}
+.ol-popup-center.ol-popup-middle .anchor { 
+  display:none; 
+}
+
+/** Fixed popup */
+.ol-popup.ol-fixed {
+  margin: 0!important;
+  top: .5em!important;
+  right: .5em!important;
+  left: auto!important;
+  bottom: auto!important;
+  -webkit-transform: none!important;
+          transform: none!important;
+}
+.ol-popup.ol-fixed .anchor {
+  display: none;
+}
+.ol-popup.ol-fixed.anim > div {
+  -webkit-animation: none;
+          animation: none;
+}
+
+.ol-popup .ol-fix {
+  width: 1em;
+  height: .9em;
+  background: #fff;
+  position: relative;
+  float: right;
+  margin: .2em;
+  cursor: pointer;
+}
+.ol-popup .ol-fix:before {
+  content: "";
+  width: .8em;
+  height: .7em;
+  display: block;
+  border: .1em solid #666;
+      border-right-width: 0.1em;
+  border-right-width: .3em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: .1em;
+}
+
+/** Add a shadow to the popup */
+.ol-popup.shadow {
+  -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
+          box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
+}
+
+/** Close box */
+.ol-popup .closeBox {
+  background-color: rgba(0, 60, 136, 0.5);
+  color: #fff;
+  border: 0;
+  border-radius: 2px;
+  cursor: pointer;
+  float: right;
+  font-size: 0.9em;
+  font-weight: 700;
+  width: 1.4em;
+  height: 1.4em;
+  margin: 5px 5px 0 0;
+  padding: 0;
+  position: relative;
+  display:none;
+}
+.ol-popup.hasclosebox .closeBox {
+  display:block;
+}
+
+.ol-popup .closeBox:hover {
+  background-color: rgba(0, 60, 136, 0.7);
+}
+/* the X */
+.ol-popup .closeBox:after {
+  content: "\00d7";
+  font-size:1.5em;
+  top: 50%;
+  left: 0;
+  right: 0;
+  width: 100%;
+  text-align: center;
+  line-height: 1em;
+  margin: -0.5em 0;
+  position: absolute;
+}
+
+/** Modify touch poup */
+.ol-popup.modifytouch {
+  background-color: #eee;
+}
+.ol-popup.modifytouch .ol-popup-content {	
+  padding: 0 0.25em;
+  font-size: 0.85em;
+  white-space: nowrap;
+}
+.ol-popup.modifytouch .ol-popup-content a {
+  text-decoration: none;
+}
+
+/** Tool tips popup*/
+.ol-popup.tooltips {
+  background-color: #ffa;
+}
+.ol-popup.tooltips .ol-popup-content{
+  padding: 0 0.25em;
+  font-size: 0.85em;
+  white-space: nowrap;
+}
+
+/** Default popup */
+.ol-popup.default > div {
+  background-color: #fff;
+  border:1px solid #69f;
+  border-radius: 5px;
+}
+.ol-popup.default {
+  margin: -11px 0;
+  -webkit-transform: translate(0, -22px);
+          transform: translate(0, -22px);
+}
+.ol-popup-top.ol-popup.default {
+  margin: 11px 0;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.default {
+  margin: -11px -22px;
+  -webkit-transform: translate(0, -22px);
+          transform: translate(0, -22px);
+}
+.ol-popup-top.ol-popup-left.default {
+  margin: 11px -22px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.default {
+  margin: -11px 22px;
+  -webkit-transform: translate(44px, -22px);
+          transform: translate(44px, -22px);
+}
+.ol-popup-top.ol-popup-right.default {
+  margin: 11px 22px;
+  -webkit-transform: translate(44px, 0);
+          transform: translate(44px, 0);
+}
+.ol-popup-middle.default {
+  margin:0 10px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-middle.ol-popup-right.default {
+  margin:0 -10px;
+  -webkit-transform: translate(-20px, 0);
+          transform: translate(-20px, 0);
+}
+
+.ol-popup.default .anchor {
+  color: #69f;
+}
+.ol-popup.default .anchor:after,
+.ol-popup.default .anchor:before {
+  content:"";
+  border-color: currentColor transparent;
+  border-style: solid;
+  border-width: 11px;
+  margin: 0 -11px;
+}
+.ol-popup.default .anchor:after {
+  border-color: #fff transparent;
+  border-width: 11px;
+  margin: 2px -11px;
+}
+
+.ol-popup-top.default .anchor:before,
+.ol-popup-top.default .anchor:after {
+  border-top:0;
+  top:0;
+}
+
+.ol-popup-bottom.default .anchor:before,
+.ol-popup-bottom.default .anchor:after {
+  border-bottom:0;
+  bottom:0;
+}
+
+.ol-popup-middle.default .anchor:before {
+  margin: -11px -33px;
+  border-color: transparent currentColor;
+}
+.ol-popup-middle.default .anchor:after {
+  margin: -11px -31px;
+  border-color: transparent #fff;
+}
+.ol-popup-middle.ol-popup-left.default .anchor:before,
+.ol-popup-middle.ol-popup-left.default .anchor:after {
+  border-left:0;
+}
+.ol-popup-middle.ol-popup-right.default .anchor:before,
+.ol-popup-middle.ol-popup-right.default .anchor:after {
+  border-right:0;
+}
+
+/** Placemark popup */
+.ol-popup.placemark {
+  color: #c00;
+  margin: -.65em 0;
+  -webkit-transform: translate(0, -1.3em);
+          transform: translate(0, -1.3em);
+}
+.ol-popup.placemark > div {
+  position: relative;
+  font-size: 15px;	
+  background-color: #fff;
+  border: 0;
+  -webkit-box-shadow: inset 0 0 0 0.45em;
+          box-shadow: inset 0 0 0 0.45em;
+  width: 2em;
+  height: 2em;
+  border-radius: 50%;
+  min-width: unset;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-popup.placemark .ol-popup-content {
+  overflow: hidden;
+  cursor: default;
+  text-align: center;
+  padding: .25em 0;
+  width: 1em;
+  height: 1em;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  line-height: 1em;
+}
+.ol-popup.placemark .anchor {
+  margin: 0;
+}
+
+.ol-popup.placemark .anchor:before {
+  content: "";
+  margin: -.5em -.5em;
+  background: transparent;
+  width: 1em;
+  height: .5em;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 1em 0.5em rgba(0,0,0,.5);
+          box-shadow: 0 1em 0.5em rgba(0,0,0,.5);
+}
+.ol-popup.placemark .anchor:after {
+  content: "";
+  border-color: currentColor transparent;
+  border-style: solid;
+  border-width: 1em .7em 0;
+  margin: -.75em -.7em;
+  bottom:0;
+}
+
+/** Placemark Shield */
+.ol-popup.placemark.shield > div {
+  border-radius: .2em;
+}
+
+.ol-popup.placemark.shield .anchor:after {
+    border-width: .8em 1em 0;
+    margin: -.7em -1em;
+}
+
+/** Placemark Blazon */
+.ol-popup.placemark.blazon > div {
+  border-radius: .2em;
+}
+
+/** Placemark Needle/Pushpin */
+.ol-popup.placemark.pushpin {	
+  margin: -2.2em 0;
+  -webkit-transform: translate(0, -4em);
+          transform: translate(0, -4em);
+}
+.ol-popup.placemark.pushpin > div {	
+  border-radius: 0;
+  background: transparent!important;
+  -webkit-box-shadow: inset 2em 0 currentColor;
+          box-shadow: inset 2em 0 currentColor;
+  width: 1.1em;
+}
+.ol-popup.placemark.pushpin > div:before {
+  content: "";
+  width: 1.3em;
+  height: 1.5em;
+  border-style: solid;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%,-50%);
+          transform: translate(-50%,-50%);
+  border-color: currentColor transparent;
+  border-width: .3em .5em .5em;
+  pointer-events: none;
+}
+
+.ol-popup.placemark.needle {	
+  margin: -2em 0;
+  -webkit-transform: translate(0, -4em);
+          transform: translate(0, -4em);
+}
+.ol-popup.placemark.pushpin .anchor,
+.ol-popup.placemark.needle .anchor {
+  margin: -1.2em;
+}
+.ol-popup.placemark.pushpin .anchor:after,
+.ol-popup.placemark.needle .anchor:after {
+  border-style: solid;
+    border-width: 2em .15em 0;
+    margin: -.55em -0.2em;
+    width: .1em;
+}
+.ol-popup.placemark.pushpin .anchor:before,
+.ol-popup.placemark.needle .anchor:before {
+    margin: -.75em -.5em;
+}
+
+/** Placemark Flag */
+.ol-popup.placemark.flagv {
+  margin: -2em 1em;
+  -webkit-transform: translate(0, -4em);
+          transform: translate(0, -4em);
+}
+.ol-popup.placemark.flagv > div {
+  border-radius: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background-color: transparent;
+}
+.ol-popup.placemark.flagv > div:before {
+  content: "";
+  border: 1em solid transparent;
+  position: absolute;
+  border-left: 2em solid currentColor;
+  pointer-events: none;
+}
+.ol-popup.placemark.flagv .anchor {
+  margin: -1.4em;
+}
+
+.ol-popup.placemark.flag {	
+  margin: -2em 1em;
+  -webkit-transform: translate(0, -4em);
+          transform: translate(0, -4em);
+}
+.ol-popup.placemark.flag > div {	
+  border-radius: 0;
+  -webkit-transform-origin: 0% 150%!important;
+          transform-origin: 0% 150%!important;
+}
+.ol-popup.placemark.flag .anchor {
+  margin: -1.4em;
+}
+.ol-popup.placemark.flagv .anchor:after, 
+.ol-popup.placemark.flag .anchor:after {
+  border-style: solid;
+  border-width: 2em .15em 0;
+  margin: -.55em -1em;
+  width: .1em;
+}
+.ol-popup.placemark.flagv .anchor:before,
+.ol-popup.placemark.flag .anchor:before {
+  margin: -.75em -1.25em;
+}
+
+.ol-popup.placemark.flag.finish {
+  margin: -2em 1em;
+}
+.ol-popup.placemark.flag.finish > div {
+  background-image: 
+    linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor), 
+    linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
+  background-size: 1em 1em;
+  background-position: .5em 0, 0 .5em;
+  -webkit-box-shadow: inset 0 0 0 .25em;
+          box-shadow: inset 0 0 0 .25em;
+}
+
+/** Black popup */
+.ol-popup.black .closeBox {
+  background-color: rgba(0,0,0, 0.5);
+  border-radius: 5px;
+  color: #f80;
+}
+.ol-popup.black .closeBox:hover {
+  background-color: rgba(0,0,0, 0.7);
+  color:#da2;
+}
+
+.ol-popup.black {
+  margin: -20px 0;
+  -webkit-transform: translate(0, -40px);
+          transform: translate(0, -40px);
+}
+.ol-popup.black > div{
+  background-color: rgba(0,0,0,0.6);
+  border-radius: 5px;
+  color:#fff;
+}
+.ol-popup-top.ol-popup.black {
+  margin: 20px 0;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.black {
+  margin: -20px -22px;
+  -webkit-transform: translate(0, -40px);
+          transform: translate(0, -40px);
+}
+.ol-popup-top.ol-popup-left.black {
+  margin: 20px -22px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.black {
+  margin: -20px 22px;
+  -webkit-transform: translate(44px, -40px);
+          transform: translate(44px, -40px);
+}
+.ol-popup-top.ol-popup-right.black {
+  margin: 20px 22px;
+  -webkit-transform: translate(44px, 0);
+          transform: translate(44px, 0);
+}
+.ol-popup-middle.black {
+  margin: 0 11px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.ol-popup-middle.black {
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.ol-popup-middle.black {
+  margin:0 -11px;
+  -webkit-transform: translate(-22px, 0);
+          transform: translate(-22px, 0);
+}
+
+.ol-popup.black .anchor {
+  margin: -20px 11px;
+  color: rgba(0,0,0,0.6);
+} 
+.ol-popup.black .anchor:before {
+  content:"";
+  border-color: currentColor transparent;
+  border-style: solid;
+  border-width: 20px 11px;
+}
+
+.ol-popup-top.black .anchor:before {
+  border-top:0;
+  top:0;
+}
+
+.ol-popup-bottom.black .anchor:before {
+  border-bottom:0;
+  bottom:0;
+}
+
+.ol-popup-middle.black .anchor:before {
+  margin: -20px -22px;
+  border-color: transparent currentColor;
+}
+.ol-popup-middle.ol-popup-left.black .anchor:before {
+  border-left:0;
+}
+.ol-popup-middle.ol-popup-right.black .anchor:before {
+  border-right:0;
+}
+
+.ol-popup-center.black .anchor:before {
+  margin: 0 -10px;
+}
+
+
+/** Green tips popup */
+.ol-popup.tips .closeBox {
+  background-color: #f00;
+  border-radius: 50%;
+  color: #fff;
+  width:1.2em;
+  height:1.2em;
+}
+.ol-popup.tips .closeBox:hover {
+  background-color: #f40;
+}
+
+.ol-popup.tips {
+  margin: -20px 0;
+  -webkit-transform: translate(0,-40px);
+          transform: translate(0,-40px);
+}
+.ol-popup.tips > div {
+  background-color: #cea;
+  border: 5px solid #ad7;
+  border-radius: 5px;
+  color:#333;
+}
+.ol-popup-top.ol-popup.tips {
+  margin: 20px 0;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.tips {
+  margin: -20px -22px;
+  -webkit-transform: translate(0,-40px);
+          transform: translate(0,-40px);
+}
+.ol-popup-top.ol-popup-left.tips {
+  margin: 20px -22px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.tips {
+  margin: -20px 22px;
+  -webkit-transform: translate(44px,-40px);
+          transform: translate(44px,-40px);
+}
+.ol-popup-top.ol-popup-right.tips {
+  margin: 20px 22px;
+  -webkit-transform: translate(44px,0);
+          transform: translate(44px,0);
+}
+.ol-popup-middle.tips {
+  margin:0;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.ol-popup-middle.tips {
+  margin: 0 22px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.ol-popup-middle.tips {
+  margin: 0 -22px;
+  -webkit-transform: translate(-44px,0);
+          transform: translate(-44px,0);
+}
+
+.ol-popup.tips .anchor {
+  margin: -18px 22px;
+  color: #ad7;
+} 
+.ol-popup.tips .anchor:before {
+  content:"";
+  border-color: currentColor transparent;
+  border-style: solid;
+  border-width: 20px 11px;
+}
+
+.ol-popup-top.tips .anchor:before {
+  border-top:0;
+  top:0;
+}
+.ol-popup-bottom.tips .anchor:before {
+  border-bottom:0;
+  bottom:0;
+}
+.ol-popup-center.tips .anchor:before {
+  border-width: 20px 6px;
+  margin: 0 -6px;
+}
+.ol-popup-left.tips .anchor:before {
+  border-left:0;
+  margin-left:0;
+}
+.ol-popup-right.tips .anchor:before {
+  border-right:0;
+  margin-right:0;
+}
+
+.ol-popup-middle.tips .anchor:before {
+  margin: -6px -41px;
+  border-color: transparent currentColor;
+  border-width:6px 20px;
+}
+.ol-popup-middle.ol-popup-left.tips .anchor:before {
+  border-left:0;
+}
+.ol-popup-middle.ol-popup-right.tips .anchor:before {
+  border-right:0;
+}
+
+/** Warning popup */
+.ol-popup.warning .closeBox {
+  background-color: #f00;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 0.83em;
+}
+.ol-popup.warning .closeBox:hover {
+  background-color: #f40;
+}
+
+.ol-popup.warning {
+  background-color: #fd0;
+  border-radius: 3px;
+  border:4px dashed #f00;
+  margin:20px 0;
+  color:#900;
+  margin: -28px 10px;
+  -webkit-transform: translate(0, -56px);
+          transform: translate(0, -56px);
+}
+.ol-popup-top.ol-popup.warning {
+  margin: 28px 10px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.warning {
+  margin: -28px -22px;
+  -webkit-transform: translate(0, -56px);
+          transform: translate(0, -56px);
+}
+.ol-popup-top.ol-popup-left.warning {
+  margin: 28px -22px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.warning {
+  margin: -28px 22px;
+  -webkit-transform: translate(44px, -56px);
+          transform: translate(44px, -56px);
+}
+.ol-popup-top.ol-popup-right.warning {
+  margin: 28px 22px;
+  -webkit-transform: translate(44px, 0);
+          transform: translate(44px, 0);
+}
+.ol-popup-middle.warning {
+  margin:0;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-left.ol-popup-middle.warning {
+  margin:0 22px;
+  -webkit-transform: none;
+          transform: none;
+}
+.ol-popup-right.ol-popup-middle.warning {
+  margin:0 -22px;
+  -webkit-transform: translate(-44px, 0);
+          transform: translate(-44px, 0);
+}
+
+.ol-popup.warning .anchor {
+  margin: -33px 7px;
+} 
+.ol-popup.warning .anchor:before {
+  content:"";
+  border-color: #f00 transparent;
+  border-style: solid;
+  border-width: 30px 11px;
+}
+
+.ol-popup-top.warning .anchor:before {
+  border-top:0;
+  top:0;
+}
+.ol-popup-bottom.warning .anchor:before {
+  border-bottom:0;
+  bottom:0;
+}
+
+.ol-popup-center.warning .anchor:before {
+  margin: 0 -21px;
+}
+.ol-popup-middle.warning .anchor:before {
+  margin: -10px -33px;
+  border-color: transparent #f00;
+  border-width:10px 22px;
+}
+.ol-popup-middle.ol-popup-left.warning .anchor:before {
+  border-left:0;
+}
+.ol-popup-middle.ol-popup-right.warning .anchor:before {
+  border-right:0;
+}
+
+.ol-popup .ol-popupfeature table {
+  width: 100%;
+}
+.ol-popup .ol-popupfeature table td {
+  max-width: 25em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ol-popup .ol-popupfeature table td img {
+  max-width: 100px;
+  max-height: 100px;
+}
+.ol-popup .ol-popupfeature tr:nth-child(2n+1) {
+  background-color: #eee;
+}
+.ol-popup .ol-popupfeature .ol-zoombt {
+  border: 0;
+  width: 2em;
+  height: 2em;
+  display: inline-block;
+  color: rgba(0,60,136,.5);
+  position: relative;
+  background: transparent;
+  outline: none;
+}
+.ol-popup .ol-popupfeature .ol-zoombt:before {
+  content: "";
+  position: absolute;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 1em;
+  height: 1em;
+  background-color: transparent;
+  border: .17em solid currentColor;
+  border-radius: 100%;
+  top: .3em;
+  left: .3em;
+}
+.ol-popup .ol-popupfeature .ol-zoombt:after {
+  content: "";
+  position: absolute;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  top: 1.35em;
+  left: 1.15em;
+  border-width: .1em .3em;
+  border-style: solid;
+  border-radius: .03em;
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+  -webkit-box-shadow: -0.2em 0 0 -0.04em;
+          box-shadow: -0.2em 0 0 -0.04em;
+}
+
+.ol-popup .ol-popupfeature .ol-count{
+  float: right;
+  margin: .25em 0;
+}
+.ol-popup .ol-popupfeature .ol-prev,
+.ol-popup .ol-popupfeature .ol-next {
+  border-style: solid;
+  border-color: transparent rgba(0,60,136,.5);
+  border-width: .5em 0 .5em .5em;
+  display: inline-block;
+  vertical-align: bottom;
+  margin: 0 .5em;
+  cursor: pointer;
+}
+.ol-popup .ol-popupfeature .ol-prev{
+  border-width: .5em .5em .5em 0;
+}
+
+.ol-popup.tooltips.black {
+  background-color: transparent;
+}
+.ol-popup.tooltips.black > div {
+  -webkit-transform: scaleY(1.3);
+          transform: scaleY(1.3);
+  padding: .2em .5em;
+  background-color: rgba(0,0,0, 0.5);
+}
+.ol-popup-middle.tooltips.black .anchor:before {
+  border-width: 5px 10px;
+  margin: -5px -21px;
+}
+
+.ol-popup-center.ol-popup-middle { 
+  margin: 0;
+}
+
+.ol-popup-top.ol-popup-left.ol-fixPopup,
+.ol-popup-top.ol-popup-right.ol-fixPopup,
+.ol-popup.ol-fixPopup {
+  margin: 0;
+}
+
+.ol-miniscroll {
+  position: relative;
+}
+.ol-miniscroll:hover .ol-scroll {
+  opacity: .5;
+  -webkit-transition: opacity 1s;
+  transition: opacity 1s;
+}
+.ol-miniscroll .ol-scroll {
+  -ms-touch-action: none;
+      touch-action: none;
+  position: absolute;
+  right: 0px;
+  width: 9px;
+  height: auto;
+  max-height: 100%;
+  opacity: 0;
+  border-radius: 9px;
+  -webkit-transition: opacity 1s .5s;
+  transition: opacity 1s .5s;
+  overflow: hidden;
+  z-index: 1;
+}
+.ol-miniscroll .ol-scroll > div {
+  -ms-touch-action: none;
+      touch-action: none;
+  position: absolute;
+  top: 0;
+  right: 0px;
+  width: 9px;
+  height: 9px;
+  -webkit-box-shadow: inset 10px 0 currentColor;
+          box-shadow: inset 10px 0 currentColor;
+  border-radius: 9px / 12px;
+  border: 2px solid transparent;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  cursor: pointer;
+}
+.ol-miniscroll .ol-scroll.ol-100pc {
+  opacity: 0;
+}
+
+.ol-viewport canvas.ol-fixedoverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Toggle Switch */
+.ol-ext-toggle-switch {
+  cursor: pointer;
+  position: relative;
+}
+.ol-ext-toggle-switch input[type="radio"],
+.ol-ext-toggle-switch input[type="checkbox"] {
+  display: none;
+}
+.ol-ext-toggle-switch span {
+  color: rgba(0,60,136,.5);
+  position: relative;
+  cursor: pointer;
+  background-color: #ccc;
+  -webkit-transition: .4s, background-color 0s, border-color 0s;
+  transition: .4s, background-color 0s, border-color 0s;
+  width: 1.6em;
+  height: 1em;
+  display: inline-block;
+  border-radius: 1em;
+  font-size: 1.3em;
+  vertical-align: middle;
+  margin: -.15em .2em .15em;
+}
+.ol-ext-toggle-switch span:before {
+  position: absolute;
+  content: "";
+  height: 1em;
+  width: 1em;
+  left: 0;
+  top: 50%;
+  background-color: #fff;
+  -webkit-transition: .4s;
+  transition: .4s;
+  border-radius: 1em;
+  display: block;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  border: 2px solid #ccc;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-ext-toggle-switch:hover span {
+  background-color: #999;
+}
+.ol-ext-toggle-switch:hover span:before {
+  border-color: #999;
+}
+
+.ol-ext-toggle-switch input:checked + span {
+  background-color: currentColor;
+}
+.ol-ext-toggle-switch input:checked + span:before {
+  -webkit-transform: translate(.6em,-50%);
+          transform: translate(.6em,-50%);
+  border-color: currentColor;
+}
+
+/* Check/radio buttons */
+.ol-ext-check {
+  position: relative;
+  display: inline-block;
+}
+.ol-ext-check input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  height: 0;
+  width: 0;
+}
+.ol-ext-check span {
+  color: rgba(0,60,136,.5);
+  position: relative;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  margin: -.1em .5em .1em;
+  background-color: #ccc;
+  vertical-align: middle;
+}
+.ol-ext-check:hover span {
+  background-color: #999;
+}
+.ol-ext-checkbox input:checked ~ span {
+  background-color: currentColor;
+}
+.ol-ext-checkbox input:checked ~ span:before {
+  content: "";
+  position: absolute;
+  width: .5em;
+  height: .8em;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg);
+          transform: translateY(-.1em) translate(-50%, -50%) rotate(45deg);
+  -webkit-box-shadow: inset -0.2em -0.2em #fff;
+          box-shadow: inset -0.2em -0.2em #fff;
+}
+
+.ol-ext-radio span {
+  width: 1.1em;
+  height: 1.1em;
+  border-radius: 50%;
+}
+.ol-ext-radio:hover input:checked ~ span {
+  background-color: #ccc;
+}
+.ol-ext-radio input:checked ~ span:before {
+  content: "";
+  position: absolute;
+  width: 50%;
+  height: 50%;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background-color: currentColor;
+}
+
+.ol-collection-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ol-collection-list li {
+  position: relative;
+  padding: 0 2em 0 1em;
+}
+.ol-collection-list li:hover {
+  background-color: rgba(0,60,136,.2);
+}
+.ol-collection-list li.ol-select {
+  background-color: rgba(0,60,136,.5);
+  color: #fff;
+}
+
+.ol-collection-list li .ol-order {
+  position: absolute;
+  -ms-touch-action: none;
+      touch-action: none;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  width: 2em;
+  height: 100%;
+  cursor: n-resize;
+}
+.ol-collection-list li .ol-order:before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  width: 18px;
+  height: 2px;
+  background-color: currentColor;
+  -webkit-box-shadow: 0 5px, 0 -5px;
+          box-shadow: 0 5px, 0 -5px;
+  border-radius: 2px;
+}
+
+.ol-ext-colorpicker.ol-popup {
+  width: 2em;
+  height: 1.5em;
+  background-color: transparent;
+  background-image: 
+    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), 
+    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
+  background-size: 10px 10px;
+  background-position: 0 -1px, 5px 4px;
+}
+
+.ol-ext-colorpicker .ol-tabbar {
+  background-color: #eee;
+  border-bottom: 1px solid #999;
+  display: none;
+}
+.ol-ext-colorpicker.ol-tab .ol-tabbar {
+  display: block;
+}
+
+.ol-ext-colorpicker .ol-tabbar > div {
+  display: inline-block;
+  background-color: #fff;
+  padding: 0 .5em;
+  border: 1px solid #999;
+  border-radius: 2px 2px 0 0;
+  position: relative;
+  top: 1px;
+  cursor: pointer;
+}
+.ol-ext-colorpicker .ol-tabbar > div:nth-child(1) {
+  border-bottom-color: #fff;
+}
+.ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(1) {
+  border-bottom-color: #999;
+}
+.ol-ext-colorpicker.ol-picker-tab .ol-tabbar > div:nth-child(2) {
+  border-bottom-color: #fff;
+}
+
+.ol-ext-colorpicker.ol-popup.ol-tab .ol-popup {
+  width: 180px;
+}
+.ol-ext-colorpicker.ol-tab .ol-palette {
+  margin: 0 10px;
+}
+.ol-ext-colorpicker.ol-tab .ol-container {
+  display: none;
+}
+.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-container {
+  display: block;
+}
+.ol-ext-colorpicker.ol-tab.ol-picker-tab .ol-palette {
+  display: none;
+}
+
+.ol-ext-colorpicker.ol-popup .ol-popup {
+  width: 340px;
+}
+
+.ol-ext-colorpicker.ol-popup .ol-vignet {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  border: 0;
+  background-color: currentColor;
+  pointer-events: none;
+}
+
+.ol-ext-colorpicker .ol-container {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+}
+.ol-ext-colorpicker .ol-cursor {
+  pointer-events: none;
+}
+
+.ol-ext-colorpicker .ol-picker {
+  position: relative;
+  cursor: crosshair;
+  width: 150px;
+  height: 150px;
+  border: 5px solid #fff;
+  background-color: currentColor;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(transparent)),
+    -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
+  background-image: linear-gradient(0, #000, transparent),
+    linear-gradient(90deg, #fff, transparent);
+}
+.ol-ext-colorpicker .ol-picker .ol-cursor {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  border: 1px solid rgba(0,0,0,.7);
+  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.7);
+          box-shadow: 0 0 0 1px rgba(255,255,255,.7);
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+}
+
+.ol-ext-colorpicker .ol-slider {
+  position: relative;
+  cursor: crosshair;
+  background-color: #fff;
+  height: 10px;
+  width: 150px;
+  margin: 5px 0 10px;
+  border: 5px solid #fff;
+  border-width: 0 5px;
+  background-image: 
+    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), 
+    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
+  background-size: 10px 10px;
+  background-position: 0 -1px, 5px 4px;
+}
+.ol-ext-colorpicker .ol-slider > div {
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(45deg, transparent, #fff);
+  pointer-events: none;
+}
+.ol-ext-colorpicker .ol-slider .ol-cursor {
+  position: absolute;
+  width: 4px;
+  height: 12px;
+  border: 1px solid #000;
+  top: 50%;
+  left: 0;
+  background: transparent;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-ext-colorpicker .ol-tint {
+  position: absolute;
+  cursor: crosshair;
+  width: 10px;
+  height: 150px;
+  border: 5px solid #fff;
+  border-width: 5px 0;
+  -webkit-box-sizing: border;
+          box-sizing: border;
+  top: 0;
+  right: 5px;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#f00), color-stop(#f0f), color-stop(#00f), color-stop(#0ff), color-stop(#0f0), color-stop(#ff0), to(#f00));
+  background-image: linear-gradient(0, #f00, #f0f, #00f, #0ff, #0f0, #ff0, #f00)
+}
+.ol-ext-colorpicker .ol-tint .ol-cursor {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  border: 1px solid #000;
+  height: 4px;
+  width: 12px;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+.ol-ext-colorpicker .ol-clear {
+  position: absolute;
+  border: 2px solid #999;
+  right: 4px;
+  top: 163px;
+  width: 10px;
+  height: 10px;
+}
+.ol-ext-colorpicker .ol-clear:before,
+.ol-ext-colorpicker .ol-clear:after {
+  content: "";
+  position: absolute;
+  width: 15px;
+  height: 2px;
+  background-color: #999;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(45deg);
+          transform: translate(-50%, -50%) rotate(45deg);
+}
+.ol-ext-colorpicker .ol-clear:after {
+  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ol-ext-colorpicker.ol-nopacity .ol-slider,
+.ol-ext-colorpicker.ol-nopacity .ol-clear {
+  display: none;
+}
+.ol-ext-colorpicker.ol-nopacity .ol-alpha {
+  display: none;
+}
+
+.ol-ext-colorpicker .ol-rgb {
+  position: relative;
+  padding: 5px;
+  width: 170px;
+  display: none;
+}
+.ol-ext-colorpicker .ol-rgb input {
+  width: 25%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0 0 0 2px;
+  border: 1px solid #999;
+  border-radius: 2px;
+  font-size: 13px;
+}
+.ol-ext-colorpicker .ol-rgb input:nth-child(1) {
+	background-color: rgba(255,0,0,.1);
+}
+.ol-ext-colorpicker .ol-rgb input:nth-child(2) {
+	background-color: rgba(0,255,0,.1);
+}
+.ol-ext-colorpicker .ol-rgb input:nth-child(3) {
+	background-color: rgba(0,0,255,.12);
+}
+
+.ol-ext-colorpicker button,
+.ol-ext-colorpicker .ol-txt-color {
+  font-size: 13px;
+  margin: 0 5px 5px;
+  text-align: center;
+  width: 170px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  border: 1px solid #999;
+  border-radius: 2px;
+  display: block;
+}
+.ol-ext-colorpicker button {
+  background-color: #eee;
+}
+.ol-ext-colorpicker button:hover {
+  background-color: #e9e9e9;
+}
+
+.ol-ext-colorpicker .ol-txt-color.ol-error {
+  background-color: rgba(255,0,0,.2);
+}
+
+.ol-ext-colorpicker .ol-palette {
+  padding: 2px;
+  display: inline-block;
+  width: 152px;
+}
+.ol-ext-colorpicker .ol-palette > div {
+  width: 15px;
+  height: 15px;
+  display: inline-block;
+  background-image: 
+    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%), 
+    linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%);
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px;
+  margin: 2px;
+  -webkit-box-shadow: 0 0 2px 0px #666;
+          box-shadow: 0 0 2px 0px #666;
+  border-radius: 1px;
+  cursor: pointer;
+  position: relative;
+}
+.ol-ext-colorpicker .ol-palette > div:before {
+  content: "";
+  position: absolute;
+  background-color: currentColor;
+  width: 100%;
+  height: 100%;
+}
+.ol-ext-colorpicker .ol-palette > div.ol-select:after {
+  content: "";
+  position: absolute;
+  width: 6px;
+  height: 12px;
+  -webkit-box-shadow: 1px 1px #fff, 2px 2px #000;
+          box-shadow: 1px 1px #fff, 2px 2px #000;
+  top: 30%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%) rotate(45deg);
+          transform: translate(-50%, -50%) rotate(45deg);
+}
+.ol-ext-colorpicker .ol-palette > div:hover {
+  -webkit-box-shadow: 0 0 2px 1px #d90;
+          box-shadow: 0 0 2px 1px #d90;
+}
+.ol-ext-colorpicker .ol-palette hr {
+  margin: 0;
+}
+
+.ol-input-popup {
+  display: inline-block;
+  position: relative;
+}
+.ol-input-popup .ol-popup {
+  position: absolute;
+  -webkit-box-shadow: 1px 1px 3px 1px #999;
+          box-shadow: 1px 1px 3px 1px #999;
+  background-color: #fff;
+  z-index: 1;
+  display: none;
+  left: -5px;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  white-space: nowrap;
+}
+.ol-input-popup.ol-hover:hover .ol-popup,
+.ol-input-popup.ol-focus .ol-popup {
+  display: block;
+}
+.ol-input-popup.ol-right .ol-popup {
+  left: auto;
+  right: -5px;
+}
+.ol-input-popup.ol-middle .ol-popup {
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+
+
+.ol-input-popup .ol-popup li {
+  position: relative;
+  padding: 10px 5px;
+}
+
+.ol-input-popup li:hover {
+  background-color: #ccc;
+}
+.ol-input-popup li.ol-selected {
+  background-color: #ccc;
+}
+
+.ol-input-popup.ol-fixed:hover .ol-popup,
+.ol-input-popup.ol-fixed .ol-popup {
+  position: relative;
+  left: 0;
+  -webkit-box-shadow: unset;
+          box-shadow: unset;
+  background-color: transparent;
+  display: inline-block;
+  vertical-align: middle;
+}
+.ol-input-popup.ol-fixed.ol-left .ol-popup {
+  float: left;
+}
+
+.ol-input-popup > div {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  border-radius: 2px;
+  border: 1px solid #999;
+  padding: 3px 20px 3px 10px
+}
+.ol-input-popup > div:before {
+  position: absolute;
+  content: "";
+  right: 5px;
+  top: 50%;
+  border: 5px solid transparent;
+  border-top: 5px solid #999;
+}
+
+.ol-ext-popup-input {
+  display: inline-block;
+  vertical-align: top;
+}
+.ol-ext-popup-input.ol-popup {
+  position: relative;
+  width: 2em;
+  height: 1.5em;
+  display: inline-block;
+  border: 3px solid #fff;
+  border-right-width: 1em;
+  -webkit-box-shadow: 0 0 2px 1px #666;
+          box-shadow: 0 0 2px 1px #666;
+  border-radius: 2px;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  vertical-align: middle;
+}
+.ol-ext-popup-input.ol-popup:after {
+  content: "";
+  position: absolute;
+  border: .5em solid #aaa;
+  border-width: .5em .3em 0;
+  border-color: #999 transparent;
+  right: -.8em;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  pointer-events: none;
+}
+
+.ol-ext-popup-input * {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+.ol-ext-popup-input.ol-popup .ol-popup {
+  position: absolute;
+  top: 100%;
+  min-width: 3em;
+  min-height: 3em;
+  left: 0;
+  -webkit-box-shadow: 1px 1px 3px 1px #999;
+          box-shadow: 1px 1px 3px 1px #999;
+  display: block;
+  background-color: #fff;
+  display: none;
+  z-index: 1;
+}
+.ol-ext-popup-input.ol-popup .ol-popup.ol-visible {
+  display: block;
+}
+
+.ol-ext-popup-input.ol-popup-fixed .ol-popup {
+  position: fixed;
+  top: auto;
+  left: auto;
+}
+
+.ol-input-popup.ol-size li {
+  display: table-cell;
+  height: 100%;
+  padding: 5px;
+  vertical-align: middle;
+}
+
+.ol-input-popup.ol-size li > * {
+  background-color: #369;
+  border-radius: 50%;
+  vertical-align: middle;
+  width: 1em;
+  height: 1em;
+}
+
+.ol-input-popup.ol-size li > .ol-option-0 {
+  position: relative;
+  width: 1em;
+  height: 1em;
+  border: 2px solid currentColor;
+  color: #aaa;
+  background-color: transparent;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.ol-input-popup.ol-size li > *:before {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.ol-input-popup.ol-size li > .ol-option-0:before {
+  content: "";
+  width: 1em;
+  height: 2px;
+  background-color: #aaa;
+  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ol-input-slider {
+  display: inline-block;
+  position: relative;
+}
+.ol-input-slider .ol-popup {
+  position: absolute;
+  -webkit-box-shadow: 1px 1px 3px 1px #999;
+          box-shadow: 1px 1px 3px 1px #999;
+  background-color: #fff;
+  z-index: 1;
+  display: none;
+  left: -5px;
+}
+.ol-input-slider.ol-right .ol-popup {
+  left: auto;
+  right: -5px;
+}
+.ol-input-slider.ol-hover:hover .ol-popup,
+.ol-input-slider.ol-focus .ol-popup {
+  display: block;
+  white-space: nowrap;
+}
+.ol-input-slider.ol-hover:hover .ol-popup > *,
+.ol-input-slider.ol-focus .ol-popup > * {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ol-input-slider.ol-hover:hover .ol-popup > .ol-before,
+.ol-input-slider.ol-focus .ol-popup > .ol-before {
+  margin-left: 10px;
+}
+.ol-input-slider.ol-hover:hover .ol-popup > .ol-after,
+.ol-input-slider.ol-focus .ol-popup > .ol-after {
+  margin-right: 10px;
+}
+.ol-input-slider .ol-slider {
+  position: relative;
+  width: 100px;
+  height: 3px;
+  border: 0 solid transparent;
+  border-width: 10px 15px;
+  -webkit-box-shadow: inset 0 0 0 1px #999;
+          box-shadow: inset 0 0 0 1px #999;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  cursor: pointer;
+}
+
+.ol-input-slider .ol-slider > .ol-cursor {
+  position: absolute;
+  width: 5px;
+  height: 10px;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  background-color: #999;
+  pointer-events: none;
+}
+
+.ol-input-slider.ol-fixed:hover .ol-popup,
+.ol-input-slider.ol-fixed .ol-popup {
+  position: relative;
+  left: 0;
+  -webkit-box-shadow: unset;
+          box-shadow: unset;
+  background-color: transparent;
+  display: inline-block;
+  vertical-align: middle;
+}
+.ol-input-slider.ol-fixed.ol-left .ol-popup {
+  float: left;
+}
+
+/* Grow */
+.ol-input-slider.ol-size .ol-slider {
+  height: auto;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ol-input-slider.ol-size .ol-slider .ol-back {
+  width: 0;
+  color: #aaa;
+  border: 0 solid transparent;
+  border-width: 0 0 20px 100px;
+  border-color: currentColor transparent;
+  pointer-events: none;
+}
+
+.ol-input-slider.ol-size .ol-slider > .ol-cursor {
+  width: 2px;
+  height: calc(100% + 4px);
+  border-width: 5px 3px;
+  border-style: solid;
+  border-color: #f00 transparent;
+  -o-border-image: initial;
+     border-image: initial;
+  background-color: transparent;
+  -webkit-box-shadow: inset 3px 0px #f00;
+          box-shadow: inset 3px 0px #f00;
+}
+
+.ol-input-popup.ol-width li {
+  padding: 5px;
+}
+
+
+.ol-input-popup.ol-width li > * {
+  background-color: #369;
+  width: 100px;
+  height: 1em;
+}
+
+.ol-input-popup.ol-width li > .ol-option-0 {
+  position: relative;
+  height: 1px;
+  background-image: linear-gradient(90deg,#aaa 2px, transparent 2px);
+  background-color: transparent;
+  background-size: 4px;
+}

src/main/webapp/WEB-INF/jsp/cctv.jsp

@@ -1,91 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<jsp:include page="head.jsp"/>
-
-<body>
-
-<div class="container" align="center">
-    <jsp:include page="header.jsp"/>
-    <jsp:include page="menu.jsp"/>
-
-    <div class="content">
-        <table border="0" cellpadding="10" cellspacing="0" width="100%" style="font-weight: bold;font-family:tahoma;font-size:14pt;color:#808080;border-color:#6a5acd" >
-            <tr><td>
-                <fieldset><legend> CCTV Network Ping Information </legend>
-                    <table align="center" border="1" cellpadding="1" cellspacing="0" style="border: 1px solid;font-weight: normal;font-family:tahoma;font-size:12pt;">
-                        <thead>
-                        <tr style="background-color: antiquewhite;">
-                            <th>관리번호</th>
-                            <th>CCTV ID</th>
-                            <th>CCTV 명칭</th>
-                            <th>IP Address</th>
-                            <th>상태</th>
-                            <th>마지막 PING 시간</th>
-                            <th>명령</th>
-                        </tr>
-                        </thead>
-                        <c:forEach var="entry" items="${list}" varStatus="status">
-                            <tr>
-                                <td align="center">${entry.value.CTLR_NMBR}</td>
-                                <td align="center">${entry.value.CTLR_ID}</td>
-                                <td>${entry.value.ISTL_LCTN_NM}</td>
-                                <td>&nbsp;${entry.value.CTLR_IP}&nbsp;</td>
-                                <td align="center">
-                                    <c:choose>
-                                        <c:when test="${entry.value.netState eq '0'}">
-                                            &nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;
-                                        </c:when>
-                                        <c:otherwise>
-                                            &nbsp;&nbsp;Alive&nbsp;&nbsp;
-                                        </c:otherwise>
-                                    </c:choose>
-                                </td>
-                                <td align="center">&nbsp;${entry.value.pingTime}&nbsp;</td>
-                                <td align="center">
-                                    &nbsp;&nbsp;<a href="javascript:controllerPing('${entry.value.CTLR_ID}', '${entry.value.ISTL_LCTN_NM}', '${entry.value.CTLR_IP}')">ping</a>&nbsp;&nbsp;</td>
-                           </tr>
-                        </c:forEach>
-                    </table>
-                    <br>
-                    <table align="center" border="0" cellpadding="1" cellspacing="0" style="font-weight: normal;font-family:tahoma;font-size:12pt;">
-                        <tr>
-                            <td><button type="button" onclick="AllControllerPing()">전체 ping</button></td>
-                        </tr>
-                    </table>
-
-            </fieldset>
-            </td></tr>
-        </table>
-    </div>
-
-    <div class="content">
-        <div class="log" id="log">
-            <fieldset id="FileForm">
-                <legend name="fileName" id="logFileName">Ping Test</legend>
-                <div id="logScroll" style="width: 98%;height: 660px;overflow: auto;margin:5px auto;">
-                    <table >
-                        <tbody id="fileTbody">
-
-                        </tbody>
-                    </table>
-                </div>
-            </fieldset>
-        </div>
-    </div>
-
-</div>
-
-<script type="text/javascript">
-    function init(){
-        _controllerList = ${objList};
-    }
-
-    $(document).ready(function() {
-        init();
-    });
-</script>
-
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/head.jsp

@@ -1,10 +0,0 @@
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>${ServerConfig.processName}</title>
-</head>
-
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/jquery-2.2.4.min.js"></script>
-<script type="text/javascript" src="/js/ajax.js"></script>
-<script type="text/javascript" src="/js/main.js"></script>
-<script type="text/javascript" src="/js/login.js"></script>

src/main/webapp/WEB-INF/jsp/header.jsp

@@ -1,12 +0,0 @@
-
-<table width="100%" style="font-family:tahoma;font-size:12pt;color:#808080;border-color:#6a5acd;margin-top: 5px;" border="0" cellpadding="10" cellspacing="0">
-    <tr align="center"><td style="font-size: 24px; font-weight: bold; color: black;">${ServerConfig.processName}</td></tr>
-</table>
-<hr>
-<table width="100%" style="font-family:tahoma;font-size:12pt;color:#808080;border-color:#6a5acd;margin-top: -10px;" border="0" cellpadding="10" cellspacing="0" >
-    <tr align="right"><td id="serverTime" style="font-size: 16px; font-weight: bold; color: black; padding-right: 30px">${ServerTime}</td></tr>
-</table>
-
-<script type="text/javascript">
-    var _sever_time = '${ServerTime}';
-</script>

src/main/webapp/WEB-INF/jsp/log.jsp

@@ -1,60 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<jsp:include page="head.jsp"/>
-<Link href="/css/jquery.treegrid.css" rel="stylesheet">
-<body>
-
-<div class="container" align="center">
-    <jsp:include page="header.jsp"/>
-    <jsp:include page="menu.jsp"/>
-
-    <div class="content">
-        <table border="0" cellpadding="10" cellspacing="0" width="600" style="font-weight: bold;font-family:tahoma;font-size:14pt;color:#808080;border-color:#6a5acd" >
-            <tr><td>
-                <fieldset><legend> Log Files </legend>
-                    <table class="table table-bordered tree-basic"  id="logFiles" border="0" cellpadding="1" cellspacing="0" style="width: 100%; font-weight: normal;font-family:tahoma;font-size:12pt;">
-                        <tbody id="logTbody">
-                        </tbody>
-                    </table>
-                </fieldset>
-            </td></tr>
-        </table>
-    </div>
-
-    <div class="content">
-        <div class="log" id="log">
-            <fieldset id="FileForm">
-                <legend name="fileName" id="logFileName">Log File View</legend>
-                <div id="logScroll" style="width: 98%;height: 660px;overflow: auto;margin:5px auto;">
-                    <table >
-                        <tbody id="fileTbody">
-
-                        </tbody>
-                    </table>
-                </div>
-            </fieldset>
-        </div>
-    </div>
-</div>
-
-</div>
-
-
-<script src="/js/jquery.treegrid.min.js"></script>
-<script type="text/javascript">
-    function init(){
-        var fileList = ${fileList};
-        var fileListBody = initLogFileList(fileList);
-        tbodyAppend("logTbody", fileListBody);
-        $('.tree-basic').treegrid();
-    }
-
-    $(document).ready(function() {
-        init();
-    });
-</script>
-
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/login.jsp

@@ -1,26 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<jsp:include page="head.jsp"/>
-<body>
-
-<div class="container" align="center">
-    <jsp:include page="header.jsp"/>
-
-    <div class="content">
-        <form id="loginForm" name="loginForm" action="/login" method="post">
-            <table border="0" cellpadding="1" cellspacing="0" style="font-family:tahoma;font-size:10pt;border-color:#kkkkkk;">
-                <tr>
-                    <td width="120" align="right">USER ID :</td>
-                    <td> <input type="text" size="20" maxlength="20" id="username" name="username" style=font-family:tahoma;font-size:10pt;/></td></tr>
-                <tr>
-                    <td width="120" align="right">USER PASSWORD :</td><td> <input type="password" size="20" maxlength="20" id="password" name="password" style=font-family:tahoma;font-size:10pt;/></td></tr>
-                <tr>
-                    <td width="120"></td><td align="left"><input type="submit" value=" LOGIN " style=font-family:tahoma;font-size:10pt;/></td></tr>
-            </table>
-        </form>
-    </div>
-</div>
-
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/menu.jsp

@@ -1,20 +0,0 @@
-<table style="font-family:tahoma;font-size:12pt;color:#808080;border-color:#6a5acd; margin-top: -10px" width="100%" border="0" cellpadding="10" cellspacing="0">
-    <tr><td>
-        <table border=0 cellpadding=0 cellspacing=0 style="font-family:tahoma;font-size:16pt;border-color:#808080;" align="center">
-            <tr>
-                <td><a href="/index">System</a></td>
-                <td width=20></td>
-                <td><a href="/cctv">cctv</a></td>
-                <td width=20></td>
-                <td><a href="/wcam">web camera</a></td>
-                <td width=20></td>
-                <td><a href="/log">Log</a></td>
-                <td width=20></td>
-                <form name="loginForm" method="post" action="/logout">
-                <td><a href="javascript:submitForm();">Logout</a></td>
-                </form>
-            </tr>
-        </table>
-
-    </td></tr>
-</table>

src/main/webapp/WEB-INF/jsp/system.jsp

@@ -1,32 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<jsp:include page="head.jsp"/>
-
-<body>
-
-<div class="container" align="center">
-    <jsp:include page="header.jsp"/>
-    <jsp:include page="menu.jsp"/>
-
-    <div class="content">
-        <table border="0" cellpadding="10" cellspacing="0" width="600" style="font-weight: bold;font-family:tahoma;font-size:14pt;color:#808080;border-color:#6a5acd" >
-            <tr><td>
-                <fieldset><legend> System Information </legend>
-                    <table border="0" cellpadding="1" cellspacing="0" style="font-weight: normal;font-family:tahoma;font-size:12pt;">
-                            <tr><td align="right" width="200">          system id : </td> <td><input type="text" value="${ServerConfig.processId}"          disabled /></td></tr>
-                            <tr><td align="right" width="200">       ping timeout : </td> <td><input type="text" value="${ServerConfig.pingTimeout}"        disabled /></td></tr>
-                            <tr><td align="right" width="200">  ping core threads : </td> <td><input type="text" value="${ServerConfig.threadPoolCoreSize}" disabled /></td></tr>
-                            <tr><td align="right" width="200">   ping max threads : </td> <td><input type="text" value="${ServerConfig.threadPoolMaxSize}"  disabled /></td></tr>
-                            <tr><td align="right" width="200">   dbms job threads : </td> <td><input type="text" value="${ServerConfig.serverDbThreads}"    disabled /></td></tr>
-                            <tr><td align="right" width="200">       booting time : </td> <td><input type="text" value="${ServerConfig.bootingDateTime}"    disabled /></td></tr>
-                    </table>
-                </fieldset>
-            </td></tr>
-        </table>
-    </div>
-</div>
-
-
-</body>
-</html>

src/main/webapp/WEB-INF/jsp/wcam.jsp

@@ -1,91 +0,0 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-<jsp:include page="head.jsp"/>
-
-<body>
-
-<div class="container" align="center">
-    <jsp:include page="header.jsp"/>
-    <jsp:include page="menu.jsp"/>
-
-    <div class="content">
-        <table border="0" cellpadding="10" cellspacing="0" width="100%" style="font-weight: bold;font-family:tahoma;font-size:14pt;color:#808080;border-color:#6a5acd" >
-            <tr><td>
-                <fieldset><legend> WEB Camera Network Ping Information </legend>
-                    <table align="center" border="1" cellpadding="1" cellspacing="0" style="border: 1px solid;font-weight: normal;font-family:tahoma;font-size:12pt;">
-                        <thead>
-                        <tr style="background-color: antiquewhite;">
-                            <th>관리번호</th>
-                            <th>Camera ID</th>
-                            <th>Camera 명칭</th>
-                            <th>IP Address</th>
-                            <th>상태</th>
-                            <th>마지막 PING 시간</th>
-                            <th>명령</th>
-                        </tr>
-                        </thead>
-                        <c:forEach var="entry" items="${list}" varStatus="status">
-                            <tr>
-                                <td align="center">${entry.value.CTLR_NMBR}</td>
-                                <td align="center">${entry.value.CTLR_ID}</td>
-                                <td>${entry.value.ISTL_LCTN_NM}</td>
-                                <td>&nbsp;${entry.value.CTLR_IP}&nbsp;</td>
-                                <td align="center">
-                                    <c:choose>
-                                        <c:when test="${entry.value.netState eq '0'}">
-                                            &nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;
-                                        </c:when>
-                                        <c:otherwise>
-                                            &nbsp;&nbsp;Alive&nbsp;&nbsp;
-                                        </c:otherwise>
-                                    </c:choose>
-                                </td>
-                                <td align="center">&nbsp;${entry.value.pingTime}&nbsp;</td>
-                                <td align="center">
-                                    &nbsp;&nbsp;<a href="javascript:controllerPing('${entry.value.CTLR_ID}', '${entry.value.ISTL_LCTN_NM}', '${entry.value.CTLR_IP}')">ping</a>&nbsp;&nbsp;</td>
-                            </tr>
-                        </c:forEach>
-                    </table>
-                    <br>
-                    <table align="center" border="0" cellpadding="1" cellspacing="0" style="font-weight: normal;font-family:tahoma;font-size:12pt;">
-                        <tr>
-                            <td><button type="button" onclick="AllControllerPing()">전체 ping</button></td>
-                        </tr>
-                    </table>
-
-            </fieldset>
-            </td></tr>
-        </table>
-    </div>
-
-    <div class="content">
-        <div class="log" id="log">
-            <fieldset id="FileForm">
-                <legend name="fileName" id="logFileName">Ping Test</legend>
-                <div id="logScroll" style="width: 98%;height: 660px;overflow: auto;margin:5px auto;">
-                    <table >
-                        <tbody id="fileTbody">
-
-                        </tbody>
-                    </table>
-                </div>
-            </fieldset>
-        </div>
-    </div>
-
-</div>
-
-<script type="text/javascript">
-    function init(){
-        _controllerList = ${objList};
-    }
-
-    $(document).ready(function() {
-        init();
-    });
-</script>
-
-</body>
-</html>