Greasy Fork

WazeWrap Testing

Test

目前为 2023-07-22 提交的版本。查看 最新版本

此脚本不应直接安装,它是一个供其他脚本使用的外部库。如果您需要使用该库,请在脚本元属性加入:// @require https://update.greasyfork.cloud/scripts/471457/1223887/WazeWrap%20Testing.js

/* global W */
/* global WazeWrap */
/* global & */
/* jshint esversion:6 */

(function () {
  'use strict';
  let wwSettings;
  let wEvents;

  function bootstrap(tries = 1) {
    if (!location.href.match(/^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/)) {
      return;
    }

    if (W && W.map && W.model && W.loginManager.user && $) {
      init();
    } else if (tries < 1000) {
      setTimeout(function () {
        bootstrap(++tries);
      }, 200);
    } else {
      console.log('WazeWrap failed to load');
    }
  }

  bootstrap();

  async function init() {
    console.log('WazeWrap initializing...');
    WazeWrap.Version = '2023.07.14.01';
    WazeWrap.isBetaEditor = /beta/.test(location.href);

    loadSettings();
    if (W.map.events) {
      wEvents = W.map.events;
    } else {
      wEvents = W.map.getMapEventsListener();
    }

    //SetUpRequire();
    wEvents.register('moveend', this, RestoreMissingSegmentFunctions);
    wEvents.register('zoomend', this, RestoreMissingSegmentFunctions);
    wEvents.register('moveend', this, RestoreMissingNodeFunctions);
    wEvents.register('zoomend', this, RestoreMissingNodeFunctions);
    RestoreMissingSegmentFunctions();
    RestoreMissingNodeFunctions();
    RestoreMissingOLKMLSupport();
    RestoreMissingWRule();

    WazeWrap.Geometry = new Geometry();
    WazeWrap.Model = new Model();
    WazeWrap.Interface = new Interface();
    WazeWrap.User = new User();
    WazeWrap.Util = new Util();
    WazeWrap.Require = new Require();
    WazeWrap.String = new String();
    WazeWrap.Events = new Events();
    WazeWrap.Alerts = new Alerts();
    WazeWrap.Remote = new Remote();

    WazeWrap.getSelectedFeatures = function () {
      let arr = W.selectionManager.getSelectedFeatures();
      //inject functions for pulling information since WME backend is receiving frequent changes
      arr.forEach((item, index, array) => {
        array[index].WW = {};
        array[index].WW.getObjectModel = function () {
          return item.attributes.wazeFeature._wmeObject;
        };
        array[index].WW.getType = function () {
          return item.WW.getObjectModel().type;
        };
        array[index].WW.getAttributes = function () {
          return item.WW.getObjectModel().attributes;
        };
      });
      return arr;
    };

    WazeWrap.getSelectedDataModelObjects = function () {
      if (typeof W.selectionManager.getSelectedDataModelObjects === 'function') {
        return W.selectionManager.getSelectedDataModelObjects();
      } else {
        return WazeWrap.getSelectedFeatures().map((e) => e.WW.getObjectModel());
      }
    };

    WazeWrap.hasSelectedFeatures = function () {
      return W.selectionManager.hasSelectedFeatures();
    };

    WazeWrap.selectFeature = function (feature) {
      if (!W.selectionManager.select) {
        return W.selectionManager.selectFeature(feature);
      }

      return W.selectionManager.select(feature);
    };

    WazeWrap.selectFeatures = function (featureArray) {
      if (!W.selectionManager.select) {
        return W.selectionManager.selectFeatures(featureArray);
      }
      return W.selectionManager.select(featureArray);
    };

    WazeWrap.hasPlaceSelected = function () {
      return W.selectionManager.hasSelectedFeatures() && WazeWrap.getSelectedFeatures()[0].WW.getType() === 'venue';
    };

    WazeWrap.hasSegmentSelected = function () {
      return W.selectionManager.hasSelectedFeatures() && WazeWrap.getSelectedFeatures()[0].WW.getType() === 'segment';
    };

    WazeWrap.hasMapCommentSelected = function () {
      return W.selectionManager.hasSelectedFeatures() && WazeWrap.getSelectedFeatures()[0].WW.getType() === 'mapComment';
    };

    initializeScriptUpdateInterface();
    await initializeToastr();

    // 5/22/2019 (mapomatic)
    // Temporary workaround to get the address field on the place edit
    // panel to update when the place is updated.  Can be removed if
    // staff fixes it on their end.
    try {
      W.model.venues.on('objectschanged', (venues) => {
        // Update venue address field display, if needed.
        try {
          const features = WazeWrap.getSelectedDataModelObjects();
          if (features.length === 1) {
            const venue = features[0];
            if (venues.includes(venue)) {
              $('#landmark-edit-general span.full-address').text(venue.getAddress().format());
            }
          }
        } catch (ex) {
          console.error('WazeWrap error:', ex);
        }
      });
    } catch (ex) {
      // ignore if this doesn't work.
    }

    WazeWrap.Ready = true;

    initializeWWInterface();

    console.log('WazeWrap Loaded');
  }

  function initializeWWInterface() {
    var $section = $('<div>', { style: 'padding:8px 16px', id: 'WMEPIESettings' });
    $section.html(
      [
        '<h4 style="margin-bottom:0px;"><b>WazeWrap</b></h4>',
        `<h6 style="margin-top:0px;">${WazeWrap.Version}</h6>`,
        `<div id="divEditorPIN" class="controls-container">Editor PIN: <input type="${
          wwSettings.editorPIN != '' ? 'password' : 'text'
        }" size="10" id="wwEditorPIN" ${wwSettings.editorPIN != '' ? 'disabled' : ''}/>${
          wwSettings.editorPIN === '' ? '<button id="wwSetPin">Set PIN</button>' : ''
        }<i class="fa fa-eye fa-lg" style="display:${
          wwSettings.editorPIN === '' ? 'none' : 'inline-block'
        }" id="showWWEditorPIN" aria-hidden="true"></i></div><br/>`,
        `<div id="changePIN" class="controls-container" style="display:${
          wwSettings.editorPIN !== '' ? 'block' : 'none'
        }"><button id="wwChangePIN">Change PIN</button></div>`,
        '<div id="divShowAlertHistory" class="controls-container"><input type="checkbox" id="_cbShowAlertHistory" class="wwSettingsCheckbox" /><label for="_cbShowAlertHistory">Show alerts history</label></div>',
      ].join(' ')
    );
    WazeWrap.Interface.Tab('WW', $section.html(), postInterfaceSetup, 'WazeWrap');
  }

  function postInterfaceSetup() {
    $('#wwEditorPIN')[0].value = wwSettings.editorPIN;
    setChecked('_cbShowAlertHistory', wwSettings.showAlertHistoryIcon);

    if (!wwSettings.showAlertHistoryIcon) {
      $('.WWAlertsHistory').css('display', 'none');
    }

    $('#showWWEditorPIN').mouseover(function () {
      $('#wwEditorPIN').attr('type', 'text');
    });

    $('#showWWEditorPIN').mouseleave(function () {
      $('#wwEditorPIN').attr('type', 'password');
    });

    $('#wwSetPin').click(function () {
      let pin = $('#wwEditorPIN')[0].value;
      if (pin != '') {
        wwSettings.editorPIN = pin;
        saveSettings();
        $('#showWWEditorPIN').css('display', 'inline-block');
        $('#wwEditorPIN').css('type', 'password');
        $('#wwEditorPIN').attr('disabled', true);
        $('#wwSetPin').css('display', 'none');
        $('#changePIN').css('display', 'block');
      }
    });

    $('#wwChangePIN').click(function () {
      WazeWrap.Alerts.prompt(
        'WazeWrap',
        'This will <b>not</b> change the PIN stored with your settings, only the PIN that is stored on your machine to lookup/save your settings. \n\nChanging your PIN can result in a loss of your settings on the server and/or your local machine.  Proceed only if you are sure you need to change this value. \n\n Enter your new PIN',
        '',
        function (e, inputVal) {
          wwSettings.editorPIN = inputVal;
          $('#wwEditorPIN')[0].value = inputVal;
          saveSettings();
        }
      );
    });

    $('#_cbShowAlertHistory').change(function () {
      if (this.checked) {
        $('.WWAlertsHistory').css('display', 'block');
      } else {
        $('.WWAlertsHistory').css('display', 'none');
      }
      wwSettings.showAlertHistoryIcon = this.checked;
      saveSettings();
    });
  }

  function setChecked(checkboxId, checked) {
    $('#' + checkboxId).prop('checked', checked);
  }

  function loadSettings() {
    wwSettings = $.parseJSON(localStorage.getItem('_wazewrap_settings'));
    let _defaultsettings = {
      showAlertHistoryIcon: true,
      editorPIN: '',
    };
    wwSettings = $.extend({}, _defaultsettings, wwSettings);
  }

  function saveSettings() {
    if (localStorage) {
      let settings = {
        showAlertHistoryIcon: wwSettings.showAlertHistoryIcon,
        editorPIN: wwSettings.editorPIN,
      };
      localStorage.setItem('_wazewrap_settings', JSON.stringify(settings));
    }
  }

  async function initializeToastr() {
    let toastrSettings = {};
    try {
      function loadSettings() {
        var loadedSettings = $.parseJSON(localStorage.getItem('WWToastr'));
        var defaultSettings = {
          historyLeftLoc: 35,
          historyTopLoc: 40,
        };
        toastrSettings = $.extend({}, defaultSettings, loadedSettings);
      }

      function saveSettings() {
        if (localStorage) {
          var localsettings = {
            historyLeftLoc: toastrSettings.historyLeftLoc,
            historyTopLoc: toastrSettings.historyTopLoc,
          };

          localStorage.setItem('WWToastr', JSON.stringify(localsettings));
        }
      }
      loadSettings();
      $('head').append(
        $('<link/>', {
          rel: 'stylesheet',
          type: 'text/css',
          href: 'https://cdn.staticaly.com/gh/WazeDev/toastr/master/build/toastr.min.css',
        }),
        $('<style type="text/css">.toast-container-wazedev > div {opacity: 0.95;} .toast-top-center-wide {top: 32px;}</style>')
      );

      await $.getScript('https://cdn.staticaly.com/gh/WazeDev/toastr/master/build/toastr.min.js');
      wazedevtoastr.options = {
        target: '#map',
        timeOut: 6000,
        positionClass: 'toast-top-center-wide',
        closeOnHover: false,
        closeDuration: 0,
        showDuration: 0,
        closeButton: true,
        progressBar: true,
      };

      if ($('.WWAlertsHistory').length > 0) {
        return;
      }
      var $sectionToastr = $('<div>', { style: 'padding:8px 16px', id: 'wmeWWScriptUpdates' });
      $sectionToastr.html(
        [
          '<div class="WWAlertsHistory" title="Script Alert History"><i class="fa fa-exclamation-triangle fa-lg"></i><div id="WWAlertsHistory-list"><div id="toast-container-history" class="toast-container-wazedev"></div></div></div>',
        ].join(' ')
      );
      $('#WazeMap').append($sectionToastr.html());

      $('.WWAlertsHistory').css('left', `${toastrSettings.historyLeftLoc}px`);
      $('.WWAlertsHistory').css('top', `${toastrSettings.historyTopLoc}px`);

      try {
        await $.getScript('https://greasyfork.org/scripts/454988-jqueryui-custom-build/code/jQueryUI%20custom%20build.js');
      } catch (err) {
        console.log('Could not load jQuery UI ' + err);
      }

      if ($.ui) {
        $('.WWAlertsHistory').draggable({
          stop: function () {
            let windowWidth = $('#map').width();
            let panelWidth = $('#WWAlertsHistory-list').width();
            let historyLoc = $('.WWAlertsHistory').position().left;
            if (panelWidth + historyLoc > windowWidth) {
              $('#WWAlertsHistory-list').css('left', Math.abs(windowWidth - (historyLoc + $('.WWAlertsHistory').width()) - panelWidth) * -1);
            } else {
              $('#WWAlertsHistory-list').css('left', 'auto');
            }

            toastrSettings.historyLeftLoc = $('.WWAlertsHistory').position().left;
            toastrSettings.historyTopLoc = $('.WWAlertsHistory').position().top;
            saveSettings();
          },
        });
      }
    } catch (err) {
      console.log(err);
    }
  }

  function initializeScriptUpdateInterface() {
    console.log('creating script update interface');
    injectCSS();
    var $section = $('<div>', { style: 'padding:8px 16px', id: 'wmeWWScriptUpdates' });
    $section.html(
      [
        '<div id="WWSU-Container" class="fa" style="position:fixed; top:20%; left:40%; z-index:1000; display:none;">',
        '<div id="WWSU-Close" class="fa-close fa-lg"></div>',
        '<div class="modal-heading">',
        '<h2>Script Updates</h2>',
        '<h4><span id="WWSU-updateCount">0</span> of your scripts have updates</h4>',
        '</div>',
        '<div class="WWSU-updates-wrapper">',
        '<div id="WWSU-script-list">',
        '</div>',
        '<div id="WWSU-script-update-info">',
        '</div></div></div>',
      ].join(' ')
    );
    $('#WazeMap').append($section.html());

    $('#WWSU-Close').click(function () {
      $('#WWSU-Container').hide();
    });

    $(document).on('click', '.WWSU-script-item', function () {
      $('.WWSU-script-item').removeClass('WWSU-active');
      $(this).addClass('WWSU-active');
    });
  }

  function injectCSS() {
    let css = [
      '#WWSU-Container { position:relative; background-color:#fbfbfb; width:650px; height:375px; border-radius:8px; padding:20px; box-shadow: 0 22px 84px 0 rgba(87, 99, 125, 0.5); border:1px solid #ededed; }',
      '#WWSU-Close { color:#000000; background-color:#ffffff; border:1px solid #ececec; border-radius:10px; height:25px; width:25px; position: absolute; right:14px; top:10px; cursor:pointer; padding: 5px 0px 0px 5px;}',
      '#WWSU-Container .modal-heading,.WWSU-updates-wrapper { font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif; } ',
      '.WWSU-updates-wrapper { height:350px; }',
      '#WWSU-script-list { float:left; width:175px; height:100%; padding-right:6px; margin-right:10px; overflow-y: auto; overflow-x: hidden; height:300px; }',
      '.WWSU-script-item { text-decoration: none; min-height:40px; display:flex; text-align: center; justify-content: center; align-items: center; margin:3px 3px 10px 3px; background-color:white; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px 0.25px; transition:all 200ms ease-in-out; cursor:pointer;}',
      '.WWSU-script-item:hover { text-decoration: none; }',
      '.WWSU-active { transform: translate3d(5px, 0px, 0px); box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 7px 0px; }',
      '#WWSU-script-update-info { width:auto; background-color:white; height:275px; overflow-y:auto; border-radius:8px; box-shadow: rgba(0, 0, 0, 0.09) 0px 6px 7px 0.09px; padding:15px; position:relative;}',
      '#WWSU-script-update-info div { display: none;}',
      '#WWSU-script-update-info div:target { display: block; }',
      `.WWAlertsHistory {display:${
        wwSettings.showAlertHistoryIcon ? 'block' : 'none'
      }; width:32px; height:32px; background-color: #F89406; position: absolute; top:35px; left:40px; border-radius: 10px; border: 2px solid; box-size: border-box; z-index: 1050;}`,
      '.WWAlertsHistory:hover #WWAlertsHistory-list{display:block;}',
      '.WWAlertsHistory > .fa-exclamation-triangle {position: absolute; left:50%; margin-left:-9px; margin-top:8px;}',
      '#WWAlertsHistory-list{display:none; position:absolute; top:28px; border:2px solid black; border-radius:10px; background-color:white; padding:4px; overflow-y:auto; max-height: 300px;}',
      '#WWAlertsHistory-list #toast-container-history > div {max-width:500px; min-width:500px; border-radius:10px;}',
      '#WWAlertsHistory-list > #toast-container-history{ position:static; }',
    ].join(' ');
    $('<style type="text/css">' + css + '</style>').appendTo('head');
  }

  function RestoreMissingWRule() {
    if (!W.Rule) {
      W.Rule = OpenLayers.Class(OpenLayers.Rule, {
        getContext(feature) {
          return feature;
        },

        CLASS_NAME: 'Waze.Rule',
      });
    }
  }

  function RestoreMissingSegmentFunctions() {
    if (W.model.segments.getObjectArray().length > 0) {
      wEvents.unregister('moveend', this, RestoreMissingSegmentFunctions);
      wEvents.unregister('zoomend', this, RestoreMissingSegmentFunctions);
      if (typeof W.model.segments.getObjectArray()[0].model.getDirection == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.getDirection = function () {
          return (this.attributes.fwdDirection ? 1 : 0) + (this.attributes.revDirection ? 2 : 0);
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].model.isTollRoad == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isTollRoad = function () {
          return this.attributes.fwdToll || this.attributes.revToll;
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].isLockedByHigherRank == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isLockedByHigherRank = function () {
          return !(!this.attributes.lockRank || !this.model.loginManager.isLoggedIn()) && this.getLockRank() > this.model.loginManager.user.rank;
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].isDrivable == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isDrivable = function () {
          let V = [5, 10, 16, 18, 19];
          return !V.includes(this.attributes.roadType);
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].isWalkingRoadType == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isWalkingRoadType = function () {
          let x = [5, 10, 16];
          return x.includes(this.attributes.roadType);
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].isRoutable == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isRoutable = function () {
          let P = [1, 2, 7, 6, 3];
          return P.includes(this.attributes.roadType);
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].isInBigJunction == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isInBigJunction = function () {
          return this.isBigJunctionShort() || this.hasFromBigJunction() || this.hasToBigJunction();
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].isBigJunctionShort == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.isBigJunctionShort = function () {
          return null != this.attributes.crossroadID;
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].hasFromBigJunction == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.hasFromBigJunction = function (e) {
          return null != e ? this.attributes.fromCrossroads.includes(e) : this.attributes.fromCrossroads.length > 0;
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].hasToBigJunction == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.hasToBigJunction = function (e) {
          return null != e ? this.attributes.toCrossroads.includes(e) : this.attributes.toCrossroads.length > 0;
        };
      }
      if (typeof W.model.segments.getObjectArray()[0].getRoundabout == 'undefined') {
        W.model.segments.getObjectArray()[0].__proto__.getRoundabout = function () {
          return this.isInRoundabout() ? this.model.junctions.getObjectById(this.attributes.junctionID) : null;
        };
      }
    }
  }

  function RestoreMissingNodeFunctions() {
    if (W.model.nodes.getObjectArray().length > 0) {
      wEvents.unregister('moveend', this, RestoreMissingNodeFunctions);
      wEvents.unregister('zoomend', this, RestoreMissingNodeFunctions);
      if (typeof W.model.nodes.getObjectArray()[0].areConnectionsEditable == 'undefined') {
        W.model.nodes.getObjectArray()[0].__proto__.areConnectionsEditable = function () {
          var e = this.model.segments.getByIds(this.attributes.segIDs);
          return (
            e.length === this.attributes.segIDs.length &&
            e.every(function (e) {
              return e.canEditConnections();
            })
          );
        };
      }
    }
  }
  /* jshint ignore:start */
  function RestoreMissingOLKMLSupport() {
    if (!OpenLayers.Format.KML) {
      OpenLayers.Format.KML = OpenLayers.Class(OpenLayers.Format.XML, {
        namespaces: { kml: 'http://www.opengis.net/kml/2.2', gx: 'http://www.google.com/kml/ext/2.2' },
        kmlns: 'http://earth.google.com/kml/2.0',
        placemarksDesc: 'No description available',
        foldersName: 'OL export',
        foldersDesc: 'Exported on ' + new Date(),
        extractAttributes: !0,
        kvpAttributes: !1,
        extractStyles: !1,
        extractTracks: !1,
        trackAttributes: null,
        internalns: null,
        features: null,
        styles: null,
        styleBaseUrl: '',
        fetched: null,
        maxDepth: 0,
        initialize: function (a) {
          this.regExes = {
            trimSpace: /^\s*|\s*$/g,
            removeSpace: /\s*/g,
            splitSpace: /\s+/,
            trimComma: /\s*,\s*/g,
            kmlColor: /(\w{2})(\w{2})(\w{2})(\w{2})/,
            kmlIconPalette: /root:\/\/icons\/palette-(\d+)(\.\w+)/,
            straightBracket: /\$\[(.*?)\]/g,
          };
          this.externalProjection = new OpenLayers.Projection('EPSG:4326');
          OpenLayers.Format.XML.prototype.initialize.apply(this, [a]);
        },
        read: function (a) {
          this.features = [];
          this.styles = {};
          this.fetched = {};
          return this.parseData(a, { depth: 0, styleBaseUrl: this.styleBaseUrl });
        },
        parseData: function (a, b) {
          'string' == typeof a && (a = OpenLayers.Format.XML.prototype.read.apply(this, [a]));
          for (var c = ['Link', 'NetworkLink', 'Style', 'StyleMap', 'Placemark'], d = 0, e = c.length; d < e; ++d) {
            var f = c[d],
              g = this.getElementsByTagNameNS(a, '*', f);
            if (0 != g.length) {
              switch (f.toLowerCase()) {
                case 'link':
                case 'networklink':
                  this.parseLinks(g, b);
                  break;
                case 'style':
                  this.extractStyles && this.parseStyles(g, b);
                  break;
                case 'stylemap':
                  this.extractStyles && this.parseStyleMaps(g, b);
                  break;
                case 'placemark':
                  this.parseFeatures(g, b);
              }
            }
          }
          return this.features;
        },
        parseLinks: function (a, b) {
          if (b.depth >= this.maxDepth) {
            return !1;
          }
          var c = OpenLayers.Util.extend({}, b);
          c.depth++;
          for (var d = 0, e = a.length; d < e; d++) {
            var f = this.parseProperty(a[d], '*', 'href');
            f && !this.fetched[f] && ((this.fetched[f] = !0), (f = this.fetchLink(f)) && this.parseData(f, c));
          }
        },
        fetchLink: function (a) {
          if ((a = OpenLayers.Request.GET({ url: a, async: !1 }))) {
            return a.responseText;
          }
        },
        parseStyles: function (a, b) {
          for (var c = 0, d = a.length; c < d; c++) {
            var e = this.parseStyle(a[c]);
            e && (this.styles[(b.styleBaseUrl || '') + '#' + e.id] = e);
          }
        },
        parseKmlColor: function (a) {
          var b = null;
          a && (a = a.match(this.regExes.kmlColor)) && (b = { color: '#' + a[4] + a[3] + a[2], opacity: parseInt(a[1], 16) / 255 });
          return b;
        },
        parseStyle: function (a) {
          for (var b = {}, c = ['LineStyle', 'PolyStyle', 'IconStyle', 'BalloonStyle', 'LabelStyle'], d, e, f = 0, g = c.length; f < g; ++f) {
            if (((d = c[f]), (e = this.getElementsByTagNameNS(a, '*', d)[0]))) {
              switch (d.toLowerCase()) {
                case 'linestyle':
                  d = this.parseProperty(e, '*', 'color');
                  if ((d = this.parseKmlColor(d))) {
                    (b.strokeColor = d.color), (b.strokeOpacity = d.opacity);
                  }
                  (d = this.parseProperty(e, '*', 'width')) && (b.strokeWidth = d);
                  break;
                case 'polystyle':
                  d = this.parseProperty(e, '*', 'color');
                  if ((d = this.parseKmlColor(d))) {
                    (b.fillOpacity = d.opacity), (b.fillColor = d.color);
                  }
                  '0' == this.parseProperty(e, '*', 'fill') && (b.fillColor = 'none');
                  '0' == this.parseProperty(e, '*', 'outline') && (b.strokeWidth = '0');
                  break;
                case 'iconstyle':
                  var h = parseFloat(this.parseProperty(e, '*', 'scale') || 1);
                  d = 32 * h;
                  var i = 32 * h,
                    j = this.getElementsByTagNameNS(e, '*', 'Icon')[0];
                  if (j) {
                    var k = this.parseProperty(j, '*', 'href');
                    if (k) {
                      var l = this.parseProperty(j, '*', 'w'),
                        m = this.parseProperty(j, '*', 'h');
                      OpenLayers.String.startsWith(k, 'http://maps.google.com/mapfiles/kml') && !l && !m && ((m = l = 64), (h /= 2));
                      l = l || m;
                      m = m || l;
                      l && (d = parseInt(l) * h);
                      m && (i = parseInt(m) * h);
                      if ((m = k.match(this.regExes.kmlIconPalette))) {
                        (l = m[1]),
                          (m = m[2]),
                          (k = this.parseProperty(j, '*', 'x')),
                          (j = this.parseProperty(j, '*', 'y')),
                          (k = 'http://maps.google.com/mapfiles/kml/pal' + l + '/icon' + (8 * (j ? 7 - j / 32 : 7) + (k ? k / 32 : 0)) + m);
                      }
                      b.graphicOpacity = 1;
                      b.externalGraphic = k;
                    }
                  }
                  if ((e = this.getElementsByTagNameNS(e, '*', 'hotSpot')[0])) {
                    (k = parseFloat(e.getAttribute('x'))),
                      (j = parseFloat(e.getAttribute('y'))),
                      (l = e.getAttribute('xunits')),
                      'pixels' == l
                        ? (b.graphicXOffset = -k * h)
                        : 'insetPixels' == l
                        ? (b.graphicXOffset = -d + k * h)
                        : 'fraction' == l && (b.graphicXOffset = -d * k),
                      (e = e.getAttribute('yunits')),
                      'pixels' == e
                        ? (b.graphicYOffset = -i + j * h + 1)
                        : 'insetPixels' == e
                        ? (b.graphicYOffset = -(j * h) + 1)
                        : 'fraction' == e && (b.graphicYOffset = -i * (1 - j) + 1);
                  }
                  b.graphicWidth = d;
                  b.graphicHeight = i;
                  break;
                case 'balloonstyle':
                  (e = OpenLayers.Util.getXmlNodeValue(e)) && (b.balloonStyle = e.replace(this.regExes.straightBracket, '${$1}'));
                  break;
                case 'labelstyle':
                  if (((d = this.parseProperty(e, '*', 'color')), (d = this.parseKmlColor(d)))) {
                    (b.fontColor = d.color), (b.fontOpacity = d.opacity);
                  }
              }
            }
          }
          !b.strokeColor && b.fillColor && (b.strokeColor = b.fillColor);
          if ((a = a.getAttribute('id')) && b) {
            b.id = a;
          }
          return b;
        },
        parseStyleMaps: function (a, b) {
          for (var c = 0, d = a.length; c < d; c++) {
            for (var e = a[c], f = this.getElementsByTagNameNS(e, '*', 'Pair'), e = e.getAttribute('id'), g = 0, h = f.length; g < h; g++) {
              var i = f[g],
                j = this.parseProperty(i, '*', 'key');
              (i = this.parseProperty(i, '*', 'styleUrl')) &&
                'normal' == j &&
                (this.styles[(b.styleBaseUrl || '') + '#' + e] = this.styles[(b.styleBaseUrl || '') + i]);
            }
          }
        },
        parseFeatures: function (a, b) {
          for (var c = [], d = 0, e = a.length; d < e; d++) {
            var f = a[d],
              g = this.parseFeature.apply(this, [f]);
            if (g) {
              this.extractStyles && g.attributes && g.attributes.styleUrl && (g.style = this.getStyle(g.attributes.styleUrl, b));
              if (this.extractStyles) {
                var h = this.getElementsByTagNameNS(f, '*', 'Style')[0];
                if (h && (h = this.parseStyle(h))) {
                  g.style = OpenLayers.Util.extend(g.style, h);
                }
              }
              if (this.extractTracks) {
                if ((f = this.getElementsByTagNameNS(f, this.namespaces.gx, 'Track')) && 0 < f.length) {
                  (g = { features: [], feature: g }), this.readNode(f[0], g), 0 < g.features.length && c.push.apply(c, g.features);
                }
              } else {
                c.push(g);
              }
            } else {
              throw 'Bad Placemark: ' + d;
            }
          }
          this.features = this.features.concat(c);
        },
        readers: {
          kml: {
            when: function (a, b) {
              b.whens.push(OpenLayers.Date.parse(this.getChildValue(a)));
            },
            _trackPointAttribute: function (a, b) {
              var c = a.nodeName.split(':').pop();
              b.attributes[c].push(this.getChildValue(a));
            },
          },
          gx: {
            Track: function (a, b) {
              var c = { whens: [], points: [], angles: [] };
              if (this.trackAttributes) {
                var d;
                c.attributes = {};
                for (var e = 0, f = this.trackAttributes.length; e < f; ++e) {
                  (d = this.trackAttributes[e]),
                    (c.attributes[d] = []),
                    d in this.readers.kml || (this.readers.kml[d] = this.readers.kml._trackPointAttribute);
                }
              }
              this.readChildNodes(a, c);
              if (c.whens.length !== c.points.length) {
                throw Error('gx:Track with unequal number of when (' + c.whens.length + ') and gx:coord (' + c.points.length + ') elements.');
              }
              var g = 0 < c.angles.length;
              if (g && c.whens.length !== c.angles.length) {
                throw Error('gx:Track with unequal number of when (' + c.whens.length + ') and gx:angles (' + c.angles.length + ') elements.');
              }
              for (var h, i, e = 0, f = c.whens.length; e < f; ++e) {
                h = b.feature.clone();
                h.fid = b.feature.fid || b.feature.id;
                i = c.points[e];
                h.geometry = i;
                'z' in i && (h.attributes.altitude = i.z);
                this.internalProjection && this.externalProjection && h.geometry.transform(this.externalProjection, this.internalProjection);
                if (this.trackAttributes) {
                  i = 0;
                  for (var j = this.trackAttributes.length; i < j; ++i) {
                    h.attributes[d] = c.attributes[this.trackAttributes[i]][e];
                  }
                }
                h.attributes.when = c.whens[e];
                h.attributes.trackId = b.feature.id;
                g &&
                  ((i = c.angles[e]),
                  (h.attributes.heading = parseFloat(i[0])),
                  (h.attributes.tilt = parseFloat(i[1])),
                  (h.attributes.roll = parseFloat(i[2])));
                b.features.push(h);
              }
            },
            coord: function (a, b) {
              var c = this.getChildValue(a).replace(this.regExes.trimSpace, '').split(/\s+/),
                d = new OpenLayers.Geometry.Point(c[0], c[1]);
              2 < c.length && (d.z = parseFloat(c[2]));
              b.points.push(d);
            },
            angles: function (a, b) {
              var c = this.getChildValue(a).replace(this.regExes.trimSpace, '').split(/\s+/);
              b.angles.push(c);
            },
          },
        },
        parseFeature: function (a) {
          for (var b = ['MultiGeometry', 'Polygon', 'LineString', 'Point'], c, d, e, f = 0, g = b.length; f < g; ++f) {
            if (
              ((c = b[f]),
              (this.internalns = a.namespaceURI ? a.namespaceURI : this.kmlns),
              (d = this.getElementsByTagNameNS(a, this.internalns, c)),
              0 < d.length)
            ) {
              if ((b = this.parseGeometry[c.toLowerCase()])) {
                (e = b.apply(this, [d[0]])),
                  this.internalProjection && this.externalProjection && e.transform(this.externalProjection, this.internalProjection);
              } else {
                throw new TypeError('Unsupported geometry type: ' + c);
              }
              break;
            }
          }
          var h;
          this.extractAttributes && (h = this.parseAttributes(a));
          c = new OpenLayers.Feature.Vector(e, h);
          a = a.getAttribute('id') || a.getAttribute('name');
          null != a && (c.fid = a);
          return c;
        },
        getStyle: function (a, b) {
          var c = OpenLayers.Util.removeTail(a),
            d = OpenLayers.Util.extend({}, b);
          d.depth++;
          d.styleBaseUrl = c;
          !this.styles[a] &&
            !OpenLayers.String.startsWith(a, '#') &&
            d.depth <= this.maxDepth &&
            !this.fetched[c] &&
            (c = this.fetchLink(c)) &&
            this.parseData(c, d);
          return OpenLayers.Util.extend({}, this.styles[a]);
        },
        parseGeometry: {
          point: function (a) {
            var b = this.getElementsByTagNameNS(a, this.internalns, 'coordinates'),
              a = [];
            if (0 < b.length) {
              var c = b[0].firstChild.nodeValue,
                c = c.replace(this.regExes.removeSpace, ''),
                a = c.split(',');
            }
            b = null;
            if (1 < a.length) {
              2 == a.length && (a[2] = null), (b = new OpenLayers.Geometry.Point(a[0], a[1], a[2]));
            } else {
              throw 'Bad coordinate string: ' + c;
            }
            return b;
          },
          linestring: function (a, b) {
            var c = this.getElementsByTagNameNS(a, this.internalns, 'coordinates'),
              d = null;
            if (0 < c.length) {
              for (
                var c = this.getChildValue(c[0]),
                  c = c.replace(this.regExes.trimSpace, ''),
                  c = c.replace(this.regExes.trimComma, ','),
                  d = c.split(this.regExes.splitSpace),
                  e = d.length,
                  f = Array(e),
                  g,
                  h,
                  i = 0;
                i < e;
                ++i
              ) {
                if (((g = d[i].split(',')), (h = g.length), 1 < h)) {
                  2 == g.length && (g[2] = null), (f[i] = new OpenLayers.Geometry.Point(g[0], g[1], g[2]));
                } else {
                  throw 'Bad LineString point coordinates: ' + d[i];
                }
              }
              if (e) {
                d = b ? new OpenLayers.Geometry.LinearRing(f) : new OpenLayers.Geometry.LineString(f);
              } else {
                throw 'Bad LineString coordinates: ' + c;
              }
            }
            return d;
          },
          polygon: function (a) {
            var a = this.getElementsByTagNameNS(a, this.internalns, 'LinearRing'),
              b = a.length,
              c = Array(b);
            if (0 < b) {
              for (var d = 0, e = a.length; d < e; ++d) {
                if ((b = this.parseGeometry.linestring.apply(this, [a[d], !0]))) {
                  c[d] = b;
                } else {
                  throw 'Bad LinearRing geometry: ' + d;
                }
              }
            }
            return new OpenLayers.Geometry.Polygon(c);
          },
          multigeometry: function (a) {
            for (var b, c = [], d = a.childNodes, e = 0, f = d.length; e < f; ++e) {
              (a = d[e]),
                1 == a.nodeType &&
                  (b = this.parseGeometry[(a.prefix ? a.nodeName.split(':')[1] : a.nodeName).toLowerCase()]) &&
                  c.push(b.apply(this, [a]));
            }
            return new OpenLayers.Geometry.Collection(c);
          },
        },
        parseAttributes: function (a) {
          var b = {},
            c = a.getElementsByTagName('ExtendedData');
          c.length && (b = this.parseExtendedData(c[0]));
          for (var d, e, f, a = a.childNodes, c = 0, g = a.length; c < g; ++c) {
            if (((d = a[c]), 1 == d.nodeType && ((e = d.childNodes), 1 <= e.length && 3 >= e.length))) {
              switch (e.length) {
                case 1:
                  f = e[0];
                  break;
                case 2:
                  f = e[0];
                  e = e[1];
                  f = 3 == f.nodeType || 4 == f.nodeType ? f : e;
                  break;
                default:
                  f = e[1];
              }
              if (3 == f.nodeType || 4 == f.nodeType) {
                if (((d = d.prefix ? d.nodeName.split(':')[1] : d.nodeName), (f = OpenLayers.Util.getXmlNodeValue(f)))) {
                  (f = f.replace(this.regExes.trimSpace, '')), (b[d] = f);
                }
              }
            }
          }
          return b;
        },
        parseExtendedData: function (a) {
          var b = {},
            c,
            d,
            e,
            f,
            g = a.getElementsByTagName('Data');
          c = 0;
          for (d = g.length; c < d; c++) {
            e = g[c];
            f = e.getAttribute('name');
            var h = {},
              i = e.getElementsByTagName('value');
            i.length && (h.value = this.getChildValue(i[0]));
            this.kvpAttributes
              ? (b[f] = h.value)
              : ((e = e.getElementsByTagName('displayName')), e.length && (h.displayName = this.getChildValue(e[0])), (b[f] = h));
          }
          a = a.getElementsByTagName('SimpleData');
          c = 0;
          for (d = a.length; c < d; c++) {
            (h = {}),
              (e = a[c]),
              (f = e.getAttribute('name')),
              (h.value = this.getChildValue(e)),
              this.kvpAttributes ? (b[f] = h.value) : ((h.displayName = f), (b[f] = h));
          }
          return b;
        },
        parseProperty: function (a, b, c) {
          var d,
            a = this.getElementsByTagNameNS(a, b, c);
          try {
            d = OpenLayers.Util.getXmlNodeValue(a[0]);
          } catch (e) {
            d = null;
          }
          return d;
        },
        write: function (a) {
          OpenLayers.Util.isArray(a) || (a = [a]);
          for (var b = this.createElementNS(this.kmlns, 'kml'), c = this.createFolderXML(), d = 0, e = a.length; d < e; ++d) {
            c.appendChild(this.createPlacemarkXML(a[d]));
          }
          b.appendChild(c);
          return OpenLayers.Format.XML.prototype.write.apply(this, [b]);
        },
        createFolderXML: function () {
          var a = this.createElementNS(this.kmlns, 'Folder');
          if (this.foldersName) {
            var b = this.createElementNS(this.kmlns, 'name'),
              c = this.createTextNode(this.foldersName);
            b.appendChild(c);
            a.appendChild(b);
          }
          this.foldersDesc &&
            ((b = this.createElementNS(this.kmlns, 'description')), (c = this.createTextNode(this.foldersDesc)), b.appendChild(c), a.appendChild(b));
          return a;
        },
        createPlacemarkXML: function (a) {
          var b = this.createElementNS(this.kmlns, 'name');
          b.appendChild(this.createTextNode(a.style && a.style.label ? a.style.label : a.attributes.name || a.id));
          var c = this.createElementNS(this.kmlns, 'description');
          c.appendChild(this.createTextNode(a.attributes.description || this.placemarksDesc));
          var d = this.createElementNS(this.kmlns, 'Placemark');
          null != a.fid && d.setAttribute('id', a.fid);
          d.appendChild(b);
          d.appendChild(c);
          b = this.buildGeometryNode(a.geometry);
          d.appendChild(b);
          a.attributes && (a = this.buildExtendedData(a.attributes)) && d.appendChild(a);
          return d;
        },
        buildGeometryNode: function (a) {
          var b = a.CLASS_NAME,
            b = this.buildGeometry[b.substring(b.lastIndexOf('.') + 1).toLowerCase()],
            c = null;
          b && (c = b.apply(this, [a]));
          return c;
        },
        buildGeometry: {
          point: function (a) {
            var b = this.createElementNS(this.kmlns, 'Point');
            b.appendChild(this.buildCoordinatesNode(a));
            return b;
          },
          multipoint: function (a) {
            return this.buildGeometry.collection.apply(this, [a]);
          },
          linestring: function (a) {
            var b = this.createElementNS(this.kmlns, 'LineString');
            b.appendChild(this.buildCoordinatesNode(a));
            return b;
          },
          multilinestring: function (a) {
            return this.buildGeometry.collection.apply(this, [a]);
          },
          linearring: function (a) {
            var b = this.createElementNS(this.kmlns, 'LinearRing');
            b.appendChild(this.buildCoordinatesNode(a));
            return b;
          },
          polygon: function (a) {
            for (var b = this.createElementNS(this.kmlns, 'Polygon'), a = a.components, c, d, e = 0, f = a.length; e < f; ++e) {
              (c = 0 == e ? 'outerBoundaryIs' : 'innerBoundaryIs'),
                (c = this.createElementNS(this.kmlns, c)),
                (d = this.buildGeometry.linearring.apply(this, [a[e]])),
                c.appendChild(d),
                b.appendChild(c);
            }
            return b;
          },
          multipolygon: function (a) {
            return this.buildGeometry.collection.apply(this, [a]);
          },
          collection: function (a) {
            for (var b = this.createElementNS(this.kmlns, 'MultiGeometry'), c, d = 0, e = a.components.length; d < e; ++d) {
              (c = this.buildGeometryNode.apply(this, [a.components[d]])) && b.appendChild(c);
            }
            return b;
          },
        },
        buildCoordinatesNode: function (a) {
          var b = this.createElementNS(this.kmlns, 'coordinates'),
            c;
          if ((c = a.components)) {
            for (var d = c.length, e = Array(d), f = 0; f < d; ++f) {
              (a = c[f]), (e[f] = this.buildCoordinates(a));
            }
            c = e.join(' ');
          } else {
            c = this.buildCoordinates(a);
          }
          c = this.createTextNode(c);
          b.appendChild(c);
          return b;
        },
        buildCoordinates: function (a) {
          this.internalProjection && this.externalProjection && ((a = a.clone()), a.transform(this.internalProjection, this.externalProjection));
          return a.x + ',' + a.y;
        },
        buildExtendedData: function (a) {
          var b = this.createElementNS(this.kmlns, 'ExtendedData'),
            c;
          for (c in a) {
            if (a[c] && 'name' != c && 'description' != c && 'styleUrl' != c) {
              var d = this.createElementNS(this.kmlns, 'Data');
              d.setAttribute('name', c);
              var e = this.createElementNS(this.kmlns, 'value');
              if ('object' == typeof a[c]) {
                if ((a[c].value && e.appendChild(this.createTextNode(a[c].value)), a[c].displayName)) {
                  var f = this.createElementNS(this.kmlns, 'displayName');
                  f.appendChild(this.getXMLDoc().createCDATASection(a[c].displayName));
                  d.appendChild(f);
                }
              } else {
                e.appendChild(this.createTextNode(a[c]));
              }
              d.appendChild(e);
              b.appendChild(d);
            }
          }
          return this.isSimpleContent(b) ? null : b;
        },
        CLASS_NAME: 'OpenLayers.Format.KML',
      });
    }
  }
  /* jshint ignore:end */
  function Geometry() {
    //Converts to "normal" GPS coordinates
    this.ConvertTo4326 = function (lon, lat) {
      let projI = new OpenLayers.Projection('EPSG:900913');
      let projE = new OpenLayers.Projection('EPSG:4326');
      return new OpenLayers.LonLat(lon, lat).transform(projI, projE);
    };

    this.ConvertTo900913 = function (lon, lat) {
      let projI = new OpenLayers.Projection('EPSG:900913');
      let projE = new OpenLayers.Projection('EPSG:4326');
      return new OpenLayers.LonLat(lon, lat).transform(projE, projI);
    };

    //Converts the Longitudinal offset to an offset in 4326 gps coordinates
    this.CalculateLongOffsetGPS = function (longMetersOffset, lon, lat) {
      let R = 6378137; //Earth's radius
      let dLon = longMetersOffset / (R * Math.cos((Math.PI * lat) / 180)); //offset in radians
      let lon0 = dLon * (180 / Math.PI); //offset degrees

      return lon0;
    };

    //Converts the Latitudinal offset to an offset in 4326 gps coordinates
    this.CalculateLatOffsetGPS = function (latMetersOffset, lat) {
      let R = 6378137; //Earth's radius
      let dLat = latMetersOffset / R;
      let lat0 = dLat * (180 / Math.PI); //offset degrees

      return lat0;
    };

    /**
     * Checks if the given lon & lat
     * @function WazeWrap.Geometry.isGeometryInMapExtent
     * @param {lon, lat} object
     */
    this.isLonLatInMapExtent = function (lonLat) {
      return lonLat && W.map.getExtent().containsLonLat(lonLat);
    };

    /**
     * Checks if the given geometry point is on screen
     * @function WazeWrap.Geometry.isGeometryInMapExtent
     * @param {OpenLayers.Geometry.Point} Geometry Point we are checking if it is in the extent
     */
    this.isGeometryInMapExtent = function (geometry) {
      return geometry && geometry.getBounds && W.map.getExtent().intersectsBounds(geometry.getBounds());
    };

    /**
     * Calculates the distance between given points, returned in meters
     * @function WazeWrap.Geometry.calculateDistance
     * @param {OpenLayers.Geometry.Point} An array of OpenLayers.Geometry.Point with which to measure the total distance. A minimum of 2 points is needed.
     */
    this.calculateDistance = function (pointArray) {
      if (pointArray.length < 2) {
        return 0;
      }

      let line = new OpenLayers.Geometry.LineString(pointArray);
      let length = line.getGeodesicLength(W.map.getProjectionObject());
      return length; //multiply by 3.28084 to convert to feet
    };

    /**
     * Finds the closest on-screen drivable segment to the given point, ignoring PLR and PR segments if the options are set
     * @function WazeWrap.Geometry.findClosestSegment
     * @param {OpenLayers.Geometry.Point} The given point to find the closest segment to
     * @param {boolean} If true, Parking Lot Road segments will be ignored when finding the closest segment
     * @param {boolean} If true, Private Road segments will be ignored when finding the closest segment
     **/
    this.findClosestSegment = function (mygeometry, ignorePLR, ignoreUnnamedPR) {
      let onscreenSegments = WazeWrap.Model.getOnscreenSegments();
      let minDistance = Infinity;
      let closestSegment;

      for (var s in onscreenSegments) {
        if (!onscreenSegments.hasOwnProperty(s)) {
          continue;
        }

        let segmentType = onscreenSegments[s].attributes.roadType;
        if (segmentType === 10 || segmentType === 16 || segmentType === 18 || segmentType === 19) {
          //10 ped boardwalk, 16 stairway, 18 railroad, 19 runway, 3 freeway
          continue;
        }

        if (ignorePLR && segmentType === 20) {
          //PLR
          continue;
        }

        if (ignoreUnnamedPR && segmentType === 17) {
          var nm = WazeWrap.Model.getStreetName(onscreenSegments[s].attributes.primaryStreetID);
          if (nm === null || nm == '') {
            //PR
            continue;
          }
        }

        let distanceToSegment = mygeometry.distanceTo(onscreenSegments[s].geometry, { details: true });

        if (distanceToSegment.distance < minDistance) {
          minDistance = distanceToSegment.distance;
          closestSegment = onscreenSegments[s];
          closestSegment.closestPoint = new OpenLayers.Geometry.Point(distanceToSegment.x1, distanceToSegment.y1);
        }
      }
      return closestSegment;
    };
  }

  function Model() {
    this.getPrimaryStreetID = function (segmentID) {
      return W.model.segments.getObjectById(segmentID).attributes.primaryStreetID;
    };

    this.getStreetName = function (primaryStreetID) {
      return W.model.streets.getObjectById(primaryStreetID).name;
    };

    this.getCityID = function (primaryStreetID) {
      return W.model.streets.getObjectById(primaryStreetID).cityID;
    };

    this.getCityName = function (primaryStreetID) {
      return W.model.cities.getObjectById(this.getCityID(primaryStreetID)).attributes.name;
    };

    this.getStateName = function (primaryStreetID) {
      return W.model.states.getObjectById(this.getStateID(primaryStreetID)).name;
    };

    this.getStateID = function (primaryStreetID) {
      return W.model.cities.getObjectById(this.getCityID(primaryStreetID)).attributes.stateID;
    };

    this.getCountryID = function (primaryStreetID) {
      return W.model.cities.getObjectById(this.getCityID(primaryStreetID)).attributes.CountryID;
    };

    this.getCountryName = function (primaryStreetID) {
      return W.model.countries.getObjectById(this.getCountryID(primaryStreetID)).name;
    };

    this.getCityNameFromSegmentObj = function (segObj) {
      return this.getCityName(segObj.attributes.primaryStreetID);
    };

    this.getStateNameFromSegmentObj = function (segObj) {
      return this.getStateName(segObj.attributes.primaryStreetID);
    };

    this.getObjectModel = function (obj) {
      return obj?.attributes?.wazeFeature?._wmeObject;
    };

    /**
     * Returns an array of segment IDs for all segments that make up the roundabout the given segment is part of
     * @function WazeWrap.Model.getAllRoundaboutSegmentsFromObj
     * @param {Segment object (Waze/Feature/Vector/Segment)} The roundabout segment
     **/
    this.getAllRoundaboutSegmentsFromObj = function (segObj) {
      let modelObj = {};
      if (typeof WazeWrap.getSelectedFeatures()[0].WW !== 'undefined') {
        modelObj = segObj.WW.getObjectModel();
      } else {
        modelObj = segObj.attributes.wazeFeature._wmeObject;
      }
      if (modelObj.attributes.junctionID === null) {
        return null;
      }

      return W.model.junctions.objects[modelObj.attributes.junctionID].attributes.segIDs;
    };

    /**
     * Returns an array of all junction nodes that make up the roundabout
     * @function WazeWrap.Model.getAllRoundaboutJunctionNodesFromObj
     * @param {Segment object (Waze/Feature/Vector/Segment)} The roundabout segment
     **/
    this.getAllRoundaboutJunctionNodesFromObj = function (segObj) {
      let RASegs = this.getAllRoundaboutSegmentsFromObj(segObj);
      let RAJunctionNodes = [];
      for (i = 0; i < RASegs.length; i++) {
        RAJunctionNodes.push(W.model.nodes.objects[W.model.segments.getObjectById(RASegs[i]).attributes.toNodeID]);
      }

      return RAJunctionNodes;
    };

    /**
     * Checks if the given segment ID is a part of a roundabout
     * @function WazeWrap.Model.isRoundaboutSegmentID
     * @param {integer} The segment ID to check
     **/
    this.isRoundaboutSegmentID = function (segmentID) {
      return W.model.segments.getObjectById(segmentID).attributes.junctionID !== null;
    };

    /**
     * Checks if the given segment object is a part of a roundabout
     * @function WazeWrap.Model.isRoundaboutSegmentID
     * @param {Segment object (Waze/Feature/Vector/Segment)} The segment object to check
     **/
    this.isRoundaboutSegmentObj = function (segObj) {
      let modelObj = {};
      if (typeof WazeWrap.getSelectedFeatures()[0].WW !== 'undefined') {
        modelObj = segObj.WW.getObjectModel();
      } else {
        modelObj = segObj.attributes.wazeFeature._wmeObject;
      }
      return modelObj.attributes.junctionID !== null;
    };

    /**
     * Returns an array of all segments in the current extent
     * @function WazeWrap.Model.getOnscreenSegments
     **/
    this.getOnscreenSegments = function () {
      let segments = W.model.segments.objects;
      let mapExtent = W.map.getExtent();
      let onScreenSegments = [];
      let seg;

      for (var s in segments) {
        if (!segments.hasOwnProperty(s)) {
          continue;
        }

        seg = W.model.segments.getObjectById(s);
        if (mapExtent.intersectsBounds(seg.geometry.getBounds())) {
          onScreenSegments.push(seg);
        }
      }
      return onScreenSegments;
    };

    /**
     * Defers execution of a callback function until the WME map and data
     * model are ready. Call this function before calling a function that
     * causes a map and model reload, such as W.map.moveTo(). After the
     * move is completed the callback function will be executed.
     * @function WazeWrap.Model.onModelReady
     * @param {Function} callback The callback function to be executed.
     * @param {Boolean} now Whether or not to call the callback now if the
     * model is currently ready.
     * @param {Object} context The context in which to call the callback.
     */
    this.onModelReady = function (callback, now, context) {
      var deferModelReady = function () {
        return $.Deferred(function (dfd) {
          var resolve = function () {
            dfd.resolve();
            W.model.events.unregister('mergeend', null, resolve);
          };
          W.model.events.register('mergeend', null, resolve);
        }).promise();
      };
      var deferMapReady = function () {
        return $.Deferred(function (dfd) {
          var resolve = function () {
            dfd.resolve();
            W.app.layout.model.off('operationDone', resolve);
          };
          W.app.layout.model.on('operationDone', resolve);
        }).promise();
      };

      if (typeof callback === 'function') {
        context = context || callback;
        if (now && WazeWrap.Util.mapReady() && WazeWrap.Util.modelReady()) {
          callback.call(context);
        } else {
          $.when(deferMapReady() && deferModelReady()).then(function () {
            callback.call(context);
          });
        }
      }
    };

    /**
     * Retrives a route from the Waze Live Map.
     * @class
     * @name WazeWrap.Model.RouteSelection
     * @param firstSegment The segment to use as the start of the route.
     * @param lastSegment The segment to use as the destination for the route.
     * @param {Array|Function} callback A function or array of funcitons to be
     * executed after the route
     * is retrieved. 'This' in the callback functions will refer to the
     * RouteSelection object.
     * @param {Object} options A hash of options for determining route. Valid
     * options are:
     * fastest: {Boolean} Whether or not the fastest route should be used.
     * Default is false, which selects the shortest route.
     * freeways: {Boolean} Whether or not to avoid freeways. Default is false.
     * dirt: {Boolean} Whether or not to avoid dirt roads. Default is false.
     * longtrails: {Boolean} Whether or not to avoid long dirt roads. Default
     * is false.
     * uturns: {Boolean} Whether or not to allow U-turns. Default is true.
     * @return {WazeWrap.Model.RouteSelection} The new RouteSelection object.
     * @example: // The following example will retrieve a route from the Live Map and select the segments in the route.
     * selection = W.selectionManager.selectedItems;
     * myRoute = new WazeWrap.Model.RouteSelection(selection[0], selection[1], function(){this.selectRouteSegments();}, {fastest: true});
     */
    this.RouteSelection = function (firstSegment, lastSegment, callback, options) {
      var i,
        n,
        start = this.getSegmentCenterLonLat(firstSegment),
        end = this.getSegmentCenterLonLat(lastSegment);
      this.options = {
        fastest: (options && options.fastest) || false,
        freeways: (options && options.freeways) || false,
        dirt: (options && options.dirt) || false,
        longtrails: (options && options.longtrails) || false,
        uturns: (options && options.uturns) || true,
      };
      this.requestData = {
        from: 'x:' + start.x + ' y:' + start.y + ' bd:true',
        to: 'x:' + end.x + ' y:' + end.y + ' bd:true',
        returnJSON: true,
        returnGeometries: true,
        returnInstructions: false,
        type: this.options.fastest ? 'HISTORIC_TIME' : 'DISTANCE',
        clientVersion: '4.0.0',
        timeout: 60000,
        nPaths: 3,
        options: this.setRequestOptions(this.options),
      };
      this.callbacks = [];
      if (callback) {
        if (!(callback instanceof Array)) {
          callback = [callback];
        }
        for (i = 0, n = callback.length; i < n; i++) {
          if ('function' === typeof callback[i]) {
            this.callbacks.push(callback[i]);
          }
        }
      }
      this.routeData = null;
      this.getRouteData();
    };

    this.RouteSelection.prototype = /** @lends WazeWrap.Model.RouteSelection.prototype */ {
      /**
       * Formats the routing options string for the ajax request.
       * @private
       * @param {Object} options Object containing the routing options.
       * @return {String} String containing routing options.
       */
      setRequestOptions: function (options) {
        return (
          'AVOID_TOLL_ROADS:' +
          (options.tolls ? 't' : 'f') +
          ',' +
          'AVOID_PRIMARIES:' +
          (options.freeways ? 't' : 'f') +
          ',' +
          'AVOID_TRAILS:' +
          (options.dirt ? 't' : 'f') +
          ',' +
          'AVOID_LONG_TRAILS:' +
          (options.longtrails ? 't' : 'f') +
          ',' +
          'ALLOW_UTURNS:' +
          (options.uturns ? 't' : 'f')
        );
      },

      /**
       * Gets the center of a segment in LonLat form.
       * @private
       * @param segment A Waze model segment object.
       * @return {OpenLayers.LonLat} The LonLat object corresponding to the
       * center of the segment.
       */
      getSegmentCenterLonLat: function (segment) {
        var x, y, componentsLength, midPoint;
        if (segment) {
          componentsLength = segment.geometry.components.length;
          midPoint = Math.floor(componentsLength / 2);
          if (componentsLength % 2 === 1) {
            x = segment.geometry.components[midPoint].x;
            y = segment.geometry.components[midPoint].y;
          } else {
            x = (segment.geometry.components[midPoint - 1].x + segment.geometry.components[midPoint].x) / 2;
            y = (segment.geometry.components[midPoint - 1].y + segment.geometry.components[midPoint].y) / 2;
          }
          return new OpenLayers.Geometry.Point(x, y).transform(W.map.getProjectionObject(), 'EPSG:4326');
        }
      },

      /**
       * Gets the route from Live Map and executes any callbacks upon success.
       * @private
       * @returns The ajax request object. The responseJSON property of the
       * returned object
       * contains the route information.
       *
       */
      getRouteData: function () {
        var i,
          n,
          that = this;
        return $.ajax({
          dataType: 'json',
          url: this.getURL(),
          data: this.requestData,
          dataFilter: function (data, dataType) {
            return data.replace(/NaN/g, '0');
          },
          success: function (data) {
            that.routeData = data;
            for (i = 0, n = that.callbacks.length; i < n; i++) {
              that.callbacks[i].call(that);
            }
          },
        });
      },

      /**
       * Extracts the IDs from all segments on the route.
       * @private
       * @return {Array} Array containing an array of segment IDs for
       * each route alternative.
       */
      getRouteSegmentIDs: function () {
        var i,
          j,
          route,
          len1,
          len2,
          segIDs = [],
          routeArray = [],
          data = this.routeData;
        if ('undefined' !== typeof data.alternatives) {
          for (i = 0, len1 = data.alternatives.length; i < len1; i++) {
            route = data.alternatives[i].response.results;
            for (j = 0, len2 = route.length; j < len2; j++) {
              routeArray.push(route[j].path.segmentId);
            }
            segIDs.push(routeArray);
            routeArray = [];
          }
        } else {
          route = data.response.results;
          for (i = 0, len1 = route.length; i < len1; i++) {
            routeArray.push(route[i].path.segmentId);
          }
          segIDs.push(routeArray);
        }
        return segIDs;
      },

      /**
       * Gets the URL to use for the ajax request based on country.
       * @private
       * @return {String} Relative URl to use for route ajax request.
       */
      getURL: function () {
        if (W.model.countries.getObjectById(235) || W.model.countries.getObjectById(40)) {
          return '/RoutingManager/routingRequest';
        } else if (W.model.countries.getObjectById(106)) {
          return '/il-RoutingManager/routingRequest';
        } else {
          return '/row-RoutingManager/routingRequest';
        }
      },

      /**
       * Selects all segments on the route in the editor.
       * @param {Integer} routeIndex The index of the alternate route.
       * Default route to use is the first one, which is 0.
       */
      selectRouteSegments: function (routeIndex) {
        var i,
          n,
          seg,
          segIDs = this.getRouteSegmentIDs()[Math.floor(routeIndex) || 0],
          segments = [];
        if ('undefined' === typeof segIDs) {
          return;
        }
        for (i = 0, n = segIDs.length; i < n; i++) {
          seg = W.model.segments.getObjectById(segIDs[i]);
          if ('undefined' !== seg) {
            segments.push(seg);
          }
        }
        return WazeWrap.selectFeatures(segments);
      },
    };
  }

  function User() {
    /**
     * Returns the "normalized" (1 based) user rank/level
     */
    this.Rank = function () {
      return W.loginManager.user.rank + 1;
    };

    /**
     * Returns the current user's username
     */
    this.Username = function () {
      return W.loginManager.user.userName;
    };

    /**
     * Returns if the user is a CM (in any country)
     */
    this.isCM = function () {
      return W.loginManager.user.editableCountryIDs.length > 0;
    };

    /**
     * Returns if the user is an Area Manager (in any country)
     */
    this.isAM = function () {
      return W.loginManager.user.isAreaManager;
    };
  }

  function Require() {
    this.DragElement = function () {
      var myDragElement = OpenLayers.Class({
        started: !1,
        stopDown: !0,
        dragging: !1,
        touch: !1,
        last: null,
        start: null,
        lastMoveEvt: null,
        oldOnselectstart: null,
        interval: 0,
        timeoutId: null,
        forced: !1,
        active: !1,
        viewPortDiv: null,
        initialize: function (e) {
          (this.map = e), (this.uniqueID = myDragElement.baseID--);
          this.viewPortDiv = W.map.getViewport();
        },
        callback: function (e, t) {
          if (this[e]) {
            return this[e].apply(this, t);
          }
        },
        dragstart: function (e) {
          e.xy = new OpenLayers.Pixel(e.clientX - this.viewPortDiv.offsets[0], e.clientY - this.viewPortDiv.offsets[1]);
          var t = !0;
          return (
            (this.dragging = !1),
            (OpenLayers.Event.isLeftClick(e) || OpenLayers.Event.isSingleTouch(e)) &&
              ((this.started = !0),
              (this.start = e.xy),
              (this.last = e.xy),
              OpenLayers.Element.addClass(this.viewPortDiv, 'olDragDown'),
              this.down(e),
              this.callback('down', [e.xy]),
              OpenLayers.Event.stop(e),
              this.oldOnselectstart || (this.oldOnselectstart = document.onselectstart ? document.onselectstart : OpenLayers.Function.True),
              (document.onselectstart = OpenLayers.Function.False),
              (t = !this.stopDown)),
            t
          );
        },
        forceStart: function () {
          var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0];
          return (
            (this.started = !0),
            (this.endOnMouseUp = e),
            (this.forced = !0),
            (this.last = {
              x: 0,
              y: 0,
            }),
            this.callback('force')
          );
        },
        forceEnd: function () {
          if (this.forced) {
            return this.endDrag();
          }
        },
        dragmove: function (e) {
          return (
            this.viewPortDiv.offsets &&
              (e.xy = new OpenLayers.Pixel(e.clientX - this.viewPortDiv.offsets[0], e.clientY - this.viewPortDiv.offsets[1])),
            (this.lastMoveEvt = e),
            !this.started ||
              this.timeoutId ||
              (e.xy.x === this.last.x && e.xy.y === this.last.y) ||
              (this.interval > 0 && (this.timeoutId = window.setTimeout(OpenLayers.Function.bind(this.removeTimeout, this), this.interval)),
              (this.dragging = !0),
              this.move(e),
              this.oldOnselectstart || ((this.oldOnselectstart = document.onselectstart), (document.onselectstart = OpenLayers.Function.False)),
              (this.last = e.xy)),
            !0
          );
        },
        dragend: function (e) {
          if (((e.xy = new OpenLayers.Pixel(e.clientX - this.viewPortDiv.offsets[0], e.clientY - this.viewPortDiv.offsets[1])), this.started)) {
            var t = this.start !== this.last;
            this.endDrag(), this.up(e), this.callback('up', [e.xy]), t && this.callback('done', [e.xy]);
          }
          return !0;
        },
        endDrag: function () {
          (this.started = !1),
            (this.dragging = !1),
            (this.forced = !1),
            OpenLayers.Element.removeClass(this.viewPortDiv, 'olDragDown'),
            (document.onselectstart = this.oldOnselectstart);
        },
        down: function (e) {},
        move: function (e) {},
        up: function (e) {},
        out: function (e) {},
        mousedown: function (e) {
          return this.dragstart(e);
        },
        touchstart: function (e) {
          return (
            this.touch ||
              ((this.touch = !0),
              this.map.events.un({
                mousedown: this.mousedown,
                mouseup: this.mouseup,
                mousemove: this.mousemove,
                click: this.click,
                scope: this,
              })),
            this.dragstart(e)
          );
        },
        mousemove: function (e) {
          return this.dragmove(e);
        },
        touchmove: function (e) {
          return this.dragmove(e);
        },
        removeTimeout: function () {
          if (((this.timeoutId = null), this.dragging)) {
            return this.mousemove(this.lastMoveEvt);
          }
        },
        mouseup: function (e) {
          if (!this.forced || this.endOnMouseUp) {
            return this.started ? this.dragend(e) : void 0;
          }
        },
        touchend: function (e) {
          if (((e.xy = this.last), !this.forced)) {
            return this.dragend(e);
          }
        },
        click: function (e) {
          return this.start === this.last;
        },
        activate: function (e) {
          (this.$el = e), (this.active = !0);
          var t = $(this.viewPortDiv);
          return (
            this.$el.on('mousedown.drag-' + this.uniqueID, $.proxy(this.mousedown, this)),
            this.$el.on('touchstart.drag-' + this.uniqueID, $.proxy(this.touchstart, this)),
            t.on('mouseup.drag-' + this.uniqueID, $.proxy(this.mouseup, this)),
            t.on('mousemove.drag-' + this.uniqueID, $.proxy(this.mousemove, this)),
            t.on('touchmove.drag-' + this.uniqueID, $.proxy(this.touchmove, this)),
            t.on('touchend.drag-' + this.uniqueID, $.proxy(this.touchend, this))
          );
        },
        deactivate: function () {
          return (
            (this.active = !1),
            this.$el.off('.drag-' + this.uniqueID),
            $(this.viewPortDiv).off('.drag-' + this.uniqueID),
            (this.touch = !1),
            (this.started = !1),
            (this.forced = !1),
            (this.dragging = !1),
            (this.start = null),
            (this.last = null),
            OpenLayers.Element.removeClass(this.viewPortDiv, 'olDragDown')
          );
        },
        adjustXY: function (e) {
          var t = OpenLayers.Util.pagePosition(this.viewPortDiv);
          return (e.xy.x -= t[0]), (e.xy.y -= t[1]);
        },
        CLASS_NAME: 'W.Handler.DragElement',
      });
      myDragElement.baseID = 0;
      return myDragElement;
    };

    this.DivIcon = OpenLayers.Class({
      className: null,
      $div: null,
      events: null,
      initialize: function (e, t) {
        (this.className = e),
          (this.moveWithTransform = !!t),
          (this.$div = $('<div />').addClass(e)),
          (this.div = this.$div.get(0)),
          (this.imageDiv = this.$div.get(0));
      },
      destroy: function () {
        this.erase(), (this.$div = null);
      },
      clone: function () {
        return new i(this.className);
      },
      draw: function (e) {
        return (
          this.moveWithTransform
            ? (this.$div.css({
                transform: 'translate(' + e.x + 'px, ' + e.y + 'px)',
              }),
              this.$div.css({
                position: 'absolute',
              }))
            : this.$div.css({
                position: 'absolute',
                left: e.x,
                top: e.y,
              }),
          this.$div.get(0)
        );
      },
      moveTo: function (e) {
        null !== e && (this.px = e),
          null === this.px
            ? this.display(!1)
            : this.moveWithTransform
            ? this.$div.css({
                transform: 'translate(' + this.px.x + 'px, ' + this.px.y + 'px)',
              })
            : this.$div.css({
                left: this.px.x,
                top: this.px.y,
              });
      },
      erase: function () {
        this.$div.remove();
      },
      display: function (e) {
        this.$div.toggle(e);
      },
      isDrawn: function () {
        return !!this.$div.parent().length;
      },
      bringToFront: function () {
        if (this.isDrawn()) {
          var e = this.$div.parent();
          this.$div.detach().appendTo(e);
        }
      },
      forceReflow: function () {
        return this.$div.get(0).offsetWidth;
      },
      CLASS_NAME: 'W.DivIcon',
    });

    this.Icon = OpenLayers.Class({
      url: null,
      size: null,
      offset: null,
      calculateOffset: null,
      imageDiv: null,
      px: null,
      initialize: function (a, b, c, d) {
        this.url = a;
        this.size = b || { w: 20, h: 20 };
        this.offset = c || { x: -(this.size.w / 2), y: -(this.size.h / 2) };
        this.calculateOffset = d;
        a = OpenLayers.Util.createUniqueID('OL_Icon_');
        var div = (this.imageDiv = OpenLayers.Util.createAlphaImageDiv(a));
        $(div.firstChild).removeClass('olAlphaImg'); // LEAVE THIS LINE TO PREVENT WME-HARDHATS SCRIPT FROM TURNING ALL ICONS INTO HARDHAT WAZERS --MAPOMATIC
      },
      destroy: function () {
        this.erase();
        OpenLayers.Event.stopObservingElement(this.imageDiv.firstChild);
        this.imageDiv.innerHTML = '';
        this.imageDiv = null;
      },
      clone: function () {
        return new OpenLayers.Icon(this.url, this.size, this.offset, this.calculateOffset);
      },
      setSize: function (a) {
        null !== a && (this.size = a);
        this.draw();
      },
      setUrl: function (a) {
        null !== a && (this.url = a);
        this.draw();
      },
      draw: function (a) {
        OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, this.size, this.url, 'absolute');
        this.moveTo(a);
        return this.imageDiv;
      },
      erase: function () {
        null !== this.imageDiv && null !== this.imageDiv.parentNode && OpenLayers.Element.remove(this.imageDiv);
      },
      setOpacity: function (a) {
        OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, null, null, null, null, null, null, a);
      },
      moveTo: function (a) {
        null !== a && (this.px = a);
        null !== this.imageDiv &&
          (null === this.px
            ? this.display(!1)
            : (this.calculateOffset && (this.offset = this.calculateOffset(this.size)),
              OpenLayers.Util.modifyAlphaImageDiv(this.imageDiv, null, { x: this.px.x + this.offset.x, y: this.px.y + this.offset.y })));
      },
      display: function (a) {
        this.imageDiv.style.display = a ? '' : 'none';
      },
      isDrawn: function () {
        return this.imageDiv && this.imageDiv.parentNode && 11 != this.imageDiv.parentNode.nodeType;
      },
      CLASS_NAME: 'OpenLayers.Icon',
    });
  }

  function Util() {
    /**
     * Function to defer function execution until an element is present on
     * the page.
     * @function WazeWrap.Util.waitForElement
     * @param {String} selector The CSS selector string or a jQuery object
     * to find before executing the callback.
     * @param {Function} callback The function to call when the page
     * element is detected.
     * @param {Object} [context] The context in which to call the callback.
     */
    this.waitForElement = function (selector, callback, context) {
      let jqObj;
      if (!selector || typeof callback !== 'function') {
        return;
      }

      jqObj = typeof selector === 'string' ? $(selector) : selector instanceof $ ? selector : null;

      if (!jqObj.length) {
        window.requestAnimationFrame(function () {
          WazeWrap.Util.waitForElement(selector, callback, context);
        });
      } else {
        callback.call(context || callback);
      }
    };

    /**
     * Function to track the ready state of the map.
     * @function WazeWrap.Util.mapReady
     * @return {Boolean} Whether or not a map operation is pending or
     * undefined if the function has not yet seen a map ready event fired.
     */
    this.mapReady = (function () {
      var mapReady = true;
      W.app.layout.model.on('operationPending', function () {
        mapReady = false;
      });
      W.app.layout.model.on('operationDone', function () {
        mapReady = true;
      });

      return function () {
        return mapReady;
      };
    })();

    /**
     * Function to track the ready state of the model.
     * @function WazeWrap.Util.modelReady
     * @return {Boolean} Whether or not the model has loaded objects or
     * undefined if the function has not yet seen a model ready event fired.
     */
    this.modelReady = (function () {
      var modelReady = true;
      W.model.events.register('mergestart', null, function () {
        modelReady = false;
      });
      W.model.events.register('mergeend', null, function () {
        modelReady = true;
      });
      return function () {
        return modelReady;
      };
    })();

    /**
     * Returns orthogonalized geometry for the given geometry and threshold
     * @function WazeWrap.Util.OrthogonalizeGeometry
     * @param {OpenLayers.Geometry} The OpenLayers.Geometry to orthogonalize
     * @param {integer} threshold to use for orthogonalization - the higher the threshold, the more nodes that will be removed
     * @return {OpenLayers.Geometry } Orthogonalized geometry
     **/
    this.OrthogonalizeGeometry = function (geometry, threshold = 12) {
      let nomthreshold = threshold, // degrees within right or straight to alter
        lowerThreshold = Math.cos(((90 - nomthreshold) * Math.PI) / 180),
        upperThreshold = Math.cos((nomthreshold * Math.PI) / 180);

      function Orthogonalize() {
        var nodes = geometry,
          points = nodes.slice(0, -1).map(function (n) {
            let p = n.clone().transform(new OpenLayers.Projection('EPSG:900913'), new OpenLayers.Projection('EPSG:4326'));
            p.y = lat2latp(p.y);
            return p;
          }),
          corner = { i: 0, dotp: 1 },
          epsilon = 1e-4,
          i,
          j,
          score,
          motions;

        // Triangle
        if (nodes.length === 4) {
          for (i = 0; i < 1000; i++) {
            motions = points.map(calcMotion);

            var tmp = addPoints(points[corner.i], motions[corner.i]);
            points[corner.i].x = tmp.x;
            points[corner.i].y = tmp.y;

            score = corner.dotp;
            if (score < epsilon) {
              break;
            }
          }

          var n = points[corner.i];
          n.y = latp2lat(n.y);
          let pp = n.transform(new OpenLayers.Projection('EPSG:4326'), new OpenLayers.Projection('EPSG:900913'));

          let id = nodes[corner.i].id;
          for (i = 0; i < nodes.length; i++) {
            if (nodes[i].id != id) {
              continue;
            }

            nodes[i].x = pp.x;
            nodes[i].y = pp.y;
          }

          return nodes;
        } else {
          var best,
            originalPoints = nodes.slice(0, -1).map(function (n) {
              let p = n.clone().transform(new OpenLayers.Projection('EPSG:900913'), new OpenLayers.Projection('EPSG:4326'));
              p.y = lat2latp(p.y);
              return p;
            });
          score = Infinity;

          for (i = 0; i < 1000; i++) {
            motions = points.map(calcMotion);
            for (j = 0; j < motions.length; j++) {
              let tmp = addPoints(points[j], motions[j]);
              points[j].x = tmp.x;
              points[j].y = tmp.y;
            }
            var newScore = squareness(points);
            if (newScore < score) {
              best = [].concat(points);
              score = newScore;
            }
            if (score < epsilon) {
              break;
            }
          }

          points = best;

          for (i = 0; i < points.length; i++) {
            // only move the points that actually moved
            if (originalPoints[i].x !== points[i].x || originalPoints[i].y !== points[i].y) {
              let n = points[i];
              n.y = latp2lat(n.y);
              let pp = n.transform(new OpenLayers.Projection('EPSG:4326'), new OpenLayers.Projection('EPSG:900913'));

              let id = nodes[i].id;
              for (j = 0; j < nodes.length; j++) {
                if (nodes[j].id != id) {
                  continue;
                }

                nodes[j].x = pp.x;
                nodes[j].y = pp.y;
              }
            }
          }

          // remove empty nodes on straight sections
          for (i = 0; i < points.length; i++) {
            let dotp = normalizedDotProduct(i, points);
            if (dotp < -1 + epsilon) {
              id = nodes[i].id;
              for (j = 0; j < nodes.length; j++) {
                if (nodes[j].id != id) {
                  continue;
                }

                nodes[j] = false;
              }
            }
          }

          return nodes.filter((item) => item !== false);
        }

        function calcMotion(b, i, array) {
          let a = array[(i - 1 + array.length) % array.length],
            c = array[(i + 1) % array.length],
            p = subtractPoints(a, b),
            q = subtractPoints(c, b),
            scale,
            dotp;

          scale = 2 * Math.min(euclideanDistance(p, { x: 0, y: 0 }), euclideanDistance(q, { x: 0, y: 0 }));
          p = normalizePoint(p, 1.0);
          q = normalizePoint(q, 1.0);

          dotp = filterDotProduct(p.x * q.x + p.y * q.y);

          // nasty hack to deal with almost-straight segments (angle is closer to 180 than to 90/270).
          if (array.length > 3) {
            if (dotp < -0.707106781186547) {
              dotp += 1.0;
            }
          } else if (dotp && Math.abs(dotp) < corner.dotp) {
            corner.i = i;
            corner.dotp = Math.abs(dotp);
          }

          return normalizePoint(addPoints(p, q), 0.1 * dotp * scale);
        }
      }

      function lat2latp(lat) {
        return (180 / Math.PI) * Math.log(Math.tan(Math.PI / 4 + (lat * (Math.PI / 180)) / 2));
      }

      function latp2lat(a) {
        return (180 / Math.PI) * (2 * Math.atan(Math.exp((a * Math.PI) / 180)) - Math.PI / 2);
      }

      function squareness(points) {
        return points.reduce(function (sum, val, i, array) {
          let dotp = normalizedDotProduct(i, array);

          dotp = filterDotProduct(dotp);
          return sum + 2.0 * Math.min(Math.abs(dotp - 1.0), Math.min(Math.abs(dotp), Math.abs(dotp + 1)));
        }, 0);
      }

      function normalizedDotProduct(i, points) {
        let a = points[(i - 1 + points.length) % points.length],
          b = points[i],
          c = points[(i + 1) % points.length],
          p = subtractPoints(a, b),
          q = subtractPoints(c, b);

        p = normalizePoint(p, 1.0);
        q = normalizePoint(q, 1.0);

        return p.x * q.x + p.y * q.y;
      }

      function subtractPoints(a, b) {
        return { x: a.x - b.x, y: a.y - b.y };
      }

      function addPoints(a, b) {
        return { x: a.x + b.x, y: a.y + b.y };
      }

      function euclideanDistance(a, b) {
        let x = a.x - b.x,
          y = a.y - b.y;
        return Math.sqrt(x * x + y * y);
      }

      function normalizePoint(point, scale) {
        let vector = { x: 0, y: 0 };
        let length = Math.sqrt(point.x * point.x + point.y * point.y);
        if (length !== 0) {
          vector.x = point.x / length;
          vector.y = point.y / length;
        }

        vector.x *= scale;
        vector.y *= scale;

        return vector;
      }

      function filterDotProduct(dotp) {
        if (lowerThreshold > Math.abs(dotp) || Math.abs(dotp) > upperThreshold) {
          return dotp;
        }

        return 0;
      }

      this.isDisabled = function (nodes) {
        let points = nodes.slice(0, -1).map(function (n) {
          let p = n.toLonLat().transform(new OpenLayers.Projection('EPSG:900913'), new OpenLayers.Projection('EPSG:4326'));
          return { x: p.lat, y: p.lon };
        });

        return squareness(points);
      };

      return Orthogonalize();
    };

    /**
     * Returns the general location of the segment queried
     * @function WazeWrap.Util.findSegment
     * @param {OpenLayers.Geometry} The server to search on. The current server can be obtained from W.app.getAppRegionCode()
     * @param {integer} The segment ID to search for
     * @return {OpenLayers.Geometry.Point} A point at the general location of the segment, null if the segment is not found
     **/
    this.findSegment = async function (server, segmentID) {
      let apiURL = location.origin;
      switch (server) {
        case 'row':
          apiURL += '/row-Descartes/app/HouseNumbers?ids=';
          break;
        case 'il':
          apiURL += '/il-Descartes/app/HouseNumbers?ids=';
          break;
        case 'usa':
        default:
          apiURL += '/Descartes/app/HouseNumbers?ids=';
      }
      let response,
        result = null;
      try {
        response = await $.get(`${apiURL + segmentID}`);
        if (response && response.editAreas.objects.length > 0) {
          let segGeoArea = response.editAreas.objects[0].geometry.coordinates[0];
          let ringGeo = [];
          for (let i = 0; i < segGeoArea.length - 1; i++) {
            ringGeo.push(new OpenLayers.Geometry.Point(segGeoArea[i][0], segGeoArea[i][1]));
          }
          if (ringGeo.length > 0) {
            let ring = new OpenLayers.Geometry.LinearRing(ringGeo);
            result = ring.getCentroid();
          }
        }
      } catch (err) {
        console.log(err);
      }

      return result;
    };

    /**
     * Returns the location of the venue queried
     * @function WazeWrap.Util.findVenue
     * @param {OpenLayers.Geometry} The server to search on. The current server can be obtained from W.app.getAppRegionCode()
     * @param {integer} The venue ID to search for
     * @return {OpenLayers.Geometry.Point} A point at the location of the venue, null if the venue is not found
     **/
    this.findVenue = async function (server, venueID) {
      let apiURL = location.origin;
      switch (server) {
        case 'row':
          apiURL += '/row-SearchServer/mozi?max_distance_kms=&lon=-84.22637&lat=39.61097&format=PROTO_JSON_FULL&venue_id=';
          break;
        case 'il':
          apiURL += '/il-SearchServer/mozi?max_distance_kms=&lon=-84.22637&lat=39.61097&format=PROTO_JSON_FULL&venue_id=';
          break;
        case 'usa':
        default:
          apiURL += '/SearchServer/mozi?max_distance_kms=&lon=-84.22637&lat=39.61097&format=PROTO_JSON_FULL&venue_id=';
      }
      let response,
        result = null;
      try {
        response = await $.get(`${apiURL + venueID}`);
        if (response && response.venue) {
          result = new OpenLayers.Geometry.Point(response.venue.location.x, response.venue.location.y);
        }
      } catch (err) {
        console.log(err);
      }

      return result;
    };
  }

  function Events() {
    const eventMap = {
      moveend: {
        register: function (p1, p2, p3) {
          wEvents.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          wEvents.unregister(p1, p2, p3);
        },
      },
      zoomend: {
        register: function (p1, p2, p3) {
          wEvents.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          wEvents.unregister(p1, p2, p3);
        },
      },
      mousemove: {
        register: function (p1, p2, p3) {
          wEvents.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          wEvents.unregister(p1, p2, p3);
        },
      },
      mouseup: {
        register: function (p1, p2, p3) {
          wEvents.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          wEvents.unregister(p1, p2, p3);
        },
      },
      mousedown: {
        register: function (p1, p2, p3) {
          wEvents.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          wEvents.unregister(p1, p2, p3);
        },
      },
      changelayer: {
        register: function (p1, p2, p3) {
          wEvents.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          wEvents.unregister(p1, p2, p3);
        },
      },
      selectionchanged: {
        register: function (p1, p2, p3) {
          W.selectionManager.events.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          W.selectionManager.events.unregister(p1, p2, p3);
        },
      },
      afterundoaction: {
        register: function (p1, p2, p3) {
          W.model.actionManager.events.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          W.model.actionManager.events.unregister(p1, p2, p3);
        },
      },
      afterclearactions: {
        register: function (p1, p2, p3) {
          W.model.actionManager.events.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          W.model.actionManager.events.unregister(p1, p2, p3);
        },
      },
      afteraction: {
        register: function (p1, p2, p3) {
          W.model.actionManager.events.register(p1, p2, p3);
        },
        unregister: function (p1, p2, p3) {
          W.model.actionManager.events.unregister(p1, p2, p3);
        },
      },
      'change:editingHouseNumbers': {
        register: function (p1, p2) {
          W.editingMediator.on(p1, p2);
        },
        unregister: function (p1, p2) {
          W.editingMediator.off(p1, p2);
        },
      },
      'change:mode': {
        register: function (p1, p2) {
          W.app.bind(p1, p2);
        },
        unregister: function (p1, p2) {
          W.app.unbind(p1, p2);
        },
      },
      'change:isImperial': {
        register: function (p1, p2) {
          W.prefs.on(p1, p2);
        },
        unregister: function (p1, p2) {
          W.prefs.off(p1, p2);
        },
      },
    };

    var eventHandlerList = {};

    this.register = function (event, context, handler, errorHandler) {
      if (typeof eventHandlerList[event] == 'undefined') {
        eventHandlerList[event] = [];
      }

      let newHandler = function () {
        try {
          handler(...arguments);
        } catch (err) {
          console.error(`Error thrown in: ${handler.name}\n ${err}`);
          if (errorHandler) {
            errorHandler(err);
          }
        }
      };

      eventHandlerList[event].push({ origFunc: handler, newFunc: newHandler });
      if (event === 'change:editingHouseNumbers' || event === 'change:mode' || event === 'change:isImperial') {
        eventMap[event].register(event, newHandler);
      } else {
        eventMap[event].register(event, context, newHandler);
      }
    };

    this.unregister = function (event, context, handler) {
      let unregHandler;
      if (eventHandlerList && eventHandlerList[event]) {
        //Must check in case a script is trying to unregister before registering an eventhandler and one has not yet been created
        for (let i = 0; i < eventHandlerList[event].length; i++) {
          if (eventHandlerList[event][i].origFunc.toString() == handler.toString()) {
            unregHandler = eventHandlerList[event][i].newFunc;
          }
        }
        if (typeof unregHandler != 'undefined') {
          if (event === 'change:editingHouseNumbers' || event === 'change:mode' || event === 'change:isImperial') {
            eventMap[event].unregister(event, unregHandler);
          } else {
            eventMap[event].unregister(event, context, unregHandler);
          }
        }
      }
    };
  }

  function Interface() {
    /**
     * Generates id for message bars.
     * @private
     */
    var getNextID = (function () {
      let id = 1;
      return function () {
        return id++;
      };
    })();

    /**
     * Creates a keyboard shortcut for the supplied callback event
     * @function WazeWrap.Interface.Shortcut
     * @param {string}
     * @param {string}
     * @param {string}
     * @param {string}
     * @param {string}
     * @param {function}
     * @param {object}
     * @param {integer} The segment ID to search for
     * @return {OpenLayers.Geometry.Point} A point at the general location of the segment, null if the segment is not found
     **/
    this.Shortcut = class Shortcut {
      constructor(name, desc, group, title, shortcut, callback, scope) {
        if ('string' === typeof name && name.length > 0 && 'string' === typeof shortcut && 'function' === typeof callback) {
          this.name = name;
          this.desc = desc;
          this.group = group || this.defaults.group;
          this.title = title;
          this.callback = callback;
          this.shortcut = {};
          if (shortcut.length > 0) {
            this.shortcut[shortcut] = name;
          }
          if ('object' !== typeof scope) {
            this.scope = null;
          } else {
            this.scope = scope;
          }
          this.groupExists = false;
          this.actionExists = false;
          this.eventExists = false;
          this.defaults = { group: 'default' };

          return this;
        }
      }

      /**
       * Determines if the shortcut's action already exists.
       * @private
       */
      doesGroupExist() {
        this.groupExists = 'undefined' !== typeof W.accelerators.Groups[this.group] && undefined !== typeof W.accelerators.Groups[this.group].members;
        return this.groupExists;
      }

      /**
       * Determines if the shortcut's action already exists.
       * @private
       */
      doesActionExist() {
        this.actionExists = 'undefined' !== typeof W.accelerators.Actions[this.name];
        return this.actionExists;
      }

      /**
       * Determines if the shortcut's event already exists.
       * @private
       */
      doesEventExist() {
        this.eventExists =
          'undefined' !== typeof W.accelerators.events.dispatcher._events[this.name] &&
          W.accelerators.events.dispatcher._events[this.name].length > 0 &&
          this.callback === W.accelerators.events.dispatcher._events[this.name][0].func &&
          this.scope === W.accelerators.events.dispatcher._events[this.name][0].obj;
        return this.eventExists;
      }

      /**
       * Creates the shortcut's group.
       * @private
       */
      createGroup() {
        W.accelerators.Groups[this.group] = [];
        W.accelerators.Groups[this.group].members = [];

        if (this.title && !I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group]) {
          I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group] = [];
          I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group].description = this.title;
          I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group].members = [];
        }
      }

      /**
       * Registers the shortcut's action.
       * @private
       */
      addAction() {
        if (this.title) {
          I18n.translations[I18n.currentLocale()].keyboard_shortcuts.groups[this.group].members[this.name] = this.desc;
        }
        W.accelerators.addAction(this.name, { group: this.group });
      }

      /**
       * Registers the shortcut's event.
       * @private
       */
      addEvent() {
        W.accelerators.events.register(this.name, this.scope, this.callback);
      }

      /**
       * Registers the shortcut's keyboard shortcut.
       * @private
       */
      registerShortcut() {
        W.accelerators._registerShortcuts(this.shortcut);
      }

      /**
       * Adds the keyboard shortcut to the map.
       * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
       */
      add() {
        /* If the group is not already defined, initialize the group. */
        if (!this.doesGroupExist()) {
          this.createGroup();
        }

        /* Clear existing actions with same name */
        if (this.doesActionExist()) {
          W.accelerators.Actions[this.name] = null;
        }
        this.addAction();

        /* Register event only if it's not already registered */
        if (!this.doesEventExist()) {
          this.addEvent();
        }

        /* Finally, register the shortcut. */
        this.registerShortcut();
        return this;
      }

      /**
       * Removes the keyboard shortcut from the map.
       * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
       */
      remove() {
        if (this.doesEventExist()) {
          W.accelerators.events.unregister(this.name, this.scope, this.callback);
        }
        if (this.doesActionExist()) {
          delete W.accelerators.Actions[this.name];
        }
        //remove shortcut?
        return this;
      }

      /**
       * Changes the keyboard shortcut and applies changes to the map.
       * @return {WazeWrap.Interface.Shortcut} The keyboard shortcut.
       */
      change(shortcut) {
        if (shortcut) {
          this.shortcut = {};
          this.shortcut[shortcut] = this.name;
          this.registerShortcut();
        }
        return this;
      }
    };

    /**
     * Creates a tab in the side panel
     * @function WazeWrap.Interface.Tab
     * @param {string}
     * @param {string}
     * @param {function}
     * @param {string}
     **/
    this.Tab = async function Tab(name, content, callback, labelText) {
      if (!labelText) {
        labelText = name;
      }

      const { tabLabel, tabPane } = W.userscripts.registerSidebarTab(name);

      tabLabel.innerHTML = labelText;
      tabPane.innerHTML = content;

      await W.userscripts.waitForElementConnected(tabPane);
      if ('function' === typeof callback) {
        callback();
      }
    };

    /**
     * Creates a checkbox in the layer menu
     * @function WazeWrap.Interface.AddLayerCheckbox
     * @param {string}
     * @param {string}
     * @param {boolean}
     * @param {function}
     * @param {object}
     * @param {Layer object}
     **/
    this.AddLayerCheckbox = function (group, checkboxText, checked, callback, layer) {
      group = group.toLowerCase();
      let normalizedText = checkboxText.toLowerCase().replace(/\s/g, '_');
      let checkboxID = 'layer-switcher-item_' + normalizedText;
      let groupPrefix = 'layer-switcher-group_';
      let groupClass = groupPrefix + group.toLowerCase();
      sessionStorage[normalizedText] = checked;

      let CreateParentGroup = function (groupChecked) {
        let groupList = $('.layer-switcher').find('.list-unstyled.togglers');
        let checkboxText = group.charAt(0).toUpperCase() + group.substr(1);
        let newLI = $('<li class="group">');
        newLI.html(
          [
            '<div class="layer-switcher-toggler-tree-category">',
            '<wz-button color="clear-icon" size="xs">',
            // '<i class="toggle-category w-icon w-icon-caret-down"></i>',
            '</wz-button>',
            '<wz-toggle-switch disabled="false" class="' + groupClass + '" id="' + groupClass + '" ' + (groupChecked ? 'checked' : '') + ' name value>',
            '</wz-toggle-switch>',
            '<label class="label-text" for="' + groupClass + '">' + checkboxText + '</label>',
            '</div>',
            '<ul class="collapsible-GROUP_' + group.toUpperCase() + '"></ul>',
            '</li>',
          ].join(' ')
        );

        groupList.append(newLI);
        $('#' + groupClass).change(function () {
          sessionStorage[groupClass] = this.checked;
        });
      };

      if (group !== 'issues' && group !== 'places' && group !== 'road' && group !== 'display') {
        if ($('.' + groupClass).length === 0) {
          //"non-standard" group, check its existence
          //Group doesn't exist yet, create it
          let isParentChecked = typeof sessionStorage[groupClass] == 'undefined' ? true : sessionStorage[groupClass] == 'true';
          CreateParentGroup(isParentChecked); //create the group
          sessionStorage[groupClass] = isParentChecked;
        }
      }

      var buildLayerItem = function (isChecked) {
        let groupChildren = $('.collapsible-GROUP_' + group.toUpperCase());
        let $li = $('<li>');
        $li.html(['<wz-checkbox id="' + checkboxID + '" class="hydrated">', checkboxText, '</wz-checkbox>'].join(' '));

        groupChildren.append($li);
        $('#' + checkboxID).prop('checked', isChecked);
        $('#' + checkboxID).change(function () {
          callback(this.checked);
          sessionStorage[normalizedText] = this.checked;
        });
        if (!$('#' + groupClass).prop('checked')) {
          $('#' + checkboxID).prop('disabled', true);
          if (typeof layer === 'undefined') {
            callback(false);
          } else {
            if ($.isArray(layer)) {
              $.each(layer, (k, v) => {
                v.setVisibility(false);
              });
            } else {
              layer.setVisibility(false);
            }
          }
        }

        $('#' + groupClass).change(function () {
          $('#' + checkboxID).prop('disabled', !this.checked);
          if (typeof layer === 'undefined') {
            callback(!this.checked ? false : sessionStorage[normalizedText] == 'true');
          } else {
            if ($.isArray(layer)) {
              $.each(layer, (k, v) => {
                v.setVisibility(this.checked);
              });
            } else {
              layer.setVisibility(this.checked);
            }
          }
        });
      };

      buildLayerItem(checked);
    };

    /**
     * Shows the script update window with the given update text
     * @function WazeWrap.Interface.ShowScriptUpdate
     * @param {string}
     * @param {string}
     * @param {string}
     * @param {string}
     * @param {string}
     **/
    this.ShowScriptUpdate = function (scriptName, version, updateHTML, greasyforkLink = '', forumLink = '') {
      let settings;
      function loadSettings() {
        var loadedSettings = $.parseJSON(localStorage.getItem('WWScriptUpdate'));
        var defaultSettings = {
          ScriptUpdateHistory: {},
        };
        settings = loadedSettings ? loadedSettings : defaultSettings;
        for (var prop in defaultSettings) {
          if (!settings.hasOwnProperty(prop)) {
            settings[prop] = defaultSettings[prop];
          }
        }
      }

      function saveSettings() {
        if (localStorage) {
          var localsettings = {
            ScriptUpdateHistory: settings.ScriptUpdateHistory,
          };

          localStorage.setItem('WWScriptUpdate', JSON.stringify(localsettings));
        }
      }

      loadSettings();

      if (
        updateHTML &&
        updateHTML.length > 0 &&
        (typeof settings.ScriptUpdateHistory[scriptName] === 'undefined' || settings.ScriptUpdateHistory[scriptName] != version)
      ) {
        let currCount = $('.WWSU-script-item').length;
        let divID = (scriptName + ('' + version)).toLowerCase().replace(/[^a-z-_0-9]/g, '');
        $('#WWSU-script-list').append(`<a href="#${divID}" class="WWSU-script-item ${currCount === 0 ? 'WWSU-active' : ''}">${scriptName}</a>`); //add the script's tab
        $('#WWSU-updateCount').html(parseInt($('#WWSU-updateCount').html()) + 1); //increment the total script updates value
        let install = '',
          forum = '';
        if (greasyforkLink != '') {
          install = `<a href="${greasyforkLink}" target="_blank">Greasyfork</a>`;
        }
        if (forumLink != '') {
          forum = `<a href="${forumLink}" target="_blank">Forum</a>`;
        }
        let footer = '';
        if (forumLink != '' || greasyforkLink != '') {
          footer = `<span class="WWSUFooter" style="margin-bottom:2px; display:block;">${install}${
            greasyforkLink != '' && forumLink != '' ? ' | ' : ''
          }${forum}</span>`;
        }
        $('#WWSU-script-update-info').append(`<div id="${divID}"><span><h3>${version}</h3><br>${updateHTML}</span>${footer}</div>`);
        $('#WWSU-Container').show();
        if (currCount === 0) {
          $('#WWSU-script-list').find('a')[0].click();
        }
        settings.ScriptUpdateHistory[scriptName] = version;
        saveSettings();
      }
    };
  }

  function Alerts() {
    this.success = function (scriptName, message) {
      $(wazedevtoastr.success(message, scriptName))
        .clone()
        .prependTo('#WWAlertsHistory-list > .toast-container-wazedev')
        .find('.toast-close-button')
        .remove();
    };

    this.info = function (scriptName, message, disableTimeout, disableClickToClose) {
      let options = {};
      if (disableTimeout) {
        options.timeOut = 0;
      }
      if (disableClickToClose) {
        options.tapToDismiss = false;
      }
      $(wazedevtoastr.info(message, scriptName, options))
        .clone()
        .prependTo('#WWAlertsHistory-list > .toast-container-wazedev')
        .find('.toast-close-button')
        .remove();
    };

    this.warning = function (scriptName, message) {
      $(wazedevtoastr.warning(message, scriptName))
        .clone()
        .prependTo('#WWAlertsHistory-list > .toast-container-wazedev')
        .find('.toast-close-button')
        .remove();
    };

    this.error = function (scriptName, message) {
      $(wazedevtoastr.error(message, scriptName))
        .clone()
        .prependTo('#WWAlertsHistory-list > .toast-container-wazedev')
        .find('.toast-close-button')
        .remove();
    };

    this.debug = function (scriptName, message) {
      wazedevtoastr.debug(message, scriptName);
    };

    this.prompt = function (scriptName, message, defaultText = '', okFunction, cancelFunction) {
      wazedevtoastr.prompt(message, scriptName, { promptOK: okFunction, promptCancel: cancelFunction, PromptDefaultInput: defaultText });
    };

    this.confirm = function (scriptName, message, okFunction, cancelFunction, okBtnText = 'Ok', cancelBtnText = 'Cancel') {
      wazedevtoastr.confirm(message, scriptName, {
        confirmOK: okFunction,
        confirmCancel: cancelFunction,
        ConfirmOkButtonText: okBtnText,
        ConfirmCancelButtonText: cancelBtnText,
      });
    };

    this.ScriptUpdateMonitor = class {
      #lastVersionChecked = '0';
      #scriptName;
      #currentVersion;
      #downloadUrl;
      #metaUrl;
      #metaRegExp;
      #GM_xmlhttpRequest;
      #intervalChecker = null;

      /**
       * Creates an instance of ScriptUpdateMonitor.
       * @param {string} scriptName The name of your script. Used as the alert title and in console error messages.
       * @param {string|number} currentVersion The current installed version of the script.
       * @param {string} downloadUrl The download URL of the script. If using Greasy Fork, the URL should end with ".user.js".
       * @param {object} GM_xmlhttpRequest A reference to the GM_xmlhttpRequest function used by your script.
       * This is used to obtain the latest script version number from the server.
       * @param {string} [metaUrl] The URL to a page containing the latest script version number.
       * Optional for Greasy Fork scripts (uses download URL path, replacing ".user.js" with ".meta.js").
       * @param {RegExp} [metaRegExp] A regular expression with a single capture group to extract the
       * version number from the metaUrl page. e.g. /@version\s+(.+)/i. Required if metaUrl is specified.
       * Ignored if metaUrl is a falsy value.
       * @memberof ScriptUpdateMonitor
       */
      constructor(scriptName, currentVersion, downloadUrl, GM_xmlhttpRequest, metaUrl = null, metaRegExp = null) {
        this.#scriptName = scriptName;
        this.#currentVersion = currentVersion;
        this.#downloadUrl = downloadUrl;
        this.#GM_xmlhttpRequest = GM_xmlhttpRequest;
        this.#metaUrl = metaUrl;
        this.#metaRegExp = metaRegExp || /@version\s+(.+)/i;
        this.#validateParameters();
      }

      /**
       * Starts checking for script updates at a specified interval.
       *
       * @memberof ScriptUpdateMonitor
       * @param {number} [intervalHours = 2] The interval, in hours, to check for script updates. Default is 2. Minimum is 1.
       * @param {boolean} [checkImmediately = true] If true, checks for a script update immediately when called. Default is true.
       */
      start(intervalHours = 2, checkImmediately = true) {
        if (intervalHours < 1) {
          throw new Error('Parameter intervalHours must be at least 1');
        }
        if (!this.#intervalChecker) {
          if (checkImmediately) {
            this.#postAlertIfNewReleaseAvailable();
          }
          // Use the arrow function here to bind the "this" context to the ScriptUpdateMonitor object.
          this.#intervalChecker = setInterval(() => this.#postAlertIfNewReleaseAvailable(), intervalHours * 60 * 60 * 1000);
        }
      }

      /**
       * Stops checking for script updates.
       *
       * @memberof ScriptUpdateMonitor
       */
      stop() {
        if (this.#intervalChecker) {
          clearInterval(this.#intervalChecker);
          this.#intervalChecker = null;
        }
      }

      #validateParameters() {
        if (this.#metaUrl) {
          if (!this.#metaRegExp) {
            throw new Error('metaRegExp must be defined if metaUrl is defined.');
          }
          if (!(this.#metaRegExp instanceof RegExp)) {
            throw new Error('metaUrl must be a regular expression.');
          }
        } else {
          if (!/\.user\.js$/.test(this.#downloadUrl)) {
            throw new Error('Invalid downloadUrl paramenter. Must end with ".user.js" [', this.#downloadUrl, ']');
          }
          this.#metaUrl = this.#downloadUrl.replace(/\.user\.js$/, '.meta.js');
        }
      }

      async #postAlertIfNewReleaseAvailable() {
        let latestVersion;
        try {
          latestVersion = await this.#fetchLatestReleaseVersion();
        } catch (ex) {
          console.error(`${this.#scriptName}: Error while checking for latest version.`, ex);
          return;
        }
        if (latestVersion > this.#currentVersion && latestVersion > (this.#lastVersionChecked || '0')) {
          this.#lastVersionChecked = latestVersion;
          this.#clearPreviousAlerts();
          this.#postNewVersionAlert(latestVersion);
        }
      }

      #postNewVersionAlert(newVersion) {
        const message = `<a href="${
          this.#downloadUrl
        }" target = "_blank">Version ${newVersion}</a> is available.<br>Update now to get the latest features and fixes.`;
        WazeWrap.Alerts.info(this.#scriptName, message, true, false);
      }

      #fetchLatestReleaseVersion() {
        const metaUrl = this.#metaUrl;
        const metaRegExp = this.#metaRegExp;
        return new Promise((resolve, reject) => {
          this.#GM_xmlhttpRequest({
            url: metaUrl,
            onload(res) {
              const versionMatch = res.responseText.match(metaRegExp);
              if (versionMatch?.length !== 2) {
                throw new Error(`Invalid RegExp expression (${metaRegExp}) or version # could not be found at this URL: ${metaUrl}`);
              }
              resolve(res.responseText.match(metaRegExp)[1]);
            },
            onerror(res) {
              reject(res);
            },
          });
        });
      }

      #clearPreviousAlerts() {
        $('.toast-container-wazedev .toast-info:visible')
          .toArray()
          .forEach((elem) => {
            const $alert = $(elem);
            const title = $alert.find('.toast-title').text();
            if (title === this.#scriptName) {
              const message = $alert.find('.toast-message').text();
              if (/version .* is available/i.test(message)) {
                // Force a click to make the alert go away.
                $alert.click();
              }
            }
          });
      }
    };
  }

  function Remote() {
    function sendPOST(scriptName, scriptSettings) {
      return new Promise(function (resolve, reject) {
        var xhr = new XMLHttpRequest();
        xhr.open('POST', 'https://wazedev.com:8443', true);
        xhr.setRequestHeader('Content-Type', 'application/json');
        xhr.onreadystatechange = function (e) {
          if (xhr.readyState === 4) {
            if (xhr.status === 200) {
              resolve(true);
            } else {
              reject(false);
            }
          }
        };
        xhr.send(
          JSON.stringify({
            userID: W.loginManager.user.id.toString(),
            pin: wwSettings.editorPIN,
            script: scriptName,
            settings: scriptSettings,
          })
        );
      });
    }

    this.SaveSettings = async function (scriptName, scriptSettings) {
      if (wwSettings.editorPIN === '') {
        console.error('Editor PIN not set');
        return null;
      }
      if (scriptName === '') {
        console.error('No script name provided');
        return null;
      }
      try {
        return await sendPOST(scriptName, scriptSettings);
        /*let result = await $.ajax({
				    url: 'https://wazedev.com:8443', 
				    type: 'POST', 
				    contentType: 'application/json', 
				    data: JSON.stringify({
					    userID: W.loginManager.user.id,
					    pin: wwSettings.editorPIN,
					    script: scriptName,
					    settings: scriptSettings
					})}
				);
				return result;*/
      } catch (err) {
        console.log(err);
        return null;
      }
    };

    this.RetrieveSettings = async function (script) {
      if (wwSettings.editorPIN === '') {
        console.error('Editor PIN not set');
        return null;
      }
      if (script === '') {
        console.error('No script name provided');
        return null;
      }
      try {
        let response = await fetch(`https://wazedev.com/userID/${W.loginManager.user.id}/PIN/${wwSettings.editorPIN}/script/${script}`);
        response = await response.json();
        return response;
      } catch (err) {
        console.log(err);
        return null;
      }
    };
  }

  function String() {
    this.toTitleCase = function (str) {
      return str.replace(/(?:^|\s)\w/g, function (match) {
        return match.toUpperCase();
      });
    };
  }
}).call(this);