/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = "./content/index.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "../node_modules/css-loader/index.js!../node_modules/stylus-loader/index.js!./stylus/content.styl":
/*!**************************************************************************************!*\
  !*** ../node_modules/css-loader!../node_modules/stylus-loader!./stylus/content.styl ***!
  \**************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(/*! ../../node_modules/css-loader/lib/css-base.js */ "../node_modules/css-loader/lib/css-base.js")(false);
// imports


// module
exports.push([module.i, ".chat-color-0 #content #author-name {\n  color: #536dfe !important;\n}\n.chat-color-1 #content #author-name {\n  color: #2196f3 !important;\n}\n.chat-color-2 #content #author-name {\n  color: #03a9f4 !important;\n}\n.chat-color-3 #content #author-name {\n  color: #00bcd4 !important;\n}\n.chat-color-4 #content #author-name {\n  color: #009688 !important;\n}\n.chat-color-5 #content #author-name {\n  color: #4caf50 !important;\n}\n.chat-color-6 #content #author-name {\n  color: #8bc34a !important;\n}\n.chat-color-7 #content #author-name {\n  color: #cddc39 !important;\n}\n.chat-color-8 #content #author-name {\n  color: #ffeb3b !important;\n}\n.chat-color-9 #content #author-name {\n  color: #ffc107 !important;\n}\n.chat-color-A #content #author-name {\n  color: #f44336 !important;\n}\n.chat-color-B #content #author-name {\n  color: #e91e63 !important;\n}\n.chat-color-C #content #author-name {\n  color: #9c27b0 !important;\n}\n.chat-color-D #content #author-name {\n  color: #673ab7 !important;\n}\n.chat-color-E #content #author-name {\n  color: #536dfe !important;\n}\n.chat-color-F #content #author-name {\n  color: #2196f3 !important;\n}\n.chat-color-G #content #author-name {\n  color: #03a9f4 !important;\n}\n.chat-color-H #content #author-name {\n  color: #00bcd4 !important;\n}\n.chat-color-I #content #author-name {\n  color: #009688 !important;\n}\n.chat-color-J #content #author-name {\n  color: #4caf50 !important;\n}\n.chat-color-K #content #author-name {\n  color: #8bc34a !important;\n}\n.chat-color-L #content #author-name {\n  color: #cddc39 !important;\n}\n.chat-color-M #content #author-name {\n  color: #ffeb3b !important;\n}\n.chat-color-N #content #author-name {\n  color: #ffc107 !important;\n}\n.chat-color-O #content #author-name {\n  color: #ff9800 !important;\n}\n.chat-color-P #content #author-name {\n  color: #ff5722 !important;\n}\n.chat-color-Q #content #author-name {\n  color: #f44336 !important;\n}\n.chat-color-R #content #author-name {\n  color: #e91e63 !important;\n}\n.chat-color-S #content #author-name {\n  color: #9c27b0 !important;\n}\n.chat-color-T #content #author-name {\n  color: #673ab7 !important;\n}\n.chat-color-U #content #author-name {\n  color: #536dfe !important;\n}\n.chat-color-V #content #author-name {\n  color: #2196f3 !important;\n}\n.chat-color-W #content #author-name {\n  color: #03a9f4 !important;\n}\n.chat-color-X #content #author-name {\n  color: #00bcd4 !important;\n}\n.chat-color-Y #content #author-name {\n  color: #009688 !important;\n}\n.chat-color-Z #content #author-name {\n  color: #4caf50 !important;\n}\n.chat-color-a #content #author-name {\n  color: #8bc34a !important;\n}\n.chat-color-b #content #author-name {\n  color: #cddc39 !important;\n}\n.chat-color-c #content #author-name {\n  color: #ffeb3b !important;\n}\n.chat-color-d #content #author-name {\n  color: #ffc107 !important;\n}\n.chat-color-e #content #author-name {\n  color: #ff9800 !important;\n}\n.chat-color-f #content #author-name {\n  color: #ff5722 !important;\n}\n.chat-color-g #content #author-name {\n  color: #f44336 !important;\n}\n.chat-color-h #content #author-name {\n  color: #e91e63 !important;\n}\n.chat-color-i #content #author-name {\n  color: #9c27b0 !important;\n}\n.chat-color-j #content #author-name {\n  color: #673ab7 !important;\n}\n.chat-color-k #content #author-name {\n  color: #536dfe !important;\n}\n.chat-color-l #content #author-name {\n  color: #2196f3 !important;\n}\n.chat-color-m #content #author-name {\n  color: #03a9f4 !important;\n}\n.chat-color-n #content #author-name {\n  color: #00bcd4 !important;\n}\n.chat-color-o #content #author-name {\n  color: #009688 !important;\n}\n.chat-color-p #content #author-name {\n  color: #4caf50 !important;\n}\n.chat-color-q #content #author-name {\n  color: #8bc34a !important;\n}\n.chat-color-r #content #author-name {\n  color: #cddc39 !important;\n}\n.chat-color-s #content #author-name {\n  color: #ffeb3b !important;\n}\n.chat-color-t #content #author-name {\n  color: #ffc107 !important;\n}\n.chat-color-u #content #author-name {\n  color: #ff9800 !important;\n}\n.chat-color-v #content #author-name {\n  color: #ff5722 !important;\n}\n.chat-color-w #content #author-name {\n  color: #f44336 !important;\n}\n.chat-color-x #content #author-name {\n  color: #e91e63 !important;\n}\n.chat-color-y #content #author-name {\n  color: #9c27b0 !important;\n}\n.chat-color-z #content #author-name {\n  color: #673ab7 !important;\n}\n.chat-color-- #content #author-name {\n  color: #ff9800 !important;\n}\n.chat-color-_ #content #author-name {\n  color: #ff5722 !important;\n}\n.AuthorFix #author-photo.yt-live-chat-text-message-renderer img.yt-img-shadow {\n  display: inline-block;\n  vertical-align: middle;\n  border-radius: 50%;\n  height: 1.5em;\n  width: 1.5em;\n  vertical-align: sub;\n}\n.AuthorFix #content {\n  display: inline-block;\n  vertical-align: middle;\n}\n.AuthorFix #timestamp.yt-live-chat-text-message-renderer {\n  font-size: 1em;\n  display: inline-block;\n  vertical-align: middle;\n}\n.showTimeStamp #timestamp.yt-live-chat-text-message-renderer {\n  display: inline-block;\n}\n.Emote img {\n  height: 1.75em;\n  align-self: center;\n  vertical-align: sub;\n  display: inline-block;\n  vertical-align: middle;\n}\nemote_div:hover {\n  background-size: 100%;\n  background-color: rgba(255,255,255,0.6);\n}\n.hideElement {\n  display: none !important;\n}\n.set-background-color-one {\n  background-color: #303030 !important;\n}\n.set-background-color-two {\n  background-color: transparent !important;\n}\n.setTwitchColors {\n  text-shadow: 0 0 1px #000, 0 0 2px #000 !important;\n  background: #18181b !important;\n  font-family: 'Roboto' !important;\n  font-size: 1.3rem !important;\n  line-height: 1.5em !important;\n  color: #fafafa !important;\n}\n.setTwitchColors #timestamp.yt-live-chat-text-message-renderer {\n  display: none;\n}\n.setTwitchColors yt-live-chat-author-chip[is-highlighted] #author-name.owner.yt-live-chat-author-chip,\n.setTwitchColors #author-name.owner.yt-live-chat-author-chip {\n  background-color: transparent;\n  color: #008000;\n}\n.setTwitchColors yt-live-chat-author-chip[is-highlighted] #author-name.yt-live-chat-author-chip {\n  background-color: transparent;\n}\n.emoteDivider {\n  width: 60vw;\n  border: 2px solid #d3d3d3;\n  border-radius: 5px;\n  margin-top: 2%;\n  margin-bottom: 2%;\n  margin-left: auto;\n  margin-right: auto;\n}\n.emotePopUpText {\n  margin-bottom: 2%;\n}\n.popup {\n  background-color: #202020;\n  position: absolute;\n  top: 15%;\n  left: 0;\n  right: 0;\n  margin-left: auto;\n  margin-right: auto;\n  height: 70%;\n  width: 75%;\n  z-index: 999;\n  text-align: center;\n  border-radius: 5px;\n  border: #303030 1px solid;\n  font-size: 1em;\n  overflow: hidden;\n  overflow-y: scroll;\n  padding: 1%;\n  padding-top: 2%;\n}\n.emoteButton {\n  background-color: rgba(255,255,255,0.1);\n  background-image: url(\"https://cdn.frankerfacez.com/emoticon/447885/4\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 80% 80%;\n  width: var(--yt-live-chat-32px-icon-button_-_width);\n  height: var(--yt-live-chat-32px-icon-button_-_height);\n  padding: var(--yt-live-chat-32px-icon-button_-_padding);\n  border-radius: 10px;\n  border: none;\n  cursor: pointer;\n}\n.emoteButton:hover {\n  background-color: rgba(255,255,255,0.8);\n}\n.emoteButton:focus {\n  outline: 0;\n}\n.body_Fix {\n  height: 100% !important;\n  margin: 0 !important;\n  overflow: hidden !important;\n}\n.theater_wrapper_fix {\n  padding: 2px;\n  background-color: #1e1e1e;\n  position: fixed;\n  z-index: 900 !important;\n  height: 100vh !important;\n  width: 100vw !important;\n}\n.movie_player_fix {\n  height: calc(100vh - 12px);\n  top: 12px;\n  position: absolute;\n  width: calc(100vw - 25vw);\n}\n.movie_player_fix video {\n  left: 0 !important;\n  top: 0 !important;\n  height: 100vh !important;\n  width: calc(100vw - 25vw) !important;\n}\n.movie_player_fix .html5-video-player {\n  top: 0 !important;\n  width: calc(100vw - 25vw) !important;\n}\n.movie_player_fix .ytp-title {\n  color: rgba(255,255,255,0.8) !important;\n}\n.movie_player_fix .ytp-title-channel {\n  all: unset;\n}\n.movie_player_fix .ytp-gradient-top {\n  max-width: calc(100vw - 25vw) !important;\n}\n.movie_player_fix .ytp-chrome-bottom {\n  width: calc(100vw - 25vw) !important;\n  left: 0 !important;\n}\n.movie_player_fix .html5-endscreen {\n  width: calc(100vw - 25vw) !important;\n}\n.movie_player_fix .ytp-chapter-hover-container {\n  width: calc(100vw - 25vw) !important;\n}\n.movie_player_fix .ytp-gradient-bottom {\n  width: calc(100vw - 25vw) !important;\n}\n.movie_player_fix .ytp-iv-video-content {\n  width: calc(100vw - 25vw) !important;\n  left: 0 !important;\n}\n.movie_player_fix .ytp-player-content.ytp-iv-player-content {\n  width: calc(100vw - 25vw) !important;\n  left: -12px !important;\n  bottom: 10vh !important;\n}\n.movie_player_fix .ytp-upnext.ytp-player-content.ytp-upnext-autoplay-paused.ytp-suggestion-set {\n  width: calc(100vw - 25vw) !important;\n  left: 0 !important;\n}\n.movie_player_fix .ytp-bezel-text-hide {\n  width: calc(100vw - 25vw) !important;\n  left: 0 !important;\n}\n.movie_player_fix .ytp-spinner {\n  left: 40% !important;\n}\n.movie_player_fix .ytp-cued-thumbnail-overlay {\n  width: calc(100vw - 25vw) !important;\n}\n.info_contents_fix {\n  z-index: 901 !important;\n  height: 80px;\n  top: 0;\n  position: absolute !important;\n  width: calc(100vw - 25vw) !important;\n}\n.info_contents_fix ytd-video-primary-info-renderer {\n  padding: 1rem;\n  border-bottom: none;\n}\n.chat_frame_fix {\n  height: 100vh !important;\n  width: calc(calc(100vw - 75vw) - 1px) !important;\n  position: absolute !important;\n  right: 0px !important;\n  top: 0px !important;\n  border: 1px solid #4e4e4e;\n}\n", ""]);

// exports


/***/ }),

/***/ "../node_modules/css-loader/lib/css-base.js":
/*!**************************************************!*\
  !*** ../node_modules/css-loader/lib/css-base.js ***!
  \**************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function(useSourceMap) {
	var list = [];

	// return the list of modules as css string
	list.toString = function toString() {
		return this.map(function (item) {
			var content = cssWithMappingToString(item, useSourceMap);
			if(item[2]) {
				return "@media " + item[2] + "{" + content + "}";
			} else {
				return content;
			}
		}).join("");
	};

	// import a list of modules into the list
	list.i = function(modules, mediaQuery) {
		if(typeof modules === "string")
			modules = [[null, modules, ""]];
		var alreadyImportedModules = {};
		for(var i = 0; i < this.length; i++) {
			var id = this[i][0];
			if(typeof id === "number")
				alreadyImportedModules[id] = true;
		}
		for(i = 0; i < modules.length; i++) {
			var item = modules[i];
			// skip already imported module
			// this implementation is not 100% perfect for weird media query combinations
			//  when a module is imported multiple times with different media queries.
			//  I hope this will never occur (Hey this way we have smaller bundles)
			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
				if(mediaQuery && !item[2]) {
					item[2] = mediaQuery;
				} else if(mediaQuery) {
					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
				}
				list.push(item);
			}
		}
	};
	return list;
};

function cssWithMappingToString(item, useSourceMap) {
	var content = item[1] || '';
	var cssMapping = item[3];
	if (!cssMapping) {
		return content;
	}

	if (useSourceMap && typeof btoa === 'function') {
		var sourceMapping = toComment(cssMapping);
		var sourceURLs = cssMapping.sources.map(function (source) {
			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
		});

		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
	}

	return [content].join('\n');
}

// Adapted from convert-source-map (MIT)
function toComment(sourceMap) {
	// eslint-disable-next-line no-undef
	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;

	return '/*# ' + data + ' */';
}


/***/ }),

/***/ "../node_modules/events/events.js":
/*!****************************************!*\
  !*** ../node_modules/events/events.js ***!
  \****************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";
// Copyright Joyent, Inc. and other Node contributors.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to permit
// persons to whom the Software is furnished to do so, subject to the
// following conditions:
//
// The above copyright notice and this permission notice shall be included
// in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
// USE OR OTHER DEALINGS IN THE SOFTWARE.



var R = typeof Reflect === 'object' ? Reflect : null
var ReflectApply = R && typeof R.apply === 'function'
  ? R.apply
  : function ReflectApply(target, receiver, args) {
    return Function.prototype.apply.call(target, receiver, args);
  }

var ReflectOwnKeys
if (R && typeof R.ownKeys === 'function') {
  ReflectOwnKeys = R.ownKeys
} else if (Object.getOwnPropertySymbols) {
  ReflectOwnKeys = function ReflectOwnKeys(target) {
    return Object.getOwnPropertyNames(target)
      .concat(Object.getOwnPropertySymbols(target));
  };
} else {
  ReflectOwnKeys = function ReflectOwnKeys(target) {
    return Object.getOwnPropertyNames(target);
  };
}

function ProcessEmitWarning(warning) {
  if (console && console.warn) console.warn(warning);
}

var NumberIsNaN = Number.isNaN || function NumberIsNaN(value) {
  return value !== value;
}

function EventEmitter() {
  EventEmitter.init.call(this);
}
module.exports = EventEmitter;
module.exports.once = once;

// Backwards-compat with node 0.10.x
EventEmitter.EventEmitter = EventEmitter;

EventEmitter.prototype._events = undefined;
EventEmitter.prototype._eventsCount = 0;
EventEmitter.prototype._maxListeners = undefined;

// By default EventEmitters will print a warning if more than 10 listeners are
// added to it. This is a useful default which helps finding memory leaks.
var defaultMaxListeners = 10;

function checkListener(listener) {
  if (typeof listener !== 'function') {
    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
  }
}

Object.defineProperty(EventEmitter, 'defaultMaxListeners', {
  enumerable: true,
  get: function() {
    return defaultMaxListeners;
  },
  set: function(arg) {
    if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) {
      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + arg + '.');
    }
    defaultMaxListeners = arg;
  }
});

EventEmitter.init = function() {

  if (this._events === undefined ||
      this._events === Object.getPrototypeOf(this)._events) {
    this._events = Object.create(null);
    this._eventsCount = 0;
  }

  this._maxListeners = this._maxListeners || undefined;
};

// Obviously not all Emitters should be limited to 10. This function allows
// that to be increased. Set to zero for unlimited.
EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {
  if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) {
    throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + n + '.');
  }
  this._maxListeners = n;
  return this;
};

function _getMaxListeners(that) {
  if (that._maxListeners === undefined)
    return EventEmitter.defaultMaxListeners;
  return that._maxListeners;
}

EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
  return _getMaxListeners(this);
};

EventEmitter.prototype.emit = function emit(type) {
  var args = [];
  for (var i = 1; i < arguments.length; i++) args.push(arguments[i]);
  var doError = (type === 'error');

  var events = this._events;
  if (events !== undefined)
    doError = (doError && events.error === undefined);
  else if (!doError)
    return false;

  // If there is no 'error' event listener then throw.
  if (doError) {
    var er;
    if (args.length > 0)
      er = args[0];
    if (er instanceof Error) {
      // Note: The comments on the `throw` lines are intentional, they show
      // up in Node's output if this results in an unhandled exception.
      throw er; // Unhandled 'error' event
    }
    // At least give some kind of context to the user
    var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : ''));
    err.context = er;
    throw err; // Unhandled 'error' event
  }

  var handler = events[type];

  if (handler === undefined)
    return false;

  if (typeof handler === 'function') {
    ReflectApply(handler, this, args);
  } else {
    var len = handler.length;
    var listeners = arrayClone(handler, len);
    for (var i = 0; i < len; ++i)
      ReflectApply(listeners[i], this, args);
  }

  return true;
};

function _addListener(target, type, listener, prepend) {
  var m;
  var events;
  var existing;

  checkListener(listener);

  events = target._events;
  if (events === undefined) {
    events = target._events = Object.create(null);
    target._eventsCount = 0;
  } else {
    // To avoid recursion in the case that type === "newListener"! Before
    // adding it to the listeners, first emit "newListener".
    if (events.newListener !== undefined) {
      target.emit('newListener', type,
                  listener.listener ? listener.listener : listener);

      // Re-assign `events` because a newListener handler could have caused the
      // this._events to be assigned to a new object
      events = target._events;
    }
    existing = events[type];
  }

  if (existing === undefined) {
    // Optimize the case of one listener. Don't need the extra array object.
    existing = events[type] = listener;
    ++target._eventsCount;
  } else {
    if (typeof existing === 'function') {
      // Adding the second element, need to change to array.
      existing = events[type] =
        prepend ? [listener, existing] : [existing, listener];
      // If we've already got an array, just append.
    } else if (prepend) {
      existing.unshift(listener);
    } else {
      existing.push(listener);
    }

    // Check for listener leak
    m = _getMaxListeners(target);
    if (m > 0 && existing.length > m && !existing.warned) {
      existing.warned = true;
      // No error code for this since it is a Warning
      // eslint-disable-next-line no-restricted-syntax
      var w = new Error('Possible EventEmitter memory leak detected. ' +
                          existing.length + ' ' + String(type) + ' listeners ' +
                          'added. Use emitter.setMaxListeners() to ' +
                          'increase limit');
      w.name = 'MaxListenersExceededWarning';
      w.emitter = target;
      w.type = type;
      w.count = existing.length;
      ProcessEmitWarning(w);
    }
  }

  return target;
}

EventEmitter.prototype.addListener = function addListener(type, listener) {
  return _addListener(this, type, listener, false);
};

EventEmitter.prototype.on = EventEmitter.prototype.addListener;

EventEmitter.prototype.prependListener =
    function prependListener(type, listener) {
      return _addListener(this, type, listener, true);
    };

function onceWrapper() {
  if (!this.fired) {
    this.target.removeListener(this.type, this.wrapFn);
    this.fired = true;
    if (arguments.length === 0)
      return this.listener.call(this.target);
    return this.listener.apply(this.target, arguments);
  }
}

function _onceWrap(target, type, listener) {
  var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };
  var wrapped = onceWrapper.bind(state);
  wrapped.listener = listener;
  state.wrapFn = wrapped;
  return wrapped;
}

EventEmitter.prototype.once = function once(type, listener) {
  checkListener(listener);
  this.on(type, _onceWrap(this, type, listener));
  return this;
};

EventEmitter.prototype.prependOnceListener =
    function prependOnceListener(type, listener) {
      checkListener(listener);
      this.prependListener(type, _onceWrap(this, type, listener));
      return this;
    };

// Emits a 'removeListener' event if and only if the listener was removed.
EventEmitter.prototype.removeListener =
    function removeListener(type, listener) {
      var list, events, position, i, originalListener;

      checkListener(listener);

      events = this._events;
      if (events === undefined)
        return this;

      list = events[type];
      if (list === undefined)
        return this;

      if (list === listener || list.listener === listener) {
        if (--this._eventsCount === 0)
          this._events = Object.create(null);
        else {
          delete events[type];
          if (events.removeListener)
            this.emit('removeListener', type, list.listener || listener);
        }
      } else if (typeof list !== 'function') {
        position = -1;

        for (i = list.length - 1; i >= 0; i--) {
          if (list[i] === listener || list[i].listener === listener) {
            originalListener = list[i].listener;
            position = i;
            break;
          }
        }

        if (position < 0)
          return this;

        if (position === 0)
          list.shift();
        else {
          spliceOne(list, position);
        }

        if (list.length === 1)
          events[type] = list[0];

        if (events.removeListener !== undefined)
          this.emit('removeListener', type, originalListener || listener);
      }

      return this;
    };

EventEmitter.prototype.off = EventEmitter.prototype.removeListener;

EventEmitter.prototype.removeAllListeners =
    function removeAllListeners(type) {
      var listeners, events, i;

      events = this._events;
      if (events === undefined)
        return this;

      // not listening for removeListener, no need to emit
      if (events.removeListener === undefined) {
        if (arguments.length === 0) {
          this._events = Object.create(null);
          this._eventsCount = 0;
        } else if (events[type] !== undefined) {
          if (--this._eventsCount === 0)
            this._events = Object.create(null);
          else
            delete events[type];
        }
        return this;
      }

      // emit removeListener for all listeners on all events
      if (arguments.length === 0) {
        var keys = Object.keys(events);
        var key;
        for (i = 0; i < keys.length; ++i) {
          key = keys[i];
          if (key === 'removeListener') continue;
          this.removeAllListeners(key);
        }
        this.removeAllListeners('removeListener');
        this._events = Object.create(null);
        this._eventsCount = 0;
        return this;
      }

      listeners = events[type];

      if (typeof listeners === 'function') {
        this.removeListener(type, listeners);
      } else if (listeners !== undefined) {
        // LIFO order
        for (i = listeners.length - 1; i >= 0; i--) {
          this.removeListener(type, listeners[i]);
        }
      }

      return this;
    };

function _listeners(target, type, unwrap) {
  var events = target._events;

  if (events === undefined)
    return [];

  var evlistener = events[type];
  if (evlistener === undefined)
    return [];

  if (typeof evlistener === 'function')
    return unwrap ? [evlistener.listener || evlistener] : [evlistener];

  return unwrap ?
    unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
}

EventEmitter.prototype.listeners = function listeners(type) {
  return _listeners(this, type, true);
};

EventEmitter.prototype.rawListeners = function rawListeners(type) {
  return _listeners(this, type, false);
};

EventEmitter.listenerCount = function(emitter, type) {
  if (typeof emitter.listenerCount === 'function') {
    return emitter.listenerCount(type);
  } else {
    return listenerCount.call(emitter, type);
  }
};

EventEmitter.prototype.listenerCount = listenerCount;
function listenerCount(type) {
  var events = this._events;

  if (events !== undefined) {
    var evlistener = events[type];

    if (typeof evlistener === 'function') {
      return 1;
    } else if (evlistener !== undefined) {
      return evlistener.length;
    }
  }

  return 0;
}

EventEmitter.prototype.eventNames = function eventNames() {
  return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];
};

function arrayClone(arr, n) {
  var copy = new Array(n);
  for (var i = 0; i < n; ++i)
    copy[i] = arr[i];
  return copy;
}

function spliceOne(list, index) {
  for (; index + 1 < list.length; index++)
    list[index] = list[index + 1];
  list.pop();
}

function unwrapListeners(arr) {
  var ret = new Array(arr.length);
  for (var i = 0; i < ret.length; ++i) {
    ret[i] = arr[i].listener || arr[i];
  }
  return ret;
}

function once(emitter, name) {
  return new Promise(function (resolve, reject) {
    function eventListener() {
      if (errorListener !== undefined) {
        emitter.removeListener('error', errorListener);
      }
      resolve([].slice.call(arguments));
    };
    var errorListener;

    // Adding an error listener is not optional because
    // if an error is thrown on an event emitter we cannot
    // guarantee that the actual event we are waiting will
    // be fired. The result could be a silent way to create
    // memory or file descriptor leaks, which is something
    // we should avoid.
    if (name !== 'error') {
      errorListener = function errorListener(err) {
        emitter.removeListener(name, eventListener);
        reject(err);
      };

      emitter.once('error', errorListener);
    }

    emitter.once(name, eventListener);
  });
}


/***/ }),

/***/ "../node_modules/style-loader/lib/addStyles.js":
/*!*****************************************************!*\
  !*** ../node_modules/style-loader/lib/addStyles.js ***!
  \*****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
*/

var stylesInDom = {};

var	memoize = function (fn) {
	var memo;

	return function () {
		if (typeof memo === "undefined") memo = fn.apply(this, arguments);
		return memo;
	};
};

var isOldIE = memoize(function () {
	// Test for IE <= 9 as proposed by Browserhacks
	// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
	// Tests for existence of standard globals is to allow style-loader
	// to operate correctly into non-standard environments
	// @see https://github.com/webpack-contrib/style-loader/issues/177
	return window && document && document.all && !window.atob;
});

var getTarget = function (target, parent) {
  if (parent){
    return parent.querySelector(target);
  }
  return document.querySelector(target);
};

var getElement = (function (fn) {
	var memo = {};

	return function(target, parent) {
                // If passing function in options, then use it for resolve "head" element.
                // Useful for Shadow Root style i.e
                // {
                //   insertInto: function () { return document.querySelector("#foo").shadowRoot }
                // }
                if (typeof target === 'function') {
                        return target();
                }
                if (typeof memo[target] === "undefined") {
			var styleTarget = getTarget.call(this, target, parent);
			// Special case to return head of iframe instead of iframe itself
			if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
				try {
					// This will throw an exception if access to iframe is blocked
					// due to cross-origin restrictions
					styleTarget = styleTarget.contentDocument.head;
				} catch(e) {
					styleTarget = null;
				}
			}
			memo[target] = styleTarget;
		}
		return memo[target]
	};
})();

var singleton = null;
var	singletonCounter = 0;
var	stylesInsertedAtTop = [];

var	fixUrls = __webpack_require__(/*! ./urls */ "../node_modules/style-loader/lib/urls.js");

module.exports = function(list, options) {
	if (typeof DEBUG !== "undefined" && DEBUG) {
		if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
	}

	options = options || {};

	options.attrs = typeof options.attrs === "object" ? options.attrs : {};

	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
	// tags it will allow on a page
	if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();

	// By default, add <style> tags to the <head> element
        if (!options.insertInto) options.insertInto = "head";

	// By default, add <style> tags to the bottom of the target
	if (!options.insertAt) options.insertAt = "bottom";

	var styles = listToStyles(list, options);

	addStylesToDom(styles, options);

	return function update (newList) {
		var mayRemove = [];

		for (var i = 0; i < styles.length; i++) {
			var item = styles[i];
			var domStyle = stylesInDom[item.id];

			domStyle.refs--;
			mayRemove.push(domStyle);
		}

		if(newList) {
			var newStyles = listToStyles(newList, options);
			addStylesToDom(newStyles, options);
		}

		for (var i = 0; i < mayRemove.length; i++) {
			var domStyle = mayRemove[i];

			if(domStyle.refs === 0) {
				for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();

				delete stylesInDom[domStyle.id];
			}
		}
	};
};

function addStylesToDom (styles, options) {
	for (var i = 0; i < styles.length; i++) {
		var item = styles[i];
		var domStyle = stylesInDom[item.id];

		if(domStyle) {
			domStyle.refs++;

			for(var j = 0; j < domStyle.parts.length; j++) {
				domStyle.parts[j](item.parts[j]);
			}

			for(; j < item.parts.length; j++) {
				domStyle.parts.push(addStyle(item.parts[j], options));
			}
		} else {
			var parts = [];

			for(var j = 0; j < item.parts.length; j++) {
				parts.push(addStyle(item.parts[j], options));
			}

			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
		}
	}
}

function listToStyles (list, options) {
	var styles = [];
	var newStyles = {};

	for (var i = 0; i < list.length; i++) {
		var item = list[i];
		var id = options.base ? item[0] + options.base : item[0];
		var css = item[1];
		var media = item[2];
		var sourceMap = item[3];
		var part = {css: css, media: media, sourceMap: sourceMap};

		if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
		else newStyles[id].parts.push(part);
	}

	return styles;
}

function insertStyleElement (options, style) {
	var target = getElement(options.insertInto)

	if (!target) {
		throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
	}

	var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];

	if (options.insertAt === "top") {
		if (!lastStyleElementInsertedAtTop) {
			target.insertBefore(style, target.firstChild);
		} else if (lastStyleElementInsertedAtTop.nextSibling) {
			target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
		} else {
			target.appendChild(style);
		}
		stylesInsertedAtTop.push(style);
	} else if (options.insertAt === "bottom") {
		target.appendChild(style);
	} else if (typeof options.insertAt === "object" && options.insertAt.before) {
		var nextSibling = getElement(options.insertAt.before, target);
		target.insertBefore(style, nextSibling);
	} else {
		throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
	}
}

function removeStyleElement (style) {
	if (style.parentNode === null) return false;
	style.parentNode.removeChild(style);

	var idx = stylesInsertedAtTop.indexOf(style);
	if(idx >= 0) {
		stylesInsertedAtTop.splice(idx, 1);
	}
}

function createStyleElement (options) {
	var style = document.createElement("style");

	if(options.attrs.type === undefined) {
		options.attrs.type = "text/css";
	}

	if(options.attrs.nonce === undefined) {
		var nonce = getNonce();
		if (nonce) {
			options.attrs.nonce = nonce;
		}
	}

	addAttrs(style, options.attrs);
	insertStyleElement(options, style);

	return style;
}

function createLinkElement (options) {
	var link = document.createElement("link");

	if(options.attrs.type === undefined) {
		options.attrs.type = "text/css";
	}
	options.attrs.rel = "stylesheet";

	addAttrs(link, options.attrs);
	insertStyleElement(options, link);

	return link;
}

function addAttrs (el, attrs) {
	Object.keys(attrs).forEach(function (key) {
		el.setAttribute(key, attrs[key]);
	});
}

function getNonce() {
	if (false) {}

	return __webpack_require__.nc;
}

function addStyle (obj, options) {
	var style, update, remove, result;

	// If a transform function was defined, run it on the css
	if (options.transform && obj.css) {
	    result = options.transform(obj.css);

	    if (result) {
	    	// If transform returns a value, use that instead of the original css.
	    	// This allows running runtime transformations on the css.
	    	obj.css = result;
	    } else {
	    	// If the transform function returns a falsy value, don't add this css.
	    	// This allows conditional loading of css
	    	return function() {
	    		// noop
	    	};
	    }
	}

	if (options.singleton) {
		var styleIndex = singletonCounter++;

		style = singleton || (singleton = createStyleElement(options));

		update = applyToSingletonTag.bind(null, style, styleIndex, false);
		remove = applyToSingletonTag.bind(null, style, styleIndex, true);

	} else if (
		obj.sourceMap &&
		typeof URL === "function" &&
		typeof URL.createObjectURL === "function" &&
		typeof URL.revokeObjectURL === "function" &&
		typeof Blob === "function" &&
		typeof btoa === "function"
	) {
		style = createLinkElement(options);
		update = updateLink.bind(null, style, options);
		remove = function () {
			removeStyleElement(style);

			if(style.href) URL.revokeObjectURL(style.href);
		};
	} else {
		style = createStyleElement(options);
		update = applyToTag.bind(null, style);
		remove = function () {
			removeStyleElement(style);
		};
	}

	update(obj);

	return function updateStyle (newObj) {
		if (newObj) {
			if (
				newObj.css === obj.css &&
				newObj.media === obj.media &&
				newObj.sourceMap === obj.sourceMap
			) {
				return;
			}

			update(obj = newObj);
		} else {
			remove();
		}
	};
}

var replaceText = (function () {
	var textStore = [];

	return function (index, replacement) {
		textStore[index] = replacement;

		return textStore.filter(Boolean).join('\n');
	};
})();

function applyToSingletonTag (style, index, remove, obj) {
	var css = remove ? "" : obj.css;

	if (style.styleSheet) {
		style.styleSheet.cssText = replaceText(index, css);
	} else {
		var cssNode = document.createTextNode(css);
		var childNodes = style.childNodes;

		if (childNodes[index]) style.removeChild(childNodes[index]);

		if (childNodes.length) {
			style.insertBefore(cssNode, childNodes[index]);
		} else {
			style.appendChild(cssNode);
		}
	}
}

function applyToTag (style, obj) {
	var css = obj.css;
	var media = obj.media;

	if(media) {
		style.setAttribute("media", media)
	}

	if(style.styleSheet) {
		style.styleSheet.cssText = css;
	} else {
		while(style.firstChild) {
			style.removeChild(style.firstChild);
		}

		style.appendChild(document.createTextNode(css));
	}
}

function updateLink (link, options, obj) {
	var css = obj.css;
	var sourceMap = obj.sourceMap;

	/*
		If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
		and there is no publicPath defined then lets turn convertToAbsoluteUrls
		on by default.  Otherwise default to the convertToAbsoluteUrls option
		directly
	*/
	var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;

	if (options.convertToAbsoluteUrls || autoFixUrls) {
		css = fixUrls(css);
	}

	if (sourceMap) {
		// http://stackoverflow.com/a/26603875
		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
	}

	var blob = new Blob([css], { type: "text/css" });

	var oldSrc = link.href;

	link.href = URL.createObjectURL(blob);

	if(oldSrc) URL.revokeObjectURL(oldSrc);
}


/***/ }),

/***/ "../node_modules/style-loader/lib/urls.js":
/*!************************************************!*\
  !*** ../node_modules/style-loader/lib/urls.js ***!
  \************************************************/
/*! no static exports found */
/***/ (function(module, exports) {


/**
 * When source maps are enabled, `style-loader` uses a link element with a data-uri to
 * embed the css on the page. This breaks all relative urls because now they are relative to a
 * bundle instead of the current page.
 *
 * One solution is to only use full urls, but that may be impossible.
 *
 * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
 *
 * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
 *
 */

module.exports = function (css) {
  // get current location
  var location = typeof window !== "undefined" && window.location;

  if (!location) {
    throw new Error("fixUrls requires window.location");
  }

	// blank or null?
	if (!css || typeof css !== "string") {
	  return css;
  }

  var baseUrl = location.protocol + "//" + location.host;
  var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");

	// convert each url(...)
	/*
	This regular expression is just a way to recursively match brackets within
	a string.

	 /url\s*\(  = Match on the word "url" with any whitespace after it and then a parens
	   (  = Start a capturing group
	     (?:  = Start a non-capturing group
	         [^)(]  = Match anything that isn't a parentheses
	         |  = OR
	         \(  = Match a start parentheses
	             (?:  = Start another non-capturing groups
	                 [^)(]+  = Match anything that isn't a parentheses
	                 |  = OR
	                 \(  = Match a start parentheses
	                     [^)(]*  = Match anything that isn't a parentheses
	                 \)  = Match a end parentheses
	             )  = End Group
              *\) = Match anything and then a close parens
          )  = Close non-capturing group
          *  = Match anything
       )  = Close capturing group
	 \)  = Match a close parens

	 /gi  = Get all matches, not the first.  Be case insensitive.
	 */
	var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
		// strip quotes (if they exist)
		var unquotedOrigUrl = origUrl
			.trim()
			.replace(/^"(.*)"$/, function(o, $1){ return $1; })
			.replace(/^'(.*)'$/, function(o, $1){ return $1; });

		// already a full url? no change
		if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)) {
		  return fullMatch;
		}

		// convert the url to a full url
		var newUrl;

		if (unquotedOrigUrl.indexOf("//") === 0) {
		  	//TODO: should we add protocol?
			newUrl = unquotedOrigUrl;
		} else if (unquotedOrigUrl.indexOf("/") === 0) {
			// path should be relative to the base url
			newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
		} else {
			// path should be relative to current directory
			newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
		}

		// send back the fixed url(...)
		return "url(" + JSON.stringify(newUrl) + ")";
	});

	// send back the fixed css
	return fixedCss;
};


/***/ }),

/***/ "./content/ChatScroller.js":
/*!*********************************!*\
  !*** ./content/ChatScroller.js ***!
  \*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
class ChatScroller {
  constructor() {
    this.scroll = this.scroll.bind(this);
    this.start = this.start.bind(this);
    this.stop = this.stop.bind(this); 
    
    this.scroller = null;
    this.interval = null;
  }

  init() {
    this.getScroller()
      .then(() => {
        //this.scroller.addEventListener('mouseleave', this.start);
        this.scroller.addEventListener('mouseenter', this.stop);
        this.start();
      });
  }

  start() {
    this.interval = setInterval(
      this.scroll,
      250
    );
  }

  stop() {
    clearInterval(this.interval);
  }
  
  scroll() {
    this.scroller.scrollTop = 9999;
  }

  getScroller() {
    const checkForScroller = (res, rej) => {
      this.scroller = document.getElementById('item-scroller');
      if(this.scroller !== null) {
        res();
      } else {
        setTimeout(checkForScroller.bind(this, res, rej), 250);
      }
    };
    return new Promise(checkForScroller);
  }
}

/* harmony default export */ __webpack_exports__["default"] = (ChatScroller);

/***/ }),

/***/ "./content/ChatWatcher.js":
/*!********************************!*\
  !*** ./content/ChatWatcher.js ***!
  \********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Emotes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Emotes */ "./content/Emotes/index.js");
/* harmony import */ var _Message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Message */ "./content/Message.js");
/* harmony import */ var src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/helpers/PersistentSyncStorage */ "./helpers/PersistentSyncStorage.js");






class ChatWatcher {

  

  constructor() {
    this.watchChat = this.watchChat.bind(this);
    this._chatContainer = null;
    this._observer = null;
    this.messages = new Map();
  }

  init() {

    return new Promise((res, rej) => {
      this.getChatContainer().then(_Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].init).then(() => {
        this.addEmotePopup();
        this.watchChat();
        this.parsePreloadedMessages();
      });
    });
  }

  
  getChatContainer() {
    // Parent of actual chat (children are messages)
    const checkForContainer = (res, rej) => {
      this._chatContainer = document.querySelector('#items.style-scope.yt-live-chat-item-list-renderer');
      if(this._chatContainer !== null) {
        res();
      } else {
        setTimeout(checkForContainer.bind(this, res, rej), 250);
      }
    };
    return new Promise(checkForContainer);
  }

  parsePreloadedMessages() {
    const messages = this._chatContainer.children;

    for(let i = messages.length-1; i >= 0; i--) {
      const node = messages[i];
      if(this.isMessageNode(node)) {
        const message = new _Message__WEBPACK_IMPORTED_MODULE_1__["default"](node);
      }
    }
  }

  watchChat() {
    console.log('Chat observer started');
    this._observer = new MutationObserver(mutations => {

      mutations.forEach(mutation => {

        

        const { addedNodes, removedNodes } = mutation;
        
        // Added nodes
        if(typeof addedNodes !== 'undefined' && addedNodes.length > 0) {
          for(let i = 0, length = addedNodes.length-1; i <= length; i++) {
            const node = addedNodes[i];
            if(this.isMessageNode(node)) {
              this.onNewMessage(node);
            }
          }
        }

        // Removed nodes
        if(typeof removedNodes !== 'undefined' && removedNodes.length > 0) {
          for(let i = 0, length = removedNodes.length-1; i <= length; i++) {
            const node = removedNodes[i];
            if(this.isMessageNode(node) && this.isObservedMessage(node)) {
              this.onObservedMessageRemoved(node);
            }
          }
        }
      });
    });

    this._observer.observe(this._chatContainer, {
      childList: true,
      attributes: false,
      characterData: false,
      subtree: false
    });
  }
  
  onNewMessage(node) {
    const message = new _Message__WEBPACK_IMPORTED_MODULE_1__["default"](node);

    // Don't store message if has 0 emotes
    if(message.hasEmotes) {
      this.messages.set(message.id, message);
    }
  }

  onObservedMessageRemoved(node) {
    const messageId = node.getAttribute('message-id');
    const message = this.messages.get(messageId);
    if(message != undefined){
      message.destroy();
    }

    this.messages.delete(messageId);
  }

  isMessageNode(node) {
    return node.tagName === 'YT-LIVE-CHAT-TEXT-MESSAGE-RENDERER';
  }

  isObservedMessage(node) {
    return node.getAttribute('message-id') !== null;
  }


  ///////////////////////////////////////////////////////////////////

  addEmotePopup(){

    //  create emote button
    const emoteButton = document.createElement('button');
    emoteButton.classList.add('emoteButton');
    emoteButton.textContent = '';

    //  append button to action-buttons list
    const chatButtonSelectionList = document.getElementById('action-buttons');
    chatButtonSelectionList.parentNode.insertBefore(emoteButton, chatButtonSelectionList);

    // create popupDiv
    const popUpDiv = document.createElement('div');
    popUpDiv.classList.add('popup');
    popUpDiv.classList.add('hideElement');

    function emoteAppend(keysITer){

      //  create divider
      var hr = document.createElement('hr');
      hr.classList.add('emoteDivider');
      
      for (let index = 0; index < keysITer.length; index++) {
        const element = keysITer[index];
        var emote_div = document.createElement('emote_div'); 
        emote_div.innerHTML = (_Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].get(element).html);
        popUpDiv.appendChild(emote_div);
      }
      popUpDiv.appendChild(hr);
    }

    //  create text
    var bttv_text = document.createElement('h2');
    bttv_text.textContent = "BTTV";
    bttv_text.classList.add('emotePopUpText');
    var franker_text = document.createElement('h2');
    franker_text.textContent = "FrankerFacez";
    franker_text.classList.add('emotePopUpText');
    var twitch_text = document.createElement('h2');
    twitch_text.textContent = "Twitch";
    twitch_text.classList.add('emotePopUpText');
    
    

    //  need ittr to search each dict and append to dom
    let keysITer = null;

    keysITer = Array.from(_Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].specialEmotesDictionary.keys());
    emoteAppend(keysITer);

    if(src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_2__["default"].data.options.enableBTTVEmotes){
      popUpDiv.appendChild(bttv_text);
      keysITer = Array.from(_Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].bttv_Dictionary.keys());
      emoteAppend(keysITer);
    }

    if(src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_2__["default"].data.options.enableFrankerEmotes){
      popUpDiv.appendChild(franker_text);
      keysITer = Array.from(_Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].franker_Dictionary.keys());
      emoteAppend(keysITer);
    }

    if(src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_2__["default"].data.options.enableTwitchEmotes){
      popUpDiv.appendChild(twitch_text);
      keysITer = Array.from(_Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].twitch_Dictionary.keys());
      emoteAppend(keysITer);
    }

 

    //  add div to doc
    chatButtonSelectionList.appendChild(popUpDiv);

    // listen for popup button
    emoteButton.addEventListener('click', function(){
      popUpDiv.classList.toggle('hideElement');
      console.log('emote popup button clicked');
    });

    //  get input area
    var inputArea = document.querySelector('#input.yt-live-chat-text-input-field-renderer');
    var inputAreaLabel = document.querySelector('#label.yt-live-chat-text-input-field-renderer');

    //  add alt tag to chat
    function emoteToTextArea(){
      inputArea.textContent += this.alt + " ";
      inputArea.focus();
      inputAreaLabel.textContent = "";
      popUpDiv.classList.toggle('hideElement');
      console.log(this.alt + " emote button selected");
    }

    //  listener button for emotes
    var EMOTICONS = document.getElementsByTagName('img');
    for (let index = 0; index < EMOTICONS.length; index++) {
      const element = EMOTICONS[index];
      element.addEventListener('click', emoteToTextArea, false); 
    }

    console.log((keysITer.length+1) + " Emotes Added");
  }// end addEmotePopup

  ///////////////////////////////////////////////////////////////////

}// end chat watcher

/* harmony default export */ __webpack_exports__["default"] = (ChatWatcher);


/***/ }),

/***/ "./content/Emotes/Emote.js":
/*!*********************************!*\
  !*** ./content/Emotes/Emote.js ***!
  \*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
class Emote {
  constructor({ code, url }) {
    this.code = code;
    this.url = url;
  }

  get html() {
    return (`
      <span class="Emote">
        <img title="${this.code}" src="${this.url}" alt="${this.code}">
      </span>
    `).trim();
  }
}

/* harmony default export */ __webpack_exports__["default"] = (Emote);

/***/ }),

/***/ "./content/Emotes/index.js":
/*!*********************************!*\
  !*** ./content/Emotes/index.js ***!
  \*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/helpers/PersistentSyncStorage */ "./helpers/PersistentSyncStorage.js");
/* harmony import */ var _Emote__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Emote */ "./content/Emotes/Emote.js");




class Emotes {
  constructor() {
    this.dictionary = new Map();

    //  identification for popup
    this.twitch_Dictionary = new Map();
    this.bttv_Dictionary = new Map();
    this.franker_Dictionary = new Map();
    this.specialEmotesDictionary = new Map();


    this.init = this.init.bind(this);
  }

  init() {
    return Promise.all([
      (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_0__["default"].data.options.enableBTTVEmotes && this.loadBTTVEmote()),
      (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_0__["default"].data.options.enableFrankerEmotes && this.loadFrankerEmotes()),
      (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_0__["default"].data.options.enableTwitchEmotes && this.loadTwitchEmotes()),
      (this.specialEmotes())
    ]);
  }
  
  /////////////////////////////////////////////////////////////////////////////////

  get(key) {
    return this.dictionary.get(key);
  }

  set(key, value) {
    return this.dictionary.set(key, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"](value));
  }

  has(key) {
    return this.dictionary.has(key);
  }


  //////////////////////////////////////////////////////////////////

  bbtv_ToDict(json){
    for (let index = 0; index < json.length; index++) {
      
      const { emote, total } = json[index];

      const url = `https://cdn.betterttv.net/emote/${emote.id}/3x`;

      this.dictionary.set(emote.code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: emote.code, url }));
      this.bttv_Dictionary.set(emote.code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: emote.code, url }));
    }
  }

  bbtv_cached_ToDict(json){
    for (let index = 0; index < json.length; index++) {
      
      const { id, code } = json[index];

      const url = `https://cdn.betterttv.net/emote/${id}/3x`;

      this.dictionary.set(code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: code, url }));
      this.bttv_Dictionary.set(code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: code, url }));
    } 
  }

  // loadEmote is where we collect an object array of emotes from bttv api
  async loadBTTVEmote(){

    // top 100 emotes query = ?limit=100&offset=100
    const bttv_top_api_url = "https://api.betterttv.net/3/emotes/shared/top?limit=100";
    const bttv_top_api_response = await fetch(bttv_top_api_url);
    var top_Json = await bttv_top_api_response.json();

    // tredning emotes
    const bttv_trending_api_url = "https://api.betterttv.net/3/emotes/shared/trending?limit=100";
    const bttv_trending_api_response = await fetch(bttv_trending_api_url);
    var trending_Json = await bttv_trending_api_response.json();

    // global emotes are weird, stored in seperate cache and do not give all the normal attributes
    const bttv_global_api_url = "https://api.betterttv.net/3/cached/emotes/global";
    const bttv_global_api_response = await fetch(bttv_global_api_url);
    var global_Json = await bttv_global_api_response.json();

    this.bbtv_ToDict(top_Json);
    this.bbtv_ToDict(trending_Json);
    this.bbtv_cached_ToDict(global_Json);
  }

  ////////////////////////////////////////////////////////////////

  frankerToDict(json){
    for (let index = 0; index < json.emoticons.length; index++) {
      
      const { name, urls } = json.emoticons[index];

      var url = "";
      if(urls[4] != undefined){
        url = urls[4];
      }else if(urls[2] != undefined){
        url = urls[2];
      }else{
        url = urls[1];
      }

      this.dictionary.set(name, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: name, url }));
      this.franker_Dictionary.set(name, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: name, url }));
    }
  }

  // loadFrankerEmotes is where we collect an object array of emotes from franker api
  async loadFrankerEmotes(){

    const franker_top_api_url = "https://api.frankerfacez.com/v1/emoticons?sort=count-desc";
    
    const first50Response = await fetch(franker_top_api_url);
    var first50json = await first50Response.json();
    var next50Link = first50json._links.next;
    const second50Response = await fetch(next50Link);
    var second50json = await second50Response.json();

    // Top 100
    this.frankerToDict(first50json);
    this.frankerToDict(second50json);
  }
  
  ////////////////////////////////////////////////////////////////

  twitchToDict(json){
    for (let index = 0; index < json.emotes.length; index++) {
      
      const { code, id } = json.emotes[index];

      const url = `https://static-cdn.jtvnw.net/emoticons/v1/${id}/3.0`;

      this.dictionary.set(code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: code, url }));
      this.twitch_Dictionary.set(code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: code, url }));
    }
  }

  // loadTwitchEmotes is where we collect an object array of emotes from twitch api
  async loadTwitchEmotes(){

    //  https://api.twitchemotes.com/api/v4/channels/0 - twitch globals - 232 items
    //  https://static-cdn.jtvnw.net/emoticons/v1/25/1.0 - cdn

    // Global
    const twitch_global_api_url = "https://api.twitchemotes.com/api/v4/channels/0";
    const twitch_global_api_response = await fetch(twitch_global_api_url);
    var twitch_global_Json = await twitch_global_api_response.json();

    this.twitchToDict(twitch_global_Json);
  }

  // ♥
  specialEmotes(){

    var emoteObj = {
      "emotes": [
        {
          "code": "wompWTF", 
          "url": "https://static-cdn.jtvnw.net/emoticons/v1/301653066/3.0"
        },
        {
          "code": "wompISeeYou", 
          "url": "https://static-cdn.jtvnw.net/emoticons/v1/301506153/3.0"
        },
        {
          "code": "wompCry", 
          "url": "https://static-cdn.jtvnw.net/emoticons/v1/301506193/3.0"
        },
        {
          "code": "BabyCorona", 
          "url": "https://static-cdn.jtvnw.net/emoticons/v1/301629296/3.0"
        },
        {
          "code": "LEL", 
          "url": "https://static-cdn.jtvnw.net/emoticons/v1/431249/3.0"
        }
      ]
    };

    for (let index = 0; index < emoteObj.emotes.length; index++) {
      const element = emoteObj[index];
      const { code, url } = emoteObj.emotes[index];
      this.dictionary.set(code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: code, url}));
      this.specialEmotesDictionary.set(code, new _Emote__WEBPACK_IMPORTED_MODULE_1__["default"]({ code: code, url}));
    }    
  }
}// End Emotes

/* harmony default export */ __webpack_exports__["default"] = (new Emotes);

/***/ }),

/***/ "./content/Message.js":
/*!****************************!*\
  !*** ./content/Message.js ***!
  \****************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Emotes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Emotes */ "./content/Emotes/index.js");
/* harmony import */ var src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/helpers/PersistentSyncStorage */ "./helpers/PersistentSyncStorage.js");



var colorNumberIndex = 0;

class Message {
  constructor(messageNode) {
    this.node = messageNode;
    this.id = this.node.id; // this.id should not be used to reference the node, dom id changes due to optimisitc updates
    this.hasEmotes = null;
    this.observer = null;
    this.parsedText = ''; // This should be fine since you can't edit/change messages
    
    this.parseText();

    

    //  Set Defaults
    this.setDefaultSelections();
    

    if(this.hasEmotes) {
      this.node.setAttribute('message-id', this.id);
      this.setHtml();
      this.watch();
    }
  }

  get textNode() {
    const node = this.node.querySelector('#message');
    return {
      node,
      text: node.innerText
    };
  }

  parseText() {
    const rawWords = this.textNode.text.split(' ');

    for(let i = 0, length = rawWords.length; i < length; i++) {
      const word = this.parseIllegalCharcters(rawWords[i]);
      const emote = _Emotes__WEBPACK_IMPORTED_MODULE_0__["default"].get(word);

      //console.log(Emotes.get(word));

      
      if(typeof emote === 'undefined') {
        this.parsedText += word + ' ';
      } else {
        this.hasEmotes = true;
        this.parsedText += emote.html + ' ';
      }
    }
  }

  watch() {
    this.observer = new MutationObserver(mutations => {
      let emoteRemoved = false;

      mutations.forEach(mutation => {
        if(typeof mutation.removedNodes === 'undefined') return;
        if(mutation.removedNodes.length <= 0) return; // This must be after undefined check

        for(let i = 0, length = mutation.removedNodes.length; i < length; i++) {
          const removedNode = mutation.removedNodes[i];
          if(typeof removedNode.className === 'string' && // check if className exists, is 'SVGAnimatedString' when window resized and removed 
              ~removedNode.className.indexOf('Emote') !== 0) {
            emoteRemoved = true;
          }
        }

      });

      if(emoteRemoved && document.body.contains(this.node)) {
        this.setHtml();
      }
    });

    this.observer.observe(this.node, {
      childList: true,
      attributes: false,
      characterData: false,
      subtree: true
    });
  }

  setHtml() {
    this.textNode.node.innerHTML = this.parsedText;
  }

  parseIllegalCharcters(word) {
    // ﻿ === 'ZERO WIDTH NO-BREAK SPACE'
    return word.replace('﻿', '').trim();
  }
  
  destroy() {
    if(this.observer !== null) {
      this.observer.disconnect();
      this.observer = null;
    }
  }

  ///////////////////////////////////////////////////////////////////

  // Setting Options for Each Message
  setDefaultSelections(){

    ///////////////////////////////////////////////////////////////////

    //  Checks for kappa and replaces emoji element with kappa
    if(src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.kappaFix) {

      var stupidKappa = document.querySelectorAll('#message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer');
      
      for (let index = 0; index < stupidKappa.length; index++) {
        const stupidElement = stupidKappa[index];
        var stupidToolTip = stupidElement.getAttribute('shared-tooltip-text');

        if(stupidToolTip == ':full_moon_face:'){

          const newSpan = document.createElement('span');
          newSpan.classList.add('Emote');
          newSpan.innerHTML = '<img src="https://static-cdn.jtvnw.net/emoticons/v1/25/3.0" alt="kappa">';

          stupidElement.parentNode.replaceChild(newSpan, stupidElement);
        }
      }   
    }
    ///////////////////////////////////////////////////////////////////

    //Set Author Colors
    if(src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.setAuthorColor && this.node.getAttribute('author-type') !== 'owner') {
      this.setAuthorColor();
    }

    ///////////////////////////////////////////////////////////////////

    // Author Icons
    var author_photo = this.node.querySelector('#author-photo');

    // Set Hide Author Icons
    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.hideAuthorIcons) {
      author_photo.classList.add("hideElement");
    }

    // TimeStamp
    var timestamp = this.node.querySelector('#timestamp');

    // Set Show TimeStamp
    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.showTimeStamp) {
      this.node.classList.add("showTimeStamp");
    }

    
    ///////////////////////////////////////////////////////////////////
    
    // Author Name @ auto paste in text area
    this.node.querySelector('#author-name').addEventListener("click", function(){
      var inputArea = document.querySelector('#input.yt-live-chat-text-input-field-renderer');
      var inputAreaLabel = document.querySelector('#label.yt-live-chat-text-input-field-renderer');
      inputArea.innerText = "@" + this.innerText;
      const textLength = inputArea.innerText.length;
      inputArea.focus();
      inputAreaLabel.innerText = "";
    });
  
  
    ///////////////////////////////////////////////////////////////////
  
    // Set Font Size
    var textSizeSlider = src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.textSizeSlider;  

    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.allowTextSlider) {
      this.node.setAttribute('style', 'font-size:' + textSizeSlider + 'px' + '!important');
      this.node.classList.add("AuthorFix");
    }
  
    ///////////////////////////////////////////////////////////////////
  
    //  Set Twitch Styling
    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.setTwitchColors) {
      this.node.classList.add("setTwitchColors");
      author_photo.classList.add("hideElement");
    }
      
    ///////////////////////////////////////////////////////////////////
  
    //  Set Alternate message Colors
    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"].data.options.alternateLineColor) {
      this.alternateLineColor();
    }   

  }// end setDefaultSelections

  setAuthorColor() {
    
    let imageSrc = null;
    
    if(this.node.hasChildNodes && this.node.contains(this.node.querySelector('#author-photo'))){

      if(this.node.querySelector('#author-photo').querySelector('img').src != null){
        imageSrc = this.node.querySelector('#author-photo').querySelector('img').src;     

        const idRegexp = /\/-([A-Za-z-_\d])/;

        try {
          if(idRegexp.exec(imageSrc) !== null){
            const parsedSRC = idRegexp.exec(imageSrc)[1];
            this.node.classList.add(`chat-color-${parsedSRC}`);
          }         
        } catch (error) {
          // for some reason nodes from user img.src are getting weird link on occasion
          console.log(error);
          console.log(imageSrc);
        }
      }
    }    
  }

  ///////////////////////////////////////////////////////////////////
  
  //  changes color every line
  alternateLineColor(){

      if(colorNumberIndex % 2 == 0){
        this.node.classList.add("set-background-color-one");
      }else{
        this.node.classList.add("set-background-color-two");
      }
      colorNumberIndex++;
  }
  
  ///////////////////////////////////////////////////////////////////

  //  removes color attr
  removelternateLineColor(){
    this.node.classList.remove("set-background-color-one");
    this.node.classList.remove("set-background-color-two");
  }

}// end Message



/* harmony default export */ __webpack_exports__["default"] = (Message);

/***/ }),

/***/ "./content/RouteWatcher.js":
/*!*********************************!*\
  !*** ./content/RouteWatcher.js ***!
  \*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! events */ "../node_modules/events/events.js");
/* harmony import */ var events__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(events__WEBPACK_IMPORTED_MODULE_0__);


class RouteWatcher extends events__WEBPACK_IMPORTED_MODULE_0___default.a {
  constructor() {
    super();

    this.target = document.querySelector('head > title');
    this.observer = null;

    this.init();
  }

  init() {
    this.observer = new MutationObserver(mutations => {
      mutations.forEach((m) => {
        /**
         * Title is set to 'YouTube Gaming' on main routes
         * and between routes.
         */
        if(m.target.innerText === 'YouTube Gaming') {
          this.emit('main');
        } else {
          this.emit('change');
        }
      });
    });

    if(this.target !== null) { // Popout chat does not have title tag
      this.observer.observe(this.target, {
        childList: true,
        attributes: false,
        characterData: true,
        subtree: true
      });
    }
  }
}

/* harmony default export */ __webpack_exports__["default"] = (RouteWatcher);


/***/ }),

/***/ "./content/index.js":
/*!**************************!*\
  !*** ./content/index.js ***!
  \**************************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var src_stylus_content_styl__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/stylus/content.styl */ "./stylus/content.styl");
/* harmony import */ var src_stylus_content_styl__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(src_stylus_content_styl__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _ChatScroller__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ChatScroller */ "./content/ChatScroller.js");
/* harmony import */ var _ChatWatcher__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ChatWatcher */ "./content/ChatWatcher.js");
/* harmony import */ var _RouteWatcher__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./RouteWatcher */ "./content/RouteWatcher.js");
/* harmony import */ var src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/helpers/Identification */ "./helpers/Identification.js");
/* harmony import */ var src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/helpers/PersistentSyncStorage */ "./helpers/PersistentSyncStorage.js");










let MAIN = null;
const theater_wrapper = document.createElement('theater_wrapper');
document.body.appendChild(theater_wrapper);
var alreadyTheater = false;

// ---

class Main {
  constructor() {
    this.chatWatcher = null;
    this.chatScroller = null;
    this.routeWatcher = null;
    this.onRouteChange = this.onRouteChange.bind(this);
    this.load();

    
      //  button class - ytp-size-button ytp-button
      //  right player controls - ytp-right-controls
      //  player div id - ytd-player
      //  chatframe id - chatframe
      //  movieframe id - movie_player_fix
      //  dono ticker id - ticker

      //  player-theater-container
  }

  load() {
    this.routeWatcher = new _RouteWatcher__WEBPACK_IMPORTED_MODULE_3__["default"]();
    this.routeWatcher.on("change", this.onRouteChange);
    this.onRouteChange();
  }

  onRouteChange() {
    if(Object(src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__["isLivestream"])() && ((Object(src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__["isYoutubeGaming"])()) || (Object(src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__["isYoutubeVanilla"])()) || (Object(src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__["isYoutubeEmbed"])()) || Object(src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__["isPopOut"])())) {
      this.init();
    }

    if(Object(src_helpers_Identification__WEBPACK_IMPORTED_MODULE_4__["isLivestream"])()) {
      if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_5__["default"].data.options.theaterModeFix) {
        if(document.getElementById('player-container') != null && document.getElementById('player-theater-container') != null){
          theaterMode();
        }
      }
    }
  }//  end onRouteChange

  init() {

    this.chatWatcher = new _ChatWatcher__WEBPACK_IMPORTED_MODULE_2__["default"]();
    this.chatWatcher.init();
    this.chatScroller = new _ChatScroller__WEBPACK_IMPORTED_MODULE_1__["default"]();
    this.chatScroller.init();

    setDefaults();
    console.log("INIT");

  }// end init

}// end main


  function setDefaults() {

    ///////////////////////////////////////////////////////////////////

    //Live Chat Default Option
    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_5__["default"].data.options.setLiveChat) {
      document.getElementsByClassName("yt-simple-endpoint style-scope yt-dropdown-menu").item(1).click();
    } else {
      // do nothing, let user pick option if not set as default in options menu
    }

    ///////////////////////////////////////////////////////////////////

    // Welcome Banner
    var welcomBanner = document.querySelector("yt-live-chat-viewer-engagement-message-renderer");
  
    // Set Hide Welcome Banner
    if (src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_5__["default"].data.options.hideWelcomBanner) {
      welcomBanner.classList.add("hideElement");
    } else {
      welcomBanner.classList.remove("hideElement");
    }

    ///////////////////////////////////////////////////////////////////

  }

// --- Every Frame Loaded
src_helpers_PersistentSyncStorage__WEBPACK_IMPORTED_MODULE_5__["default"].on("ready", () => {
  MAIN = new Main();
});


function checkMode(){

  if(alreadyTheater){
    console.log('enterTheater');
    alreadyTheater = false;
    enterTheaterMode();
  }else{
    //  is reverse because at the time of check dom elements havent moved yet
    if(document.getElementById('player-theater-container').contains(document.getElementById('player-container'))){
      console.log('exitTheater');
      exitTheaterMode();
    }else{ 
      console.log('enterTheater');
      enterTheaterMode();
    }
  }
}

function enterTheaterMode() {

  const movie_player = document.getElementById('movie_player');
  const chat_frame = document.getElementById('chatframe');
  const info_frame = document.getElementById('info-contents');

  const masthead_container = document.getElementById('masthead-container');
  
  
  masthead_container.hidden = true;
  
  theater_wrapper.classList.add('theater_wrapper_fix');
  movie_player.classList.add('movie_player_fix');
  chat_frame.classList.add('chat_frame_fix');
  info_frame.classList.add('info_contents_fix');


  theater_wrapper.append(info_frame);
  theater_wrapper.append(movie_player);
  theater_wrapper.append(chat_frame);

  document.body.classList.add('body_Fix');


}// end enterTheaterMode

function exitTheaterMode(){

  const movie_player = document.getElementById('movie_player');
  const chat_frame = document.getElementById('chatframe');
  const info_frame = document.getElementById('info-contents');

  const movie_player_container = document.getElementById('player-container'); 
  const player_container_parent = document.getElementById('player-container-inner');

  const chat_frame_parent = document.getElementById('chat'); 
  const info_frame_before = document.getElementById('meta');  

  const masthead_container = document.getElementById('masthead-container');


  masthead_container.hidden = false;

  theater_wrapper.classList.remove('theater_wrapper_fix');
  movie_player.classList.remove('movie_player_fix');
  chat_frame.classList.remove('chat_frame_fix');
  info_frame.classList.remove('info_contents_fix');

  movie_player_container.prepend(movie_player);
  player_container_parent.prepend(movie_player_container);
  chat_frame_parent.prepend(chat_frame);
  info_frame_before.before(info_frame);

  document.body.classList.remove('body_Fix');
}

function theaterMode(){

  var theaterButton = document.querySelector('button.ytp-size-button.ytp-button');

  if(theaterButton){

    
    if(document.getElementById('player-theater-container').contains(document.getElementById('player-container'))){

      //  for when page loads first time - check is reversed after this
      alreadyTheater = true;
      checkMode();
    }

    //  add button
    theaterButton.addEventListener('click', checkMode, false);
  }
}


/***/ }),

/***/ "./helpers/Identification.js":
/*!***********************************!*\
  !*** ./helpers/Identification.js ***!
  \***********************************/
/*! exports provided: isLivestream, isYoutubeGaming, isYoutubeVanilla, isYoutubeEmbed, isPopOut */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isLivestream", function() { return isLivestream; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isYoutubeGaming", function() { return isYoutubeGaming; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isYoutubeVanilla", function() { return isYoutubeVanilla; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isYoutubeEmbed", function() { return isYoutubeEmbed; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPopOut", function() { return isPopOut; });
const isLivestream = () => {
    const timeDisplay = document.querySelector('.ytp-time-display');
    const chatApp = document.querySelector('yt-live-chat-app');
    const chatHeader = document.querySelector('.yt-live-chat-renderer-0');
    const timeDisplayCheck = timeDisplay && timeDisplay.classList.contains('ytp-live');
    const chatCheck = (document.body.contains(chatApp) || document.body.contains(chatHeader));

    return (timeDisplayCheck || chatCheck);
};

// isYoutubeGaming checks for the presence of ytg-app, the top level element for YT Gaming
const isYoutubeGaming = () => {
    return !!document.querySelector('ytg-app');
};

// isYoutubeEmbed checks that this is an iframe, and it is being used on youtube.com
const isYoutubeVanilla = () => {
    // window.frameElement is only available from youtube.com sites from within iframe per CORS
    return !!window.frameElement;
};

// isYoutubeEmbed checks that this is an iframe, and it is **not** loaded from youtube.com (main site uses embed too)
const isYoutubeEmbed = () => {

    // If the frameElement is available, then CORS means that we must be on youtube.com.
    if (window.frameElement) {
        return false;
    }

    // If the window location isn't the parent location, then we are in an iframe.
    return (window.location != window.parent.location);
};

// isPopOut fix for popout page
const isPopOut = () => {
    
    // If the frameElement is available, then CORS means that we must be on youtube.com.
    if (window.frameElement) {
        return false;
    }

    // Checks href for page 
    if(window.location.href.includes('is_popout=1')){
        return !!window.location.href.includes('popout=1');
    }

    return false;
};

/***/ }),

/***/ "./helpers/PersistentSyncStorage.js":
/*!******************************************!*\
  !*** ./helpers/PersistentSyncStorage.js ***!
  \******************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _utils_chrome__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/chrome */ "./utils/chrome/index.js");
/* harmony import */ var events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! events */ "../node_modules/events/events.js");
/* harmony import */ var events__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(events__WEBPACK_IMPORTED_MODULE_1__);



class PersistentSyncStorage extends events__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"] {
  constructor() {
    super();

    this._data = null;
    this.state = 'initiating';

    this._init();
  }

  async _init() {
    const fetchedData = await _utils_chrome__WEBPACK_IMPORTED_MODULE_0__["SyncStorage"].get();
    this._initListener();
    this._data = fetchedData;
    this.state = 'ready';
    this.emit(this.state);
  }

  _initListener() {
    _utils_chrome__WEBPACK_IMPORTED_MODULE_0__["SyncStorage"].listen((changes) => {

      Object.keys(changes).forEach((changeKey) => {
        if(changes[changeKey].hasOwnProperty('newValue')) {
          this._data[changeKey] = changes[changeKey].newValue;
        } else {
          console.error('No newValue in sync storge change');
        }
      });
      
      this.emit('change', this.data, changes);
    });
  }

  set(items) {
    return _utils_chrome__WEBPACK_IMPORTED_MODULE_0__["SyncStorage"].set(items);
  }
  
  get data() {
    return this._data;
  }


  has(item) {
    return this.data.hasOwnProperty(item);
  }
}

/* harmony default export */ __webpack_exports__["default"] = (new PersistentSyncStorage());

/***/ }),

/***/ "./stylus/content.styl":
/*!*****************************!*\
  !*** ./stylus/content.styl ***!
  \*****************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {


var content = __webpack_require__(/*! !../../node_modules/css-loader!../../node_modules/stylus-loader!./content.styl */ "../node_modules/css-loader/index.js!../node_modules/stylus-loader/index.js!./stylus/content.styl");

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(/*! ../../node_modules/style-loader/lib/addStyles.js */ "../node_modules/style-loader/lib/addStyles.js")(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}

/***/ }),

/***/ "./utils/chrome/LocalStorage.js":
/*!**************************************!*\
  !*** ./utils/chrome/LocalStorage.js ***!
  \**************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Storage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Storage */ "./utils/chrome/Storage.js");
/**
* MIT License
*
* Copyright (c) 2020 wompmacho
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/




class LocalStorage extends _Storage__WEBPACK_IMPORTED_MODULE_0__["default"] {
  constructor() {
    super();
    this.store = 'local';
  }
}

/* harmony default export */ __webpack_exports__["default"] = (LocalStorage);


/***/ }),

/***/ "./utils/chrome/Notifications.js":
/*!***************************************!*\
  !*** ./utils/chrome/Notifications.js ***!
  \***************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/**
* MIT License
*
* Copyright (c) 2020 wompmacho
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/


class Notifications {

  create(notificationId = null, options) {
    // notificationId is optional
    if(typeof notificationId === 'object') {
      options = notificationId;
      notificationId = null;
    }

    return new Promise((res, rej) => {
      // resolve args = notificationId:string 
      chrome.notifications.create(notificationId, options, res);
    });
  }

  update(notificationId, options) {
    return new Promise((res, rej) => {
      // resolve args = wasUpdated:boolean
      chrome.notifications.update(notificationId, options, res);
    });
  }

  clear(notificationId) {
    return new Promise((res, rej) => {
      // resolve args = wasCleared:boolean
      chrome.notifications.clear(notificationId, res);
    });
  }

  getAll() {
    return new Promise((res, rej) => {
      // resolve args = notifications:object
      chrome.notifications.getAll(res);
    });
  }

  getPermissionLevel() {
    return new Promise((res, rej) => {
      // resolve args = level:PermissionLevel (https://developer.chrome.com/apps/notifications#type-PermissionLevel)
      chrome.notifications.getPermissionLevel(res);
    });
  }

  listen(event, notificationId = null, callback) {
    // event = 'onClosed' | 'onClicked' | 'onButtonClicked' | 'onPermissionLevelChanged' | 'onShowSettings'
    // notificationId is optional
    if(typeof notificationId === 'function') {
      callback = notificationId;
      notificationId = null;
    }

    if(event === 'onPermissionLevelChanged' || event === 'onShowSettings') {
      return this._nonNotificationIdListen(event, callback);
    }

    /**
     * https://developer.chrome.com/apps/notifications#events
     * 
     * Resolve args (by event):
     * onClosed = notificationId:string, byUser:boolean
     * onClicked = notificationId:string
     * onButtonClicked = notificationId:string, buttonIndex:integer
     * 
     * onPermissionLevelChanged = level:PermissionLevel (https://developer.chrome.com/apps/notifications#type-PermissionLevel)
     * onShowSettings = (none)
     */

    // This callback relates only to those events that have notificationId arg
    const ListenerCallback = (() => {
      if(notificationId !== null) {
        return (passedNotificationId, ...args) => {
          if(notificationId === passedNotificationId) {
            callback(passedNotificationId, ...args);
          }
        };
      } else {
        return callback;
      }
    })();


    chrome.notifications[event].addListener(ListenerCallback);
  }

  _nonNotificationIdListen(event, callback) {
    chrome.notifications[event].addListener(callback);
  }
}

/* harmony default export */ __webpack_exports__["default"] = (Notifications);


/***/ }),

/***/ "./utils/chrome/Storage.js":
/*!*********************************!*\
  !*** ./utils/chrome/Storage.js ***!
  \*********************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/**
* MIT License
*
* Copyright (c) 2020 wompmacho
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/


class Storage {

  get(keys = null) {
    return new Promise((res, rej) => {
      const returnSingle = typeof keys === 'string' || typeof keys === 'number';
      // resolve args = items:object
      chrome.storage[this.store].get(keys, (items) => {
        if(returnSingle) {
          res(items[keys]);
        } else {
          res(items);
        }
      });
    });
  }

  getBytesInUse(keys = null) {
    return new Promise((res, rej) => {
      // resolve args = bytesInUse:integer
      chrome.storage[this.store].getBytesInUse(keys, res);
    });
  }

  set(items) {
    return new Promise((res, rej) => {
      // resolve args = (none)
      chrome.storage[this.store].set(items, res);
    });
  }

  remove(keys) {
    // resolve args = (none)
    return new Promise((res, rej) => {
      chrome.storage[this.store].remove(keys, res);
    });
  }

  clear() {
    // resolve args = (none)
    return new Promise((res, rej) => {
      chrome.storage[this.store].clear(res);
    });
  }

  listen(item, onChange) {
    if(typeof item === 'function') {
      onChange = item;
      item = null;
    }

    chrome.storage.onChanged.addListener((changes, areaName) => {
      if(areaName === this.store) {
        if(item !== null) {
          if(changes.hasOwnProperty(item)) {
            const oldValue = changes[item].oldValue || null;
            const newValue = changes[item].newValue || null;
            onChange(oldValue, newValue);
          }
        } else {
          onChange(changes);
        }
      }
    });
  }
}

/* harmony default export */ __webpack_exports__["default"] = (Storage);


/***/ }),

/***/ "./utils/chrome/SyncStorage.js":
/*!*************************************!*\
  !*** ./utils/chrome/SyncStorage.js ***!
  \*************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _Storage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Storage */ "./utils/chrome/Storage.js");
/**
* MIT License
*
* Copyright (c) 2020 wompmacho
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/




class SyncStorage extends _Storage__WEBPACK_IMPORTED_MODULE_0__["default"] {
  constructor() {
    super();
    this.store = 'sync';
  }
}

/* harmony default export */ __webpack_exports__["default"] = (SyncStorage);


/***/ }),

/***/ "./utils/chrome/index.js":
/*!*******************************!*\
  !*** ./utils/chrome/index.js ***!
  \*******************************/
/*! exports provided: LocalStorage, SyncStorage, Notifications */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LocalStorage", function() { return LocalStorage; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SyncStorage", function() { return SyncStorage; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Notifications", function() { return Notifications; });
/* harmony import */ var _LocalStorage__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LocalStorage */ "./utils/chrome/LocalStorage.js");
/* harmony import */ var _SyncStorage__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SyncStorage */ "./utils/chrome/SyncStorage.js");
/* harmony import */ var _Notifications__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Notifications */ "./utils/chrome/Notifications.js");
/**
* MIT License
*
* Copyright (c) 2020 wompmacho
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/





// export default {
//   LocalStorage: new _LocalStorage,
//   SyncStorage: new _SyncStorage,
//   Notifications: new _Notifications
// }

const LocalStorage = new _LocalStorage__WEBPACK_IMPORTED_MODULE_0__["default"];
const SyncStorage = new _SyncStorage__WEBPACK_IMPORTED_MODULE_1__["default"];
const Notifications = new _Notifications__WEBPACK_IMPORTED_MODULE_2__["default"];

/***/ })

/******/ });
//# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 137304 characters]